html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, div, img, blockquote{margin: 0px;padding: 0px; border: 0px;}

body{font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1.0em; background-color: #EDEDED; background-image: url(/images/background.gif); background-repeat: repeat-y;	background-position: center;}
div#container{width: 760px; position: relative;	margin-left: auto;	margin-right: auto;	background-color: #FFFFFF; }

div.spacer{	clear: both; height: 0; font-size: 0;}

/* --------------- HEADER -------------- */
div#header{display: inline; float: left; width: 705px; height: 90px; margin: 10px 30px 0 30px;}
div#header h1.main-title{display: inline; float: left; background-image: url( '/Images/main-logo.jpg' ); background-repeat: no-repeat; height: 110px; width: 200px;}
div#header ul#home-links{display: inline; float: left; font-size: 0.8em; list-style-type: none; font-weight: bold; margin: 55px 0 0 50px; width: 450px;}
div#header ul#home-links li{display: inline; float: left; border-left: solid 1px #00A5ED; padding: 0px 10px 0px 10px;}
div#header ul#home-links li.first{border-left: 0px;}
div#header ul#home-links li a:link, 
div#header ul#home-links li a:visited{color: #000; text-decoration: none;}
div#header ul#home-links li a:active, div#header ul#home-links li a:hover{color: #000; text-decoration: underline;}

/* --------------- RIBBON -------------- */
div#ribbon {display: block; float: left; width: 760px; height: 30px; background-color: #fff; margin: 20px 0 0 0; padding: 0px; color: #fff; background-image: url( '/Images/ribbon.jpg' ); background-repeat: repeat-x;}
div#ribbon h2{margin-left: 30px; color: #fff; font-size: 1.1em; line-height: 30px; vertical-align: middle;}

/* --------------- FOOTER -------------- */
div#footer{display:	block; float: left;	border-top:	solid 1px #bbb;	color: #bbb; font-size: 0.6em; font-family: Verdana, Arial, Helvetica, Sans-Serif; 
           margin: 0 30px; width: 705px;}
div#footer div#footer-links{display: block;	float: right;}
div#footer div#footer-links a:hover, 
div#footer div#footer-links a:active{text-decoration: underline; color: #bbb;}
div#footer div#footer-links a:visited, 
div#footer div#footer-links a:link{text-decoration: none; color: #bbb;}
div#footer div#copyright, 
div#footer div#company-info{float: right; display: block; text-align: right;}
div#footer div.footer-image {float:left; display: block; width: 180px; padding: 15px 0 0 0;}
div#footer div#footer-text {float:left; display: block; width: 445px; padding: 15px 0 0 0;}

/* --------------- BODY -------------- */
div#body{clear: left; display: inline; float: left; width: 705px; margin: 30px 30px 30px 30px; font-size: 0.8em;}

div#body h2, 
div#body h3, 
div#body h4, 
div#body h5, 
div#body h6{color: #00a5ed; font-weight: normal; padding: 0px 0px 15px 0px;}

div#body h2{font-size: 1.4em; font-weight: bold;}
div#body h3{font-size: 1.2em; font-weight: bold;}

div#body p{font-size: 1.0em; padding: 0px 0px 15px 0px;}
div#body img.intro{float: right; padding: 0 0 5px 5px;}

div#body ul, div#body ol{padding: 0px 0px 15px 30px;}

/*-- 
div#body a:link, 
div#body a:visited{color: #d1322b; font-weight: bold; text-decoration: none;}
div#body a:active, 
div#body a:hover{color: #d1322b;	text-decoration: underline;}
--*/

div#body div#left-column{display: block; float: left; width: 470px;}

div#body div#right-column{display: inline; float: right; width: 200px;}
div.feature {float:left; display: block;margin-bottom: 10px; padding-bottom: 5px; border-bottom: dashed 1px #ccc;}
div.feature h3{padding: 0px 0px 5px 0px;}
div.feature h4{font-size: 1.0em;}
div.feature p{text-align: justify;}
div.feature ul{}
div.feature li{margin-left: 0; padding-bottom: 10px;}
div.feature img{margin: 0 0 0 60px;}
div.feature div.feature-links{float:left; display: block; height: 16px; margin-top: 3px;}
div.feature div.feature-links a {float:left; display: block; height: 16px; padding-right: 5px;}
div.feature div.feature-links input{float:right; display: block; height: 16px; width: 16px; }

/* --------------- BODY -------------- */
div#wide-body{display: inline; float:left; width: 100%;}

/* --------------------------- FORM STYLING ----------------------- */
div.contact-form{float: left;display: block;  margin-left: 30px;}
div.contact-form label{float: left;display: block; width: 80px; line-height: 20px;}
div.contact-form input{margin-bottom: 5px; width: 170px; }
div.contact-form textarea{margin-bottom: 13px; width: 250px; height: 200px;}
div.contact-form .buttonSubmit{width: 75px; margin-left: 50px;}
div.contact-form .message{color: #f00; width: 100%; margin-left: 0px;}

/* --------------------------- PRODUCTS ----------------------- */
div.product{float: left; display:  block; width: 100%; margin: 0 0 50px 0; border-bottom: dashed 1px #ccc;}
div.product div.image{float: left; display:  block; width: 350px;}
div.product div.title{float:left; display:block; width: 350px;}
div.product div.title a{text-decoration: none;}
div.product div.title a:hover{text-decoration: underline;}
div.product div.description {float:left; display: block; width: 100%; margin: 5px 0 0 5px;}

a.expand-link {text-decoration: none;float:right; clear:right;}
a.expand-link:hover {text-decoration: none;}
.expand-panel{width: 650px; padding: 10px 3px 3px 0px;}

div#body .explanation {font-size: 0.8em;}

/* --------------------------- BLOG ARTICLES ----------------------- */
div.article{float: left; display:  block; width: 100%; margin: 10px 0; padding-bottom: 20px; border-bottom: dashed 1px #ccc;}
div.article-links{margin-top: 5px;}

/* --------------------------- LOGIN CONTROLS ----------------------- */
#login-form {float:left; display: block; width: 300px; padding: 10px; margin-left: 50px;}
#login-form label{float:left;display: block;width: 80px; line-height: 20px;}
#login-form input{width: 100px; line-height: 20px; margin-bottom: 3px;}
#login-form input[type="submit"]{margin-left: 130px; width: 50px;}

/* --------------------------- LOGIN ----------------------- */
#login{float: right; position: relative; margin: 0px;}
#login p{font-size: 10px; color: #999;}
#login a{font-size: 10px; color: #999; text-decoration: none;}
#login a:hover{text-decoration: underline;}
#login a:hover{text-decoration: underline;}
