/* CSS Document */
/*Website Designed and Developed by Flavia Oleniewski*/

/*Globals*/
* {margin:0; padding:0;}
body {width:100%; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:url(images/background.jpg) repeat-x top #e0fac5;}
#container {width:1000px; text-align:center; margin:0 auto; background:url(images/bg.png) repeat;}
#page {width:950px; margin:0 auto; text-align:left;  border:1px solid #000;}
p {padding:5px 10px; line-height:1.5em;}
h2 {font-size:16px; color: #333333; font-weight:bold; border-bottom:1px solid #002671; margin-bottom:5px;}
h1 {font-size:22px; color:#002671; font-weight:bold; border-bottom:1px solid #002671;}
#flash {border-bottom:1px solid #000;}
a {color:#002671;}
a:hover {text-decoration:none;}

/*Header*/
#top {background:url(images/bg_top.png) no-repeat; height:24px; margin:0 auto; width:1000px;}
#header { background:url(images/header_bg.jpg) repeat-x; height:74px; position:relative; text-align:right;}
#header h1 {padding:40px 10px 0 0; border:none;}
#logo {position:absolute; top:0; left:0; height:166px; width:317px; }

/*content*/
#content {clear:both; background:url(images/page_bg.jpg) repeat-x #fff;}
#left {float:left; width:302px; padding:50px 10px 10px 10px;}
#left p {padding:5px 0;}
#left h1 {padding:10px 0; font-size:18px;}
#news {border-bottom:1px solid #007123;}
#news h2{border-bottom:none; margin-bottom:0;}
#news h1 {border-bottom:none; color:#000}
#news p {padding-top:0;}
#right {float:right; width:627px; border-left:1px solid #000; min-height:536px;}
.introimg {padding:10px 0; margin:0 10px; border-bottom:2px solid #000099;}

/*navigation*/
#nav{ background:url(images/nav_bg.gif) repeat-x; height:30px;}
#nav ul {list-style: none; position:relative; left:322px;}
#nav ul li {display:block; float:left; height:30px; position:relative; padding-right:24px;}
#nav ul li a {display:block; height:30px;}
#nav ul li a.home {background:url(images/nav_home.gif) 0 0; width:55px;}
#nav ul li a.home:hover {background-position:0 30px;}
#nav ul li a.library {background:url(images/nav_library.gif) 0 0; width:75px;}
#nav ul li a.library:hover {background-position:0 30px;}
#nav ul li a.product {background:url(images/nav_product.gif) 0 0; width:175px;}
#nav ul li a.product:hover {background-position:0 30px;}
#nav ul li a.contact {background:url(images/nav_contact.gif) 0 0; width:102px;}
#nav ul li a.contact:hover {background-position:0 30px;}
#nav ul li a.industry {background:url(images/nav_industry.gif) 0 0; width:125px;}
#nav ul li a.industry:hover {background-position:0 30px;}
#nav ul ul {position:absolute; top:30px; left:0; background:url(images/dropdown_bg.png) repeat; border-bottom:1px solid #000;border-right:1px solid #000;border-left:1px solid #000; display:none;}
#nav ul ul li {display:block; float:none; height:24px; padding-right:0px;}
#nav ul ul li a {display:block; color:#333333; font-size: 14px; font-weight:bold; text-decoration:none; line-height:14px; padding:5px 10px; height:14px; float:none;}
#nav ul ul li a:hover {background:#ebf8e0;}
#nav ul ul ul li {display:block;}
#nav ul ul ul {position:absolute; left:100px; top:2px; border-top:1px solid #000;}
#nav li:hover ul, #nav li.sfhover ul {display:block;}
#nav li:hover ul ul, #nav li.sfhover ul ul {display:none;}
#nav ul li:hover ul, #nav ul li.sfhover ul {display:block;}
#nav ul li:hover ul ul, #nav ul li:hover ul ul {display:none;}
#nav ul ul li:hover ul, #nav ul ul li.sfhover ul {display:block;}

/*Footer*/
#footer {font-size:11px; background:url(images/bg_bottom.png) no-repeat 0 0px; height:50px; margin: 0 auto; width:1000px; padding-top:15px;}
#copyright {background:url(images/copyright_bg.jpg) #333333 top repeat-x;  color:#fff; padding:5px 10px; text-align:right; font-size:10px;}
#seo {font-size:11px; width:1000px; padding-top:10px;}
#footer h1 {border-bottom:none; font-size:11px; width:1000px; color:#000}

/*forms*/
#contact_form {width:400px; margin-left:10px; margin-bottom:9px;}
#contact_form label {font-weight:bold; color:#002671; display:block; padding-top:5px;}
#contact_form input {display:block;}
#contact_form .full {width:100%;}
#contact_form .half {width:50%;}
#contact_form .quarter {width:25%;}

/*inner pages*/
#inner_right {float:right; width:627px; border-left:1px solid #000; min-height:536px;}
#inner_right h1 {margin:0 10px 10px 10px; padding:36px 0 5px 0; font-size:24px;}
#inner_right h2 {margin:10px 10px 5px 10px;}
#inner_right ul {padding-left:30px;}
#inner_right li {padding: 5px 0px;float:left; width:179px;}
#inner_right table {width:607px; margin:0 auto;border:solid 1px #002671; background:#fff;}
#inner_right table td {padding:5px; vertical-align:top; border-left:solid 1px #e0ede4;}
.header {background:#002671; color:#fff; font-weight:bold; font-size:14px; text-align:left;}
.alternate {background:#e0ede4;}
.fuel {width:80px;}
.type {width:80px;}
.brochure {width:80px;}
.manual{width:80px;}
.model{width:127px;}
.warranty{width:80px;}
#tax li {float:none;}
