/* InVision Styles  */
/* ©2006 by Dan Moriarty Design 
*/ 



	/* Helpers and base rules */

img	{
	border: 0;
	}


body	{
	text-align: center;
	margin: 10px 0;
	padding: 0;
	border: 0;	
	background: #8e93a0;
	color:#333;
	font: 11px/18px "Lucida Grande", "Trebuchet MS",  Verdana, Helvetica, sans-serif;
	}


	/* Primary layout divisions */

#wrapper	{
	width: 790px;
	margin: 0 auto;
	padding: 10px;
	text-align: left;
	}

	
#content {
	background:#fff;
	width:790px;
	clear:left;
	min-height:300px;
	}


#sidebar	{
	float: left;
	width: 160px;
	padding: 30px 10px;
	color:#000;
	font: 11px/18px;
	margin-left:5px;
	}
	
#main_block {
	margin-left:190px;
	padding: 10px;
	
	}

#main_block ul {
	display:block;
	list-style-type:square;
	}

#footer	{
	clear:both;
	border-top: 1px dotted #333;
	padding: 10px 0;
	margin:0;
	}
	
#footer p	{

	font-size: 11px;
	line-height: 18px;
	margin: 0;
	padding: 0;
	}


/*
#rightcol {
	float:right;
	width:120px;
	background:#999 url(../images/images_misc/bg_rightcol.gif) repeat-x;
	margin-left:10px;
	
	padding:5px;
	}

#rightcol ul {
	margin: 0;
	padding:0;
	list-style-type:none;
	}
#rightcol li {
	background:url(../images/images_misc/arrow.gif) no-repeat 0px 2px;
	padding-left:20px;
	}
#rightcol h4 {
	padding:0;
	font-size:12px;
	font-weight:normal;
	padding-bottom:5px;
	border-bottom:1px solid #666;
	}
*/
	
/***********************/

#main_block #leftcol {
	float:left;
	margin-right:10px;
	
	
	}

#main_block #rightcol {
	
	
	}
	

#main_block img {
	float:left;
	padding: 5px 10px;
	
	}	

#sidebar ul {
	margin-left:5px;
	}

#product_thumb {
	float:left;
	text-align:center;
	width:100px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-left: 10px;
	padding-top: 10px;
	}

#product_text {
	padding:5px;
	}	
	
#product_text ul {
	}

#product_text h4 {
	font-size:14px;
	}

#product_submenu  {
	background: transparent url(../images/images_template/bg_submenu.gif) repeat-x;
	padding:3px;
	}

#product_submenu a {
	
	font-weight:normal;
	}
	
#gallery_images input {
	float:left;
	padding:5px;
	border:1px solid #ccc;
	background:#fff;
	margin-right:2px;
	}

#gallery_images img {
	float:left;
	padding:5px;
	border:1px solid #ccc;
	background:#fff;
	margin-right:2px;
	}
#gallery_main {
	clear:left;
	padding-top:10px;
	}	
		
/***** PAGE SPECIFIC ********/

#homepage h2 {
	font: 24px/22px "Trebuchet MS", Trebuchet, "Lucida Grande", Verdana, sans-serif;
	background:none;
	margin-top:20px;
	}

#homepage h3 {
	font-weight:normal;
	}

#techpage h2 {
	padding-bottom:6px;
	background:url(../images/images_misc/bg_subhead.jpg) no-repeat;
	}
#techpage li {
	margin:0;
	padding:0;
	}
#techpage #main_block ul {
	padding:0;
	margin:0 0 0 30px;
	}
		
#techpage #sidebar h3 {
	background: #000;
	color:#fff;
	display:block;
	width:100px;
	padding: 3px;
	}	

/*take out for now
#productpage h2 {
	background:#000;
	color:#D2AB67;
	font: 24px/24px Arial, Helvetica, sans-serif;
	font-weight:bolder;
	letter-spacing:-1px;
	padding:3px;
	}
	*/

#productpage #sidebar h3 {
	background: #000;
	color:#fff;
	display:block;
	width:100px;
	padding: 3px;
	}	

#productpage #sidebar h3 a {
	color:#fff;
	}

#productpage #main_block img {
	margin-bottom:5px;
	}
	
/****** HTML  *****************/


h1	{
	text-indent: -9999px;
	margin:0;
	padding:0;
	border: 0;
	}
	
