/* MAIN STYLES
Website design by: Loving Consulting
-------------------------------------------*/

/* Q&A
-------------------------------------------*/
.qa{padding-right:5px; padding-bottom:3px; float:left}

.Q{background-image:url(http://www.richtechgroup.com/business/wp-content/uploads/2010/08/Q.png); background-position:left; background-repeat:no-repeat; padding-left:50px; margin-bottom:15px}

.A{background-image:url(http://www.richtechgroup.com/business/wp-content/uploads/2010/08/aweb.png); background-position:left; background-repeat:no-repeat; padding-left:50px; margin-bottom:15px; background-color:#101185}

*{margin:0; padding:0}
.ybold{font-weight:bold; color:#F9DA05}
.bulletnumber{padding-bottom:12px}

.contactleft{float:left; padding-left:45px; width:200px}
.serimg{padding-right:10px; padding-bottom:5px}
.serimgrgt{padding-left:10px; padding-bottom:5px}
.contactright{float:right; width:200px}
.contactleftfm{float:left; padding-top:10px; width:500px}
body, html{font-weight:normal; font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#FFF; margin:0; padding:0; background:#5d5d5d url(images/mainheader2.gif) no-repeat; background-position:top center; line-height:130%}
ol{ margin-left:15px;  padding-left:10px;  margin-bottom:5px}
.numberli{ margin-left:10px;  padding-left:10px;  margin-bottom:8px}
.number{padding-bottom:8px}

.form1{background-color:#2d2c6e; border:1px solid #5152A4; color:#FFF; margin-bottom:8px; padding-top:2px}
.formlefttxt{vertical-align:top; padding-right:5px}

#breadbase{padding-top:0px; padding-left:30px; padding-bottom:0px}

ul{list-style:none}

a{color:#F9DA05}

a:hover{text-decoration:none}

a:focus{outline:none}

p{margin:0.8em 0}

.aboutpoints{font-weight:bold; color:#F9DA05}

h2{color:#f9da05; text-transform:uppercase; font-size:18px; padding-top:3px; padding-bottom:10px}

#colLeft h2, #colLeft h3{text-transform:none; padding:5px 0}

#colRight h2{font-size:16px; border-bottom:1px solid #4f50a2; padding-bottom:5px; padding-top:10px; margin-bottom:5px}

h2.home{border-bottom:1px solid #404192; margin-bottom:10px; padding-bottom:6px}

h3{font-size:16px}
h4{font-size:12px; color:#f9da05; display:block; border-bottom:1px solid #f9da05; padding-top:6px; margin-bottom:0px}
h1{font-size:26px; font-weight:normal; color:#f9da05; display:block; border-bottom:1px solid #5152a4; padding-bottom:10px; margin-bottom:15px}
h1, h2, h3{line-height:100%}

 
#wrapper{margin:0px auto 0; width:960px; background:#00015e  0 0 no-repeat; padding-bottom:1px}

#header{height:133px; position:relative; background:url(images/bk_header.gif) 0 100% repeat-x}

#content{padding:20px; border-bottom:12px solid #f9da05; min-height:500px; padding-top:0}

#footer{clear:both; padding:10px 0 10px 0; width:960px; height:30px; margin:1px auto; color:#FFF; position:relative}

#logo{position:absolute; top:20px; left:20px}

#logo h1{padding:0; background:none; border:none}

#logo h1 a, #logo h1 a:hover{background:url(images/logo.png) 0 0 no-repeat; width:594px; height:108px; text-indent:-9000px; display:block; text-decoration:none; border:none}

#topMenu{position:absolute; right:20px; top:112px; border-left:1px solid #d9bc00}

#topMenu li{float:left; padding:0 13px; border-right:1px solid #d9bc00}

#topMenu li a{color:#666; font-size:14px; font-weight:bold; text-decoration:none}

#topMenu li a:hover, #topMenu li.selected a{color:#00015E}

#latestPostsHome{display:block}

#latestPostsHome li{display:block; float:left; background:#2d2c6e url(images/bk_latest_box.jpg) 0 100% repeat-x; padding:10px; margin-right:12px; width:275px; height:190px; position:relative; margin-bottom:20px}

#latestPostsHome li h3{padding-bottom:6px; font-weight:normal}

#latestPostsHome li p img{float:left; margin-right:10px}

#latestPostsHome li span{display:block; position:absolute; bottom:10px; left:7px; color:#828282; font-size:11px}

#latestPostsHome li span img{vertical-align:middle; margin-right:3px}

#content ul#latestPostsHome li a.readmore{display:block; position:absolute; bottom:8px; right:10px; background:url(images/but_readmore.png) 0 0 no-repeat; width:66px; height:22px; text-indent:-9999px}

#homeColumns{display:block}

#homeColumns li{float:left; border-right:1px dashed #5051a4; padding-top:10px; padding-right:10px; padding-bottom:5:padding-left:0; margin-right:11px; width:288px; position:relative}

#homeColumns li img{border:none}

#homeColumns li.last{margin-right:0; border:none}

#partnercolLeft{float:left; width:900px; padding-top:25px}
#colLeft{float:left; width:590px; padding-top:15px}

#colRight{float:left; width:285px; padding-top:0px; margin-left:15px; padding-left:20px}

#partnercolRight{float:left; width:285px; padding-top:30px; margin-left:15px; padding-left:20px}

#colRight ul{margin-bottom:15px}

#colLeft ul li{display:block; background:url(images/bullet.jpg) 0 5px no-repeat; margin-left:20px; margin-top:3px; padding:2px 0 3px 15px}

#colRight ul#latestPosts li, #colRight ul#subCategs li, #colRight ul li{border-bottom:1px solid #2d2c6e; line-height:170%; padding:5px; background:#2d2c6e}

#colRight ul#latestPosts li a, #colRight ul#subCategs li a, #colRight ul li a{text-decoration:none}

#colRight ul#latestPosts li a:hover, #colRight ul#subCategs li a:hover, #colRight ul#latestPosts li:hover a, #colRight ul#subCategs li:hover a{color:#FFF}

#colRight ul#latestPosts li:hover, #colRight ul#subCategs li:hover, #colRight ul li:hover{background:#00015e}

#colRight ul#latestPosts li span{font-size:11px; color:#CCC}

#colRight ul#latestPosts li span img{vertical-align:middle}

.rss{margin:0 0 5px; padding:0px 0 5px; border-bottom:1px solid #5455a5}
.maptxt{color:#000}

.rss img{float:left; padding-top:0px; margin-right:15px; border:none}

.serviceColLeft, .serviceColRight{float:left; width:255px; border-right:1px solid #4857a8; border-bottom:1px solid #4857a8; padding-right:13px; margin-top:15px; height:208px; padding-bottom:10px}

.serviceColRight{float:left; width:255px; margin-left:10px; padding-left:20px; padding-right:13px; border-right:none}

.serviceColLeft img, .serviceColRight img{float:left; margin-right:15px; margin-bottom:2px}

.partnerColLeft, .partnerColRight{float:left; width:275px; padding-right:20px; margin-top:22px; height:260px; padding-bottom:25px}

.partnerColRight{float:left; width:275px; padding-left:15px; padding-right:20px; border-right:none}

.partnerColLeft img, .partnerColRight img{float:left; margin-right:15px; margin-bottom:2px}

.blogItem img{padding:6px; border:0px solid #efefef; margin-bottom:5px}

.blogItem span img{padding:0; border:none; vertical-align:middle; margin:0 5px}

.blogItem span.action{position:absolute; bottom:10px; right:10px; font-weight:bold}

.blogItem, .blogItemSearch{padding-bottom:5px; border-bottom:0px solid #efefef; margin-bottom:20px}

.blogItem p img{padding:10px; border:0px solid #efefef}

.blogItemSearch{margin-bottom:10px}

.more-link{display:block; background:url(images/but_readmore.png) 0 0 no-repeat; width:66px; height:22px; text-indent:-9999px}

span.metadata{display:block; padding:5px 0; font-size:11px; color:#828282; border-bottom:1px solid #efefef}

span.metadata img{vertical-align:middle}

.search-terms{color:#119EC8; font-style:italic; font-family:Georgia,"Times New Roman",Times,serif; font-size:18px}

#colLeft ul.commentlist{margin-bottom:10px}

#colLeft ul.commentlist li{background:none; border-bottom:1px solid #efefef; padding:5px 0; padding-left:40px}

#colLeft ul.commentlist li .avatar{float:left; width:32px; margin-left:-40px}

*html #colLeft ul.commentlist li .avatar{margin-bottom:-20px}

#colLeft ul.commentlist li.odd{background:#f9f9f9}

#colLeft ul.commentlist li .commentmetadata{font-size:11px; color:#999; border-bottom:1px solid efefef}

.footerMark{position:absolute; top:10px; right:0}

#slider{margin-bottom:20px; margin-top:20px}

* html #slider{padding-bottom:0}

#sliderFold{width:305px; padding:0; float:left}

#sliderFold .sliderItem, #sliderFold .sliderItemOn, #sliderFold .sliderItemOnFirst{padding:13px 20px 0 84px; border-bottom:1px solid #404192; border-top:1px solid #404192; height:83px; position:relative; cursor:pointer}

 #sliderFold .sliderItemOnFirst{ border-top:1px solid #404192}

#sliderFold .sliderItemOn, #sliderFold .sliderItem:hover{border-right:none; background:url(images/bk_serv_active.jpg) 100% 0 repeat-y}

#sliderFold .sliderItem h2, #sliderFold .sliderItemOn h2, #sliderFold .sliderItemOnFirst h2{font-size:16px; letter-spacing:-1px; padding-bottom:5px; text-transform:none; color:#FFF}

#sliderFold .sliderItem p, #sliderFold .sliderItemOn p, #sliderFold .sliderItemOnFirst p{line-height:120%; margin:0; padding:0}

#sliderFold .sliderItem img, #sliderFold .sliderItemOn img, #sliderFold .sliderItemOnFirst img{position:absolute; left:0; top:10px}

.sliderImg{background:#5051a4 url(images/bk_blue_grad.jpg) 0 100% repeat-x; position:relative; float:left; padding:7px; height:376px}

.panel a.butDetails{display:block; position:absolute; width:157px; height:40px; background:url(images/but_slider.jpg) 0 0 no-repeat; text-indent:-9999px; right:3px; bottom:5px}

.panel img{border:1px solid #5051a4}

.panel p.projName{font-size:16px; padding:15px 4px; margin:0}

.stepcarousel{float:left; position:relative; overflow:hidden; width:600px; height:376px}

.stepcarousel .belt{position:absolute; left:0; top:0}

.stepcarousel .panel{float:left; overflow:hidden; width:600px; height:384px; position:relative}

#searchform{position:absolute; top:27px; right:20px}

#searchform input#s{width:195px; background:url(images/bk_searchbox.jpg) 0 0 no-repeat; font-size:12px; font-style:italic; font-family:Arial,Helvetica,sans-serif; padding:4px 5px; border:none; color:#999}

#searchform input#searchsubmit{width:25px; height:22px; background:url(images/bk_searchbut.jpg) 0 0 no-repeat; border:none}

#searchform input{float:left}

form#contact label{display:block; padding:8px 0 2px; font-weight:bold}

form#contact input, form#contact textarea{border:1px solid #E5E5E5; padding:5px; font-size:12px; font-family:Arial,Helvetica,sans-serif; color:#666; width:300px}

form#contact textarea{width:500px}

form#contact input.submit{border:none; width:147px; height:40px; text-align:center; padding-top:4px; color:#fff; font-weight:bold; text-transform:uppercase; margin-top:15px; background:url(images/bk_submit.jpg) 0 0 no-repeat}

.errormsg, .successmsg{background:#FEF4F1; border:1px solid #F7A68A; color:#DA4310; padding:10px}

.successmsg{background:#F5FAF1; border:1px solid #C2E1AA; color:#8FA943}

form#commentform label{display:block; padding:8px 0 2px; font-weight:bold}

form#commentform input, form textarea{border:1px solid #E5E5E5; padding:5px; font-size:12px; font-family:Arial,Helvetica,sans-serif; color:#666; width:300px}

form#commentform textarea{width:500px}

form#commentform input#submit{border:none; width:157px; height:40px; text-align:center; padding-top:4px; color:#fff; font-weight:bold; text-transform:uppercase; margin-top:15px; background:url(images/bk_butpostcomm.jpg) 0 0 no-repeat; font-size:11px}

.clearfix:after{ content:".";  display:block;  height:0;  clear:both;  visibility:hidden}
.clearfix{display:block}

* html .clearfix{height:1%}
.clearfix{display:block}

.clear{clear:both}

.noclear{clear:none}

