@charset "UTF-8";
/* CSS */
/* Max Bosse Photography Portfolio // Designed by Alexander Sellas */


* {margin:0;padding:0;}
body {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#000000;
}
#wrap {margin:0 auto;width:910px;}
#subheader {
width:800px;
margin:0 auto;
}
#header {
background-image:url(../images/portfolio_header.jpg);
background-position:left;
width:910px;
height:189px;
}
#header h1 {text-indent:-10000px;}
a:link, a:visited {text-decoration:none;color:#667080;}
a.imglink, div > a {border-bottom:none;}
li {
float:left;
list-style:none;
text-decoration:none;
}
.clearleft {clear:left;}
ul#menu li {
height:37px;
background-color:0c0c0c;
border-bottom:1px #CCCCCC;
padding-left:8px;
padding-right:8px;
border-right:1px solid #000;
border-left:1px solid #000;
list-style:none;
}
#menu li a {
font-size:14px;
text-transform:uppercase;
color:#8D8D8D;
position:relative;
top:10px;
}
#menu li.active, #about:hover, #work:hover, #clients:hover, #contact:hover, #trendhunter:hover {background-image:url(../images/menu_tab_03.png);}
#menu li.active a, #menu li:hover a {color:#FFFFFF; border-bottom:none;}
h2#selectedworks {
background-image:url(../images/selectedworks_05.png);
background-repeat:no-repeat;
background-position:0px 0px;
height:44px;
text-indent:-10000px;
}
h2#contactme {
background-image:url(../images/contactme_03.png);
background-repeat:no-repeat;
height:44px;
text-indent:-10000px;
}
h2#aboutme {
background-image:url(../images/about_06.png);
background-repeat:no-repeat;
height:44px;
text-indent:-10000px;
}
h2#myclients {
background-image:url(../images/clients_06.png);
background-repeat:no-repeat;
height:44px;
text-indent:-10000px;
}
h2#trendhunt {
background-image:url(../images/trendhunter_06.png);
background-repeat:no-repeat;
height:44px;
text-indent:-10000px;
}
ul#submenu {
height:35px;
background-color:#1a1a1a;
border-bottom:1px solid #313131;
padding-left:13px;
padding-bottom:2px;
}
#submenu li {margin:10px;margin-top:9px;margin-right:5px;}
#submenu a {font-size:13px;color:#8d8d8d;}
#submenu li:hover a, #submenu li.active a {color:#FFFFFF;}
#mcontent {
background-color:#1a1a1a;
padding:10px;
padding-top:20px;
padding-left:23px;
}
#footer {
font-size:11px;
color:#555555;
padding:10px;
padding-left:0px;
}
#footer a {color:#555555;}
#footer a:hover {color:#FFFFFF;}
.thumbnails {
margin-right:15px;
margin-bottom:20px;
}
h3 {
color:#000000;
text-transform:uppercase;
}
p {
font-size:13px;
line-height:16px;
margin-top:0;
margin-bottom:10px;
color:#000000;
}
.bold {font-weight:bold;padding-bottom:5px;}
.boldblue {font-weight:bold; color:#7C8496;}
#contactinfo, #clientinfo, #bioinfo, #trendinfo {
	width:40%;
	background-color:#F9F9F9;
	padding:20px;
	margin-bottom:25px;
}
#clientinfo p {
margin-bottom:5px;
padding:0;
}
#bioinfo{width:45%;}
#contactinfo {width:38%;}
#clientinfo {width:47%;padding-bottom:20px;}
#trendinfo{width:57%;}
.floatleft {float:left;}
.floatright{float:right;}
#trendimages {
	position:relative;
	left:-50px;
}
#portraet{position:relative;right:110px;}
#portraet1{position:relative;right:60px;}
#portraet2{position:relative;right:50px;}
#trendfotos{position:relative;right:25px;}
#trendimages img {margin-right:12px;margin-bottom:12px;}
.client {float:left;margin-right:40px;}

/* Image Slideshow */
#bestof {  
    height:  385px;  
    width:   500px;  
    padding: 0;  
    margin:  0; 
	margin-left:100px;
	/*margin-top:10px; */
} 
 #bestof img { 
 	display:block;
    padding: 10px;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#000000;     
    width:  500px;  
    top:  0; 
    left: 0 
}