/*

Designed and Coded By: Greg Loring
Date: 11/23/2008
Date Modified: 02/05/09

PRIMARY COLORS:

gray: #868686;
links-blue: #3d6f92;
black: #181818;
orange: #f4bf1a;
spectrum blue #2B0A65;
spectrum red #680017;

GREY TEXT color:#685D50;

*/






 /* ========================== RESET ============================= */



/* No list-markers by default - must redefine bullets w/ bg graphics */

ul,ol { 


}



/* Avoid browser default inconsistent heading font-sizes and pre/code */

h1,h2,h3,h4,h5,h6,pre,code,td { 

font-size:1em; 

}



/* Remove inconsistent (among browsers) default padding or margin */

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }



/* prevent blue linked image borders */

a img,:link img,:visited img,fieldset { border:none; }





/* global elements

 /* ========================== TYPE SELECTORS ============================= */



body { 

	

	text-align:center; 

	font:12px/18px Arial, Helvetica, sans-serif; 

	color:#000; 

	}



p, ul, ol, dl, pre, blockquote	{ margin-bottom:10px; }



blockquote { 

	margin-left: 10px; 

	margin-right: 10px; 

	}



h1,h2,h3,h4 { margin:8px 0 8px 0; }



h1	{ font-size:1.2em; color:#29406A; }

h2	{ font-size:1.1em; color:#5A7EA7; }

h3	{ font-size:1.2em; color:#253D56; }

h4	{ font-size:1.0em; color:#685D50; }



h1 span,h2 span,h3 span,h4 span	{ display:none; }



a:link,a:visited	{ color:#680017; text-decoration:none; font-weight: bold; }

a:hover,a:active	{ color:#680017; text-decoration:underline; font-weight: bold; }




 /* ========================== STRUCTURE ============================= */



#container{
	
	text-align: left;
	margin: auto;
	width: 895px;
}



#header h1{
	
	display: none;
}

#header #logo{

	background: url(images/sentryscopeLogo.jpg) no-repeat;
	width: 294px;
	height: 61px;
	margin-top: 6px;
	margin-bottom: 4px;
	float:left;

}


#leftCol	{
	
	margin: 10px 0 25px 0;
	border-right: 1px dotted #868686;
	width: 630px;
	float: left;

	


}

#home #leftCol	{
	
	margin: 10px 0 25px 0;
	border-right: none;
	width: 630px;
	float: left;
	

}




#leftCol p{
	margin: 5px 25px 5px 25px;


}

#leftCol ul	{
	margin: 10px 0 15px 40px;

}


#leftCol img	{
	margin-left: 25px;

}

#leftCol #video1	{
	width: 320px;
	height: 232px;
	margin: 0 20px 0 25px;
	float: left;
	padding: 5px;
	border: 2px solid #868686;
}

#rightCol	{
	
	margin-top: 10px;
	width: 260px;
	float:left;
	
}


#rightCol p	{
	

	margin: 3px 0 0 15px;
	
}

#rightCol img	{
	
	border:		2px solid #868686;
	padding:	2px;
	margin-left: 15px;
	margin-bottom: 10px;
	margin-top: 5px;
	
}


#rightCol h3, #leftCol h3	{
	
	margin-left: 15px;
	
}

#rightCol ul {
	
	font-size: 1em;
	margin-left: 25px;
}
	
#rightCol ul li {
	
	line-height: 2em;
	padding-left: 5px;
}

#rightCol form {
	
	line-height: 2em;
	padding-left: 25px;
}





 /* ========================== MAIN NAV ============================= */

#nav { 

	background: url(images/bg-nav.jpg) repeat-x; 
	
	width:895px; 

	height:25px; 

	border: 1px solid #ababab;
	
	margin-bottom:0; 
	
	position: relative;
	
	z-index: 1;


	}

#nav li a:hover
{
	color: #680017;
	text-decoration: none;
}



/* #nav span { display: none; } */



#nav li, #nav a { 

	height: 23px; display: block; text-align: center;
}


#nav li { 

padding-top: 2px;

float: left; 

list-style: none; 

display: inline; 

position:relative; 

border-right: 1px dotted #868686;}


#nav-01 { width: 142px; margin-left: 15px; background: url(images/bg-nav.jpg) repeat-x;}

#nav-02 { width: 142px; background: url(images/bg-nav.jpg) repeat-x;}

#nav-03 { width: 142px; background: url(images/bg-nav.jpg) repeat-x;}

#nav-04 { width: 142px; background: url(images/bg-nav.jpg) repeat-x;}

#nav-05 { width: 142px; background: url(images/bg-nav.jpg) repeat-x;}

