@charset "utf-8";
/* CSS Document */


body{margin:0; padding:0; font-family:Arial, Helvetica; font-size:13px; color:#fff; font-weight:normal; text-decoration:none; background:url(../images/bg.png) repeat;}


h1, h2, h3, p, br, ul, li, form, div{ margin:0; padding:0;}

.clear:after {clear: both; content: ""; display: block;}

a{ color:#0c4a9e; text-decoration:none;}

.left{ float:left;}
.right{ float:right;}

h1{font-family:'Oswald', Helvetica, sans-serif; font-size:24px; color:#fff; font-weight:300; text-decoration:none; }
h2{font-family:'Oswald', Helvetica, sans-serif; font-size:21px; color:#fff; font-weight:300; text-decoration:none; }
h3{font-family:'Oswald', Helvetica, sans-serif; font-size:18px; color:#fff; font-weight:300; text-decoration:none;}

h4{font-family:'Oswald', Helvetica, sans-serif; font-size:15px; color:#fff; font-weight:300; text-decoration:none;}

.spacer{ clear:both; margin:0; padding:0px;}


.wraper{ margin:0 auto; padding:0; width:1200px;}

.section{ margin:0 auto; padding:0; width:1200px;}

#header{ margin:0 auto; padding:0; width:100%;  height:116px; background:#000;/* background:url(../images/hdr_bg.jpg) repeat-x;*/ position:relative}
#header .logo{ width:27%; float:left; margin:40px 0px 0 0;}
.nav{ width:57%; float:left; margin-top:40px;}
.social{ width:15%; float:right; margin-top:40px;}
.facebook a:link,.twitter a:link, .youtube a:link, .pinterest a:link, .instagram a:link{ 
width:28px; 
height:28px;
display:block;
margin:0 1px;
background:url(../images/social.png) no-repeat; 
background-position:0 -28px;
    -webkit-transition:background-position .1s ease-in;  
    -moz-transition:background-position .1s ease-in;  
    -o-transition:background-position .1s ease-in;  
    transition:background-position .1s ease-in;}

.facebook a:hover{ 
background-position:0 0px;
}

.youtube a:link{ 
background-position:-35px -28px;
}
.youtube a:hover{ 
background-position:-35px 0px;
}

.twitter a:link{ 
background-position:-103px -28px;
}
.twitter a:hover{ 
background-position:-103px 0px;
}


.pinterest a:link{background-position:-69px -28px;
}
.pinterest a:hover{ 
background-position:-69px 0px;
}
.instagram a:link{background-position:-137px -28px;
}
.instagram a:hover{ 
background-position:-137px 0px;
}

.moreBtn:link, .moreBtn:active, .moreBtn:visited{font-size:14px;
font-family:"Oswald", Arial; 
color:#000; 
font-weight:400; 
text-decoration:none; 
background:#25a8e0; 
padding:4px 10px;
text-transform:uppercase;

border-radius:4px; 
-moz-border-radius:4px; 
-webkit-border-radius:4px; 
-khtml-border-radius:4px; 

-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.moreBtn:hover{ color:#fff; background:#0030ff}





#banner{margin:0 auto; padding:0; width:100%; position:relative;}
#banner-in{margin:0 auto; padding:0; padding-bottom:30px; width:100%; position:relative; background:url(../images/in_ban_bg.png) repeat-x;}
#banner-in h1{font-size:40px; color:#fff; padding:20px 0px; text-transform:uppercase;}

#mid_body{ margin:0 auto; padding:20px 0 30px 0px; width:100%; line-height:22px; }

#home-serv{ margin:0 auto; padding:0; width:100%; position:absolute; margin-top:-50px; height:260px;}

#home-serv .roundBox{ width:224px; height:214px; background:url(../images/gray_bg.png) repeat; text-align:center;border-radius:112px; -moz-border-radius:112px; -webkit-border-radius:112px; -khtml-border-radius:112px; padding-top:10px;}
.roundpic{ width:204px; height:204px; text-align:center; margin:0px auto; border-radius:102px; -moz-border-radius:102px; -webkit-border-radius:102px; -khtml-border-radius:102px;}


.servBox{ width:224px; margin:0 38px; float:left;}
.servBox a{ font-size:20px; color:#fff; line-height:20px; text-decoration:none;}
.servBox:hover a{ font-size:20px; color:#fff; padding:10px 0px; text-decoration:none;}

/* Contact Section css */

.contLeft{ width:49%; float:left;}
.contRight{ width:47%;float:left; border-left:solid 1px #391755; padding-left:3%}
.finput{ width:210px; height:20px; border:solid 1px #7030A0; color:#000; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.finput2a{ width:210px; border:solid 1px #7030A0; color:#000; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.finput_btn, .finput_btnBig{ padding:6px 12px; background:#7030A0; border:solid 1px #512175; font-family:Tahoma, Helvetica, sans-serif; font-size:12px; color:#fff; font-weight:bold; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; cursor:pointer;}
.finput-s{ width:120px; height:20px; border:solid 1px #7030A0; color:#000; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}

.finput2a{ width:210px; border:solid 1px #7030A0; color:#000; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.finput_btnBig{ padding:12px 22px;font-size:17px; font-weight:normal}

/* End Contact Section css */

.salon{ margin:0px;}
.salonBox{ width:33%; float:left;}
.salonBox h4{ padding:5px 0px; margin:0;}


/* Footer Section css */
#footer{ margin:0 auto; padding:12px 0; width:100%; position:relative; background:#000; color:#9f9c9c; font-size:12px; border:solid 0px #ff0000; margin-top:20px;
}
#footer.top{ margin-top:240px;}

#footer a{color:#9f9c9c; font-size:11px; text-decoration:none; text-transform:uppercase; padding-left:16px;}
.foot_left{ width:70%; text-align:left; float:left;}
.foot_right{ width:29%; text-align:right; float:right;}
.foot_right a{font-size:11px;}

/* End Footer Section css */

.galPic{ width:220px; height:165px; padding:15px 20px; background: url(../images/gal_bg.png) repeat; border:solid 1px #ccc;}
.newsPic{ width:400px; height:300px; padding:15px 20px; background: url(../images/gal_bg.png) repeat; border:solid 1px #ccc;}