/*text and image styles*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #666666;
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}
.subhead {font-size: 230%; color:#CC0066; font-weight: normal; line-height: 1.2em;}
.subsubhead {font-size: 110%; font-weight: normal; color: #333333;}
p.subsubhead2 {padding-top: 20px; font-size: 110%; font-weight: normal; color: #333333; border-top: 1px dashed #CCCCCC; margin-top: 20px; line-height: 1.5em;}
.bodybold {font-weight: bold;}
#line {border-top: 1px dashed #CCCCCC; margin-top: 30px; float: none;}

h2#homeh2 {font-size: 160%; color:#CC0066; font-weight: normal; line-height: 1.3em; padding-top: 20px;}

h1 {font-size: 250%;
	color:#333333;
	font-weight: normal;
	line-height: 1.2em;
	margin-top: -5px;
}
h2 {font-size: 230%; color:#CC0066; font-weight: normal; line-height: 1.2em; margin-top: -15px;}
h3 {font-size: 160%; color:#333333; font-weight: normal; line-height: 1.3em; padding-top: 10px; }
h4 {font-size: 160%; color:#333333; font-weight: normal; margin-top: 25px; line-height: 1.3em;}
h5 {font-size: 120%; font-weight: bold; margin-top: 0px; margin-bottom: -15px;}

a {color:#CC0066; font-weight: bold; text-decoration:none;}
a:hover {color:#333333;}

.image {
	margin: 5px 10px 30px 30px;
	float: right;
	border-width: 4px;
	border-style: solid;
	border-color: #CCCCCC;
}

/*structure styles*/
table {width: 100%;}

td {border: 0px; padding: 0px; vertical-align: top;}


/*content areas*/
#logo {width: 195px; height: 102px; background-color:#FFFFFF;}
#facts {color:#999999; width: 565px; height: 102px; font-size: 140%; vertical-align: bottom; background-color:#FFFFFF;}
#contentleft {width: 558px; border-bottom: 1px dashed #CCCCCC; border-top: 1px dashed #CCCCCC; border-right: 1px dashed #CCCCCC; border-left: 1px dashed #CCCCCC; height: 399px; background-color:#FFFFFF;}
#contentright {width: 200px; border-top: 1px dashed #CCCCCC;}
.maincontent {width: 558px;}
.maincontent td {padding: 12px; line-height: 1.5em;}
#imagecontent {background-color: #DBDBDB; border-bottom: 1px dashed #FFFFFF;}
#middlecontent {width: 760px;}


/*navigation top*/
#header {background-color: #FFFFFF;}
#topnavshad {background-color:#FFFFFF; vertical-align: middle; height: 55px; background-image:url(images/navshad.jpg); background-repeat:repeat-x;}
#topnav1 {vertical-align: middle; background-color:#FFFFFF; height: 27px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;}
td#topnav1 {text-align: center;}
#topnav2 {width: 760px;}


/*footer*/
#footer {font-size: 90%; color:#666666; padding-bottom: 20px; text-align: center;}
#footer div {margin-top: 20px;}
#footer a {font-weight: normal; color:#666666;}
#footer a:hover {color:#CC0066;}


/*componant nav*/
#componantnav {width: 200px; height: 399px;}
#componantnav td {border-right: 1px dashed #CCCCCC; border-bottom: 1px dashed #CCCCCC; background-color:#F5F5F5;}
div#componantheader {background-color:#333333; height: 17px; padding: 8px 5px 5px 5px; vertical-align: middle; text-align: center; font-weight: bold; color: #FFFFFF; font-size: 120%;} 

