/* css resets */
html,body,div,span,p,h1,h2,h3,h4,h5,h6,a,img,sup,li,ol,ul,form,label,input,select,textarea,hr{margin:0;padding:0;border:0}
/* Clear floats */
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden}
/* Set basic body properties */
html,body{margin:0;background:#c2c2c2 url(../images/bg.png) center top repeat-x;font-family:Arial, Helvetica, sans-serif}
/* Move wrapper and set content widths */
#wrapper{margin:10px auto 10px}
#wrapper,#header,#content-wrapper-outter,#footer{width:968px}
/* Style the header and position important info */
#header{height:108px;position:relative;background:url(../images/header-bg.png) center top no-repeat}
#logo{top:40px;left:35px}
#contact-info{top:32px;right:45px}
#logo,#contact-info{position:absolute}
.contact-big{font-size:24px}
.contact-small{font-size:13px}
.contact-big,.contact-small{color:#fff}
#logo img{display:block}
#contact-info img{margin:0 6px 0 6px}
/* Style and position the menu */
#nav-container{width:952px;background:url(../images/menu-bg.png) center top no-repeat}
#nav{width:900px;min-height:31px;list-style:none}
#nav-container,#nav{margin:0 auto}
#nav li{display:block;float:left;min-height:31px;position:relative;padding:0 30px 0 30px}
#nav li ul{display:none}
#nav li:hover ul{display:block}
#nav li ul,#nav li ul li{width:189px}
#nav li ul{position:absolute;top:31px;left:0;z-index:99}
#nav li ul li{float:none;min-height:28px;padding:0;background:#dd0000 url(../images/menu-item-bg.png) center top no-repeat;border-bottom:3px solid #000}
#nav li a{display:block;text-align:center;text-decoration:none;color:#fff;font-size:14px;line-height:31px}
#nav li ul li a{text-align:left;line-height:28px;text-indent:15px}
#nav li ul li a,#nav li ul li a:hover{background:url(../images/menu-item-dot.png) 2% 50% no-repeat}
#nav li a:hover{background:url(../images/menu-li-bg.png) left center repeat-x}
#nav li ul li:hover{background:#e7adad url(../images/menu-item-bg-hover.png) left center no-repeat}
/* Setup the main content containers */
#content-wrapper-outer{background:url(../images/content-wrapper-outer.png) center top repeat-y}
#content-wrapper-inner{width:960px;margin:0 auto;padding:6px 0 1px;background:#000 url(../images/content-wrapper-inner.png) center top repeat-x}
#content-bars-repeat{width:918px;margin:10px auto;background:url(../images/content-bars-repeat.png) center top repeat-y}
#main-content{padding:10px 0 10px;background:url(../images/content-repeat-bg.png) center top repeat-y}
.image-rnds{display:block}
#main-content-wrapper,#main-content,.image-rnds{width:915px;margin:0 auto}
/* Style the main content areas */
#front-content,#content{width:865px;margin:0 auto}
#content{min-height:400px;height:auto !important;height:400px;}
#front-content{}
#content h1{font-size:22px;margin-bottom:6px}
#content h1,#content h2,#content h3,#content h4{display:block}
#content p{font-size:14px;color:#555;text-align:justify;line-height:20px}
#content ul{list-style:disc inside}
#content ul li{font-size:14px;line-height:22px}
#content a{color:#ff0000}
#content #left-column,#content #right-column{width:420px}
#content #left-column{float:left}
#content #right-column{float:right}
/* Position the front page elements exactly */
#front-page-imgs{width:461px;height:256px;background:url(/images/front-img-box.png) center center no-repeat;}
#front-page-imgs2{width:375px;height:256px;background:url(/images/front-img-box2.png) center center no-repeat;margin-left:20px;}
/* TODO #front-page-imgs img{}*/
#front-page-form{background:url(../images/front-form-box.png) center center no-repeat;bottom:0;right:0}
#front-page-form,#form-container{width:388px;height:267px;overflow:hidden}
#front-page-imgs,#front-page-form{float:left;}
#form-container{position:relative}
#form-container form{width:315px;position:absolute;top:55px;left:38px}
#form-container form #title{text-decoration:underline;font-weight:700;font-size:14px;margin-bottom:3px}
#form-container form .form-item{margin-bottom:8px}
#form-container form .form-item label{width:110px;font-size:14px}
#form-container form .form-item .text{width:194px;}
#form-container form .form-item .select{width:198px}
#form-container form .form-item .text,#form-container form .form-item .select{height:20px;border:1px solid #000;backgroud:#fff;font-size:13px}
#form-container form .form-item label,#form-container form .form-item .text,#form-container form .form-item .select{display:inline-block}
#form-container form #submit{float:right}
#form-container form #required{float:left;font-size:12px;margin-top:5px}
#form-container form .error{background:#ffcbcb}
*:focus{outline:none}
/* Style error information */
#content .list-title{margin-bottom:5px;padding-bottom:3px;font-size:14px;border-bottom:1px solid #000}
#content .check-list{list-style:disc inside;font-size:12px}
#content .check-list li{margin-left:15px}
#content #incorrect{display:block;font-size:12px}
#content .check-list li{color:#ff0000}
#content .check-list,#content #incorrect{margin-bottom:10px}
/* Style the contact information */
#content form .form-item{margin-bottom:10px}
#content form .form-item label{display:block;margin-bottom:3px;font-size:14px}
#content form .form-item .text{width:150px;height:20px;border:1px solid #555}
#content form .form-item .text,#content form #validate{display:inline-block}
#content form #validate{margin-left:5px;font-size:13px}
#error-title,#content form #validate,#content form .form-item .special,#content form #required,#submit{font-weight:700}
#content form #required{margin-bottom:10px;font-size:12px}
#content form .textarea{width:350px;height:100px;overflow-y:scroll}
#content form .text,#content form .textarea{border:1px solid #555}
#content form #submit{display:block;margin:0 auto}
#content form .left{float:left;width:200px}
#content form .clear{margin-bottom:10px}
#content form .clear .form-item{margin-bottom:0}
/* Required form elements */
#form-container form .form-item .special,#content form .form-item .special{font-size:16px}
#form-container form .form-item .special,#content form .form-item .special,#form-container form #required,#form-container form #required,#content form #required{color:#ff0000}
/* Sales profile styling */
.sales-profile-container{margin-bottom:20px}
.sales-profile{width:850px;min-height:187px;margin:0 auto}
.profile-picture{width:172px;height:187px}
.profile-contact,.profile-info{width:670px}
.profile-contact{margin-bottom:8px}
.sales-profile-hr{width:70%;margin:0 auto}
/* Testimonials page styling */
.testimonial-container{margin-bottom:30px}
.testimonial{width:850px;min-height:85px;margin:0 auto 0}
.test-block{background:url(../images/test-bubble.png) no-repeat}
.test-block,.test-block .container{width:168px;height:85px}
.test-block .container{position:relative}
.test-name,.test-location{position:absolute;right:35px;text-align:right}
.test-name{top:18px}
.test-location{bottom:28px}
.test-info{width:660px}
.testimonial-hr{width:670px}
/* Sales profile and Testimonial page like properties */
.profile-picture,.test-block{float:left;overflow:hidden}
.profile-contact,.profile-info,.test-info,.testimonial-hr{float:right}
.sales-profile a,.testimonial a{color:#000}
.profile-contact,.test-location{font-size:13px}
.sales-profile .title,.test-location{font-style:italic}
.profile-contact .name,.test-name{font-size:18px;font-weight:700}
.test-info p,.profile-info p{margin-bottom:15px;text-align:justify;font-size:13px}
.sales-profile-hr,.testimonial-hr{display:block;height:1px;color:#ff0000;background:#ff0000}
/* Position footer elements and style the footer */
#footer{height:96px;background:url(../images/footer-bg.png) center top no-repeat;position:relative;text-shadow:0 1px #000}
#footer,#footer a{color:#fff}
#footer a{text-decoration:none}
#footer-left1,#footer-left2{left:32px}
#footer-left1{font-size:13px}
#footer-left2{font-size:11px}
#footer-right-menu1,#footer-right-menu2{right:32px;font-size:14px}
#footer-left1,#footer-right-menu1{top:25px}
#footer-left2,#footer-right-menu2{bottom:26px}
#footer-left1,#footer-left2,#footer-right-menu1,#footer-right-menu2{position:absolute}