/********************************* Classes for XHTML default Tag *********************************/
body { background:#fff; margin:0 auto 0 auto; padding:0; font-family: arial, verdana, Helvetica, sans-serif ; color:#000000; text-align:center;}

form { display:inline; margin:0; padding:0px; } 
h2, img, div, input { behavior: url("iepngfix.htc") }
img { border:none; }
a { color:#000000; text-decoration:underline; padding:0px; margin:0px; }
a:hover { color:#000000; text-decoration:none; }
h1, h2, h3, h4, h5, h6, ul, li { list-style-type:none; padding:0px; margin:0px; font-weight:normal;}
.clear{clear:both}

/********************************* Classes for XHTML default Tag *********************************/

.bonus { font-size:12px; }
.bonus span { color:#0498BE; font-size:14px !important; font-weight:bold; }
/***** START CLASSES FOR TOP BANNER AND LOGO PART***********************************************************/
#mainDiv{ width:893px; clear:both;}
.logo img{float:left;}
.logoRightP{float:left; margin-left:80px; width:450px; height:110px; text-align:right;}
.top-submenu{ float:right; text-align:right; padding-right:20px; font-size:12px;}
.top-submenu a{ color:#333333; text-decoration:none; font-weight:bold;}
.top-submenu a:hover { color:#0095b5;}

p { text-align:justify; }
.logoRightP img{float:right}
.top-date{font-family:Arial Narrow, arial, verdana; font-size:12px; color:#000; float:right; text-align:right; padding:0px 20px 10px 0; margin:0px;}
/***** END CLASSES FOR TOP BANNER AND LOGO PART***********************************************************/



/***** START CLASSES FOR TOP MENU PART***********************************************************/
.topMenu-bg{background:url("topMenuBg.gif") left -27px #fff repeat-x; font-size:11px; font-weight:bold; padding:7px 0 7px 0px; text-align:center; margin:0 auto;}
.topMenu{ width:893px; margin:0 auto;}
#main-menu{ padding-left:0px;}

#tabs {margin:0; padding:0; float:left; width:100%; font-size:12px; line-height:normal; }
#tabs ul { margin:0; padding:0px 0px 0 0px; list-style:none; }

#tabs li { display:inline; margin:0 0 0 0; padding:0; font-weight:bold; }
#tabs a { float:left; background:url("tableft.gif") no-repeat left top; margin:0; padding:0 0 0 10px; text-decoration:none; }
#tabs a span { float:left; display:block; background:url("tabright.gif") no-repeat right top; padding:8px 13px 10px 3px; color:#D2D3D3; }
#tabs a span {float:none;}
#tabs a:hover span { color:#fff; }
#tabs a:hover { background-position:0% -42px;}
#tabs a:hover span { background-position:100% -42px; }
#tabs li.active span{ float:left; display:block; background:url("tabright.gif") no-repeat right top; padding:8px 13px 10px 3px; background-position:100% -42px; color:#fff; }
#tabs li.active a{ float:left; background:url("tableft.gif") no-repeat left top; background-position:0% -42px; margin:0; padding:0 0 0 10px; text-decoration:none; }
/***** END CLASSES FOR TOP MENU PART***********************************************************/


/***** START CLASSES FOR LEFT SIDE PART***********************************************************/
.content{ background:url("contentBg.gif") #fff repeat-x; min-height:163px; padding:30px 30px 40px 30px;}
.contentIn .left-part{width:520px; float:left; text-align:left;}
.contentIn .left-part1{width:650px; float:left; text-align:left;}
.contentIn .left-part1 p { font-size:12px; }
.contentIn .left-part h1, .portfoliocontent h1{font-family:Arial Narrow, arial, verdana; font-size:25px; color:#3D3F3F; margin:0; padding:0 0 15px 0; background: url("h1_bg.gif") left 5px no-repeat; padding-left:25px;}
.contentIn .left-part h2{font-family:Arial Narrow, arial, verdana; font-size:20px; color:#0095B5; font-weight:bold;  margin:0; padding:0 0 10px 0}
.contentIn .left-part h2 span{color:#3D3F3F; }
.contentIn .left-part h3{font-family:Arial Narrow, arial, verdana; font-size:15px; color:#0095B5; font-weight:bold;  margin:0; padding:0 0 10px 0}
.contentIn .left-part h4{font-family:Arial Narrow, arial, verdana; font-size:18px; color:#000; font-weight:bold;  margin:0; padding:0 0 10px 0}
.contentIn .left-part h5{background:url("sent.gif") left center #fff no-repeat; font-family:Arial Narrow, arial, verdana; font-size:20px; color:#88A309; font-weight:bold;  margin:50px 0 0 0; padding:20px 0 50px 80px}
.contentIn .left-part p{font-size:13px; color:#474A4A; margin:0; padding:0 0 20px 0; line-height:18px}
.contentIn .left-part p a{color:#008EAD;}
.contentIn .left-part p a:hover{color:#008EAD; }
.contentIn .left-part ul {margin:0 0 20px 0}
.contentIn .left-part ul li{font-size:12px; color:#474A4A; line-height:20px;}
.contentIn .left-part ul li a{color:#008EAD;}
.contentIn .left-part ul li a:hover{color:#008EAD; }
.contentIn .left-part ul.dot1 li{background:url("dot1.gif") #fff no-repeat; padding:0 0 0 35px; font-size:12px; color:#757777; line-height:20px; font-weight:normal}
.contentIn .left-part ul.dot11 li{background:url("dot1.gif") #fff no-repeat; padding:0 0 0 35px; font-size:12px; color:#474a4a; line-height:20px; font-weight:normal}

.contentIn .left-part ul.dot2 li{background:url("dot2.gif") #fff no-repeat; padding:0 0 0 35px; font-size:12px; color:#757777; line-height:20px; font-weight:bold}
.contentIn .left-part ul.dot4 li{background:url("dot1.gif") #fff no-repeat; padding:0 0 0 35px; font-size:12px; color:#474A4A; line-height:20px; font-weight:normal}
.contentIn .left-part ul.dotListH li.hDot{background:url("dot2.gif") #fff no-repeat; padding:0 0 0 35px; font-size:12px; color:#434545; line-height:20px; font-weight:bold}
.contentIn .left-part ul.dotListH li.hDot_sub{background:url("dot1.gif") 15px center #fff no-repeat; padding:0 0 0 50px; font-size:11px; color:#434545; line-height:20px; font-weight:bold}

.contentIn .left-part ul.dotListH li.LAB3{background:url("dot2.gif") #fff no-repeat 15px center; padding:0 0 0 50px; font-size:11px; color:#434545; line-height:20px; font-weight:bold}
.contentIn .left-part ul.dotListH li.LAB3_SUB{background:url("dot1.gif") 30px 2px #fff no-repeat; padding:0 0 0 65px; font-size:11px; color:#434545; line-height:20px; font-weight:bold}

.contentIn .left-part ul.dotListH li.LAB3_main{background:none; padding:0 0 0 50px; font-size:13px; color:#434545; line-height:20px; font-weight:bold}

.contentIn .left-part ul.dotListH li{padding:0 0 0 35px; font-size:12px; color:#434545; line-height:20px; font-weight:normal}
.contentIn .left-part ul.listing li label{font-weight:bold; float:left; width:150px;}

.contentIn .left-part ul.formListing li{ clear:left;}
.contentIn .left-part ul.formListing li label{font-weight:bold; float:left; width:150px; font-size:12px;}
.contentIn .left-part ul.formListing li input{width:250px; font-weight:normal; font-size:13px; margin:0 0 3px 0; padding:5px;}

.contentIn .left-part ul.formListing li.phone{ clear:left;}
.contentIn .left-part ul.formListing li.des label{font-weight:bold; float:left; width:100%; font-size:12px; line-height:22px; }
.contentIn .left-part ul.formListing li.phone label{font-weight:bold; float:left; width:100px; font-size:12px; line-height:22px; }
.contentIn .left-part ul.formListing li.phone input{ width:auto; font-weight:normal; font-size:13px; margin:0 0 3px 0; padding:1px;}

.contentIn .left-part ul.formListing li.messanger label{font-weight:bold; float:left; width:80px; font-size:12px; padding-left:150px; }
.contentIn .left-part ul.formListing li.messanger input{width:150px; font-weight:normal; font-size:13px; margin:0 0 3px 0; padding:3px;}

.contentIn .left-part ul.formListing li.captcha label{font-weight:bold; float:left; width:100px; font-size:12px; padding-left:150px; }
.contentIn .left-part ul.formListing li.captcha input{width:50px; font-weight:normal; font-size:13px; margin:0 0 3px 10px; padding:3px;}


.contentIn .left-part ul.formListing li input.fileA{width:263px;  height:auto; font-weight:normal; font-size:12px; padding:3px; }
.contentIn .left-part ul.formListing li textarea.textarea{width:255px; height:80px; font-weight:normal; font-size:13px; margin:0 0 3px 0; padding:3px; font-family:arial, verdana;}
.contentIn .left-part ul.formListing li input.but{border:none; background:url("but.gif") #fff no-repeat; height:35px; width:76px; font-weight:normal; font-size:18px; margin:0 0 3px 0; padding:2px 5px 5px 5px; color:#fff}
.but2{border:none; background:url("but.gif") #fff no-repeat; height:35px; width:76px; font-weight:normal; font-size:18px; margin:0 0 3px 175px; padding:2px 5px 5px 5px; color:#fff}

.ban a img { padding-right: 10px; }

.contentIn .left-part .add1{margin:0 0 20px 0px; width:240px; float:left}
.contentIn .left-part .add1 h2{font-family:Arial Narrow, arial, verdana; font-size:20px; color:#0095B5; font-weight:bold;  margin:0; padding:0 0 20px 0}
.contentIn .left-part .add1 p{font-size:13px; color:#474A4A; margin:0; padding:0 0 20px 0; line-height:18px}
.contentIn .left-part .add1 img{margin:0 0 20px 0;}
.contentIn .left-part .add1 ul.listing li label{font-weight:bold; float:left; width:100px;}

.contentIn .left-part .add2{margin:0 0 20px 10px; width:240px; float:right}
.contentIn .left-part .add2 h2{font-family:Arial Narrow, arial, verdana; font-size:20px; color:#0095B5; font-weight:bold;  margin:0; padding:0 0 20px 0}
.contentIn .left-part .add2 p{font-size:13px; color:#474A4A; margin:0; padding:0 0 20px 0; line-height:18px}
.contentIn .left-part .add2 img{margin:0 0 20px 0;}
.contentIn .left-part .add2 ul.listing li label{font-weight:bold; float:left; width:70px;}
.red{color:#ff0000;}
.black{color:#000000;}

.contentIn .left-part .employee{border:1px solid #ff00ff; padding:15px 25px 25px 25px; }
.contentIn .left-part .employee img{float:left; margin:0 20px 0 0;}
.contentIn .left-part .employee{border:1px solid #D2D2D2; padding:15px 25px 25px 25px; }
.contentIn .left-part .employee ul.dot1 li{background:url("dot4.gif") #fff no-repeat; padding:0 0 0 15px; font-size:12px; color:#757777; line-height:20px; font-weight:normal}
.contentIn .left-part .employee h2{font-family:Arial Narrow, arial, verdana; font-size:18px; color:#0095B5; font-weight:bold;  margin:0; padding:0 0 10px 0}
/***** END CLASSES FOR LEFT SIDE PART***********************************************************/
.right-part p a { font-size:12px; background:url('icon.gif') no-repeat; background-position: 0 2px; padding-left: 25px; float:left; width:100%; line-height: 22px; }
.right-part1 p a { font-size:12px; background:url('icon.gif') no-repeat; background-position: 0 2px; padding-left: 25px; float:left; width:100%; line-height: 22px; }

/***** START CLASSES FOR RIGHT SIDE PART***********************************************************/

.right-part p { padding:0; margin:0; }
.contentIn .right-part{ width:280px; float:left; padding-left:33px;  text-align:left}
.contentIn .right-part1{ width: 150px; float:left; padding-left:15px;  text-align:left; font-size:12px; }
.contentIn .right-part1 {font-size:12px; }
.right-part div.container { margin: auto; width: 100%; margin-bottom: 10px;}
.right-part h2 {margin: 0;}
.right-part .drawers-wrapper {position: relative; width: 280px;}
.right-part .drawer {color:#76797C; font-size:11px; line-height:1.3em;}
.right-part .boxcap {height:10px; left:0pt; position:absolute; width:100%; z-index:100; background:transparent url(normalB.gif) no-repeat scroll 0%; margin-top:3px;}
.right-part .captop {bottom:auto; top:0pt; margin-top:0; }
.right-part .drawers {margin-bottom:15px; color:#76797C; font-size:11px; line-height: 18px;}
.right-part .drawers a {color:#666666; text-decoration:none; font-weight:normal;}
.right-part .drawers a:hover {color:#0095B5; text-decoration:none; font-weight:normal;}
.right-part .drawer li {border-bottom:1px solid #E5E5E5; line-height:16px; padding:6px 0pt;}
.right-part UL {list-style: none;padding: 0;}
.right-part UL.drawers {margin: 0;}
.right-part .drawer UL {padding: 0 0px; MARGIN:0; padding-bottom:0pt;}
.right-part .drawer-content UL {padding-top: 7px; padding:0 0 0 0px;}
.right-part .drawer-content LI A { display:block;overflow:hidden;}
.right-part .alldownloads li {border:0; background:url("liDot.gif") no-repeat left; line-height:18px; padding:0pt 0pt 0pt 58pt;}
.right-part .no{font-size:24px; font-weight:normal; padding:0px 0 0 6px;}
.right-part li.tl{text-align:left; float:right; background:none; padding:0 20px 0 0}
.right-part li.bn{ background:none;}
.right-part .drawer-handle {color:#999999; cursor:pointer; font-size:20px; font-family:"arial narrow", arial, verdana; font-weight:bold; height:75px; line-height:77px; margin-bottom:0pt; text-indent:15px; width:100%; }
.right-part .drawer-handle{background:url(normalT.png) no-repeat;}
.right-part .drawer-handle.open {color:#000;  font-family:"arial narrow", arial, verdana, times new roman;}
.right-part .drawer-handle.open{background:url(normalTA.gif) no-repeat;}
.right-part .drawer-handle:hover{background:url(normalTA.gif) no-repeat;}
/***** END CLASSES FOR RIGHT SIDE PART***********************************************************/



/***** START CLASSES FOR FOOTER PART***********************************************************/
.footerLink{ background:url("footerLink.gif") #dbdcdc repeat-x; padding:14px; line-height:22px; text-align:center; color:#6B6B6B; font-size:12px;}
.footerLink a{color:#6B6B6B; padding:2px 8px 2px 8px; text-decoration:none}
.footerLink a:hover {color:#fff;  padding:2px 8px 2px 8px;  background:#40BBD7; text-decoration:none}
.footerLink a.active{color:#fff;  padding:2px 8px 2px 8px;  background:#40BBD7; text-decoration:none}


.footerDiv{ clear:both; float:left; width:100%; padding:0px 0px 10px 0px;}
.footerDiv h3{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#474A4A; margin:0px; padding:0px; text-align:left; padding:5px;}
.footerBg_l{ float:left; width:50%; text-align:left; margin:0 0 0px 20px;}
.footerBg_r{ float:right;  text-align:right; margin:0 20px 0 0}
.footerBg_r .mt{ margin:5px 0 0 0}

.footerBg{padding:2px; border-bottom:1px dotted #E5E5E5; background:#F2F2F2; color:#7D7D7D; font-size:12px; }
.footerBg a{ text-decoration:none;}
.footerBg span{color:#0095B5; font-weight:bold}
.footerBg span.info{color:#404040; font-weight:bold}


.footerBg1{background:#F9F9F9; }
.footerBg2{color:#7D7D7D;  text-align:right; font-size:12px; font-family:Arial Narrow, arial, verdana;}
.footerBg2 {width:550px;}
.footerBg2 b
{ font-weight:normal; padding:5px 0px 0px 5px; color:#999999;}
.footerBg2 li b a
{ color:#999999;}
.footerBg2 ul{ padding:0px 0px 0px 0; float:left; }
.footerBg2 li{float:left;padding:10px 3px 5px 3px; height:25px;}
.footerBg2 li span{float:left; padding:0px 0 0 0; margin:-5px 0 0 0;}
.footerBg2 li a{color:#008EAD}
.footerBg2 li a:hover{color:#008EAD}
.footerBg2 li.line{border-right:1px dotted #B0B0B0}
/***** END CLASSES FOR FOOTER PART***********************************************************/

.contentIn .left-part ul.formListing li.phone input.but3{border:none; background:none; padding:0 0 0 3px; vertical-align:middle;  font-weight:normal; font-size:10px; margin:0;  text-indent:-9999px;  cursor:pointer;}



.contentIn .left-part .por1{margin:0 0 10px 0px; width:210px; float:left}

.contentIn .left-part .php-portfolio{border:1px solid #CCCCCC; padding:2% 3%; margin-bottom:5px; float:left; width:94%; }
.contentIn .left-part .php-portfolio img{float:left; margin:0 20px 0 0;}
.contentIn .left-part .php-portfolio p{ font-size:12px;}


#footer-boxes{ clear:both; width:100%; text-align:left;}
.box1{ float:left; width:175px;}
.box2{ float:left; width:275px; padding:0 15px 0 15px;}
.box3{ float:left; width:275px; padding:0 15px 0 15px;}

#footer-boxes h2 { border-bottom:solid 2px #a5deef; font-family:Arial Narrow, arial, verdana; font-size:18px; color:#3D3F3F; margin-bottom:5px; padding:5px 0; font-weight:bold; text-decoration:none;}
#footer-boxes h2 a{ text-decoration:none; color:#3D3F3F; font-family:Arial Narrow, arial, verdana; font-size:18px; }
#footer-boxes h2 a:hover{ text-decoration:none; color:#999999; font-family:Arial Narrow, arial, verdana; font-size:18px;}

#footer-boxes p{font-size:12px; color:#474A4A; margin:0; padding:5px 0;}
#footer-boxes p.more{ text-align:right; }
#footer-boxes p.more a{ color:#008ead;}
#footer-boxes ul{ list-style:none; margin:0; padding:0;}
#footer-boxes li{ font-size:12px; border-bottom:dotted 1px #cecece; padding:12px 0px 12px 0px;}
#footer-boxes li img{ padding-right:5px; vertical-align:middle}
#footer-boxes li a{ text-decoration:none; color:#474A4A;}
#footer-boxes li a:hover{ color:#029ec2;}
.iphone{ cursor:pointer;}


/*vi-family*/
.vi-family{ border:0; width:100%; height:374px;}

/*Jay calss*/
.fleft
{ float:left;}
.fright
{float:right;}
.clearb
{ clear:both;}
.sym-desc{float:right; width:295px;}
.contentIn .left-part p.link-request{ padding:0;}

.linktous{ width:100%; float:left;}
.linktous .left{  width:170px; float:left;}
.linktous .right{  width:300px; float:left; width:250px; font-weight:normal; font-size:13px; margin:0 0 3px 0; padding:5px; border-top:solid 2px #808080; border-left:solid 2px #808080; border-right:solid 1px #d4d0c8; border-bottom:solid 1px #d4d0c8; height:100px; overflow-y:scroll; }

.instantquote{ background:url("instant-quote.jpg") no-repeat; width:271px; height:38px; font-size:16px; color:#FFFFFF; padding:0px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; }
.instantquote h3{padding:12px 10px 0px 50px; margin:0px; font-size:16px; color:#FFFFFF; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; }
.instantquotebg{ background:url("instant-quote-bg.jpg") repeat-y; width:271px; }
.instantquotebottom{ background:url("instant-quote-bottom.jpg") no-repeat; width:271px; }
.instantquotebg ul { margin:0px; padding:0px;}
.instantquotebg ul li { list-style:none; color:#666666; padding:5px; margin:0px; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:right; clear:both;}
.instantquotebg ul li div { margin:0px; padding:0px;}
.inst{ padding-left:0px; width:241px;}
.inst ul { padding-left:10px;}
.inst span{ color:#ff0000;}

/* ---------  Portfolio Images ---------- */

.portfolioarea {background:url("portfolio_rightbg.jpg") no-repeat right; height:342px;  width:884px; clear:both;}

.portfolio {width:270px; float:right; text-align:left; padding:10px 0px 0px 0px; }
.portfolio h3 {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#3D3F3F; margin:0; padding:0 0 0 15px; background:url("dot4.gif") left no-repeat;}
.ph2{font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#3D3F3F; margin:0; padding:0 0 0 30px; background:url("dot2.gif") left no-repeat;}
.portfolio p { margin:0px; padding:10px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; line-height:18px;}
.portfoliocontent{ background:url("contentBg.gif") #fff repeat-x; padding:10px 0px 0px 0px;}
.portfoliocontent h1 {margin-left:20px;}

.pagination a{background-color:#d7d7d7; padding:3px 5px 3px 5px; display:block; border:#cccccc solid 1px; color:#333333; float:left; margin:2px; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}
.pagination a:hover {background-color:#40bbd7; padding:3px 5px 3px 5px; display:block; border:#999999 solid 1px; color:#ffffff; float:left; margin:2px; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}
.pselected {background-color:#40bbd7; padding:3px 5px 3px 5px; border:#999999 solid 1px; color:#ffffff; float:left; margin:2px; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}


.innerbottomcorner{background:url("innerport-bottomcorner.jpg") no-repeat top; height:9px;  width:853px; clear:both; margin:0px; padding:0px;}
.innercentercontent{background:url("innerport-bottombg.jpg") repeat-x; background-position:bottom; min-height:172px; margin:0px; padding:0px;}
.ptext p { margin:0px; color:#555555; padding:3px 3px 3px 15px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}




/* Messanger Starts */
#mesg{ clear:both; width:242px;}
#mesg div.icons{background:url(contact-icon-1.jpg) no-repeat top left; height:40px; line-height:45px; cursor:pointer;}
#mesg div.ic1{background-position:-11px 0px; width:39px;}
#mesg div.ic2{background-position:-50px 0px; width:43px;}
#mesg div.ic3{background-position:-93px 0px; width:42px;}
#mesg div.ic4{background-position:-135px 0px; width:60px;}
#mesg div.ic5{background-position:-195px 0px; width:38px;}
div.textbox{  width:242px; height:39px; margin-left:5px; margin-top:5px; text-align:center;}
div.idtext {line-height:5px; padding:10px 5px 10px 5px; text-align:center; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#666666;}
div.idtext2 {line-height:5px; padding:0px 5px 10px 5px; text-align:center; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#666666;}
.floatL {float:left;}
.floatR {float:right;}
.clear{clear:both; height: 1px;}
/* Messanger Ends */