/*-----------------------------------------------------------------------------
version:1.0   
author: Tom Leverenz    
email: tleverenz@mgicommunications.com     
website: http://www.mgicommunications.com  
-----------------------------------------------------------------------------*/

/* =Normalizer
-----------------------------------------------------------------------------*/
/* 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, #wrapper, #content 
{ margin : 0; padding : 0; }

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

/* 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, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
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 :''; }

/* Take out underline on links */
a { text-decoration : none; }

/* unhide images tht are just for print */

.hidden {visibility:visible;}
.noPrint {visibility:hidden;}



/* =General
-----------------------------------------------------------------------------*/
html { text-align : center; background-color:#96b5c2; }

body { 
width : 680px;
margin : 0 auto; 
text-align : left;
font-family:Arial, Helvetica, sans-serif;
font-size : 1em; }

/* =Wrappers
-----------------------------------------------------------------------------*/
#wrapper{ position : relative; width : 100%; height:100%; background : url(../images/content_main_bg.png) repeat-y top left; z-index:2;}

/* =Typography
-----------------------------------------------------------------------------*/
h5 { font-size: 1em; color:#b2d6e5; font-weight:bold; margin-left:0.6em; padding-top:5px;}

h2 { font-size: 0.85em; color:#3d6c7e; font-weight:bold; padding-top:10px; }

h1, #home h2, h3 { font-size: 1em; color:#3d5e6a; font-weight:bold; padding:0; }

h3 { font-size: 1em; }

p, address, ul.prodList li {font-size: 0.7em; color:#666666; line-height:1.4em; }

p {margin: 1em 0;}

ul.prodList { padding-bottom: 10px; }

ul.prodList li { padding-top:6px; line-height:1.2em; background:url(../images/arrow.gif) no-repeat left 7px; padding-left: 12px; }

ul.prodList li.current, ul.prodList li.current a{ padding:10px; line-height:1.2em; background:#ECF3FF; background-image:none; font-size:12px; font-weight:bold; color:#3d6c7e; margin:5px 0; }

.tagline {font-size:14px; font-weight:bold; font-style:italic; }

strong {color:#3d6c7e; font-weight:bold; }

em {color:#FF0000; font-weight:bold; }

/* =Links
-----------------------------------------------------------------------------*/
a.contLink { font-size: 0.75em; line-height:40px;}
a.adobeLink { font-size: 0.55em; line-height:4px;}
a.contLink:link, a.contLink:visited  { color: #3f97b8; font-weight:bold; }
a.contLink:hover, a.contLink:active  { color: #666666; font-weight:bold; }

/* =Branding
-----------------------------------------------------------------------------*/
#branding {width: 680px; height: 170px; background:url(../images/header.png) no-repeat top left; text-indent:-9999px;}

/* =Main Nav
-----------------------------------------------------------------------------*/
#navMain { 
width:660px;
height: 30px;
margin-left: 20px;
padding-left: 28px;
background: url(../images/mMenu_accent_left.png) no-repeat top left;
text-indent: -9999px;
position:relative;
}

#navMainEnd { 
width:20px;
height: 30px;
background: url(../images/mMenu_accent_right.png) no-repeat top right;
position:absolute;
left: 640px;
top:170px;
}

ul#navMain li { float: left; height:10px; margin: 10px 27px 0px 0px; }

ul#navMain li a { display: block; }

ul#navMain li.home a:link, ul#navMain li.home a:visited { background:url(../images/mMenu_home.png) no-repeat top left; width: 40px;}
ul#navMain li.survey a:link, ul#navMain li.survey a:visited { background:url(../images/mMenu_survey.png) no-repeat top left; width: 125px;}
ul#navMain li.events a:link, ul#navMain li.events a:visited  { background:url(../images/mMenu_events.png) no-repeat top left; width: 53px;}
ul#navMain li.info a:link, ul#navMain li.info a:visited { background:url(../images/mMenu_info.png) no-repeat top left; width: 105px;}
ul#navMain li.dealers a:link, ul#navMain li.dealers a:visited { background:url(../images/mMenu_dealers.png) no-repeat top left; width: 61px;}
ul#navMain li.contact a:link, ul#navMain li.contact a:visited{ background:url(../images/mMenu_contact.png) no-repeat top left; width: 65px;}


ul#navMain li.home a:hover, ul#navMain li.home a:active, 
ul#navMain li.survey a:hover, ul#navMain li.survey a:active, 
ul#navMain li.events a:hover, ul#navMain li.events a:active, 
ul#navMain li.info a:hover, ul#navMain li.info a:active, 
ul#navMain li.dealers a:hover, ul#navMain li.dealers a:active,
ul#navMain li.contact a:hover, ul#navMain li.contact a:active { background-position:top right;}

#home ul#navMain li.home a, 
#tools ul#navMain li.survey a, 
#events ul#navMain li.events a, 
#info ul#navMain li.info a, 
#dealer ul#navMain li.dealers a,
#contact ul#navMain li.contact a { background-position:top right; cursor:default;}


/* =Sub Nav
-----------------------------------------------------------------------------*/
#navProd { margin:5px 0 25px 8px; z-index:100; }

#navProd li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
#navProd table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
#navProd a, .navProd :visited {
display:block;
font-size:10px;
width:165px;
padding:7px 0;
color:#b2d6e5;
background:#3d4a4f;
text-decoration:none;
margin-right:1px;
text-align:center;
}
/* style the links hover */
#navProd :hover {
color:#3d4a4f;
background:#b2d6e5;
z-index:100;
}

/* hide the sub level links */
#navProd ul ul {
visibility:hidden;
position:absolute;
width:165px;
height:0;
z-index:100;
}
/* make the sub level visible on hover list or link */
#navProd ul li:hover ul,
#navProd ul a:hover ul{
visibility:visible;
z-index:100;
}

/* =Main Content
-----------------------------------------------------------------------------*/
#contentMain { margin: 0px 30px 10px 30px; padding-top: 30px; width: 390px; }

/* =Secondary Content
-----------------------------------------------------------------------------*/
#contentSub { position: relative; margin: 0px 30px; padding-top: 20px; border-top: dotted #999999 1px; }
* html #contentSub { border-top: solid #999999 1px;}  /* Holly Hack */

.subVideo, .subNews, .subSurvey, .subContact, #home .subAddress { position:relative; width:195px; height:85px; padding:5px;}

.subSection { width:195px; padding:5px;}

.subSection { margin:0;}

#home .subSurvey, #home .subContact, #home .subAddress { padding:0px 15px 10px 0px; float:left;}

#home .subAddress { padding:0px;}

.subVideo { background: url(../images/video_link.jpg) no-repeat top right; }
.subNews { background: url(../images/newsletter_link.jpg) no-repeat top right; }
.subSurvey { background: url(../images/survey_icon.jpg) no-repeat; background-position:155px 0px; }
.subContact { background: url(../images/emailIcon.png) no-repeat; background-position:145px 0px; }

#contentSubRight { position:absolute; left: 435px; top: 250px; padding: 0px 10px; border-left: dotted #999999 1px; }
#contentSubRight p { margin: 0; }

* html #contentSubRight { border-left: solid #999999 1px; }  /* Holly Hack */

/* =Footer
-----------------------------------------------------------------------------*/
#siteInfo {width: 660px; height:60px; background: url(../images/footer_bg.jpg) no-repeat left top #b2d6e6; padding: 50px 0px; margin-left:10px; text-align:center; border-bottom: 2px solid #3d4a4f;}
#siteInfo a, #siteInfo p{ color:#3d4a4f; }
#siteInfo a {text-decoration:underline; }

/* =Utility Menu
-----------------------------------------------------------------------------*/
p.utilities { position:absolute; top:5px; left: 15px; color:#b2d6e5; margin:0; }

p.utilities a { color:#b2d6e5; margin:0; }

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


/* =sitemap
-----------------------------------------------------------------------------*/
.pager { 
	background-color:#eee; 
	border:#ccc 3px solid;
	padding:3px;
	text-align:center;
	font:normal 12px verdana;
}
.lhead { 
	background-color:#eee; 
	border-top:#aaa 3px solid;
	border-bottom:#aaa 3px solid;
	padding:3px;
	font:bold 14px verdana;
}
.lpart { 
	background-color:#f0f0f0; 
	border-left:#ccc 2px solid;
	padding-bottom:25px;
}
.lpage { 
	font:normal 12px verdana;
}
.lcount { 
	background-color:#999; 
	color:#fff;
	padding:2px;
	font:bold 12px verdana;
}

#sitemap #contentMain { width: 100%; }
#sitemap #contentMain table{ width: 550px; }

#sitemap #contentMain a:link, #sitemap #contentMain a:visited{
	padding:1px;
	margin-bottom:4px;
	color:#009;
	text-decoration:none;
	font:normal 90% tahoma, verdana;
}

#sitemap #contentMain a.aemphasis{
	color:#009;
	font-weight:bold;
}
#sitemap #contentMain a:hover{
	text-decoration:underline;
	color:#930;
}
#sitemap #contentMain hr {
	color:#ccc;
}