@charset "utf-8";
/* CSS Document */

body
{
		margin:0;
		text-align:center;
}
.tooltip {border-bottom:1px gray dashed; cursor:help}
p { margin:0;

		font-family: arial;
		color:#4B4B4B;
		font-size: 12px; }
img { border:none;}

html>body #nav { margin-bottom:-1px; }
ul{margin:0; padding:0}
li{margin:0; padding:0}

ul.nav_menu
{
		font-size:10px;
		font-weight:bold;
		color:white;
		font-family:geneva, Verdana, Arial, Helvetica, sans-serif;

		list-style-type: none;
		padding-left: 0px;
		margin-left: 0;
		padding-bottom:0px;
		margin-bottom:0px;
}

ul.nav_menu li
{
		display:inline;
		line-height:43px;
}
html>body ul.nav_menu li{line-height:41px;}

ul.nav_menu a
{
padding:15px 15px 16px 15px;
margin:0;
border-left:1px solid #cccccc;
		text-align:center;
	display-style:block;
		font-family: arial;
		color:#4D89B6;
		font-size: 11px;
		font-family: Arial;
		font-weight: normal;
		text-decoration: none;
}

#last_nav_item{border-right:1px solid #cccccc;margin-right:15px;}

ul.nav_menu a:link {  }

ul.nav_menu a:link:hover
{
background-image:url(images/nav_hover.gif);
background-repeat:repeat-x;
background-position:bottom;
display-style:block;
}

ul.nav_menu a:active
{
		
}

ul.nav_menu a:visited
{
	
}

ul.nav_menu a:visited:hover
{
background-image:url(images/nav_hover.gif);
background-repeat:repeat-x;
background-position:bottom;
display-style:block;
}

#selected{background-image:url(images/nav_selected.gif);background-repeat:repeat-x;
background-position:bottom;}

#email {color:#999999;
		font-size: 11px;
		font-family: Arial;
		font-weight: normal;
		text-decoration: none;
		}
		
#email_link{border:none; padding-left:0;color:#999999;text-decoration:underline;background-image:none}

#nav_current { background-color:#2c4e6a }

