/*
Theme Name: Have Booth Will Travel 2012
Theme URI: http://haveboothwilltravel.com
*/

body {
	padding: 0;
	margin-top: 0;
	margin: 0;
	border: 0;
	background: #000;
	width: 100%;
	display: table;
	color: #fff;
	font-size: 12px;
	font-family: Helvetica, arial, sans-serif;
}

a {
		color:#fff;
		text-decoration: underline;
	}
	a:hover {
		color: #fff;
		text-decoration: none;
	}
	h1, h2 {
		margin:.8em 0 .2em 0;
		padding:0;
		color: #fff;
		font-weight: normal;
	}
	p {
		margin:.4em 0 .8em 0;
		padding:0;
	}
	img {
		margin:0px 0 0px;
		border: 0;
	}
	
	img, img a, img a:hover {
		border: 0;
	background: transparent;
	}
	
	a img:hover {
	filter:alpha(opacity=54);
    -moz-opacity:0.54;
    -khtml-opacity: 0.54;
    opacity: 0.54;
	}
	
	a.fancybox, a.fancybox:hover {
	border: 0;
	background: transparent;
	}

#wrapper {
width: 1200px;
margin: 0 auto;
padding: 0;
background: #7d3e97;
}

#main {
min-height: 950px;
background: #000 url('images/wrapper_bg.png') no-repeat top left;
overflow: hide;
width: 100%;
}

#main_dark {
min-height: 950px;
background: #000 url('images/wrapper_bg_dark.png') no-repeat top left;
overflow: hide;
width: 100%;
}

/* Header Styles */
#header {
	width: 100%;
	clear: both;
	text-transform: uppercase;
	height: 168px;
}

#header .logo {
	background: url('images/logo.png') no-repeat top left;
	width:168px;
	height: 168px;
	float: left;
	margin-left: 37px;
	}

.header_right {
width: 950px;
float: right;
margin: 0;
padding: 0;
max-height: 168px;
}

.header_findyourphotos {
background: transparent url('images/findyourphotos.png') no-repeat top left;
width: 433px;
height: 126px;
margin-left: 518px;
margin-top: 10px;
cursor: pointer;
}

.header_nav {
margin: 0px 0 0 0px;
padding: 0;
font-size: 1.3em;
}

.header_nav ul {
list-style: none;
display: block;
padding: 0;
overflow: hidden;
position: relative;
margin: 0;
}

.header_nav ul li {
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
list-style: none;
padding: 20px 0px 5px 0px;
margin: 0;
}

.header_nav ul li a {
text-decoration: none;
color: #000;
padding: 0px 17px;
margin: 0;
font-weight: bold;
font-size: .9em;
}

.white ul li a {
text-decoration: none;
color: #fff;
padding: 0px 17px;
margin: 0;
font-weight: bold;
font-size: .9em;
}

.header_nav ul li:hover {
background: #7d3e97;
color: #fff;
}

.header_nav ul li a:hover {
color: #fff;
}

li.current_page_item {
margin: 0;
padding: 0;
}
	
/* Content */
#content {
padding: 0px 15px 15px 15px;
clear: both;
font-size: 1.2em;
min-height: 500px;
max-height: 500px;
overflow-y: auto;
width: 1128px;
margin: 10px auto 60px auto;
}

#carousel {
}

/* Footer */
#footer {
clear: both;
width: 100%;
font-size: 1em;
color: #fff;
margin: 0px auto;
background: #7d3e97 url('images/footer_bg.png') no-repeat top left;
min-height: 150px;
}

#footer a {
color: #fff;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}

/* column container */
#footer .colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	margin-top: 20px;
}
/* common column settings */
#footer .colright,
#footer .colmid,
#footer .colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
}
#footer .col1,
#footer .col2,
#footer .col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
#footer .threecol {
	background: #7d3e97;		/* right column background colour */
}
#footer .threecol .colmid {
	right:25%;			/* width of the right column */
	background: #7d3e97;		/* center column background colour */
}
#footer .threecol .colleft {
	right:50%;			/* width of the middle column */
	background: #7d3e97;	/* left column background colour */
}
#footer .threecol .col1 {
	width:21%;			/* width of center column content (column width minus padding on either side) */
	left:135%;			/* 100% plus left padding of center column */
}
#footer .threecol .col2 {
	width:40%;			/* Width of left column content (column width minus padding on either side) */
	left:57%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
#footer .threecol .col3 {
	width:21%;			/* Width of right column content (column width minus padding on either side) */
	left:95%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

.facebook {
background: url('images/facebook.png') no-repeat top left;
height: 60px;
width: 60px;
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
}

.twitter {
background: url('images/twitter.png') no-repeat top left;
height: 61px;
width: 60px;
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
}

#footer ul {
list-style: none;
padding: 0;
overflow: hidden;
position: relative;
margin: 0;
}

#footer ul li {
list-style: none;
padding: 0px 0px;
margin: 0;
}

#footer ul li a {
text-decoration: none;
color: #fff;
padding: 0px 0px;
margin: 0;
}

#footer h7 {
font-size: 1em;
font-weight: bold;
margin-bottom: 5px;
display: block;
}

.copyright_spacer {
min-height: 60px;
}
/*
#content::-webkit-scrollbar {
    width: 12px;
}

#content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

#content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
} */

/* Portfolio */

.portfolio_menu {
float: left;
width: 200px;
margin-right: 40px;
}

#slider {
float: left;
}

ul.portfolio {
list-style: none;
display: block;
padding: 0;
overflow: hidden;
position: relative;
margin: 20px 0 0 20px;
}

ul.portfolio li {
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
list-style: none;
padding: 5px 0px;
margin: 0;
}

ul.portfolio li a {
padding: 10px;
text-decoration: none;
color: #fff;
}

ul.portfolio li a:hover {
text-decoration: underline;
}