body { 
font-family: tahoma, verdana, arial; 
font-size: 0.7em; 
color: #666666; 
background-color:#666666;
background-image:url(http://spotlightdirect.com/pro/admin/template_pic/bg.jpg);
background-color: #333333;
cursor: default;
}

#header {
	width: 770px;
	margin: -10px auto;
	}
	
#header span {
	color:#999999;
	font-size:11px;
	padding-left:10px;
	text-shadow:0px 0px 0px #000000;
	font-family:Verdana;
}

#header social {
	margin: 0 0 0 150px;
}

p { 
margin: 0px; 
padding: 10px; 
cursor: default; 
line-height:1.3em; 
}
/*h1 { font-size: 1.2em; font-weight: bold; color: #606060; padding-bottom: 3px; margin: 0px; }*/
h1 { font-family: "Trebuchet MS", tahoma, arial; font-size: 1.2em; font-weight: bold; color: #505050; padding-bottom: 3px; margin: 0px; }
h2 { font-size: 1.2em; font-weight: bold; margin: 0px; color:  #EE3624; }
h3 { font-size: 1.2em; font-weight: bold; color: #0066DF; margin: 0px; }
ul { margin: 0px; padding: 0px; list-style:none; }
img { border: 0px; margin: 0px; }
form { margin: 0px; padding: 0px; }
label { cursor: pointer; }
legend {color: #444; font-size: 1.2em; font-weight: bold; }
fieldset { border: 1px solid #E0E0E0; padding: 4px; margin:0px; margin-top: 8px; }
input, select, textarea { font-family: tahoma, verdana, arial; font-size: 1.0em; }
pre {margin:0px;padding:0px;font-size:0.9em;font-family:tahoma,verdana,arial;}

/* classes */
strong.s1 { color:#444444 }
strong.s2 { color:#6BB300; }
strong.s3 { color:#B32400; }
input.blue_button {background:url('images/bluebg.gif');background-repeat:repeat-x;font-family:verdana,tahoma,arial;font-size:0.9em;color:white;font-weight:bold;padding: 1px 3px 1px 3px;margin-bottom:1px;cursor:pointer;border-top:1px solid #99CCFF;border-left:1px solid #99CCFF; border-bottom:1px solid #115599; border-right:1px solid #115599;}
input.green_button {background:url('images/greenbg.gif');background-repeat:repeat-x;font-family:verdana,tahoma,arial;font-size:0.9em;color:#666666;font-weight:bold;padding: 1px 3px 1px 3px;margin-bottom:1px;cursor:pointer;border-top:1px solid #E9E9C1;border-left:1px solid #E9E9C1; border-bottom:1px solid #98A574; border-right:1px solid #98A574;}
input.chkbox{margin-left:0px;margin-bottom:0px;}
input.radio {margin-bottom:-2px; margin-left:-1px;}
ul.ls_menu li { margin: 0px 0px 2px 0px; }
ul.ls_menu2 li { margin: 2px 0px 6px 0px; }
img.img1 { margin-bottom: -2px; }
span.hilite { background-color: #E0E0E0; }
span.underline { border-bottom: 1px solid #444444; }
span.small { color: #808080; }
span.smalltext { font-size: 0.9em; }
span.help { color: #55A055; cursor: help; border-bottom: 1px dotted; }
span.link { color: #0055FF; cursor: pointer; }
span.link_clicked { color: #0055FF; cursor: pointer; font-weight: bold; }
span.link2 { color: #888888; cursor: pointer; font-size:0.9em; }
span.link3 { color: #404040; cursor: pointer; font-size:0.9em; }
span.link4 { color: #0066DF; cursor: pointer; }
span.head1 { color: #404040; font-size:1.1em; font-weight: bold; }
span.sort { cursor:pointer; color: #444444; text-decoration:underline; }
td.ct { text-align: center; }
td.cr { text-align: right; }
td.tt { vertical-align: top; padding-top: 4px; }
div.outer{border: 1px #888888 solid;background-color: white;}
div.inner{padding: 8px;margin: 1px;border-right: 1px solid #E0E0E0;border-bottom: 1px solid #E0E0E0;}
p.note1{font-size:0.9em;line-height: 1.3em;border:1px solid #FFBFBF;background-image:url('images/bg4.gif');padding:3px 3px 3px 5px;margin:5px 0px 5px 0px;}
p.p1{background-color:#f0f0f0;padding:5px;margin-bottom:4px;color:#404040;}
p.p2{margin:0px;padding:0px;}
div.box1{padding: 5px;background-color: #FAFAFA;}
div.box2 { margin-top: 3px; }
div.spacer { clear: both; }
div.announce_1 { padding:15px; margin-bottom: 5px; margin-left: -5px; margin-right: -5px; background-color:#F5FFE6; -moz-border-radius:5px; }
div.announce_2 { padding:15px; margin-bottom: 5px; margin-left: -5px; margin-right: -5px;background-color: #fafafa; -moz-border-radius:5px; }
div.announce_1 h1, div.announce_2 h1 { font-size: 1.2em;  font-family: tahoma, arial; }
div.announce_1 span, div.announce_2 span { color: #808080; font-size: 0.9em; }

h1.head1 { color:#454545; font-family: "Trebuchet MS", arial, tahoma; font-size: 1.2em; margin: 0px; padding: 0px; }

.color1 { background-color: #FCFCFC; }
.color2 { background-color: #F9F9F9; }
.color3 { background-color: #D0D0D0; }
.color4 { background-color: #FBFFDF; }

/* Link styles */
a:link    { color: #0066CC; }
a:visited { color: #003366; }
a:hover   { text-decoration: none; }
a:active  { color: #9DCC00; }

a.special, a.special:visited { color: #0066DF; }
a.special2, a.special2:visited { color: #0055FF; text-decoration: none; }
a.special:hover { text-decoration: none; }
a.special_green, a.special_green:visited { color: #5aa200; }
a.special_green:hover { text-decoration: none; }
a.folder_link { text-decoration: none; }
a.link2 { color: #888888; cursor: pointer; font-size:0.9em; text-decoration: none; }

/* IDs and stuffs*/

#credit{
	background-color:#000000;
color:#666666;
font-size:12px;
height:41px;
line-height:12px;
margin:-3px 0;
padding:5px 15px;
text-align:center;
width:740px;
}
#credit a { color: #999999; }
#container{width: 770px;margin:0px auto 0px auto;background-color: white;border: 0px solid #454545;}
#container2{padding: 20px;border: 1px solid #000000;}
#menu2 a {display:block; float: left;font-size:1.0em;color:#454545;font-weight:bold;text-decoration:none;padding: 4px 7px 2px 7px; background:url('images/micon.gif'); margin-right: 10px; }
#menu2 a:hover{text-decoration:none; color:#4483DC; background:url('images/micon2.gif'); }
#menu2{padding:60px 3px 22px 10px;background:url('images/mbarbg3.png');background-repeat:repeat-x;background-color:#606060;line-height:1.4em;color:white;   }

#menu { 
background:#FAFAFA url(images/nav-bg.gif) repeat-x scroll 0 0;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-top:1px solid #000000;
float:left;
height:32px;
position:relative;
width:768px;
font-weight:bold;
font-family:"Lucida Grande",Verdana,Helvetica,Arial,Geneva,sans-serif;
	line-height:20px;
	text-decoration:none;
	text-shadow:1px 1px 1px #FFFFFF;
	color: #666666;
	
	
}

#menu a { color: #666666; font-size: 12px; margin-left:15px; text-decoration:none; letter-spacing:normal; }
#menu a:hover { color: #333333; font-size: 12px; margin-left:15px; text-decoration:none; letter-spacing:normal; }

#menu_links { padding: 6px; float:left;}
#top {margin: 40px 15px 0;font-size: 0.9em; font-weight:bold;font-size:1.4em;color:#505050;font-family:'Trebuchet MS', arial, tahoma;}
#top a { color: #757575; text-decoration: none; }
#top a:hover { color: #202020; }
#content{padding:10px 15px 0; margin-top: 0px;}
#message{display:none;background-color:#FBFFDF;padding:8px;color:#404040;margin:5px;-moz-border-radius:5px;line-height:1.5em;}

#slider {
height:250px;
height:100%;
margin:0px 0px 10px -5px;
overflow-x:hidden;
overflow-y:hidden;
width:839px;
}

#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: #fff; 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: #fff; 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; }