@charset "utf-8";
body {font: 100% Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin: 0; padding: 0; line-height:1.5em; text-align: center; color: #000; background: #110F10; background-image:url(http://www.ricardobarros.com/lib/images/background-page.png); background-repeat:repeat-x;}
img {border-style: none;}
h1 {font-size:24px; margin-top:20px;}
h2 {font-size:18px; margin-top:5px;}
.photography #pagebg {position:absolute; top:0; left:0;	z-index:1; width:100%;}
.photography #pagebg #top {background-image:url(http://www.ricardobarros.com/lib/images/top-gradient-compressed.png); background-repeat:repeat-y; background-position:center; height:400px;}
.photography #page {position:absolute; top:0; left:0; z-index:2; width:100%;}
.photography #container {width: 711px; padding-right:10px; margin: 0px auto 25px auto; text-align: left; background-image:url(http://www.ricardobarros.com/lib/images/logo3.png); background-repeat:no-repeat; background-position:0px 50px;}
.photography #mainContent {padding: 83px 0 0 0; text-align:center;}
.photography .largePhoto {height:369px; position:relative; z-index:1;}
.photography #thumbContainer {position:absolute; top:428px; left:0; z-index:3; width:100%;}

.photography #thumbs {height:70px; position:relative; z-index:2; left:-10px; text-align:center; width:711px; margin:0 auto;}

.photography #rowSpacer {position:relative; z-index:3;}
	
#photographs #homeNav {position:absolute; top:560px; left:0; z-index:4; width:100%;}

#photographs #nav { position:relative; z-index:4;}
#photographs #navbox {margin:0; background-image:url(http://www.ricardobarros.com/lib/images/top-gradient-compressed.png); background-repeat:repeat-y; background-position:center;}
#photographs #nav img {padding:5px 10px;}

.photography .largePhoto img {}

.photography #thumbs #leftarrow {margin:16px 23px 0px 0; float:left;}
.photography #thumbs #rightarrow {margin:16px 0 0px 24px; float:left;}
.photography #thumbs .thumb {margin:16px 13px 0px 12px; float:left;}
.photography #thumbs .thumb img {border:1px solid #323031; cursor:pointer; cursor:hand;}
.photography #thumbs .thumb img:hover {border:1px solid #323031;}
.reflection:hover {border:1px solid #323031; cursor:default;}
#photographs #copyright {margin:17px 0 3px 0; color:#333333;}
#copyright span:hover {color:#CCC;}
#copyright a {color:#333333; text-decoration:underline;}
#copyright a:hover {color:#FFF; text-decoration:underline;}


/* HOME */
#fulloutershell {position:absolute; top:63px; left:0; width:100%; z-index:3;}
#flashcontainer, #outershell {width:700px; height:500px;}
#flashcontainer {position:absolute; top:0; left:0;}
#outershell {position:relative; margin:0 auto;}
object {outline:none;}
#homelogo {height:400px;}

#navbox img {opacity:0.6;filter:alpha(opacity=60)}
#navbox img:hover {opacity:1;filter:alpha(opacity=100)}


/* Sub */

.half {width:40%; float:left; margin:0 5%;}

.clear {clear:both;}