/* Layout Stylesheet */ 





/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Page Layout Stylesheet */ 

body{

margin:0px;

padding:0px;

text-align:center;

background-color:#C6C3C6;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:12px;

color:#616E74;

width:auto;

height: auto;

}

a{
font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:12px;
font-weight:bold;

color:#616E74;

}



img{

border:0px;

padding:0px;

}



h1, h2, h3, h4, p{

margin:0px;

padding:0px;

}



p{

line-height:16px;

padding-bottom:16px;

}



#page{

width:780px;

height: auto;

margin: 0 auto;

padding:0px;

background-color:#C6C3C6;

position:relative;

}









/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ top-nav css */ 



#topnav {

width:780px;

height:30px;

background-image:url(../images/top-nav-bg7x30.gif);

background-repeat:repeat-x;

}



#topnav .top-nav{

padding-top: 10px;

padding-left: 5px;

float:left;

}



#topnav .top-nav ul{

margin:0; 

padding:0;

}



#topnav .top-nav li{

display:inline; 

list-style:none;

}



#topnav .top-nav li a{

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

padding:0px 11px;

color: #EFEFEF;

font-weight: bold;

text-decoration: none;

border-right: 2px solid #587FA8;

}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ header css */ 



#header {

width:auto;

}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ middle */



#middle{

width:780px;

background-image:url(../images/page_bg_301x1.gif);

background-repeat:repeat-y;

background-position:left top;

float:left;

}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ left */



#left{

width:301px;

height:720px;

margin:0px; 

padding:0px;

background-image:url(../images/left_bg_10x620.gif);

background-repeat:repeat-x;

background-position:left 110px;

float:left;

}



#left .logo{

height:100px;

width:301px;

background-color:#FFFFFF;

}



#left .logo-wrapper{

padding-top:3px;

padding-left:0px;

}



#left .title-form{

height:29px;

width:301px;

background-color:#E0E1E3;

border-bottom:1px solid #FEFEFE;

text-align:right;

}



#left .title-form-wrapper{

padding-top:5px;

padding-right:3px;

}



#left .bg-form{

width:301px;

float:left;

}



#left .before-after{

width:301px;

text-align:center;

}



#left .before-after-wrapper{

width:auto;

border: 1px solid #C1C1C1;

margin:10px;

padding:10px;

}







/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ right */



#right {

width:479px;

margin:0px; 

padding:0px;

background-color:#FFFFFF;

float:left;

text-align:left;

}



#right .top-img{

width:479px;

height:140px;

background-image:url(../images/inner-heder479x140.jpg);

background-repeat:no-repeat;

}



#right .top-img-inner{

width:479px;

height:140px;

background-image:url(../images/inner-heder479x140.jpg);

background-repeat:no-repeat;

}



#right .top-inner-wrapper{

position:absolute;

top:120px;

left:510px;

width:300px;

font-family: Arial, Helvetica, sans-serif;

font-size: 16px;

color: #21413E;

font-weight: bold;

}



#right .top-img-wrapper{

position:absolute;

top:188px;

left:550px;

width:200px;

font-family: Arial, Helvetica, sans-serif;

font-size: 16px;

color: #21413E;

font-weight: bold;

}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ main-content */



#main-content {

width:309px;

text-align:left;

float:left;

}



#main-content .wrapper{

padding-right:20px;

padding-left:20px;

}



#main-content .foto {

width:120px;

padding-top:20px;

padding-bottom:20px;

}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ content */



#content {

width:479px;

text-align:left;

float:left;

}



#content .wrapper{

padding-top:15px;

padding-right:20px;

padding-left:20px;

}



#content h1{

font-family:Arial Narrow;

font-size:40px;

font-weight:bold;

padding-bottom:10px;

color:#4D5150;

}



#content p{

padding-bottom:10px;

}



#content .box{

width:435px;

height:131px;

margin-top:30px;

padding-bottom:30px;

background-image:url(../images/box-name435x131.jpg);

background-repeat:no-repeat;

position:relative;

}



#content .box-name{

font-family:Arial ;

font-size:14px;

color: #35383D;

line-height:15px;

font-weight: bold;

text-align:center;

position:absolute;

top:23px;

left:150px;

}



#content .box-addres{

font-size:11px;

color: #35383D;

line-height:15px;

font-weight: bold;

position:absolute;

top:40px;

left:190px;

}





#content .title-services{

width:300px;

text-indent:10px;

font-family:Arial ;

font-size:14px;

color: #35383D;

font-weight: bold;

line-height:15px;

padding-top:10px;

padding-bottom:5px;

}



#content .services{

width:300px;

float:left;

background-image:url(../images/button.gif);

background-repeat:no-repeat;

background-position:2px 6px;

padding-left:8px;

text-indent:8px;

line-height:15px;

}



#content .appoitment{

width:175px;

background-image:url(../images/button.gif);

background-repeat:no-repeat;

background-position:2px 6px;

padding-left:8px;

text-indent:8px;

line-height:15px;

float:left;

}



#content .offer-box{

width:370px;

border-top:1px solid #DDDDDD;

border-bottom:1px solid #DDDDDD;

padding-left:10px;

padding-top:10px;

padding-bottom:10px;

margin-top:10px;

margin-bottom:20px;

}





/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ right-nav  */



#right-nav {

width:120px;

float:left;

text-align:left;

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

color: #606D75;

font-weight: normal;

}





#right-nav .foto {

width:120px;

padding-top:10px;

padding-bottom:7px;

border-bottom: 1px solid #C8C9CB;

}



#right-nav .read-more {

width:120px;

text-align:right;

margin-top:5px;

padding-bottom:10px;

margin-bottom:10px;

border-bottom: 1px solid #C8C9CB;

}





#right-nav .read-more a {

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

color: #159223;

font-weight: bold;

text-decoration: underline;

}





/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ footer css */



#footer {

width:100%;

}





/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ clear stylesheet */



.magic{

clear:both;

}



.no-border{

border:none !important;

}



.magic_white{

clear:both;

background-color:#FFF;

}



.clrlft{

clear:left;

}



.clrrt{

clear:right;

}



.hidden {

display:none;

}