/* normalize browser defaults */
html,body,ul,p,div,h1,h2{margin:0;padding:0;}
ul{list-style:none}
img{border:0;outline:0;}
a{border:0;outline:0;}
.hidden{display:none;}
.center{margin: 0 auto; text-align: center;}
.floatRight{float:right;}
.floatLeft{float:left;}
.alignRight{text-align: right;}
.alignLeft{text-align:left;}
.centerLeft{margin:0 auto; text-align:left;}
.centerRight{margin: 0 auto; text-align:right;}
.clearBoth{clear: both;}
.red{color: Red;}
body{font-family: tahoma; font-size:0.786em; text-align:center; background: transparent url(/images/body-bg.gif) no-repeat center top; margin-bottom: 20px;}
div#wraper{margin: 0 auto; background: transparent url(/images/wraper-bg.png) repeat-y center top;}
div#end{margin: 0 auto; height: 26px; background: transparent url(/images/end-bg.gif) no-repeat center top;}
div#header, div#mainMenu, div#content, div#customersPic, div#quickIcons, div#footer{width: 780px; margin: 0 auto; clear:both;}
/*header*/
div#header{height: 169px;}
/*mainMenu*/
div#mainMenu{height:22px; background-color: #252627;}
div#mainMenu ul li{height:22px; float: right; background: #252627 url(/images/mainMenuItem-bg.gif) no-repeat left;}
div#mainMenu ul li.last{background: none;}
div#mainMenu ul li a{display: block; line-height:22px;font-family:Tahoma; color:#fff; padding: 0 16px 0 16px;text-decoration:none;}
div#mainMenu ul li a:hover{color: #fff9b9;}
div#mainMenu ul li a.selected{color: #e4d31a;}
/*content*/
div#content{padding: 14px 0 50px 0; background: transparent url(/images/content-bg.gif) no-repeat center bottom; min-height: 280px;}
div#content div#content-right{float: right;width: 500px; padding-left: 20px; border-left: solid 1px #e2e2e2;}
div#content div#content-right h1{text-align: right; color: #4d84c8; font-size: 1.3em;font-weight: 500; margin-bottom: 8px;}
div#content div#content-right h2{text-align: right; color: #ff9000; font-size: 1.2em;font-weight: 500;}
div#content div#content-right h3{text-align: right; color: #666; font-size: 1.2em;font-weight: 500;}
div#content div#content-right p{color: #333; line-height: 150%; margin: 8px; text-align: right;}
div#content div#content-right ul li{color: #333; margin-right: 26px; line-height: 150%; text-align: right; list-style: disc; list-style-position: outside;}
div#content div#content-right ul.noUL li{color: #333; line-height: 150%; text-align: right; list-style: none;}
div#content div#content-left{float:left; width: 220px;}
div#content div#content-left img#leftCactus{margin: 20px auto;}
/*quickLinks*/
ul#quickLinks,ul#projects-categories{margin: 10px auto;}
ul#quickLinks li,ul#projects-categories li{list-style: none; height: 24px; line-height: 24px; background: transparent url(/images/ql-sup.gif) no-repeat center bottom; margin-bottom: 1px;}
ul#quickLinks li a,ul#projects-categories li a{display: block; text-align: right; color: #666666; text-decoration: none; line-height: 24px; padding-right: 18px; background: transparent url(/images/ql-bg.gif) no-repeat right;}
ul#quickLinks li a:hover,ul#projects-categories li a:hover{color: #ff9000; text-decoration:none; background: transparent url(/images/ql-bg-hover.gif) no-repeat right;}
/*customersPic*/
div#customersPic{margin-top: 20px; margin-bottom: 6px; height: 150px;}
div#customersPic ul li{list-style: none; float: right; width: 160px; vertical-align: top;}
div#customersPic ul li.intro{width: 260px; text-align:right;}
div#customersPic ul li a,div#customersPic ul li a:hover{text-decoration:none;}
/*quickIcons*/
div#quickIcons ul{width: 760px; text-align: right;}
div#quickIcons ul li{list-style: none; float: left; width: 22px; text-align: left; height: 24px; line-height: 24px;}
div#quickIcons ul li a,div#quickIcons ul li a:hover{text-decoration:none;}
/*projects*/
div#projects{margin-top: 20px; text-align: center;}
div#projects div.wraper{background: transparent url(/images/general/SVS.gif) no-repeat center bottom; margin-bottom: 40px;}
div#projects div.wraper h2{font-size: 1.2em; color: #696969; text-align: right; font-weight: 500; clear: both; margin-bottom: 6px;}
div#projects div.wraper ul{margin: 0 0 40px 0; text-align: right; clear: both;}
div#projects div.wraper ul li{float: right; height: 150px; text-align: center;}
div#projects div.wraper ul li img{display: block; clear: both; margin: 0 auto; width: 138px; height: 106px; clear: both;}
div#projects div.wraper ul li a{display: block; color: #424242; margin: 0 auto; text-align: center; text-decoration: none; font-size: 0.9em; margin-top: 2px;}
div#projects div.wraper ul li a:hover{text-decoration: underline;}
/*contactDetails*/
div#contactDetails{margin-bottom: 20px;}
div#contactDetails h2{text-align: right; color: #4d84c8; font-size: 1.3em;font-weight: 500;}
div#contactDetails p{text-align: right;margin-bottom: 20px;}
div#contactDetails a{color: #00A4FF;}
div#contactDetails a:hover{color: #000;}
/*contact form*/
.validateError{background-color: #FFDFDF;}
form#contactForm div label{display: block; color: #696969; font-size: 0.9em;}
form#contactForm div input{width: 220px;}
form#contactForm div input.subFrm{width: auto;}
/*footer*/
div#footer{font-size: 0.9em; height: 54px; padding: 8px; color: #727272; background: transparent url(/images/footer-bg.gif) no-repeat center;}
div#footer ul{margin: 0 auto;}
div#footer ul li{display: inline; line-height: 28px;}
div#footer ul li a{color: #727272; padding: 0 8px; text-decoration: none; border-left: solid 1px black;}
div#footer ul li a:hover{text-decoration: underline;}
div#footer ul li a.last{border-left: none;}
div#footer p{line-height: 26px;}