.main_box{margin-top:50px; margin-left:auto; margin-right:auto;width:950px;}
.top_bar{text-align:left; vertical-align:baseline; height:60px;}
.nav_bar{margin-top:17px;float:left}
.logo{float:left; margin:2px 35px 0px 25px; bottom-border:10px; position:relative; bottom:10px}
.content_area{height:380px; margin-bottom:16px;border:1px #cccccc solid;}
#about_us{background-image:url(images/bkg_products.jpg);background-repeat:no-repeat; background-position:bottom left; text-align:left; height:289px}
#about_us ul{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;font-weight:normal; margin:-10px 0 0 265px; color:#3F5E78}
#about_us span{font-size:15px; font-weight:bold}
#about_us li{list-style:none; margin:10px 30px 0 0; }
#about_us img{margin-left:0px; margin-bottom:-8px}
html>body #about_us img{margin-bottom:0}
#about_us p{margin:10px 0px 10px 20px; color:#3F5E78; line-height:1.5em}

#get_started{background-repeat:no-repeat;text-align:left; padding:0;}
#get_started ul{font-size:10px;font-weight:normal; margin-left:20px}
#get_started li{list-style:none; margin:10px 0px 0 0}
#get_started img{margin-left:0px; margin-bottom:-8px}

#get_started a {color:#4B4B4B;}
#get_started a:hover{background-color:#DFDFDF}

.contact_form{	font-size: 11px;
		font-family: Arial;
		font-weight: normal;
		text-decoration: none;color:#999999;margin:0; text-align:left}
.form_left{width:180px; float:left;}
.form_right{width:auto; float:left;}


.box{
		width:304px;
		height:110px;
		text-align:left;
		float:left;
		border:1px #cccccc solid;
}

.box_product{
		width:304px;
		height:240px;
		text-align:left;
		float:left;
		border:1px #cccccc solid;
		background-color:#F4F8FB;
}

.box_product p{font-family: Verdana, Arial, Helvetica, sans-serif; margin:5px 5px 5px 14px; font-size:10px; line-height:160%}
.box_product ul{font-family: Verdana, Arial, Helvetica, sans-serif;color:#4B4B4B; margin:5px 5px 5px 24px; font-size:10px; line-height:160%}
.box_product span{font-weight:bold}
.box a {font-family: Verdana, Arial, Helvetica, sans-serif;color:#4B4B4B; font-weight:700; text-decoration:none}
.box a:hover{background-color:#FFFFFF}

.product_content li{margin:6px 0px}
#box1{margin-right:16px; background-image:url(images/bkgBox3.gif)}
#box1 p{margin:5px 5px 0 14px; font-size:10px; line-height:140%}
#box1 p img{margin: 7px 0px 5px 30px;}
#noBkg{background:none}

#box2{margin-right:16px; background-image:url(images/bkgBox2.gif)}
#box3{background-image:url(images/bkgBox1.gif)}

ul.product
{
		z-index:1;
		margin:0 5px 0 0;
		font-size:10px;
		color:#4B4B4B;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		letter-spacing:70%;
		list-style:none;
		padding-left: 7px;
}

ul.product li
{
		margin:15px 0;
		padding-left: 5px;
		padding-bottom:17px;
			border-bottom:1px solid #CCCCCC;
}

.product_img
{
		border:dashed #888888 1px;
		float:left;
		margin-right:9px;
		position:relative;
		top:5;
		z-index:1;
		margin-bottom:8px;
}


html>body .product_img{margin-bottom:8px;}

#product_img_med{border:dashed #888888 1px;}

.product_title
{
		color:#494949;
		font-weight:bold;
}

#product_last{border-bottom:none; margin-bottom:0px}

ul.product a
{
		display-style:block;
		font-family: arial;
		color:#494949;
		font-size: 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight:bold;
}

ul.product a:hover
{
		display-style:block;
		font-family: arial;
		color:#494949;
		background-color:#BACAD6;
		font-size: 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
}


.news_content{height:85px; overflow-y:auto; overflow-x:hidden;width:300px; margin-left:4px; padding-top:4px }
html>body .news_content{height:85px; overflow:auto; width:300px; margin-left:4px; padding-top:4px }



.cssform label
{
		font-weight:bold;
		font-size:10px;
		color:#4B4B4B;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		float: left;
		margin-left: -60px; /*width of left column*/
		width: 65px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
		padding-top:5px;
}

.cssform input
{ /*width of text boxes. IE6 does not understand this attribute*/
		width: 120px;
		margin-bottom:4px;
		color:none;
		font-size:10px;
}

#submit
{		width: 80px;
		margin-left:7px;
		font-size: 10px;
		padding: 0px 5px;
}

html>body #submit { margin-left:5px; }

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix { margin-left: 3px; }

.formdiv
{
		position:relative;
		z-index:1;
		margin:-8px 0 -20px 110px;
}

html>body .formdiv{margin-top:13px}

#product_img_med{border: 1px #cccccc solid}
.img_title{margin:2px 5px 2px 2px; float:left}

.box_title{padding:2px 0 2px 8px;
font-weight:bold;
background-color:#FFFFFF;
		font-size:13px;
		color:#4B4B4B;
		border-bottom:1px #E4E4E4 solid;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}
		
#second_box_title{border-top:1px #E4E4E4 solid;}
		
	.box_subtitle{padding:2px 0 2px 8px;
font-style:italic;
background-color:#EEEEEE;
		font-size:10px;
		color:#999999;
		border-bottom:1px #E4E4E4 solid;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}
		
.box_title span{font-size:9px;font-weight:normal; margin-left:4px}
#about_us_logo{margin-top:3px}
html>body #about_us_logo{margin-top:2px}
.contact_div{margin:20px; background-color:#F7F7F7;  height:310px;float:left;}
#left_contact_div{width:320px;margin:20px 20px 20px 10px;}
#left_contact_div p{margin:10px}
#right_contact_div{width:565px; margin-left:0px;margin-right:0px}
html>body #left_contact_div{margin-left:20px}
#branding_div{width:910px;margin:20px 0px 20px 10px;}
#branding_div p{margin:10px}
html>body #branding_div{margin-left:20px}
.contact_title{padding:2px 0 2px 8px;
font-weight:bold;
background-color:#FFFFFF;
		font-size:13px;
		color:#4B4B4B;
		border-bottom:1px #E4E4E4 solid;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}
.contact_title span{font-size:9px;font-weight:normal; margin-left:4px}
.img_contact{margin:2px 5px 2px 2px; float:left}
.footer{text-align:left;margin-top:-5px; clear:both }
.footer p{color:#CCCCCC; font-size:12px; }
html>body .footer {margin-top:0; line-height:29px}
<style>
<!--
.channel {font-family: arial; font-weight: 400; font-size: 7px; margin-bottom: 0px;}
.channelDescription { font-size: 10px; margin-bottom: 0px;}
.channelPublisher { font-size: 910px; margin-bottom: 0px;}
.news { display: block; font-size: 10px; width: 100%; margin-bottom: 3px;}
.newsAlt { display: block; font-size: 10px; width: 100%; margin-bottom: 3px;}
.newsLink {font-weight:bold;}
-->
</style>


</style>