body{margin:0px; padding:0px 0px 0px 0px; }

/************************************************
* General *
************************************************/
table {font-size: 13px; color: #2c2c2c; font-family:Arial, Helvetica, sans-serif; text-align:left; line-height:1.8em;}
h2{padding:0px 0px 20px 0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:20px; }

h3{padding:15px 0px 5px 0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:19px; }

/************************************************
* Container - This class is for main table(if needed)*
************************************************/
.container{padding-bottom:21px;}

/************************************************
* Header - for header section*
************************************************/

.topblackstrip{ background-color:#1d1d1d; height:28px;}
.topblackstrip a{text-decoration:none;  font-size:13px; font-weight:bold; color:#fff;}
.topblackstrip a:hover{text-decoration:underline;  font-size:13px; font-weight:bold; color:#fff;}


.headerimg {background:url(../images/stars-bg_orange.jpg) no-repeat center top;}
.whatimg {background:url(../images/stars-bg_purple.jpg) no-repeat center top;}
.howimg {background:url(../images/stars-bg_green.jpg) no-repeat center top;}
.portfolioimg {background:url(../images/stars-bg_red.jpg) no-repeat center top;}
.requestimg {background:url(../images/stars-bg_blue.jpg) no-repeat center top;}

.header {height:142px;} 
.logo{padding:8px 0px 0px 0px;}

/************************************************
* Right Sidebar *
************************************************/
.rightside {width:220px;}
.toprt {background:url(../images/rt-top-rt.gif) no-repeat; width:24px;}
.toplt {background:url(../images/rt-top-lt.gif) no-repeat; width:16px;}
.topmid {background:url(../images/rt-top-mid.gif) no-repeat; height:52px; }

.btmrt {background:url(../images/rt-btm-rt.gif) no-repeat; width:24px;}
.btmlt {background:url(../images/rt-btm-lt.gif) no-repeat; width:16px;}
.btmmid {background:url(../images/rt-btm-mid.gif) repeat-x; height:18px; }

.midlt {background:url(../images/rt-left.gif) repeat-y;}
.midrt {background:url(../images/rt-right.gif) repeat-y;}
.midimg {border:1px solid #cfcfcf;}

/************************************************
* Content *
************************************************/
.content {padding: 0px 32px 17px 0px;} 
.titlepadd {padding-bottom:21px;}
/*.helloimgmain {position:relative; z-index:0;}*/

.home-banner{background:url(../images/banner-home.jpg) no-repeat left top; height:389px; position:relative;}
.whatwedo-banner{background:url(../images/banner-what-we-do.jpg) no-repeat left top; height:389px; position:relative;}
.whatwedo-banner1{background:url(../images/banner-what-we-do1.jpg) no-repeat left top; height:389px; position:relative;}
.whatwedo-banner2{background:url(../images/banner-what-we-do2.jpg) no-repeat left top; height:389px; position:relative;}
.whatwedo-banner3{background:url(../images/banner-what-we-do3.jpg) no-repeat left top; height:389px; position:relative;}
.whatwedo-banner4{background:url(../images/banner-what-we-do4.jpg) no-repeat left top; height:389px; position:relative;}
.whatwedo-banner5{background:url(../images/banner-what-we-do5.jpg) no-repeat left top; height:389px; position:relative;}

.how-it-works-banner{background:url(../images/banner-how-it-works.jpg) no-repeat left top; height:389px; position:relative;}
.portfolio-banner{background:url(../images/banner-portfolio.jpg) no-repeat left top; height:389px; position:relative;}
.portfolio-banner1{background:url(../images/banner-portfolio-1.jpg) no-repeat left top; height:389px; position:relative;}
.portfolio-banner2{background:url(../images/banner-portfolio-2.jpg) no-repeat left top; height:389px; position:relative;}
.portfolio-banner3{background:url(../images/banner-portfolio-3.jpg) no-repeat left top; height:389px; position:relative;}






.reauest-banner{background:url(../images/banner-reauest.jpg) no-repeat left top; height:389px; position:relative;}






.helloimg{padding:0px; margin:0px;  top:30px; width:168px; height:136px;  right:-63px; position:absolute;background:url(../images/hello-img.png) no-repeat left top;z-index:1;}
.bannershadow { height:43px;}
.subpoint { padding: 0 0px 0 0px;} 
.subpoint ul{ list-style:none; padding:12px 0px 0px 0px;  margin:0px;}
.subpoint ul li{font-size:13px; background:url(../images/content-bullet.gif) no-repeat left; font-weight:bold; padding-left:25px; color:#2c2c2c; padding-top:3px; padding-bottom:4px;}
.subpoint ul li.purple_ar{background:url(../images/content-bullet2.gif) no-repeat left;}
.subpoint ul li.red_ar{background:url(../images/content-bullet3.gif) no-repeat 0px 5px;}



.subpoint ul li a{text-decoration:none;  font-size:13px; font-weight:bold; color:#2c2c2c;}
.subpoint ul li a:hover{text-decoration:underline;  font-size:13px; font-weight:bold; color:#2c2c2c;}
.talkusbg {background:url(../images/talkwithus-bg.gif) no-repeat left; font-size:13px; font-weight:bold; padding:5px 0px 10px 10px;}
.talkusbg span {color:#eb4800;}


.sitemap { padding:0px; margin:0px;} 
.sitemap ul{ list-style:none; padding:12px 0px 0px 0px;  margin:0px;}
.sitemap ul li{font-size:14px; background:url(../images/content-bullet.gif) no-repeat 0px 6px; font-weight:bold; padding-left:25px; color:#2c2c2c; padding-top:3px; padding-bottom:4px;}
.sitemap ul li a{text-decoration:none;  font-size:14px; font-weight:bold; color:#2c2c2c;}
.sitemap ul li a:hover{text-decoration:underline;  font-size:14px; font-weight:bold; color:#2c2c2c;}

.sitemap ul li ul{list-style:none; padding:12px 0px 0px 10px;  margin:0px;list-style:none; }
.sitemap ul li ul li{font-size:13px; font-weight:bold; padding-left:13px; color:#2c2c2c; padding-top:0px; padding-bottom:2px; background:url(../images/subbul.gif) no-repeat 0px 7px;}
.sitemap ul li ul li a{text-decoration:none;  font-size:13px; font-weight:bold; color:#2c2c2c;}
.sitemap ul li ul li a:hover{text-decoration:underline;  font-size:13px; font-weight:bold; color:#2c2c2c;}




.talkusbg span a {text-decoration:none;}
.talkusbg span  a:hover{color:#000; text-decoration:none;}

.orange{color:#eb4800;}
.purple{color:#6e298a;}
.blue{color:#0d83b8;}
.red{color:#c80806}
.green{color:#578d12;}
/************************************************
* Footer*
************************************************/
.footer {background: #1d1d1d; height:28px;}

/************************************************
*what we do*
************************************************/
.easyimg{padding:0px; margin:0px;  top:30px; width:168px; height:136px;  right:-63px; position:absolute;background:url(../images/easy-img.png) no-repeat left top;z-index:1;}
.easyimg1{padding:0px; margin:0px;  top:30px; width:168px; height:136px;  right:-63px; position:absolute;background:url(../images/easy-img1.png) no-repeat left top;z-index:1;}
.easyimg2{padding:0px; margin:0px;  top:30px; width:168px; height:136px;  right:-63px; position:absolute;background:url(../images/easy-img.png) no-repeat left top;z-index:1;}
.easyimg3{padding:0px; margin:0px;  top:30px; width:168px; height:136px;  right:-63px; position:absolute;background:url(../images/easy-img3.png) no-repeat left top;z-index:1;}
.easyimg4{padding:0px; margin:0px;  top:30px; width:168px; height:136px;  right:-63px; position:absolute;background:url(../images/easy-img4.png) no-repeat left top;z-index:1;}
.easyimg5{padding:0px; margin:0px;  top:30px; width:168px; height:136px;  right:-63px; position:absolute;background:url(../images/easy-img5.png) no-repeat left top;z-index:1;}
.easyimg6{padding:0px; margin:0px;  top:30px; width:168px; height:136px;  right:-63px; position:absolute;background:url(../images/easy-img6.png) no-repeat left top;z-index:1;}

/************************************************
*how it work*
************************************************/
.simpleimg{padding:0px; margin:0px;  top:30px; width:168px; height:136px;  right:-63px; position:absolute;background:url(../images/simple-img.png) no-repeat left top;z-index:1;}

/************************************************
*Portfolio*
************************************************/
.proofimg{padding:0px; margin:0px;  top:30px; width:168px; height:136px;  right:-63px; position:absolute;background:url(../images/proof-img.png) no-repeat left top;z-index:1;}

/************************************************
*Request a Quote*
************************************************/
.talkusimg{padding:0px; margin:0px;  top:30px; width:168px; height:136px;  right:-63px; position:absolute;background:url(../images/talk-to-us.png) no-repeat left top;z-index:1;}

/************************************************
*google maps api*
************************************************/
a.maplink {color:#fd5505; text-decoration:none;}
a.maplink:hover {color:#fd5505; text-decoration:underline;}
a.plink {color:#6e298a; text-decoration:none;}
a.plink:hover {color:#6e298a; text-decoration:underline;}

/************************************************
* Grid related Class *
************************************************/
input {border: #b8b8b8 1px solid; padding:3px; color: #000000; background:url(../images/textboxbg.gif) #ffffff repeat-x; font-size:12px; font-family:Arial, Helvetica, sans-serif;} /* default class for the textboxes for whole project */
textarea {border: #b8b8b8 1px solid; padding:2px; font-size: 12px; background: url(../images/textboxbg.gif) #ffffff repeat-x; color: #000000; font-family:Arial, Helvetica, sans-serif; } /* default class for the textarea for whole project */
select {border: #b8b8b8 1px solid; padding:2px; font-size: 12px; background: url(../images/textboxbg.gif) #ffffff repeat-x; color: #000000; font-family:Arial, Helvetica, sans-serif; } /* default class for the list menu/dropdown(like to select countries or state) for whole project */

.inputbutton {cursor: pointer; color: #fff; text-align:center; background: url(images/butbg.gif) repeat-x; border:1px solid #2a95bf; font-size:12px; font-weight:bold;  padding:2px; font-family:Arial, Helvetica, sans-serif;} /* to make custom type of inputbutton for whole project */
.mandatory{color:#990000; font-weight:bold; font-size:12px;} /* to display mandatory things in the form, like "*"  */
.label{color:#999999; font-weight:bold; } /* to give the class for fields label  */

.dottedline{background:url(images/dotted.gif) repeat-x top; height:9px;} /* for dotted lines */
.border{border:1px solid #97b7dc; padding:2px;} /* common class to use border in the whole project */
.nobg { background:none; border:none;} /* to give remove the background color or border of CHECKBOX and RADIO BUTTON */
.sfont{font-size:10px; color:#ccc; font-style:italic;} /* for small grey font like to write comments near textfield in the grid */
.altbg{background-color:#f1f7fe;  border-top:1px solid #b8d6f9; } /* for grid's alternate raw */
.nrlbg{background-color:#fff;   border-top:1px solid #b8d6f9;} /* for grid's normal raw */
.gridheaderbg{background:url(images/gridheaderbg.gif) repeat-x; height:28px; color:#fff;  line-height:normal;} /* for the image or background color of grid's header */










/* ---- SLIDING HEADER BOX ----- 
.slider{position:absolute; z-index:100; top:0px; right:0;}*/
.subnav {position:absolute;z-index:4500;top:-1px; margin:1px 0 0 15px; }
ul#subnav {width:195px; height:300px;  background:url(../images/overlay.png);padding:10px 0px; margin:0; }
ul#subnav li {list-style:none; margin:0px 0px 8px 0px; padding:0;}
ul#subnav li a {color:white; text-decoration:none; font-weight:bold; padding:5px 12px 5px 12px;display:block; line-height:18px; }
ul#subnav li a:hover, ul#subnav li.current_page_item a {background:#000; }
ul#subnav li.current_page_item ul li a {background:none }
ul#subnav li.current_page_item ul li a:hover {background:#000;}

ul#subnav li ul {margin:0; padding:0;}
ul#subnav li ul li a {font-weight:normal;}

.subnav_btn {text-align:center; width:195px; height:30px; cursor:pointer; }