#nav-06 { width: 142px; background: url(images/bg-nav.jpg) repeat-x;}

li#nav-06  { border-right: none;}


/*

#nav-01 a:hover {background: transparent url("../images/nav.jpg")   -2px -35px no-repeat;}

#nav-02 a:hover {background: transparent url("../images/nav.jpg")  -65px -35px no-repeat;}

#nav-03 a:hover {background: transparent url("../images/nav.jpg") -139px -35px no-repeat;}

#nav-04 a:hover {background: transparent url("../images/nav.jpg") -197px -35px no-repeat;}

#nav-05 a:hover {background: transparent url("../images/nav.jpg") -248px -35px no-repeat;}

#nav-06 a:hover {background: transparent url("../images/nav.jpg") -289px -35px no-repeat;} 

*/


/* ------------------------ son of suckerfish: horizontal sprite nav ------------------------ */

#nav li ul {

	position:absolute;

	left:-9999px;

	padding-right:1px; /* Fixes one px spacing for border-right in FF */

	background-color:#fff;	/* Background color of drop down nav - add more styles (i.e. background image) if you want */

	}



#nav li ul li { 

	height:25px; /* Height of each drop down nav item */

	border:1px solid #868686;

	border-top:1px dotted #CECECE;

	}	



#nav li ul li a {

	width:100%;

	height:25px;	/* Height of each drop down nav item, should match above */

	line-height:25px;	 /* Height of each drop down nav item again, should match above */

	}



#nav li ul li a span {

	display:block;

	padding-left:5px;

	}



/* Drop down link styles */

#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {

	font-size:1.0em;

	color:#244070;

	text-decoration:none;


	}



#nav li:hover ul, #nav li.sfHover ul	{ left: auto; }



/* Hover styles for drop down items */

#nav-03 ul a:hover { 

	background-image:none;

	background-color:#244070;

	color:#FFFFFF;

	text-decoration:none;

	}
	
#nav-04 ul a:hover { 

	background-image:none;

	background-color:#244070;

	color:#FFFFFF;

	text-decoration:none;

	}


/* width of drop down nav - choose width that allows items to display on one line */

	

#nav-03 ul, #nav-03 li { width:142px; }		

#nav-04 ul, #nav-04 li { width:142px; }	

/* END NAV ======================================================================== */





/* ====== TIER 1 ====== */


#tier1, #tier2, #tier3
{
	
	margin-bottom: 1em;
	
}



#mainContent #tier1
{
	padding-top: .6em;
}

#tier1 #featured
{
	height: 252px;
	width: 900px;
	border: none;
	float: left;
	z-index: -1;
	
}


#mainContent #tier1 img
{
	float: left;
}

#tier1 img#featuredImage
{
	height: 252px;
	width: 900px;
}


#tier1 #insideFeature
{
	height: 252px;
	width: 900px;
	border: none;
	float: left;

	
}

/* ====== TIER 2 ====== */


#tier2 div.begin	{
	margin-left: 2px;
}

#tier2 div	{
	
	border: 1px solid #ababab;
	
	background: url(images/bg-box.jpg) repeat-x #d8d8d8;	
	float: left;
	width:31%;
	height:120px;
	margin-left: 3%;
	padding-bottom: .5em;
	margin-top: .5em;
	
}

#tier2 h3	{
	
	margin: 2px 0 2px 5px;
	text-align: left;
}

#tier2 img	{

	border:		2px solid #868686;
	padding:	2px;
	margin: 	0 4px 0 5px;


}

#tier2 p	{
	font-size: .9em;
	line-height: 1.5em;
	margin: 3px;
}




/* ====== TIER 3 ====== */



#mainContent #tier3	{

	position: relative;
}





#tier3 p, #tier3 input
{
	padding: 0;
}


#tier3 #rightCol p small
{
	display: block;
}



#footer {
	padding-top:10px;
	float: left;
	text-align: center;
	position: relative;
}

#footer p{
	text-align: center;
}



/* UTILITIES CLASS */

.right	{
	float: right;
}


.left	{
	float: left;
}

.clear	{
	clear: both;

}




.address{
	
	font-weight: bold;
	font-family: Verdana, sans-serif;
	margin: 10px 0 0 5px;
	padding: 0;
	list-style: none;
}

.redtext {

	color:#680017;
	font-weight: bold;

}

.specs {

	font-family: Verdana, sans-serif;
	margin-left: 15px;
	font-size: .9em;
	line-height: 1.8em;

}

.project img {

	border:		2px solid #868686;
	padding:	2px;
	margin: 4px 0 4px 4px;

}