@import "../css/reset.css";@import "../css/grid_24.css";@import "../css/superfish.css";@import url(http://fonts.googleapis.com/css?family=Quattrocento+Sans);
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
/* Global properties ======================================================== */
html {width:100%}

body {font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:20px; color:#7d7d7d; min-width:1030px; background:url(../images/body_bg.jpg) 0 35% repeat-y;}
.main {width:1019px;padding:0;margin:0 auto;}
.main_block{ background:url(../images/main_bg.png) 50% 0 no-repeat #e7eaeb; position:relative; z-index:1;}
	.sub_main{ background:#f4f5f6; border-radius:6px 6px 0 0; border: 1px solid #FFF; margin: 0 auto; width:997px;  box-shadow: 0 0 4px #aeb2b3;}
	
.bottom_block{ position:relative; z-index:2;}

/*********************************fonts*************************************/
p {margin-bottom:20px}
.p2{ margin-bottom:17px;}
.p3{ margin-bottom:60px;}
.p4{ margin-bottom:33px !important;}
.p5{}
.p6{}

.reg {text-transform:uppercase}
.f_left {float:left}
.f_right {float:right}
.align_right {text-align:right}
.align_center {text-align:center}

.italic{font-style:italic}
.letter {letter-spacing:-1px}

/*********************************CLASSES**********************************/
.m_bottom_zero{ margin-bottom:0 !important;}
.m_left_zero{ margin-left:0 !important;}
.p_bottom_zero{ padding-bottom:0 !important;}
.p_left_zero{ padding-left:0 !important;}

.clear {clear:both;width:100%;line-height:0;font-size:0;}
.wrapper {width:100%;overflow:hidden}
.extra_wrapper{ overflow:hidden;}
.container{width:100%}
.extra_last, .last{ margin-bottom:0 !important; padding-bottom:0 !important;}
.extra_last{ border:none !important; background:none !important;}

/*==================================== Links ======================================================== */
a {color:#7d7d7d;outline:none; text-decoration:none; cursor:pointer;}
.offers a:hover, a:hover{ color:#a6cee8; text-decoration:none;}
.button{ display:inline-block; padding:0 0 0 27px; margin: 14px 0 0 0; background:url(../images/button.png) 1px 0 no-repeat;font-size: 14px; color:#9b9b9b;}
.button1{ display:inline-block; padding:11px 21px 7px; margin: 17px 0 40px 0; background:url(../images/button1.jpg) 0 0 repeat-x #e2e2e2;font-size: 14px; color:#757575;border: 1px solid #fff; border-radius:20px; box-shadow: 1px 1px 3px #dedfe0; text-shadow:1px 1px rgba(255,255,255,0.67); letter-spacing:1px;}
.button:hover, .button1:hover{ background-position: 0 bottom; color:#000000;}
.button:hover{ background-position: 1px bottom;}
/*================================>> hovers <<========================================*/
.button1{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
/*********************************Displays*************************************/
.block{ display:block;}
.inline-block{ display:inline-block;}

/*********************************header*************************************/

header {padding:28px 5px 13px;}
header h1{padding:0 0 0 20px;}
header h1 a {display:block;width:350px;height:80px;background:url(../images/logo.png) 0 0 no-repeat; text-decoration:none; text-indent:-9999px;}

/*********************************content*************************************/
#content {padding:0px 0px 23px 18px; background:url(../images/content.png) 50% 0 no-repeat; margin-top:20px;}
.cont_pad{padding:55px 21px 6px 18px !important;}
.cont_pad1{padding:5px 21px 6px 18px !important;}

/*================================>> LISTS <<========================================*/
.list1{padding:1px 0 0 0;}
.list1 li{ background:url(../images/marker1.png) 2px 8px no-repeat; padding-left:13px; border-bottom:1px solid #e9e9ea; padding-bottom:10px; margin-bottom:12px;}
.list1 a{ font-weight:bold; font-size:13px;}
.list2{}
.list2 li{ background:url(../images/marker2.png) 0 7px no-repeat; padding-left:20px;}
.list2 a{}
.list3{}
.list3 li{ background:url(../images/marker3.png) 0 7px no-repeat; padding-left:20px;}
.list3 a{}

/*================================>> H <<========================================*/
h2,h3,h4{ font-weight:normal;}
h2{font-size: 26px; line-height: 29px; color:#818181;}
h2.ind{ margin-bottom:23px;}
h2.ind1{ margin-bottom:20px;}
h2.ind2{ margin-bottom:26px;}

h3{font-size: 26px; line-height: 29px; color:#fafafa; text-shadow: 1px 1px rgba(46,44,45,0.13); margin-bottom:20px;}
h3.ind1{ margin-bottom:30px;}

h4{font-size: 18px; line-height: 22px; color:#6abbf6; margin-bottom:7px; text-transform:uppercase;}

/*================================>> GOOGLE FONTS  <<========================================*/
.news .date, footer, h3, .button1, h2, .title, .img_box, .sf-menu li a, h4{font-family: 'Quattrocento Sans', sans-serif; text-transform:uppercase;}

/*********************************page_1*************************************/
.extra_container{ overflow:hidden;}
.extra_container>figure{ float:left;}
.extra_container>div{ float:right;}

.img_box{ background:url(../images/advert_top.png) no-repeat; min-height:363px;padding:0px 0 0 0px; margin: -16px 0 20px 20px; position:relative; z-index:89;}
.img_box .slogan1{font-size: 40px; line-height: 48px; color:#fff; text-shadow:1px 1px #4894cc;}
.img_box .slogan2{font-size: 34px; letter-spacing:-1px; line-height: 40px; color:#a6dafb; text-shadow: 1px 1px rgba(0,0,0,0.13); margin: -4px 0 0 0;}

.advertising1{ background:url(../images/advert.jpg) repeat-y; border-radius: 12px 12px 0 0; padding:10px 0 0px 0; position:relative; margin: 0px 0px 0 20px; z-index:10;}

.advertising{ background:url(../images/advert.jpg) repeat-y; border-radius: 12px 12px 0 0; padding:148px 0 8px 0; position:relative;margin: -147px 20px 0 20px; z-index:10;}
.offers1 .title, .advertising .title{font-size: 18px; line-height: 22px; color:#adadad; margin-bottom:12px;}
.advertising .container_24{ margin-left:-3px;font-size: 13px; color:#a6cee8; line-height:18px;}
.offers1:before,.advertising:before{ display:block;width:478px;height:78px; background:url(../images/advert_left.png) no-repeat; position:absolute; bottom:-78px; left:0; content:"";}
.offers1:after, .advertising:after{ display:block;width:477px;height:78px; background:url(../images/advert_right.png) no-repeat; position:absolute; bottom:-78px; right:2px; content:"";}

.offers{padding:11px 40px 17px 18px; border-right:1px solid #e9e9ea; margin: 0 0px 0 0;}
.offers li{ border-bottom:1px solid #e9e9ea; padding: 0 0 8px 2px;width:158px; margin-bottom:8px;}
.offers a{font-size: 14px; color:#777777;}

.p_top1{ padding-top:4px;}
.p_top2{ padding-top:7px;}

.news_block{padding:8px 0 14px 50px; margin: 0 0 0 14px; border-left:1px solid #e9e9ea;}
.news_block li{ background:url(../images/news_marker.png) 1px 0 no-repeat; padding:0 0 0 35px; line-height:18px; margin-bottom:14px;}
.news_block .title{font-size: 18px; line-height: 22px; color:#6abbf6; margin: 0 0 8px 0;}
.news_block li .text{ border-bottom:1px solid #ebebec; padding-bottom:14px;}
.news_block .button1{ margin:26px 0 0 0;}
/*********************************page_2*************************************/
.list_box1{ margin-bottom:60px;}

.public, .therapy{ margin-bottom:17px;}
.therapy>div{width:268px;}
.public>figure, .therapy>figure{ padding-top:6px;}

.bord_box{ border-left:1px solid #e9e9ea; margin: 2px 0 0 29px; padding:5px 0 125px 50px;}
/*********************************page_3*************************************/
.offers1{ position:relative; background:url(../images/advert.jpg) repeat-y; margin: -20px 20px 75px 2px; padding:30px 0 6px 42px;font-size: 13px; color:#a6cee8; line-height:18px;}
.offers1 .title{ margin-bottom:11px;}
.offers1 .button{ margin-top:16px;}
.offers1 .col{ float:left;}
.offers1 .col1{width:250px;}
.offers1 .col2{width:250px; margin-left:70px;}
.offers1 .col3{width:250px; margin-left:70px;}

.public>div{width:248px;}
.color1{ color:#a6cee7;}

.vert_stripe{ background:url(../images/vert_stripe.jpg) repeat-y;}
.stripe_pos_1{ background-position: 554px 0; padding:4px 0 5px;}

.news li{ line-height:18px; margin-bottom:23px;}
.news .date{font-size: 18px; line-height: 22px; color:#6abbf6; margin-bottom:7px; letter-spacing:-1px;}
.news a{ color:#a6cee8;}
.news a:hover{ color:#333;}
/*********************************page_4*************************************/
.demolinks{ line-height:18px;}
.demolinks a{ color:#a6cee7;}
.demolinks a:hover{ color:#333;}
.demolinks p{ margin-bottom:18px;}

/*********************************page_5*************************************/
.stripe_pos_2{padding:7px 0 0 0; background-position: 394px 0;}


/* Contact form */
#contact-form {padding:0px 0 0 0;}
#contact-form .success {width:246px; margin-bottom:20px; padding:10px; position:absolute;}
#contact-form textarea, #contact-form input {margin:0;font-size:12px; border:1px solid #eaeaeb; color:#7d7d7d; padding:12px 13px;outline:none; position:relative; font-family:Arial, Helvetica, sans-serif;background:#f3f4f5;}
#contact-form input {width:321px; float:left;}
#contact-form textarea {overflow:auto; width:482px; height:165px;resize:vertical; float:left; margin: 0 0 0 0;}	
#contact-form label {display:block; min-height:61px; overflow:hidden;}	
#contact-form label.message { display:block; padding-bottom:0;}
#contact-form .button1 {margin-left:20px;}	
#contact-form .error, #contact-form .empty, #contact-form .success {display:none;}	
#contact-form .error, #contact-form .empty {text-align:left; color:red; font-size:11px; float:left;width:150px; padding:5px 0 0 0; line-height:14px;}
#contact-form .buttons2 {overflow:hidden;text-align:right; position:relative; clear:both; padding-top:22px;}
#contact-form .buttons2 a {
	cursor:pointer;
	margin-top:0;
	 margin-bottom:4px;
	text-align:center;
}
#contact-form span{ display:block; margin: 0px 0 0 5px;}

.map_wrapper{overflow:hidden;margin-bottom:16px; display:inline-block; padding-top:4px;}
#map_canvas {
    width:340px;
	height:274px;
}
.adress{}
.adress span{ display:inline-block; width:74px;}
.adress dt{ margin-bottom:14px;}
.adress a{}
.adress a:hover{ text-decoration:underline;}
/*
<dl class="adress">
  <dt><strong>8901 Marmora Road,<br>Glasgow, D04 89GR.</strong></dt>
  <dd><span>Freephone:</span>+1 800 559 6580</dd>
  <dd><span>Telephone:</span>+1 800 603 6035</dd>
  <dd><span>FAX:</span>+1 800 889 9898</dd>
  <dd>E-mail: <a href="#">mail@demolink.org</a></dd>
</dl>
<div class="social">
	<a href="#" title="RSS"><img src="images/soc1.png" width="32" height="64" alt=""></a>
	<a href="#" title="Twitter"><img src="images/soc2.png" width="32" height="64" alt=""></a>
	<a href="#" title="Facebook"><img src="images/soc3.png" width="32" height="64" alt=""></a>
	<a href="#" title="GOOGLE +"><img src="images/soc4.png" width="32" height="64" alt=""></a>
</div>
*/
/****************************footer************************/
footer {padding:39px 0 26px 25px;margin: 0 10px 0;}
.p_top{ padding-top:6px;}
#main_page footer {padding:39px 0 26px 25px; border-top:1px solid #729dbf;}

.bottom_block{ color:#c6dbe3;}
.bottom_block>.main{background:url(../images/footer.png) 10px -1px no-repeat; margin-top:-1px;}
.bottom_block .links{ background:url(../images/f_stripe.jpg) no-repeat; padding:6px 13px 6px 37px;}
.bottom_block .links ul a{ font-weight:bold; color:#f9f9fa; font-size:13px;}
.bottom_block .links ul a:hover{ color:#c6dbe3;}
.bottom_block .links li{ border-bottom:1px solid #8cb6d0; background:url(../images/links_marker.png) 4px 8px no-repeat; padding: 0 0 10px 15px; margin-bottom:12px;}
.bottom_block .links ul{ padding-top:4px;}
.b_none{ border:none !important;}

.bottom_block .top{padding:75px 0 26px 29px;}
.bottom_block .box{background:url(../images/f_stripe.jpg) no-repeat; padding:6px 13px 10px 40px;}

.bottom_block .contacts{ color:#f4f5f6; font-size:13px;}
.bottom_block .contacts a{ color:#b6e1ff; text-decoration:underline;}
.bottom_block .contacts a:hover{ text-decoration:none;	}
.bottom_block strong{ color:#e0ecf0;}
.bottom_block .button1{ background:url(../images/button1_f.jpg) repeat-x; text-transform:none; text-shadow: 1px 1px rgba(46,44,45,0.13); box-shadow: 1px 1px rgba(46,44,45,0.13);border: none; color:#fefefe; font-size:19px; margin:24px 0 4px 0; padding:10px 21px 10px; letter-spacing:-1px;}
.bottom_block .button1:hover{ background:#5391b4;}
footer .social{ overflow:hidden;margin: 0 auto;}
footer .social a{ display:block; float:left;width:32px;height:32px; overflow:hidden; margin-left:8px;}
footer .social a:first-child{margin: 0 0 0 0;}
footer .social a:hover img{ margin-top:-32px;}

.privacy, .privacy a{font-size: 16px; line-height: 19px; color:#a4c4d9;}
.privacy{padding:0 0 0 0; float:left;}

.nav{ float:right; overflow:hidden;padding:2px 16px 0 0;}
.nav li{ float:left; border-left:1px solid #7098bc; margin: 0 6px 0; padding-left:15px; height:15px; line-height:18px;}
.nav a{ display:inline-block;font-size: 14px; color:#9ccee8;}
footer a:hover, .nav li.current a{ color:#FFFFFF;}
.nav li:first-child{ border:none;}

#easyTooltip {font-size:12px;background:#fff;padding:3px 5px;border:1px solid #000}

footer{ padding-top:97px;}

