html, body {

height: 100%;

padding-top:0px;

margin:0px;

}

body {

background: #000000 url("images/page_bg.gif") repeat-x;

background-position: top center;

font-family: "Arial";

font-size: 11px;

color:#FFFFFF;

padding:0px;

margin:0px;

}

a, a:link {

text-decoration: underline;

color:#FFF;

}

}

v, v:link {

text-decoration: none;

color:#FFF;

}


a:hover {

text-decoration: none;

color:#FFF;

}

a:active {

text-decoration: underline;

color:#FFF;

}



#container {

width: 774px;

height: auto !important;

margin-left: auto;

margin-right: auto;

margin-top: 0px;

margin-bottom:0px;

}



#core_header {

width: 762px;;

height: 302px;

background: url(rotate/rotate.php);

margin:0px;

padding:0px;

position:relative;

left:7px;

}



#about_header {

width: 762px;;

height: 302px;

background: url(rotate/rotate.php);

margin:0px;

padding:0px;

position:relative;

left:7px;

}



#pricing_header {

width: 762px;;

height: 302px;

background: url(rotate/rotate.php);

margin:0px;

padding:0px;

position:relative;

left:7px;

}



#header_text

{

 position:relative;

 right:50px;

 top:15px;

 font-size:18pt;

 float:right;

 font-weight:bold;

}



img

{

 margin:5px;

}



#core_left {

margin: 0;

width: 774px;

height:auto;

}

#core_right {

margin: 0;

float: left;

width: 750px;

min-height:250px;

background: #316182;

color:#000;

margin-left:10px;

border-left: 4px solid #FFF;

border-right: 4px solid #FFF;

}



.content-box

{



 padding:6px;

 height:auto !important;

 float:left;

 width: 720px;

 margin-bottom:10px;

 font-family: "Arial";

 font-size: 11px;

 color:#FFF;

 margin-left:10px;

}

.tumb

{

 float: left;

 margin-right:5px;

 padding:0px;

}



.pagination

{

 margin-left:auto;

 margin-right:auto;

 text-align:center;

}



#footer {

width: 759px;

background:  url(images/footer.gif) bottom center no-repeat;

text-align: center;

margin-left:auto;

margin-right:auto;

padding:0px;

height:26px;

clear:both;

position:relative;

left:2px;

}



#footer2

{

clear:both;

height:10px;

background: url(images/footer.jpg);

width:758px;

margin-left:10px;

}





h2

{

font-family: "Verdana", Lucida Handwriting, sans-serif;

font-size:18px;

height:25px;

}

h3

{

font-family: "Verdana", Lucida Handwriting, sans-serif;

font-size:15px;

height:22px;

margin:0px;

padding:0px;

color:#FFF;

width:718px;

background: url(images/content_header.jpg) bottom left repeat-x;

margin-bottom:5px;

font-weight:bold;

}

h4

{

font-family: "Verdana", Lucida Handwriting, sans-serif;

font-size:12px;

}





#navcontainer li {

color:#FFF;

display:inline;

position:relative;

height:25px;

width:100px;

padding-left: 70px;

padding-top:20px;

top:19px;

}



#navcontainer ul {

margin:0px;

padding: 0px;

padding-top: 0px;

padding-left: 0px;

width: 774px;

list-style-type: none;

background: url("images/menu_bg.gif");

height:60px;

}

#navcontainer a, #navcontainer a:visited {

display:inline;

color:#FFF;

text-decoration: none;

font-family:Arial;

font-size:12px;



}

#navcontainer a:hover {

margin:0px;

color:#FFF;

text-decoration: none;

border-bottom:2px solid #FFF;





}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #000; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #000; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


