@charset "utf-8";
/*----------- Boot Camp 360 -----------*/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin: 0; padding: 0; }


/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6
{ font-size: 100%; }


/*Removes list-style from lists */
ol, ul
{ list-style: none; }


/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, the, var
{ font-style: normal; font-weight: normal; }


/* Removes borders and spacing from tables */
table
{ border-collapse: collapse; border-spacing: 0; }


/*Removes border from fieldset and img */
fieldset, img
{ border: 0; }


/* Left-aligns text in caption and th */
caption, th
{ text-align: left; }


/* Removes quotation marks from q */
q:before, q:after
{ content: ''; }






/*------- body styles -------*/

body 
{
	background: #FFFFFF url(../images/header_bg.jpg) repeat-x left top;
	text-align: center;
	margin: 0;
	padding: 0;
}

#container
{
	width: 900px;
	text-align: left;
	margin: 0 auto;
	background-color: transparent;
} 



/*------- header styles -------*/

#header 
{
	position: relative;
	width: 900px;
	height: 218px;
	margin-left: auto;
	margin-right: auto;
} 

#header h1 
{
	display: none;
}


#header img
{
	display: inline;
}

#header img.link
{
	display: inline;
	position: relative;
	top: -78px;
}



/*------- header navigation styles -------*/

#header ul 
{ 
	padding: 0;
	margin: 0;
	position: relative;
	float: right;
	height: 19px;  
	width: auto;  
	list-style: none;
	margin-top: -62px;
	background-color: transparent;
}