h1 a:link, h1 a:visited	{
	display: block;	
	width: 790px;
	height: 84px;
	background: #000 url(../images/images_template/header03.jpg)  no-repeat;
	margin: 0;
	padding: 0;
	border: 0;
	}
	
h1 a:hover	{
	display: block;	
	width: 790px;
	height: 84px;
	background: #000 url(../images/images_template/header03.jpg) no-repeat;
	margin: 0;
	padding: 0;
	border: 0;
	}
		
/******* MAIN NAVIGATION *********	*/

#globalnav	{
	display: block;	
	height:16px;
	padding: 1px 0 2px 0;
	border: 0;
	background:#000000;
	margin-top:-1px;
	}

#globalnav ul#dmenu	{
	height: 14px;
	margin: 0;
	padding:0 0 0 30px;
	}
	
#globalnav ul#dmenu li {
	margin: 0 4px;
	padding: 0 7px 0 0;
	list-style: none;
	}
	
#dmenu li>ul { 
	top: auto;
	left: auto;
	}

/****************************/


.topmenuul{
	list-style-type:none;
	margin:0;
	padding:0;
	}

#dmenu li a {
	color:#FFFFFF;
	
	}
	
.topmenuli{
	list-style-type:none;
	float:left;
	border-right:1px solid #000000;
	}

.topmenutitle{
	display:block;

	}

.submenuul{ /* the drop down block */
	list-style-type:none;
	position:absolute;
	margin:0;
	padding:0;
	width:130px;
	display:none;
	background:#000;
	border:1px solid #999;
	}

.submenuli {
	padding:0;
	margin:0;
	
	}

.submenuli a {
	display:block;
	padding:0;
	margin:0;
	border-bottom:1px dotted #333;
	text-decoration: none;
	color:#fff;
	}

.submenuli a:hover{
	text-decoration: none;
	background:#EF3E42;	
	}


li:hover ul , li.over ul{ /* lists nested under hovered list items */
	display: block;
	}



/* Show the page you are on - main nav */
	
body#homepage #dmenu #home {border-bottom:3px solid #EF3E42;}
body#aboutpage #dmenu #about {border-bottom:3px solid #EF3E42;}
body#newspage #dmenu #news {border-bottom:3px solid #EF3E42;}
body#techpage #dmenu #tech {border-bottom:3px solid #EF3E42;}
body#productpage #dmenu #products {border-bottom:3px solid #EF3E42;}
body#gallerypage #dmenu #gallery {border-bottom:3px solid #EF3E42;}
body#warrantypage #dmenu #warranty {border-bottom:3px solid #EF3E42;}
body#contactpage #dmenu #contact {border-bottom:3px solid #EF3E42;}
	

body#productpage #product_overview	#overview { border-bottom:1px solid #000;}
body#productpage #product_details	#details { border-bottom:1px solid #000;}
body#productpage #product_installation	#installation { border-bottom:1px solid #000;}
body#productpage #product_warranty	#warranty { border-bottom:1px solid #000;}
body#productpage #product_specs	#specs { border-bottom:1px solid #000;}

/* Default links 	*/

a:link, a:visited {
	font-weight: bold; 
	text-decoration:none;
	color:#006;
	background: transparent; 
	}

a:hover {
	font-weight: bold; 
	color:#06F;
	background: transparent;
	text-decoration:underline;
	}

a:active {
	font-weight: bold; 
	text-decoration: none;
	
	background: transparent;  
	}

h1 a:hover {
	text-decoration:none;
}

/* Typography 	*/
	
h2, h3, h4	{
	line-height: 1.2em;
	margin: 8px 0;
	}
	
		
h2 {
	font-size:20px;
	color:#000;
	padding-bottom:6px;
}

h3 {
	font-size:16px;
	color:#000;
}

h4 {
	font-size:18px;
	color:#000;
}


p	{
	margin: 0 0 1em 0;
	}

li li {
	list-style-type:disc;
	color:#333;
	}

dt {
	margin: 10px 0 3px 0;
	font-weight:bold;
	font-size:12px;
	background:#fff;
	border-bottom:1px solid #000;
	
	}

dd {
	margin:0 0 0 10px;
	
	}


/* CLASS */

.quotearea {
	color:#000066;
	padding:10px;
	border:1px solid #ccc;
	}

.posted {
	font-style:italic;
	}
	
.callout {
	}
			
strong {
	color:#000;
}
