@charset "utf-8";
/* CSS Document */
/* ========== Do Not Touch In Css Strat ========== */
@import url("reset.css");
@import url("fonts.css");
@import url("base.css");
@import url(http://fonts.googleapis.com/css?family=Share);
body{background:url(../images/body_bg_big.jpg) repeat-x scroll center top transparent; background-color: #F5F5F5}
p {margin:0px; padding:0px 0px 15px 0px;}
#page-wrap {width:978px; margin:0px auto; padding:0px;}
#page-wrap1 {width:978px; margin:0px auto; padding:0px;}
.left {float:left;}
.right {float:right;}
.last {margin-right:0px !important;}

.floatleft {float:left;}
.floatright {float:right;}
.clear {clear:both;}
.bold {font-weight:bold;}
a {text-decoration:none; color:#393185;}
a:hover, a.selected {text-decoration:none; color:#333333;}
ul {list-style:none;}
li {list-style:none;}
/* ========== Do Not Touch In Css End ========== */

/* ------- Top Area Strat ------- */
.header{margin:0px; padding:10px 0px 0px 0px; height:162px;}
.header_logopart{margin:0px; padding-left:5px; height:109px;}
.header_logopart .logomain{width:626px; float:right; padding:5px 0 0 5px}
.header_logopart .logomain div.symbol{float:right; width:213px;}
.header_logopart .logomain div.logo_text{float:right; margin-top:42px;}
.header .contactno{float:left; color:#2b2c2b; font-size:15px; text-align:left; width:290px; margin-top:45px; padding-left:10px}
.header .contactno div.text{float:left; width:282px;}
.header .contactno div.text span{font-size:20px;}
.header .contactno img{float:right; margin-left:6px; margin-top:6px;}

/* ------- Top Area End ------- */

/* ------- Navigation Area Strat ------- */
/*.nav{margin:0px; padding:0px; width:978px;}
.nav .navmiddle{margin:0px; padding:0px; height:52px; background:url(../images/navi_back.jpg) repeat-x left top; width:962px; float:left;}
.nav .navleft{background:url(../images/nav_left.png) no-repeat left top; width:8px; height:52px; float:left; display:block;}
.nav .navright{background:url(../images/nav_right.png) no-repeat left top; width:8px; height:52px; float:right; display:block;}

.nav ul{margin:0px; padding:0px;}
.nav ul li{    
    color: #FFFFFF;
    float: left;
    height: 52px;
    list-style: none outside none;
    margin: 0;
    /*padding: 11px 24px;}
	.nav ul li a{color:#ffffff; text-decoration:none;  display: block;
    height: 24px;
    padding: 11px 20px; text-shadow: #000000 1px -1px 1px;}
	.nav ul li:hover{background: url("../images/navi_hover.jpg") no-repeat scroll center 39px transparent;  }
	.nav ul li:hover a{color: #FFB600;}
	.nav ul li a:hover, .nav ul li a.selected{
    color: #FFB600;
    display: block;
    height: 24px;
    padding: 11px 24px;}
	.nav ul li a.selected{background: url("../images/navi_hover.jpg") no-repeat scroll center bottom transparent;
    color: #FFB600;
    display: block;
    height: 24px;
    padding: 11px 24px;}
	.nav ul li ul{position:absolute; display:none; background:url(../images/sub_bottom.png) no-repeat center bottom; width:180px; z-index:9999; margin-left:20px; padding:0px;}
	.nav ul li:hover ul{display:block;} 
	.nav ul li ul li{border-bottom: 1px solid #c38f0c; background-color:#feba0d;
    float: none;
    height: 20px;
    list-style: none outside none;
    margin: 0;
    padding: 4px 8px;}
	.nav ul li ul li:hover{ background:#feba0d;}

	.nav ul li ul li a{background:none; margin:0px; height:15px; padding:0px!important; text-shadow:none; color:#000000!important;}
	.nav ul li ul li a:hover{background:none; margin:0px; padding:0px; color:#046e86!important;}
.hmbanenr{margin:0px; padding:0px; height:375px;}
*/

#homecontent{background:#FFFFFF; padding:0px 0px 5px 0px; margin-top:9px}
#innercontent{background:#FFFFFF; padding:0px 0px 5px 0px; margin:0px}
#hometeaser{margin:-66px 0px 0px 0px; padding:0px 40px; height:260px; border:0px solid #000000; position:relative;}
.orange_teaser{ width:270px; height:150px; float:left; margin:0px 14px;}
.orange_main{height:65px;}
.orange_top{background:url(../images/orange_top.png) no-repeat left top; height:7px; display:block;}
.orange_middle{background:url(../images/orange_middle.png) repeat-y left top; height:45px; text-align:center; margin:0px; padding:13px 0px 0px 0px; font-size:18px; color:#000000; font-style:italic; position:relative; z-index:2;}
.orange_middle img{float:right; margin-right:7px;}

.blue_top{background:url(../images/blue_top.png) no-repeat left top; height:7px; display:block;}
.blue_middle{background:url(../images/blue_middle.png) repeat-y left top; height:45px; text-align:center; margin:0px; padding:13px 0px 0px 0px; font-size:18px; color:#000000; font-style:italic; position:relative; z-index:2;}
.blue_middle img{float:right; margin-right:7px;}

.green_top{background:url(../images/green_top.png) no-repeat left top; height:7px; display:block;}
.green_middle{background:url(../images/green_middle.png) repeat-y left top; height:45px; text-align:center; margin:0px; padding:13px 0px 0px 0px; font-size:18px; color:#000000; font-style:italic; position:relative; z-index:2;}
.green_middle img{float:right; margin-right:7px;}

.text_mian{height:200px; position:relative; z-index:1;}
.text_bottom{background:url(../images/gray_bottom.png) no-repeat left bottom; height:8px; display:block;}
.text_middle{background:url(../images/gray_middle.jpg) repeat-y left top; padding:10px 12px 5px 12px; height:145px;}
.bullet{margin:0px; padding:0px;}
ul.bullet{margin:0px; padding:0px;}
ul.bullet li{margin:0px; padding:0px; list-style:none; background:url(../images/arrow_cion.png) left 6px no-repeat; font-size:11px; padding-left:13px; }
ul.bullet2{margin-top:7px; padding:0px;}
ul.bullet2 li{margin:0px; padding:5px 0px; list-style:none; background:url(../images/arrow_cion.png) left 13px no-repeat; font-size:16px; padding-left:13px; }
ul.bullet2 li a{color:#ffffff}
ul.bullet2 li a:hover{color:#E31E24}

.contentmain{margin:0px; padding:10px 0px 5px 0px;}
.contentmain .conleft{float:left; width:626px; margin:0px;}
.contentmain .conleft h1{font-size:24px; color:#000000; font-weight:normal; line-height:28px; padding-bottom:16px;}
.readmore a{font-size:12px; color:#02748e; font-weight:bold;}
.readmore a:hover{text-decoration:underline;}

.contentmain .conright{float:right; width:287px;}
.cermain{margin:0px; padding:0px;}
.cermain div{float:left; width:300px;}
.cermain div.client{margin-left:25px;}
.brblue{background:#007d9a; height:5px; margin-bottom:15px;}
.divider{background:url(../images/ver_line.jpg) repeat-y right top; width:2px;}
ul.cerficate{margin:0px; padding:0px; width:300px;}
ul.cerficate li{margin:0px; padding:0px; float:left; list-style:none; text-align:center; font-size:12px; color:#007d9a; font-weight:bold;}
ul.cerficate li img{margin:0px 30px;}

.contentmain .conright h1{color:#005e73; font-size:20px; font-weight:bold; margin:0px; padding:0px 0px 5px 0px; font-style:italic; font-weight:normal;}
.contentmain .conright ul{margin:0px; padding:0px;}
.contentmain .conright ul li{  background: url("../images/bullet_1.jpg") no-repeat scroll left 18px transparent;
    list-style: none outside none;
    margin: 0;
    padding: 10px 0px 10px 13px; border-bottom:1px dashed #d4d4d4;}
	.contentmain .conright ul li p{margin:0px; padding:0px;}
.contentmain .conright ul li span{color:#005e73;}
.viewmore{float:right; display:inline-block; margin-top:10px;}

/* ..... Home Page Contener Area End ..... */

h3{color: #1D9FD2;
    font-family: 'Archivo Narrow',sans-serif;
    font-size: 16px;
    line-height: 16px;
    margin: 0;
    padding-bottom: 5px;
    text-shadow: 0 1px 0 #ffffff ;
    width: 100%;}

.divi{width:100%; margin:30px auto; }
.divi h1{width:100%; background:#a7a7a7; height:1px; position:relative; margin:30px 0px; }
.divi h1 span{padding-right:15px; background-color:#FFFFFF; position:absolute; top:-10px;}

.prod ul{margin-top:0px; padding:0px; }
.prod ul li{ border-bottom: 1px dashed #D4D4D4; list-style: none outside none; margin: 0; padding: 10px 0 10px 0px; color: #FFFFFF; font-size:14px}
.prod a{color: #FFFFFF;
    font-family: 'AbelRegular';
    font-weight: bold;
    text-transform: uppercase;}
.prod a:hover{color: #1D9FD2;}

/* ..... Inner Page Contener Area Strat ..... */
.innerbanner{margin:0px; padding:0px;height:194px;}
.innerbanner .hd{position:absolute; border:0px; border:1px solid #000000; height:25px;}
#innercontentmain{margin:0px; background:#FFFFFF; padding:0px;}
#innercontentmain .inrconleft{float:left; width:210px;}
#innercontentmain .proright{float:left;  width:450px}
#innercontentmain .proright img{ margin-bottom:10px}
.inrconleft ul{margin-top:0px; padding:0px;}
.inrconleft ul li{background: url("../images/bullet_1.jpg") no-repeat left 18px; border-bottom: 1px dashed #D4D4D4; list-style: none outside none; margin: 0; padding: 10px 0 10px 13px; color:#393185; font-size:14px}
#innercontentmain .inrconleft h1{font-size:20px; color:#393185; font-weight: bold; line-height:28px; padding-bottom:6px;}
#innercontentmain .inrconleft{padding-right:20px;}
#innercontentmain .inrconright{float:right; width:697px; }

#innercontentmain .inrconleft h2{font-size:18px; color:#000000; font-weight:normal; padding-bottom:8px;}
.btmcontent{float:right; width:220px; margin-top:15px;}
.btmcontent h2{font-size:18px; font-style:italic; color:#000000; font-weight:normal; padding-bottom:8px;}



#innercontentmain .inrconleft1{float:left; width:660px;}
.inrconleft1 ul{margin-top:0px; padding:0px;}
.inrconleft1 ul li{background: url("../images/bullet_1.jpg") no-repeat left 18px; border-bottom: 1px dashed #D4D4D4; list-style: none outside none; margin: 0; padding: 10px 0 10px 13px; color:#393185; font-size:14px}
#innercontentmain .inrconleft1 h1{font-size:20px; color:#393185; font-weight: bold; line-height:28px; padding-bottom:6px;}
#innercontentmain .inrconleft1 h2{font-size:18px; color:#000000; font-weight:normal; padding-bottom:8px;}
/* ..... Inner Page Contener Area End ..... */
/* ------- Pages Contener Area End ------- */

/* ------- Footer Area Strat ------- */
.footer{background:url(../images/footer_bak.jpg) repeat-x left top; min-height:55px; width:100%; margin:5px auto 0px auto; padding:0px; font-size:11px}
.footer .ftrcontain{width:978px; margin:0px auto 0px auto; padding:0px;}
.footer .ftrcontain .footerleft{float:left; width:575px; margin-top:10px; padding-left:5px}
.footer .ftrcontain .footerleft a{text-decoration:none;}
.footer .ftrcontain .footerleft a:hover, .footer .ftrcontain .footerleft a.selected{color:#1D9FD2;}
.footer .ftrcontain .footerright{float:right; width:230px; margin-top:10px;}
.footbot{ background-color: #CCCCCC; border-bottom:#E31E24 solid 5px; height:15px}
/* ------- Footer Area End ------- */
.address1{margin-top:20px;}
.hdcon{font-size:17px; color:#398C88; padding-bottom:7px; display:inline-block;}





.rediimg{float:right; padding-left:15px;}
.rediimg2{float:left; padding-right:15px;}
.advantage{background:#f8f8f8; border:1px solid #d9d9d9; padding:10px 10px 0px 10px; margin-bottom:15px;}
.advantage ul.bullet3{margin:0px 0px 10px 0px; padding:0px;}
.advantage ul.bullet3 li{ background: url("../images/icon_right.png") no-repeat scroll left 3px transparent;
    font-size: 14px;
    list-style: none outside none;
    margin: 0;
    padding: 0 0 0 27px; float:left; margin:0px 25px 5px 0px; color:#003333; }

.textbaoxback, select{background: none repeat scroll 0 0 #F3F3F3; border: 1px solid #DEDEDE; /*height: 25px;*/ margin: 0 0 5px; width: 300px;}
.textareaback{ background: none repeat scroll 0 0 #F3F3F3; border: 1px solid #DEDEDE; height: 70px; margin: 0 0 15px; width: 272px;}

ul.clientile{margin:0px; padding:0px;}
ul.clientile li{background: url("../images/arrow_cion.png") no-repeat scroll left 6px transparent;
    float: left;
    font-size: 12px;
    margin: 0;
    padding: 0 0 0 17px;
    width: 47%;}
ul.clientile li div.clientmain{  margin: 0 0 0 0;
    padding: 0px;
    width: 100%;}
ul.clientile li div.clientmain a{ color: #25A8C6;
    display: inline-block;
    font-size: 13px;
    margin: 0px;
	padding: 0px;
    width: 100%;}
	ul.clientile li div.clientmain a:hover{color:#014c5d}
/*ul.clientile li div.clientmain div.clleft{float:left; background:url(../images/client_left.jpg) no-repeat left top; width:9px; height:73px;}
ul.clientile li div.clientmain div.clmiddle{background:url(../images/client_middle.jpg) repeat-x left top;  color: #FFFFFF;
    float: left;
    font-size: 18px;
    height: 73px;   
    text-align: center;
    width: 262px;}
ul.clientile li div.clientmain div.clmiddle a{ color: #FFFFFF;
    display: inline-block;
    height: 56px;
    padding: 15px 0 0;
    text-decoration: none;
    width: 262px;}
ul.clientile li div.clientmain div.clmiddle a:hover{color:#FFF; text-decoration:underline}
ul.clientile li div.clientmain div.clright{float:right; background:url(../images/client_right.jpg) no-repeat left top; width:9px; height:73px;}*/

table.contiproj th{background:#e3e3e2; padding:5px 8px;}
table.contiproj td.odd{background:#fafafa; padding:5px 8px;}
table.contiproj td.even{background:#f5f5f5; padding:5px 8px;}
.clientlogo{padding-top:15px; font-size:15px; font-weight:bold; width:185px!important;}
.proback{background:#fafafa; border:1px solid #eaeaea; padding:10px; margin-bottom:10px;}
.pad10{padding-bottom:0px;}
.odd{background:#f9f9f9;}
.odd td, .even td{padding:5px 10px;}
.even{background:#fbfbfb;}
.table1 tr th{background:#eaeaea; font-weight:bold; padding:5px 10px; color:#3f4041;}
.table1 tr.graydark{background:#e6e6e6!important;}
#gallery  li{list-style:none!important;}

.sidemenu{background:#dbd9cc; float:left; width:200px; padding:5px 15px; margin-left:5px}
.homemid{background:#eaeaea; float:left; width:968px; margin-left:5px;}
.profile{background:#eaeaea; float:left; width:647px; padding:10px 10px 0px 10px; border-right:#FFFFFF 1px solid}
.qua{background: #1d9fd2; float:left; width: 260px; padding:10px; font-family: 'Share', cursive; color:#FFFFFF; font-size:14px; margin-bottom:5px}
.homeright{float:left; width:280px; padding:10px;}
.rightimg{ width:auto; padding:0px; margin-top:10px}

#bro {
    background: url(../images/download_broucher.jpg) no-repeat scroll left top transparent;
    float: left;
    height: 99px;
	width:148px;
	margin-top:10px;
	}
#bro a{color: #FFFFFF;
    display: block;
    font-size: 11px;
    height: 54px;
    line-height: 18px;
    padding: 45px 0 0 65px;
    text-decoration: none;}

#bro a span{	
	font-size: 150%;
    font-weight: normal;}
	
#bro a:hover{ color: #CCCCCC}

#enq {
    background: url(../images/send_enquiry.jpg) no-repeat scroll left top transparent;
    float: right;
    height: 99px;
	width:148px;
	margin-top:10px;
	}
#enq a{color: #FFFFFF;
    display: block;
    font-size: 11px;
    height: 54px;
    line-height: 18px;
    padding: 45px 0 0 65px;
    text-decoration: none;}

#enq a span{	
	font-size: 150%;
    font-weight: normal;}
	
#enq a:hover{ color: #CCCCCC}

#channelpartners { height: 64px; margin: 12px 7px 0px 5px;background: #FFFFFF; border: 1px solid #3C9069; overflow1: hidden; }
#channelpartners LABEL { float: left; color: #FFFFFF; padding: 6px 30px 18px 15px; _padding: 16px 30px 16px 15px; font-size: 120%; font-family: helveticanarrow; font-weight: bold; text-transform: uppercase; background: #3C9069 url('../images/arrow_right_white_bg.jpg') no-repeat center right; }

#partners { float: left; width: 580px; height: 64px; overflow1: hidden; margin-left: 10px; }
#partners UL { margin: 0px; padding: 0px; list-style-type: none; }
#partners UL LI { float: left; width: auto; padding: 0px 10px; }
#partners A { text-decoration: none; }

#head{background-color:#e31e25; height:50px; margin:0; padding:0 }

.titlebar {
    background: none repeat scroll 0 0 #2B2C2E;
    color: #FFFFFF;
    float: left;
    font: bold 18px/20px Arial,'Roboto Condensed',sans-serif;
    margin: 10px 0 0 15px;
    padding: 10px 18px;
    text-transform: uppercase;
    width: 212px;
}

.leftpanel {
    float: left;
    margin-left: 15px;
    width: 246px;
}
.visionelement {
    background: none repeat scroll 0 0 #424345;
    color: #C7C7C8;
    float: left;
    font: 12px Arial,Helvetica,sans-serif;
    padding: 18px;
    width: 86.5%;
}

.visionelement p em {
    color: #666666;
    display: inline-block;
    font: 70px/15px Helvetica,sans-serif;
    margin-bottom: -16px;
    padding: 0;
    vertical-align: text-bottom;
}

hr {
    background: none repeat scroll 0 0 #B8B4AF;
    border: 0 none;
    height: 1px;
    margin: 7px 0;
}
.fancy-popup{float:left; width:500px; display:none;}
.fancy-popup1{float:left; width:950px; display:none;}

.spacerdiv-one{width:100%; float:left;}
.spacerdiv-one img{width:100%; float:left;}
.spacerdiv-two{width:47%; float:left; margin-left:3%;}
.spacerdiv-two h3{margin-bottom:10px; margin-top:10px; font-weight:normal; font-size:22px;}
.pro{ width:697px;}
.product-box{float:left; width:226px; min-height:223px; background:#636762; margin-right:9px; margin-bottom:10px;}
.product-box a h4{color:#FFF; padding:5px 3px 5px 5px; float:left; font-weight:normal; font-size:11px}
.product-box a h5{color:#FFF; padding:10px 10px; float:left; font-weight:normal; font-size:16px;}
.product-box a span{float:right; padding:4px 10px; background:#008dd2 url(../images/plus-circle.png) no-repeat center;width: 20px; height:20px;}
.product-box a img{float:left}
.product-box:hover{background:#393185;}
.box-none{margin-right:0px;}


.booknow-form { float:left; margin:-10px 0px 0px; padding:0px; }
		.booknow-form label { width:145px; float:left; margin:2px 10px 0px 0px; clear:both;}
		.booknow-form p { float:left; clear:both; margin:10px 0px 0px; width:100%; }
		.booknow-form input[type="text"], .booknow-form textarea { margin:0px; width:278px; padding:5px 10px; }
		.booknow-form input[type="radio"] { width:30px; }
		.booknow-form .gender { margin:14px 0px 13px; float:left; }
		.booknow-form select { margin:0px; min-width:92px; font-size:12px; }
		.booknow-form select.day { margin-right:11px; float:left; }
		.booknow-form select#treatment_month { width:94px; }
		.booknow-form select#treatment_year { margin-right:0px; }
		.booknow-form select.treatment { width:298px; }
		.booknow-form p.submit { margin:10px 0px 0px 155px; width:auto; }
		.booknow-page { margin-left:20px; }
		.booknow-page ul.contact-details { padding-bottom:30px; float:left; width:100%; }
		.booknow-page ul.contact-details span { width:15%; }
		
		
		/*----*****---- << Forms >> ----*****----*/
	
	label{ font-size:14px; color:#4e4635; }
	label span.required{ color:#ff0000; }
	
	fieldset{ padding:15px; margin:0 0 20px 0; border:1px solid #efefef; }
	legend{ font-weight: bold; }
	
	input[type=text], input[type=password], input.text, textarea{ background-color: #CCCCCC; border:1px solid #bbaf9b; padding:17px 10px; font:normal 12px Tahoma, Geneva, sans-serif; color:#4e4635; width:278px; }
	input[type=text]:focus, input[type=password]:focus, input.text:focus, textarea:focus{ border-color:#617b00; }
	select{ /*background-color:#fbf2ce;*/ border:1px solid #bbaf9b; padding:5px; }
	
	input[type=submit] { background:url(images/btn-bg.jpg) repeat; padding:4px 17px; color:#000000; text-transform:uppercase; text-shadow:-1px -1px 0px #634e37; border:none; font:normal 18px 'Oswald', sans-serif; cursor:pointer; margin-top:10px; float:right; }
	input[type=submit]:hover { background:url(images/btn-bg-hover.jpg) repeat; }	
	
	input[type=text], input[type=password], input.text, textarea, select{ margin:10px 0; }
	
	textarea{ width:278px; height:88px; padding:15px 10px; }