/*feature nav*/
.feature {padding: 15px; border-top: 1px dashed #CCCCCC; border-bottom: 1px dashed #CCCCCC; font-size: 90%; background-color:#F5F5F5;}
.feature a {padding: 5px 10px 5px 10px; border: 1px solid #CCCCCC; background-color: #FFFFFF; font-size: 90%; color: #666666;}
.feature a:hover {background-color: #333333; color: #FFFFFF;}
.feature p {margin-top: 20px;}

.feature2 {padding: 15px; border-bottom: 1px dashed #CCCCCC; font-size: 90%; background-color:#F5F5F5;}
.feature2 a {padding: 5px 10px 5px 10px; border: 1px solid #CCCCCC; background-color: #CC0066; font-size: 90%; color: #FFFFFF;}
.feature2 a:hover {background-color: #333333; color: #FFFFFF;}
.feature2 p {margin-top: 20px;}

.feature3 {padding: 15px; font-size: 90%; background-color:#F5F5F5;}
.feature3 a {padding: 5px 10px 5px 10px; border: 1px solid #CCCCCC; background-color: #FFFFFF; font-size: 90%; color: #666666;}
.feature3 a:hover {background-color: #333333; color: #FFFFFF;}
.feature3 p {margin-top: 20px;}

.feature4 {padding: 15px 15px 15px 35px; border-bottom: 1px dashed #CCCCCC; font-size: 90%; background-color:#F5F5F5;}
.feature4 a {padding: 5px 10px 5px 10px; border: 1px solid #CCCCCC; background-color: #FFFFFF; font-size: 90%; color: #666666;}
.feature4 a:hover {background-color: #333333; color: #FFFFFF;}
.feature4 p {margin-top: 20px;}

.home-feature {clear: both; border-top: 1px dashed #CCCCCC; padding-left: 15px; border-left: 1px dashed #CCCCCC; font-size: 90%; width: 150px; float: right; margin: 0px 0px 0px 20px; padding-top: 20px; padding-bottom: 60px;}
.home-feature a {padding: 3px 5px 3px 5px; border: 1px solid #CCCCCC; background-color: #CC0066; font-size: 90%; color: #FFFFFF;}
.home-feature a:hover {background-color: #333333; color: #FFFFFF;}
.home-feature p {margin-top: 30px;}
.home-feature h5 {font-size: 1.5em; font-weight: normal; line-height: 120%; color:#333333;}

.home-feature2 {clear: both; padding-left: 15px; border-left: 1px dashed #CCCCCC; font-size: 90%; width: 150px; float: right; margin: 10px 0px 0px 20px;}
.home-feature2 a {padding: 3px 5px 3px 5px; border: 1px solid #CCCCCC; background-color: #CC0066; font-size: 90%; color: #FFFFFF;}
.home-feature2 a:hover {background-color: #333333; color: #FFFFFF;}
.home-feature2 p {margin-top: 30px; margin-bottom: 20px;}
.home-feature2 h5 {font-size: 1.5em; font-weight: normal; line-height: 120%; color:#333333;}

.body-image {float:left; margin: 4px 14px 14px 0px;}

/*buttons*/
.button a {padding: 5px 10px 5px 10px; border: 1px solid #CCCCCC; background-color: #F5F5F5; font-size: 90%; color: #666666;}
.button a:hover {background-color: #FFFFFF; color: #666666;}
div.button {margin-top: 30px;}
.button2 a {padding: 5px 10px 5px 10px; border: 1px solid #CCCCCC; background-color: #CC0066; font-size: 90%; color: #FFFFFF;}
.button2 a:hover {background-color: #FFFFFF; color: #666666;}
div.button2 {margin-top: 10px;}


/*forms*/
#contactleft {width: 534px; padding: 12px; line-height: 1.5em;}
.form  {border: 1px dashed #CCCCCC;}
.form td {padding: 4px 10px 4px 10px; background-color: #F5F5F5; vertical-align: middle;}
.address {width: 300px; border: 1px dashed #CCCCCC; float: right; margin: 0px 12px 60px 20px; padding: 15px; background-color:#F5F5F5; font-size:90%; line-height: 1.5em;}
.formbold {font-weight: bold; margin-top: 20px; margin-bottom: 0px}
.field {width:150px; border: 1px solid #CCCCCC; color: #666666; height: 20px;}
.field2 {border: 1px solid #CCCCCC; color: #666666;}
.field3 {width:250px; border: 1px solid #CCCCCC; color: #666666; height: 150px;}
.formbutton a {padding: 5px 10px 5px 10px; border: 1px solid #CCCCCC; background-color: #FFFFFF; font-size: 90%; color: #666666;}
.formbutton a:hover {background-color: #333333; color: #CCCCCC;}
div.formbutton {margin-top: 15px; margin-bottom: 15px;}

/*pricing*/
.pricing {border-bottom: 1px dashed #CCCCCC;}
.pricing2 {text-align: right; border-bottom: 1px dashed #CCCCCC;}
.pricing3 {text-align: center; border-bottom: 1px dashed #CCCCCC;}
.pricingmasthead {border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background-color: #F5F5F5; color: #333333; font-style: bold; font-size: 120%;}
.pricingmasthead2 {border-bottom: 1px dashed #CCCCCC; background-color: #F5F5F5; color: #333333;}
.pricingmasthead3 {text-align: center; border-bottom: 1px dashed #CCCCCC; background-color: #F5F5F5; color: #333333;}

/*new*/
.news {border-top: 1px dashed #CCCCCC; margin-top: 20px;}
.newheading {font-size: 120%; font-weight: bold;}
.tradeshows {padding: 15px; border-bottom: 1px dashed #CCCCCC; font-size: 90%; background-color:#F5F5F5;}
.tradeshows p {margin-top: 10px;}