#header li 
{ 
	float: left;  
	text-align: right;
	display: inline;
	font-size: 12px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#header li a:link, #header li a:visited
{ 
	display: block;
	border-bottom:none;
	color: rgb(255,255,255);
	text-decoration: none;
	margin: 0 0 0 15px;
}

#header li a:hover
{
	text-decoration: none;
	color: rgb(240,235,37);
	font-weight: bold;
}

#header li a:link.current, #header li a:visited.current
{
	color: rgb(240,235,37);
}



/*------- clear -------*/
.clear 
{
	clear: both;
}



/*------- content styles -------*/

#mainbody
{
	width: 900px;
	margin: 0;
	padding: 0;
	float: right;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:18px;
	color: white;
	margin-top: 0;
}

#mainbody img
{
	margin: 0;
	padding: 0;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}


/*------- intro styles -------*/
#nameheaders h3
{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-sefif;
	font-size: 18px;
	color: #cc383b;
	font-weight: bold;
	text-transform: uppercase;
	padding: 25px 0 5px 0;
}
#intro
{
	float: left;
	width: 900px;
	position: relative;
	margin: 0;
	padding: 0;
	background-color: transparent;
}

#intro h1 
{
	display: none;
}

#intro p
{
	margin: 0 0 0 15px;
	padding: 0;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: rgb(74,87,56);
	padding-bottom: 15px;
}

#intro p span
{
	text-transform: uppercase;
}

#intro p.faq
{
	margin: 0 0 0 15px;
	padding: 0;
	width: 525px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: rgb(127,125,97);
	padding-bottom: 15px;
}

#intro h3
{
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-sefif;
	font-size: 13px;
	color: rgb(74,87,56);
	font-weight: bold;
	text-transform: uppercase;
}

#intro h4
{
	margin: 0 0 0 15px;
	padding: 0;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-sefif;
	font-size: 15px;
	color: rgb(204,56,59);
	font-weight: bold;
	text-transform: uppercase;
}

#intro p a:link, #intro p a:visited
{
	color: rgb(204,56,59);
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#intro p a:hover
{
	color: rgb(204,56,59);
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

#intro img
{
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
	top: 0;
}

#intro img.center
{
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	display: block;
	position: relative;
	top: 0;
}



/*------- formcontainer_left styles -------*/
*
{
	margin:0;
	padding:0;	
}

#formcontainer_left
{
	margin: 15px 0 0 15px;
	padding: 0;
	width: 900px;
	display: inline;
	float: left;
	color: rgb(74,87,56);
}

#formcontainer_left span
{
	margin: 0;
	padding: 0 0 5px 5px;
	position: relative;
	color: rgb(0,0,0);
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-sefif;
	font-weight: normal;
	font-size: 11px;
	
}

#formcontainer_left form
{
	border:0;
}

#formcontainer_left h6
{
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-sefif;
	font-size: 13px;
	color: rgb(74,87,56);
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
}

#formcontainer_left div.clearfix
{
	padding:2px 0;
	vertical-align:top;
	margin-top:7px;
	margin-bottom:7px;
}

#formcontainer_left form label
{
	width:170px;
	float:left;
	padding-right: 10px;
	font-size: 13px;
	color: rgb(74,87,56);
	text-align:left;
}

#formcontainer_left div.buttongroup
{
	position: inherit;
	border:0;
	padding:0;
	margin-bottom:5px;
	margin-left: 25px;
	font-size: 13px;
	color: rgb(74,87,56);
}

#formcontainer_left div.buttongroup input
{
	margin-right:5px;
}

.input
{
	background-color: rgb(186,182,140);
	border: 1px solid rgb(127,125,97);
	color: rgb(74,87,56);
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-sefif;
	font-size: 13px;
}

.input:focus 
{
	background-color: rgb(186,182,140);
	border: 1px solid rgb(127,125,97);
	color: rgb(74,87,56);
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-sefif;
	font-size: 13px;
}
 
.inputbutton
{
	background-color: rgb(186,182,140);
	border: 1px solid rgb(127,125,97); 
}
 
.inputbutton:focus
{
	background-color: rgb(186,182,140);
	border: 1px solid rgb(127,125,97);
} 


.clearfix:after
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .clearfix
{
	display: inline; 
	width: 100%;
}

* html .clearfix
{
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}


/*------- blank styles -------*/

#blank
{
	margin: 0;
	padding: 0;
	width: 900px;
	height: 500px;
	display: block;
}

#blank2
{
	margin: 0;
	padding: 0;
	width: 900px;
	height: 200px;
	display: block;
}



/*------- replace styles -------*/

.replace
{
	outline: none;
	display: block; 
	position:relative; 
	/*\*/ 
	overflow:hidden;
	 /**/
}



/*------- footer styles -------*/

#footerbg 
{
	height: 145px;
	padding: 0;
	margin: 10px 0 0 0;
	background: url(../images/footer_bg.jpg) repeat-x;
	background-color: rgb(164,162,121);
}

#footer
{
	position: relative;
	width:900px;
	margin-top: 0;
	padding: 0;
	height:107px;
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
	text-align: left;
}

#footer p 
{
	color: rgb(74,87,56);
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	float: right;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0 0 15px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	background-color: transparent;
	text-align: right;
}

#footer ul
{
	width: 900px;
	list-style: none;
	margin: 0;
	padding-top: 60px;
	padding-bottom: 5px;
	border: none;
	text-align:right;
}

#footer ul li
{
	width: 900px;
	padding:0;
	display: inline;
	font-weight: normal;
	font-size:12px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: rgb(74,87,56);
	/* Removes unwanted margin in IE */
}

#footer a:link, #footer a:visited
{
	color: rgb(255,255,255);
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	font-weight: normal;
}

#footer a:hover
{
	text-decoration: none;
	color:rgb(74,87,56);
}



/*------- SITECREDITS STYLING -------*/
#sitecredits
{
	position: relative;
	margin-top: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	width: 89px;
	left: -415px;
	top: -35px;
}

#sitecredits_image
{
	width: 89px;
	height: 48px;
	background: url(../images/sd_creditsimage.png) no-repeat;
}
	
#sitecredits_image:hover
{
	background-position: 0 -48px;
}

#sitecredits h1
{
	display: none;
}

.replace
{
	outline: none;
	display: block; 
	position:relative; 
	/*\*/ 
	overflow:hidden;
	 /**/
} 
/*------- LIGHTBOX STYLES -------*/
#lbcontainer{ margin: 0 auto;  padding: 0 0 0 85px; width: 815px; float:none;}
#lbcontainer h3
{
	margin-left: -9000px;
	float: left;
}

#lbcontainer h4
{
	margin:15px 0 0 0;
}

#lbcontainer p
{
	margin: 25px 0 25px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 18px;
	color: white;
}

#lbcontainer p small
{
	border-bottom: 1px dashed;
	border-color: rgb(127,125,97);
	position: relative;
	padding-bottom:2px;
	color: white;
	font-size: 13px;
}


#lbcontainer a:link, #lbcontainer a:visited
{
	color: rgb(136,187,60);
	font-size: 13px;
	text-decoration: none;
}

#lbcontainer a:hover	
{
	color: rgb(146,233,16);
	font-size: 13px;
	text-decoration: none;
}

#lbcontainer img
{
	margin-bottom: 5px;
	display: inline;
	clear: both;
}
	
#lbcontainer a img
{
	border:1px solid;
	border-color: #FF0000;
	display: inline;
	clear: both;
}

#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/media/lb-images/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/media/lb-images/next.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; }
.thumbnail{ float:left;	padding: 0 5px 2px 0px;}