html{ overflow-x:hidden; }
body{margin:0; padding:0; color:#434343; font:11px tahoma; /*overflow-x:hidden;*/}
img{border:0; outline:none;}
.fr{float:right;}
*{margin:0; padding:0;}
p{padding:0 0 10px; text-align:justify;}
.cl{clear:both; font-size:1px;}
ul, li{margin:0; padding:0; list-style-type:none;}


.wrapper{width:1000px; margin:0 auto;}
.header{background:url(../images/headbg.png) no-repeat left 5px;}
.logo{float:left; margin:21px 0 0 15px;}

.mainBox{margin:0 0 10px; padding:10px 0 0;}
.mainBox h2, h1{font:normal 20px "trebuchet MS"; margin:0 0 5px; color:#000; background:url(../images/blue.png) no-repeat left center; padding:0 0 0 12px;}
.right h1, .right h2{margin:0 0 15px;}
.blog{font:13px "trebuchet MS";}
.blog h2{ font:normal 17px "trebuchet MS"; background:none; padding:0; margin:0 0 5px;}
.blog h2 a{color:#000; text-decoration:none;}
.blog label{border-bottom:1px solid #ccc; margin:0 0 10px; padding:0 0 10px;}
.mainBox b.b2{background:url(../images/zip.gif) repeat-x; font-size:1px; height:5px; margin:0 4px; display:block; caption-side:bottom;}
.mainBox .pos{height:266px; position:relative;}
.hAbout{float:left; width:188px; margin:0 25px 0 0;}
.hAbout div.bg{background:url(../images/aboutbg.png); height:210px; padding:12px 23px 0 10px;}
.hServices{float:left; width:198px; padding:0 20px 0 0; background:url(../images/yelo-devi.png) no-repeat right center;}
.hServices ul{padding:0 0 10px; list-style:none;}
.hServices ul li{border-bottom:1px solid #979797; font:11px/26px tahoma;}
.hServices ul li a{text-decoration:none; color:#000; background:url(../images/bullet.gif) no-repeat left center; padding-left:13px;}
.hClients{padding:0 0 0 20px; width:226px; float:left;}
.hClients p.p2{padding:10px 0 0;}

a.portfolio{position:absolute; right:0; top:-8px;}
a.readMore{color:#17a1ce; font-weight:bold;}
.mid{background:url(../images/mid.gif) repeat-y; padding:0 14px 5px;}
.addOns .box{width:310px; float:left; padding:0 10px; background:url(../images/devi.png) no-repeat center right; height:135px;}
.addOns .last{background:none;}
.addOns .box h2, h3{background:url(../images/yellow.gif) no-repeat left center; margin:0 0 10px; font:bold 16px "trebuchet MS"; padding-left:13px; color:#000;}
h3 a{color:#000; text-decoration:none;}
h3 a:hover{color:#000; text-decoration:underline;}
.addOns .mid{padding:0 4px;}
.addOns dl, .addOns ul, .addOns ul p{margin:0; padding:0;}
.addOns dt, .addOns li{padding:0 0 12px;}
.box li{padding:0 0 9px;}
.addOns dt a, .addOns li a{text-decoration:none; color:#000;}
table.zone{font:bold 16px "trebuchet MS"; color:#000;}
table.zone td{padding-bottom:20px;}
table.zone td a{color:#000; text-decoration:none;}
table.zone td a:hover{text-decoration:underline;}
table.zone td img{vertical-align:middle;}
.in{background:url(../images/blackbg.gif) repeat-y left;}

ul.paging{ list-style:none; text-align:right; padding:5px 0 0;}
ul.paging li{display:inline; font-weight:bold;}
ul.paging li a{background:#e0dfdd; padding:2px 8px; text-decoration:none; color:#636363;}
ul.paging li a:hover{background:#ffb809; color:#fff;}

.footer, .addOns{margin:0 0 10px;}
.footer a{padding:0 17px; line-height:20px; border-left:1px solid #3c3c3c; color:#3c3c3c; text-decoration:none;}
.footer a:hover{text-decoration:underline;}
.footer a.first{border:0;}
.footer .mid{text-align:center;}
.footer b.b1, .addOns b.b1, .mainBox b.b1{background:url(../images/top-bot.png) no-repeat top; display:block; height:12px; font-size:1px;}
.footer b.b2, .addOns b.b2{background:url(../images/top-bot.png) no-repeat bottom; display:block; height:12px; font-size:1px;}
p.copy{text-align:center; color:#adadad;}
a.quote{position:absolute; left:0; top:50%; margin-top:-89px; float:left;}
a.feedback{position:absolute; right:0; top:50%; margin-top:-70px; float:right;}

/***************** LEFT MENU ***************/
.applemenu{Margin:0;padding:0;width:183px; /*width of menu*/}
.applemenu div.silverheader a{font: normal 15px "Trebuchet MS", Helvetica, sans-serif;color: #17a1ce;display: block;position: relative; /*To help in the anchoring of the ".statusicon" icon image*/width: auto;padding:0;text-decoration: none;}
.applemenu div.silverheader a:active{color:#17a1ce;}
.applemenu div.silverheader a:visited{color:#17a1ce;}
.applemenu div.selected{ border:0; padding:5px 0 10px;}
.applemenu div.selected a, {color: white; padding:0 0 10px;}
.applemenu div.silverheader a:hover{}
.applemenu div.submenu{ /*DIV that contains each sub menu*/padding:0; border-bottom:1px solid #8c8c8c;/*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/}
.applemenu div.submenu a{ background:url(../images/leftmenu.gif) no-repeat left 2px; display:block; padding:0 0 6px 12px; color:#d8d8d8; text-decoration:none;}
.applemenu div.submenu a:hover{color:#fff; font-weight:bold; background:url(../images/leftmenuh.gif) no-repeat left 2px;}
.silverheader {padding:3px 0; border-bottom:1px solid #8c8c8c;}
/***************** LEFT MENU ENDS ***************/

.left{float:left; width:183px; padding:0 10px 5px; overflow:hidden;}
.right{float:right; width:759px;}
.in-ul li{ float:left; list-style:none; padding:0 20px 5px 10px; width:220px; background:url(../images/more-ser.png) no-repeat 0 5px;}
.in-ul li a{color:#ffb60c; text-decoration:none;}
.in-ul li a:hover{text-decoration:underline;}
.l-img{float:left; margin:0 20px 5px 0;}
.r-img{float:right; margin:0 0 5px 20px;}
p.more{text-align:right; margin:0 0 20px; clear:both;}
p.more a{color:#17A1CE; font-weight:bold; text-decoration:none; background:url(../images/more.png) no-repeat right 3px; padding:0 8px 0 0;}
p.more a:hover{text-decoration:underline;}
.dList{}
.dList h3{margin:0 0 5px;}
.dList p{margin:0; padding:0;}
.dList .odd{background:#F1FAF8; padding:10px;}
.dList .even{padding:10px;}
.style5{color:#FF0000;}

/*.portfolio li{list-style:none; float:left; margin:0 13px 20px 0;}
.portfolio li a{float:left; color:#5f5f5f; text-decoration:none;}
.portfolio li a img{margin-bottom:3px; display:block;}
*/
label{padding-bottom:10px; display:block;}
label a{color:#17A1CE; text-decoration:none;}
label a:hover{color:#17A1CE; text-decoration:underline;}

.testiCont{margin:0 0 7px; padding:0 0 7px; border-bottom:1px solid #CCCCCC;}
.testiCont img{float:left; margin:0 10px 0 0; border:1px solid #ccc; padding:2px; height:50px;}

.testimonial p{padding:0 0 5px; margin:0;}
.testimonial h3{margin:0;}
.testimonial label{padding:7px 0 0; display:block; text-align:left;}

/* Tab Content Css */
.invite-tabs{padding:0; clear:both; border-right:10px solid #000; margin:0;}
.invite-tabs ul.tabmenu{margin:0; padding:0; font:normal 13px "trebuchet MS"; float:right; height:31px; overflow:hidden;}
.invite-tabs ul.tabmenu li{float:left; list-style:none; margin-left:2px; text-align:center; height:31px; overflow:hidden;}
.invite-tabs ul.tabmenu li a{line-height:25px; height:25px; display:block; color:#fff; background:#000; text-decoration:none; float:left; padding:3px 15px; overflow:hidden;}
.invite-tabs ul.tabmenu li a:hover{text-decoration:none; color:#fff; cursor:pointer; background:#17a1ce;}
.invite-tabs ul.tabmenu li a.selected{background:#17a1ce; text-decoration:none; color:#fff;}
.tabContent{padding:5px 0; display:block; background:#17a1ce; clear:both;}
.tabContent h2{color:#fff; font-size:18px; padding:0 0 5px 10px; margin:0;}

.gallery{clear:both;}
.gallery img{border:4px solid #000; margin:6px;}

#lightbox{background-color:#eee; padding:10px; border-bottom:2px solid #666; border-right:2px solid #666;}
#lightboxDetails{font-size:0.8em; padding-top:0.4em;}	
#lightboxCaption{float:left;}
#keyboardMsg{float:right;}
#closeButton{top:5px; right:5px;}
#lightbox img{border:none; clear:both;} 
#overlay img{border:none;}
#overlay{background-image:url(../images/overlay.png);}
* html #overlay{background-color: #333; background-color:k transparent;	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");}

ul.pagination{margin:10px 0; padding:0; text-align:right; float:right; height:15px;}
ul.pagination li{margin:0; padding:0; display:inline; list-style-type:none; width:15px; font:bold 11px calibri, arial; color:#d2251f; text-align:center;}
ul.pagination li a{color:#888; text-decoration:none; background:#f3f3f3; height:13px; line-height:13px; float:left; display:block; margin:0 3px; text-align:center; border:1px solid #ccc; padding:0 8px;}
ul.pagination li a:hover{color:#fff; text-decoration:none; background:#598EE9; display:block; border:1px solid #6aa3d0;}
ul.pagination li.active{width:15px; height:13px; line-height:13px; float:left; display:block; margin:0 3px; text-align:center; border:1px solid #ccc; color:#fff; text-decoration:none; background:#598EE9; border:1px solid #6aa3d0;}


ul.portfolio{}
ul.portfolio li{padding-bottom:25px;}
ul.portfolio li a img{border:5px solid #f1f1f1;}
ul.portfolio li a:hover img{border:5px solid #FFB60C;}
ul.portfolio li .portfolioDesc{padding:5px 0;}
ul.portfolio li .portfolioDesc h2{font:bold 12px Arial, Helvetica, sans-serif; background:none; padding:5px 0; margin:0 0 5px; border-bottom:1px solid #f1f1f1;}
ul.portfolio li .portfolioDesc h2 a{float:right; text-decoration:none; color:#000;}
ul.portfolio li .portfolioDesc h2 a:hover{text-decoration:underline; color:#000;}