/* Stylesheet for new Dboost.com
   Created: Fri Mar 14, 2008 @ 8:45am
   Updated: Tue Mar 18, 2008 @ 3:15pm
   Author: Arun Kale
   ----------------------------------------------------*/
@import "reset.css";
/* =GENERIC
   ----------------------------------------------------*/
body { height: 100%; text-align:left; color: #333; font: 400 13px Georgia, sans-serif; line-height: 170%; margin:0px 0px 0px 0px;}
.final-report-BG{ background:url(../images/final-report-BG.gif) top repeat-x;}
.header-bg{ background:url(../images/header-bg.png) top center no-repeat;}
.content-bg{ background:url(../images/content-bg.png) top center repeat-y;}
.footer-bg{ background:url(../images/footer-bg.png) bottom center no-repeat; height:83px;}
.body { background:#c8e8f8 url(../images/main-BG.gif) repeat-x top left; height: 100%; text-align:left; color: #333; font: 400 13px Georgia, sans-serif; line-height: 170%; margin:12px 0px 0px 0px;}
a { text-decoration: none; outline: none; }

a:hover { text-decoration: none; outline: none; color:#0a63a1; }

a, input {
outline-color: invert;
outline-style: none;
outline-width: medium;
}
em { font-style: italic; }
strong { font-weight: bold; }

/* =CONTAINER
   ----------------------------------------------------*/
#container { width: 900px; background: #FFF; padding:30px 50px;text-align: left; margin: 0 auto; border-top:5px solid #c31d31;}

/* =HEADER
   ----------------------------------------------------*/
#header { width: 900px; padding-bottom:33px; border-bottom:1px solid #eaeaea; margin-bottom:15px; margin:0 auto;}
#header-final-report { width: 900px; padding-top:45px; padding-bottom:33px; border-bottom:1px solid #eaeaea; margin-bottom:15px; margin:0 auto;}
#final-report-main{ width:900px; margin:0 auto;}
#logo { width:153px; height: 41px; float:left;}
#price-now{ width: 185px; height: 41px; float:right;}


/* =TWO COLUMNS
   ----------------------------------------------------*/
#main2col { width: 900px;}
.width188{width:188px; float: left; background:url(../images/ul-BG.gif) right top no-repeat; margin-top:15px; height:517px;}

.width188 ul{ margin:30px 0px 0px 0px ; padding:0; list-style:none;}
.width188 ul li{ margin:0; padding:0;}
.width188 ul li a{ display:block; padding:15px 0px 15px 15px; font:normal 14px "Trebuchet MS",Arial; color:#000;}
.width199 ul li a:hover{ display:block; padding:15px 0px 15px 18px; font:normal 14px "Trebuchet MS",Arial; color:#134d7a;}
.width188 ul li a.active{ display:block; background:url(../images/li-BG.png) right no-repeat;}
#wht-we-do-main{ position:relative;}
.or{ background:url(../images/or.png); width:34px; height:34px; position:absolute; top:60px; right:336px; z-index:1;}
#wht-we-do-left, #wht-we-do-right{ background:url(../images/wht-we-do-bg.gif); padding:20px 20px 20px 35px; width:279px; height:106px; float:left; margin-right:5px; margin-bottom:15px;}
#wht-we-do-left p, #wht-we-do-right p{ color:#FFFFFF;}

.width684{ background:url(../images/our-difference-bg.gif) repeat-y top; width:684px;}
#diffrence-block-left{ width:302px; float:left; padding:20px;}
#diffrence-block-left p{ color:#000000; font:normal 13px "Trebuchet MS",Verdana, Arial; margin:0; padding-bottom:15px; line-height:19px;}
#diffrence-block-right{ width:302px; float:left; padding:20px;}
#diffrence-block-right p{ color:#FFFFFF; font:normal 13px "Trebuchet MS",Verdana, Arial; margin:0; padding-bottom:15px; line-height:19px;}

.width690{width:690px; float:right; margin-top:15px; padding-left:15px;}
.width690 h1{ color:#0a63a1; font:bold 18px "Trebuchet MS",Verdana, Arial; margin:0; padding-bottom:15px;}
.width690 h2{ color:#0a63a1; font:bold 14px "Trebuchet MS",Verdana, Arial; margin:0; padding-bottom:0px;}
.width690 p{ color:#000000; font:normal 13px "Trebuchet MS",Verdana, Arial; margin:0; padding-bottom:15px; line-height:19px;}

.width428 h1{font: 700 20px  Arial, sans-serif; color: #000; border-bottom: 3px solid #175595; padding: 0 0 5px 0; margin: 0 0 6px 0; }
.width428 h2{font: 700 18px Arial, sans-serif; color: #444;  padding: 0 0 4px 0; }
.width428 h3{font: 700 20px  Arial, sans-serif; color: #000; border-bottom: 3px solid #7FAD26; padding: 0 0 5px 0; margin: 0 0 6px 0; }
.width170{width: 170px; float:left; overflow: hidden;}
.width250{width: 255px; float:left; overflow: hidden;}
.width250 h3{font: 700 13px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; color: #000;   padding: 0 0 5px 0;}

/*Final Report 2 col
...........................................*/
#final-report-main{ padding-top:20px;}
#final-report-main h1{ font:normal 28px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#175482; padding-bottom:15px;}
#final-report-main h2{font:bold 17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; padding-bottom:15px; margin:0px;}
#final-report-main h3{ margin:0; font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#19191a; padding-bottom:15px;}
#final-report-main p{ font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#19191a; margin:0; padding-bottom:15px; line-height:19px;}
.product-detail{ padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #f5f5f5;}
.product{font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; width:500px; float:left; padding-right:15px; line-height:normal;}
.product img{ padding:15px 0px; margin-bottom:15px; border-bottom:1px dotted #d2d2d2;}
.prodcut-img-col{width:272px; float:right; padding:20px 20px 20px 50px;}
.budget{ background:#ffffcc; font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#646464;}
.our-price{ font:normal 17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333333;}
.our-price-rate{ font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#175482;}
.you-save{font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#4cac0c;}
.store{font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000; width:211px; float:left; padding:30px 20px 0px 25px;}
.store a{ font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#175482; text-decoration:underline;}
.product-head{ font:normal 18px "Trebuchet MS"; color:#175482; padding:10px 0px; margin-bottom:0px; border-bottom:1px dashed #CCCCCC;}
.product_detail_txt{ font:normal 12px "Trebuchet MS"; color:#000; padding:4px 0 6px 0; border-bottom:1px dashed #CCCCCC;}
.product-head span{ font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000}
a.product-link{ font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#175482; text-decoration:underline;}
a.product-link:hover{ font:bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#175482; text-decoration:none;}
.final-report-left{ width:543px; float:left;}
.final-report-left a{ font:normal 12px "Trebuchet MS"; color:#175482; text-decoration:underline; line-height:normal;}
.final-report-right a{ font:normal 12px "Trebuchet MS"; color:#175482; text-decoration:underline; line-height:normal;}
.review{font:normal 14px "Trebuchet MS"; color:#175482; float:left;}
.rating{float:right; width:65px; padding:5px 0px}
.final-report-right{ width:305px; float:right;}
.thankyou{ background:#ffffcc; padding:15px; margin-top:15px; font:bold 17px "Trebuchet MS"; color:#4cac0c;}

/*MAILE ONE
-------------------------------------------------------*/
#mailer1{ width:524px; margin:0px auto; background:white; border-top:5px solid #c21d30; padding:0px 38px;}

#mailer1 h1{ font:normal 32px Georgia; color:#175482; margin:0;}
#mailer1 h2{ font:normal 18px "Trebuchet MS", Arial, Verdana; color:#000000; margin:0; padding:20px 0px;}

.mailer-content{}
.mailer-content table{ font:normal 13px "Trebuchet MS", Arial, Verdana; color:#000;}
.note{ background:#ffffcc; padding:15px; font:normal 13px "Trebuchet MS", Arial, Verdana; margin:15px 0px;}
.result{ background:#ffffcc; padding:15px; font:normal 15px "Trebuchet MS", Arial, Verdana; margin-bottom:20px; line-height:normal;}
.result a{ color:#175482; text-decoration:underline; font-weight:bold;}
.promise{ font:normal 18px "Trebuchet MS",Arial, Verdana; color:#000000; font-style:italic; padding-bottom:15px;}
.thanx{font:bold 13px "Trebuchet MS",Arial, Verdana; color:#000000; font-style:italic; padding-bottom:15px;}
.thanx span {font:bold 13px "Trebuchet MS",Arial, Verdana; color:#000000; font-style:italic;}
.feel-free{ font:normal 15px "Trebuchet MS", Arial, Verdana; color:#000; padding-bottom:15px;}
.feel-free a{ font:normal 15px "Trebuchet MS", Arial, Verdana; color:#175482; text-decoration:underline;}

#mail-head{ padding:20px 0px; border-bottom:1px solid #eaeaea; margin-bottom:60px;}



/* =FOUR COLUMNS
   ----------------------------------------------------*/
#main4col{ width: 876px; padding: 0 12px; margin: 0 0 25px 0; float: left; background: url(../images/bg/four-solid-div.gif) #FFF; overflow:hidden; }
.width200{width:200px; float: left; overflow: hidden; margin-right: 18px;}
.width200 h3{font: 700 14px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; color: #444;   padding: 0 0 5px 0;}
.width275{ width:275px; float: left; overflow:hidden;}

/* =SERV REST
   ----------------------------------------------------*/
#serv_rest { width: 876px; padding: 12px 12px; margin: 0 0 5px 0; float: left; background: #FFF; border-top: 1px solid #dadada; overflow:hidden;}
#serv_rest .width350{ width:350px; float: left; overflow:hidden;}
/* =SERVICES
   ----------------------------------------------------*/
#services_block_1, #services_block_2 { width: 876px; height: auto; padding: 0 12px; margin: 0 0 5px 0; float: left; background: #FFF; }
#services_block_1 .servcol { width: 272px; height: auto; padding: 0 14px 14px 0; margin: 0 14px 0 0; float: left; color: #000; }
#services_block_1 .servcol h3, #services_block_1 .servcol1 h3 { font: 700 13px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; color: #000; text-transform: uppercase; border-bottom: 3px solid #175595; padding: 0 0 5px 0; }
#services_block_1 .servcol .serv_img1, #services_block_1 .servcol1 .serv_img1 { width: 272px; padding: 12px 0; }
#services_block_1 .servcol ul li, #services_block_1 .servcol1 ul li { padding: 0 0 7px 20px; background: url(../images/bg/arrow.png) no-repeat 0 2px; }
#services_block_1 .servcol ul li a, #services_block_1 .servcol1 ul li a { color: #175595; border-bottom: 1px solid #999; }
#services_block_1 .servcol ul li a:hover, #services_block_1 .servcol1 ul li a:hover { color: #000; border-bottom: 1px solid #000; background: #EFEFEF; }
#services_block_1 .servcol1 { width: 272px; height: auto; padding: 0 0 14px 0; float: left; color: #000; }

#services_block_2 h2 { font: 700 20px Arial, sans-serif; color: #000; border-bottom: 3px solid #7FAD26; padding: 0 0 4px 0; letter-spacing: -0.06em; }
#services_block_2 .servcol2 { width: 204px; height: auto; padding: 0 10px 14px 0; margin: 0 10px 0 0; float: left; color: #000; font: 400 11px Verdana, Arial, sans-serif; line-height: 19px; }
#services_block_2 .servcol2 h3, #services_block_2 .servcol21 h3 { font: 700 12px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; color: #000; padding: 0 0 5px 0; }
#services_block_2 .servcol2 .serv_img2, #services_block_2 .servcol21 .serv_img2 { width: 204px; padding: 12px 0 7px 0; }
#services_block_2 .servcol2 a, #services_block_2 .servcol21 a { color: #175595; border-bottom: 1px solid #999; }
#services_block_2 .servcol2 a:hover, #services_block_2 .servcol21 a:hover { color: #000; border-bottom: 1px solid #000; background: #EFEFEF; }
#services_block_2 .servcol21 { width: 204px; height: auto; padding: 0 0 14px 0; float: left; color: #000; font: 400 11px Verdana, Arial, sans-serif; line-height: 19px; }

.prorfolio {color: #175595; border-bottom: 1px solid #999;}
a.prorfolio {color: #175595; border-bottom: 1px solid #999;}
a:hover.prorfolio  {color: #000000; border-bottom: 1px solid #000000;}

/* =HOMEPAGE LAYOUT
   ----------------------------------------------------*/
   
#main-content{ margin-top:72px;}
#main-content h1{ font:normal 32px Georgia; color:#175482; margin:0; padding:0; text-align:center; padding-bottom:25px; }

/* =HOMEPAGE MAIN3COL
   ----------------------------------------------------*/
#main3col{ margin-top:50px;}
.div_active{ width:280px; float:left; padding:10px; font:normal 20px "Trebuchet MS", Arial; color:#000000; line-height:normal; background:#FFFFCC; height:150px;}
.div_active h2{ font:bold 18px "Trebuchet MS", Arial; color:#d9d9d9; text-transform:uppercase; line-height:normal; margin:0; padding-bottom:8px;}
.div_active input.txt{ width:264px; background:#FFFFFF; margin-top:8px; padding:5px; border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; border-left:3px solid #dcdcdc;}
.width300{ width:280px; float:left; padding:10px; font:normal 20px "Trebuchet MS", Arial; color:#000000; line-height:normal; height:150px;}
.width300 h2{ font:bold 18px "Trebuchet MS", Arial; color:#d9d9d9; text-transform:uppercase; line-height:normal; margin:0; padding-bottom:8px;}
.width300 input.txt{ width:264px; background:#FFFFFF; margin-top:8px; padding:5px; border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; border-left:3px solid #dcdcdc;}
.width300 input.txt:focus{ width:264px; margin-top:8px; padding:5px; border-top:1px solid #c0bbbb; border-right:1px solid #c0bbbb; border-bottom:1px solid #c0bbbb; border-left:3px solid #c0bbbb; background:#FFFFCC;}

.submit{ text-align:center; clear:both;}

/* =FOOTER
   ----------------------------------------------------*/
#footer { width: 900px; padding: 5px 0;border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; clear:both; font:normal 12px "Trebuchet MS",Verdana, Arial; color:#a5a2a2; margin:0 auto;}
#footer a{ font:normal 12px "Trebuchet MS",Verdana, Arial; color:#a5a2a2; text-decoration:none;}
#footer a:hover{ font:normal 12px "Trebuchet MS",Verdana, Arial; color:#a5a2a2; text-decoration:underline;}

/* =FORMS
   ----------------------------------------------------*/

/* =MISCELLANEOUS
   ----------------------------------------------------*/
.floatLeft { float: left; }
.floatRight { float: right; }
.clearBoth{clear: both;}
.alignRight { text-align: right; }
.aligncenter { text-align: center; }
ul.general li { padding: 0 0 3px 20px; background: url(../images/bg/arrow.png) no-repeat 0 2px; }
.margin-bottom{margin-bottom: 10px;}
.margin-top{margin-top: 10px;}
.margin-left{margin-left: 20px;}
.margin-right{margin-right: 10px;}
.border-bottom-dotted{ border-bottom:1px dotted #777777; padding-bottom:5px; margin-bottom:15px;}
.border-right{ border-right: 1px solid #dadada;}
.border-left{ border-left: 1px solid #dadada;}
.border-top{border-top: 1px solid #dadada;}
.border-none{border:none;}
.input{width: 300px; height:20px; border: 1px solid #dadada; outline:none;}
textarea{width: 300px; border: 1px solid #dadada;}
.txt-bg{ background: #e3ecfa; padding: 5px}
.pic-border{ border: 1px solid #dadada; padding: 5px;}
a.link{ color: #175595;}
.paddingleft{ padding-left: 15px;}
.paddingL{padding-left:10px;}
.paddingR{padding-right:9px;}
.paddingright{ padding-right: 15px;}
.paddingtop{ padding-top: 15px;}
.spacer130{ height:130px; clear:both;}
.spacer50{ height:50px; clear:both;}
.spacer20 {height:20px; clear:both;}
.spacer10 {height:10px; clear:both;}
.width {width:285px;}
.bg_color {background-color:#e3ecfa;}
.txt {color:#9aa192; font-size:1em; padding-left:5px;}
.required_text{ color:#FF0000;}
.error{ padding:5px; color:#ff0000; font:normal 12px Arial, Helvetica, sans-serif; display:block; margin-top:5px; text-align:left;}


/*THANKYOU PAGE
-------------------------------------------------------*/

#thank-you{ width:653px; border:5px solid #f1f1f1; margin:0px auto; text-align:center; font:normal 18px "Trebuchet MS", Arial; color:#000; padding:100px 0px; margin-bottom:50px; }
#thank-you h3{ font:normal 30px "Trebuchet MS", Arial; color:#000; margin:0; padding-bottom:5px;}


#thank-you a {position:absolute; margin-top:70px; margin-left:-60px; font:bold 11px "Trebuchet MS", Arial; color:#b2afaf;}
#thank-you a:hover { font:bold 11px "Trebuchet MS", Arial; color:#0448b5;}

/* Admin Footer 
---------------------------------------------------------*/

ul.footeradmin {margin:30px 0px 0px 0px ; padding:0; list-style:none;}
ul.footeradmin li{ margin:0; padding:0; display:inline;}