@charset "utf-8";
/* CSS Document */
body{font-family: 'Exo 2', sans-serif; /*font-family:verb_regularregular, Arial, Helvetica, sans-serif; */font-size:12px;font-weight: 400; color:#000 !important; line-height:18px}
h1{ position:absolute; font-size:38px; color:#000; text-transform:uppercase; font-weight: 600;}
h2{color:#f7a70e; font-size:19px;  margin:0px 20px; text-transform:uppercase; font-weight: 600; }
h3{color:#f7a70e; font-size:15px;  margin:0px 20px;font-weight: 600; }
a{ color:#f7a70e}
.bord{border:1px solid #5d5d5c; outline:1px solid #40046b}
p{ margin:0px 0px 10px 0px}
.bordTop{border-top:1px solid #7306c1; outline-top:1px solid #40046b}
.hide{ display:none}
.centCont{ position:relative; width:980px; margin:0px auto}
#headerCont{ position:relative; min-height:495px; background:url(../images/pattern-new2.png) #701e66; }
#boxCont{position:relative; min-height:590px; /*background:#ededed url(../images/pattern-new1.png);*/}
#boxCont h2{ margin:0px 0px 20px 0px}

#boxCont .centCont{ min-height:590px; background:#fff}
#wrapper{ position:relative; margin:0px auto 10px auto; background:#590893; padding:0px 0px 0px 0px; min-height:400px; width:992px; }
#header{ position:relative; width:975px; height:102px; margin:0px auto; border-bottom:1px solid #8b378c }
#header #logo{ position:relative; left:-3px; top:0px; width:196px; height:162px;  }
#header #logo img{ margin-top:22px}
#header #contact{ position:absolute;background:url(../images/phone-icon.png) 0px 3px no-repeat; width:364px; height:40px; right:1px; top:22px; line-height:40px; text-align:right; color:#d2d0d2; font-size:11px; padding-right:20px; z-index:2; }
#navbar{ position:relative; height:55px;  bottom:0px; }
#navbar ul{ position:absolute; left:-45px; height:20px; list-style:none;	 margin:0px; }
#navbar ul li{	height:55px;	float:left;	padding:0px; margin:0px;border:0px solid red}
#navbar ul li a{	display:block;	margin:0px 55px 0px 45px; line-height:37px; font-size:12px; padding:15px 10px 6px 10px;	color:#faad1c;	text-decoration:none; }
/*#navbar ul li a:first-child{	margin-right:0px}*/
#navbar ul li a:hover{  color:#faad1c;  }
#navbar .sel{  color:#1dc891; font-size:14px; font-weight:600 }
#right{ position:absolute; height:335px; width:285px; padding-top:20px; border:1px solid #ebebeb; right:44px; top:102px}

#right h3{margin:0px 8px 0px 15px; padding:10px 0px 5px 0px ;/*text-shadow:1px 1px 1px #CCC;*/ font-size:13px}
#right ul{ list-style:none; margin:0px 8px 0px 5px;  padding:0;}
#right ul li{height:35px;	padding:5px; margin:0px;border-top:1px solid #ebebeb;	padding:0px 0px 0px 10px;	}
#right ul li:first-child{ border-top:0px 	}
#right ul li a{	background:url(../images/right-arrow.png) no-repeat 240px 9px; padding-top:10px;height:35px;display:block; font-size:12px; line-height:16px;color:#858585;	text-decoration:none;  margin:0px;  }

#right ul li a:hover{	color:#57b229; text-decoration:none}

#right ul li a span{ position:absolute; width:21px; height:21px; right:5px; display:inline-block;}

#services{ position:relative; background:#ededed}
#highlight{ position:relative;  height:260px; margin-top:-25px; background:url(../images/pattern.png)}
#highlight h1{left:20px; top:80px;}

#contentArea{position:relative; min-height:300px;margin:0px auto 0px auto;   border-bottom:0px solid red}
#contentArea h2{ margin:0px; padding:20px 0px; color:#1dc891}
.inside{background:#fff }
#left{position:relative; width:920px;min-height:450px; padding:40px 20px 20px 40px;margin:1px auto 0px auto; background:#fff}
.inside h1{ margin:20px 0px 0px 20px; color:#f7a70e; position:relative; font-size:22px; margin:0px 20px 20px 0px; padding-bottom:18px; border-bottom:1px solid #ebebeb; }
#HText{ position:relative; float:left; width:340px; min-height:400px; padding:20px 30px 20px 30px; border:0px solid #000}
#HServices{position:relative; float:left; width:544px;min-height:400px; margin:20px 0px 30px 0px; border:0px solid #ededed}

#boxes{}
.box{ position:relative; float:left; width:270px; height:200px; margin:0px 0px 5px 0px; background:#fff; border:1px solid #ccc }
/*.box:first-child{ margin-left:10px }*/
.box h3{ position:absolute; text-transform:uppercase; padding:4px 0px 16px 10px;height:6px; bottom:0px; width:260px; background:#fff url(../images/right-arrow.png) no-repeat 240px 3px; border-top:1px solid #ccc; color:#1dc891; margin:0px; }
.box p{ margin:20px}
.txt{ background:#979797; width:100%; height:16px; color:#fff; border:1px solid #000; font-size:11px; padding:2px; margin-top:2px}
#address{ position:absolute; width:400px; height:140px; left:497px; top:103px; background:#eeecec; padding:20px; }
#address li{ height:60px; padding-top:10px }
#contentText { position:relative; width:570px; padding:0px 0px 20px 0px}
#contentText h2{  height:15px;}

#portfolio{ position:absolute; height:280px; width:800px; left:26px; top:10px; overflow:hidden; border:0px solid red}
#banner{position: relative;height: 280px;width: 955px;margin: 10px auto; padding:10px; border:1px solid #000; background:#09153b url(../images/pattern-new2.png)}
#banner #slider{ position:absolute; height:280px; width:400px; left:130px; top:0px; border:1px solid #000 }
#banner #gotoB{ position:absolute; width:32px; height:69px; top:119px; left:43px; background:url(../images/arrow-left.png)}
#banner #gotoN{ position:absolute; width:32px; height:69px; top:119px; right:43px; background:url(../images/arrow-right.png)}
#footCont{ position:relative; min-height:300px; background:#09153b url(../images/pattern-new2.png)}
#footer{position:relative; clear:both; margin:0px auto 0px auto; padding:10px 20px 0px 20px;color:#fff;}
#footer ul.lo{  }
#footer ul.lo li{ float:left; width:150px;margin:0px 10px;padding-top:10px; }
#address ul.add li, #footer ul.add li{ height:43px !important;min-height:10px; width:90%; line-height:16px;padding-left:40px}
#address ul.add li.address, #footer ul.add li.address{ background:url(../images/address-icon.png) 0px 10px no-repeat;}
#address ul.add li.phone, #footer ul.add li.phone{ background:url(../images/phone-icon.png) 0px 10px no-repeat;}
#address ul.add li.mail, #footer ul.add li.mail{ background:url(../images/mail-icon.png) 0px 3px no-repeat;}
#address ul.add li img, #footer ul.add li img{ vertical-align:middle}
#footer #contact{ position:relative;  width:320px;border:0px solid red}
#footer h2{  margin:0px 0px 20px 5px; padding-bottom:8px; color:##f7a70e}
#footer #contact form{ color:#fff; padding:0 6px}
#footer #contact form label{ width:40%; float:left; margin:0px 10px 10px 0px}
#footer #contact form .btn,#contact-now .btn{height:56px; width:75px; background:#1dc891; border:0px solid #1dc891; text-transform:uppercase; color:#fff; margin:2px 0px 0px 53px}
#footer #contact form textarea{height:50px; width:180px}
#footer #contact #response{ position:absolute; top:25px; left:15px; color:#F00; font-size:10px; height:10px; width:240px; } 

#contact-now { position:relative; width:380px;margin:0px; padding:0px; }
#contact-now p { width: 330px; clear: left; margin: 0 20px 0 0; padding: 5px 0 8px 0; padding-left: 115px; min-height:25px; }
#contact-now label {  float: left; margin-left: -115px; width: 135px; margin-right:10px; border:0px solid green }
#contact-now textarea { width: 236px; height: 100px; border:1px solid #c4ccdf }
#contact-now select { padding:5px;width: 243px; border:1px solid #c4ccdf }
#contact-now #response { display:none }
#contact-now img { margin-left:35px;  }
#contact-now .txt{ width:70%; background:#fff; color:#666; padding:5px; border:1px solid #c4ccdf}
#contact-now .btn { width:70px; height:30px; margin-left:30px }
#contact-now span{ margin-left:30px; color:#999}
#contact-now span.cb{ margin-left:-2px; display:inline-block;color:#000}
.minht165{ min-height:165px !important}

.clear{ clear:both}
@font-face {
    font-family: 'verb_regularregular';
    src: url('VerbRegular-webfont.eot');
    src: url('VerbRegular-webfont.eot?#iefix') format('embedded-opentype'),
         url('VerbRegular-webfont.woff') format('woff'),
         url('VerbRegular-webfont.ttf') format('truetype'),
         url('VerbRegular-webfont.svg#verb_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'verb_lightregular';
    src: url('VerbLight-webfont.eot');
    src: url('VerbLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('VerbLight-webfont.woff') format('woff'),
         url('VerbLight-webfont.ttf') format('truetype'),
         url('VerbLight-webfont.svg#verb_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'verb_regularbold';
    src: url('VerbBold-webfont.eot');
    src: url('VerbBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('VerbBold-webfont.woff') format('woff'),
         url('VerbBold-webfont.ttf') format('truetype'),
         url('VerbBold-webfont.svg#verb_regularbold') format('svg');
    font-weight: normal;
    font-style: normal;

}