/*-----------------------------------------------------------------------------
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; }

/* hide images tht are just for print */
.hidden {visibility: hidden;}



/* =General
-----------------------------------------------------------------------------*/
html { background-color : #636466;}

body {
background: url(../images/xl_bg_repeat_y.jpg) repeat-y top center; 
text-align: left;
font-family: "Microsoft Sans Serif", "Trebuchet MS", Arial, sans-serif;
font-size: 75%;
}

# html>body { font-size: 12px; }

/* =Wrappers
-----------------------------------------------------------------------------*/
#wrapper { margin: 0 auto; position: relative; width: 740px; height: 100%; }

/* =Typography
-----------------------------------------------------------------------------*/
p { font-size: 1em; line-height:1.5em; margin-bottom: 1.5em; color:#333333; }

h3 {
	font-size:1.1667em;
	line-height: 1.286em;
	margin-bottom: 0.643em;
	color:#a7c520;
	font-weight:bold; }

#contentMain ul li {line-height:1.5em; margin-bottom:1em; list-style-type:disc; }

/* =Branding
-----------------------------------------------------------------------------*/
#branding { width: 100%; height: 169px; text-indent:-9999px; background:#FFFFFF url(../images/xl_header.jpg) no-repeat top left; } 
.logoMain { margin-right:12px; margin-bottom: 24px; }

/* =Main Nav
-----------------------------------------------------------------------------*/
#navMain {
	position: absolute;
	top: 0px; 
	left: 10px;
	width: 200px;
	height: 375px;
	background: #FFFFFF url(../images/xl_menu_bg.png) repeat-y top left;
	z-index: 2;
	text-align:right;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:-1px;
}

#navMain ul.large {
	padding: 0 24px 0.2em 24px;
	font-family:"trebuchet MS";
	color:#493f0b;
	font-size:1.5em;
}

#navMain ul.large li { padding-top: 0; padding-bottom: 0.2em; }

#navMain ul.large li a, #navMain ul li a:visited{ color:#493f0b; }

#navMain ul.second {
	padding: 0 24px 0.2em 24px;
	font-family:"trebuchet MS";
	font-size:1em;
	letter-spacing:0;
	color:#87dc1d;
}

#navMain ul.second a, #navMain ul.second a:visited {color:#87dc1d; }

#navMain ul.second li { padding-top: 0; padding-bottom: 0.5em; }

/* =Links
-----------------------------------------------------------------------------*/
#contentMain a.more { color:#87dc1d; text-decoration:underline; font-weight:bold; }
#contentMain a.more:hover { text-decoration:none; }





/* =Main Content
-----------------------------------------------------------------------------*/
#contentMainHolder { position: relative; width: 740px; background-color:#FFF;}
#contentMain { margin: 0px 32px 0px 246px; padding: 24px 0px; }

/* =address
-----------------------------------------------------------------------------*/
#contactInfo {
	position:absolute;
	top:375px;
	left:10px;
	width: 200px;
	height: 125px;
	background: #FFF url(../images/xl_menu_bottom.png) no-repeat top left;
	text-align: right;
	color: #493f0b;
	padding-top:14px;
	font-family:"trebuchet MS";}
	
#contactInfo address { padding-right:24px; }
#contactInfo span.tel { font-weight:bold; padding-right:24px; font-size:1.3em; letter-spacing:-1px; }
#contactInfo span.num { font-weight:bold; padding-right:24px; font-size:2.3em; letter-spacing:-2px; line-height:1em; }
#contactInfo a { color: #493f0b; text-decoration: underline; }
#contactInfo a:hover { color: #87dc1d; text-decoration: none; }
  
 
/* =Footer
-----------------------------------------------------------------------------*/
#footer {height:100px; text-align:center; padding-top: 35px; line-height:2em;}
#footer p {color:#FFF;}
#footer a {color:#FFF; text-decoration:underline; }
#footer a:hover {color:#FFF; text-decoration:none; }

/* =Misc
-----------------------------------------------------------------------------*/
.largeMachine {position: relative; margin-bottom:-87px; margin-top:-20px; left:200px;}

.prodImages {border:thin #66FF00 solid; margin: 5px;}

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