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

/*Globals*/
* {margin:0; padding:0;}
body {width:100%; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; line-height:1.5em; background:url(images/background2.jpg) repeat-x center top fixed #e8ebf0;}
#page {width:970px; margin:0 auto; text-align:left; border:1px solid #000;}
#home #page {background:url(images/bg_home.jpg) 100% 0% no-repeat #fff;}
#news_events #page {background: url(images/bg_news.jpg)  100% 0% no-repeat #fff; }
#solutions #page {background: url(images/bg_solutions.jpg)  100% 0% no-repeat #fff; }
#applications #page {background: url(images/bg_applications.jpg)  100% 0% no-repeat #fff; }
#products #page {background: url(images/bg_products.jpg)  100% 0% no-repeat #fff; }
#support #page {background: url(images/bg_support.jpg)  100% 0% no-repeat #fff; }
#links #page {background: url(images/bg_partners.jpg)  100% 0% no-repeat #fff; }
#contact #page {background: url(images/bg_contact.jpg)  100% 0% no-repeat #fff; }
#about #page {background: url(images/bg_about.jpg)  100% 0% no-repeat #fff; }
#catalog #page {background: url(images/bg_request.jpg)  100% 0% no-repeat #fff; }
#consumables #page {background: url(images/bg_consumables.jpg)  100% 0% no-repeat #fff; }




p {padding:5px 0;}
h1 {font-size:22px; padding:0px 0 10px 0; border-bottom:2px solid #c55382;}
h2 {font-size:18px; padding:15px 0 5px 0; }
h3 {font-size:14px; padding:15px 0 5px 0; }
h4 {font-size:12px; padding:15px 0 5px 0; }
a {color:#ad1a56;}
a:hover {text-decoration: none;}
a.more {display:block; font-size:11px; text-align:right;}


/*Header*/
#header {background:url(images/header_bg.gif) no-repeat; height:171px; position:relative;}
#logo {
	background:url(images/logo.png) no-repeat;
	width:305px;
	height:77px;
	position:absolute;
	left: 35px;
	top: 35px;
	
}
/*content*/
#content {clear:both; background:url(images/page_bg.png) repeat-y; border-top:1px solid #000;}
#left, #right {width:215px; float:left; padding:10px;}
#flash {float:left; width:499px; height:360px; display:block; background:url(images/flash.jpg) no-repeat;}
#news {padding-top:5px; margin-top:10px; border-top:1px dotted #000;}
#inner_content {padding:35px; min-height:500px;}
#inner_content ul, #inner_content ol {padding-left:20px;}
#inner_content ul li, #inner_content ol li {padding:5px 0;} 

/*navigation*/
#nav {background:url(images/nav_bg.jpg) repeat-x; width:970px; display:block; position:absolute; top:146px;}
#nav ul { position:relative; }
#nav ul li {display:block; float:left; position:relative; padding:0; list-style: none;}
#nav ul li a {display:block;font-size:12px; padding:7px 10px 6px 10px; background:url(images/nav_bg.jpg) repeat-x 0 0; font-weight:bold; color:#fff; text-decoration:none;line-height:12px; white-space:nowrap; overflow:hidden;}
#nav ul li a:hover {background-position:0% 100%; z-index:10 }
#nav ul ul {position:absolute; top:25px; left:0; border-bottom:1px solid #000; border-right:1px solid #000; border-left:1px solid #000; display:none;  width:230px;}
#nav ul ul li {float:none; padding:0; display:inline;}
#nav ul ul li a {display:block; color:#fff; font-size: 12px; font-weight:bold; text-decoration:none; line-height:12px; height:12px; padding:7px 10px 6px 10px; float:none;background-color: #666666; background-image:none;}
#nav ul ul li a:hover {background:#c55382; color:#333333;z-index:20}
#nav ul ul ul li {display:inline;}
#nav ul ul ul {position:absolute; left:220px; top:0px; border-top:1px solid #000;display:block; width:210px; }
#nav ul ul ul ul {position:absolute; left:200px; border-top:1px solid #000; width:240px;}
#nav li:hover, #nav li.sfhover {z-index:30}
#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.sfhover ul ul {display:none;}
#nav ul ul li:hover ul, #nav ul ul li.sfhover ul {display:block;}
#nav ul li:hover ul ul ul, #nav ul li.sfhover ul ul ul {display:none;}
#nav ul ul ul li:hover ul, #nav ul ul ul li.sfhover ul {display:block;}


/*Footer*/
#footer {font-size:11px;}

/*forms*/
#contact_form {width:400px; margin-left:10px; margin-bottom:9px;}
#contact_form label {font-weight:bold; color:#014891; 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%;}

.forms label {display:block; color:#333333; font-weight:bold; padding-top:5px;}
.forms .button {display:block; margin-top:10px;}
.forms .required {color:#c55382; font-weight:bold;}
.forms_contact {float:right; width:720px;}
.forms_contact label {color:#333333; font-weight:bold; padding-top:5px;}
.forms_contact .button {display:block; margin-top:10px;}
.forms_contact .required {color:#c55382; font-weight:bold;}
.forms_contact input, .forms_contact select {
	position: absolute;
	left:274px;
	z-index:1;
}
.forms_contact ul {list-style:none;padding-left:0 }
.forms_contact li {position:relative; padding-top:15px; padding-left:0; }
.forms_contact .full {width:400px;}
.forms_contact .small {width:200px;}
.forms_contact .zip {width:80px;}
.forms_contact textarea {width:400px;height:100px;}

/*other*/

#buttons {background:#fff; padding:5px 0 5px 7px; clear:both; border-top:1px solid #000;}
#buttons a {display:block; float:left; padding-right:4px;}

.news {border-bottom:dotted 1px #c55382; padding-bottom:10px;}
.right {padding: 10px 0 20px 20px; float:right; text-align:center;}
.apps {width:220px; float:left;}
#product_categories {float:left; text-align:center; padding:10px;  width:280px; margin-bottom:25px;}

#logos {list-style:none; text-align:center; margin:0 auto; width:750px;}
#logos img {border:0;}
#logos li {width:250px; height:55px; text-align:center; float:left; display:block; padding:10px 0;}
#address {float:left; padding-right:30px; width:150px;}