/*=====================================================================
 *
 * Filename: style.css
 * Template: ModernTime
 * Author: Jarel Remick - http://www.jremick.com
 * Date Created: 10/13/2008
 * Media: Screen
 *
 * Description
 * -----------
 * CSS Reset using "reset.css" from 960 framework package, derived from Eric Meyers.
 *=====================================================================*/
 
@import "reset.css";
@import "ie.css";

/* === Global === */
body { 
	background: #52504d url(../images/layout/header-bg.jpg) repeat-x top;
	font: .9em "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #003333;
}
#wrapper { margin: 0 auto; width: 960px; }

img.framed { background: #eeecec; padding: 8px; margin: 5px; border: solid 1px #d8d8d8; border-right: solid 2px #cbcaca; border-bottom: solid 2px #cbcaca; }
img.center { margin: 0 auto; display: block; }
.sidebar img { padding: 5px; }
.fl { float: left; }
.fr { float: right; }
.center { margin: 0 auto; }
.column { width: 255px; padding: 0 10px; margin-bottom: 10px; float: left; }

/*.container a:link{	font: 1.1em "Helvetica Neue", Helvetica, Arial, sans-serif; }
.container a:visited {	font: 1.1em "Helvetica Neue", Helvetica, Arial, sans-serif; }*/

/* Content Text Styling */
#content .container p {margin-top: 1em;}

#content .container p a { font-size: 1em; line-height: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; } 
#content .container p a:hover { text-decoration: none; color: #888888; }

#content .sidebar a { font-size: .9em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #336666; margin-top: 20px; }
#content .sidebar a:hover {text-decoration: none; }
#content .sidebar a:hover {text-decoration: none; }

.normal {font-size: 1.25em;}

p { font-size: .85em; line-height: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; }
.sidebar p { font-size: .75em; line-height: 1.6em; margin: 12px 0 5px 0; color: #336666; }
.date { font-size: .8em; font-style: italic; color: #669999; padding-left: 15px; }
.testimonial { font-size: 1.3em; line-height: 1.45em; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; }
.byline { display: block; font-size: .9em; text-align: right; color: #336666; font-family: Verdana, Arial, Helvetica, sans-serif; padding-right: 15px; }

/* Headings */
h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; }
h1 { font-size: 1.6em; margin: 20px 0; }
h2 { font-size: 1.3em; margin: 10px 0; }
h3 { font-size: 1.05em; font-family: Verdana, Arial, Helvetica, sans-serif; }
h4 { font-size: .9em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #336666; margin-top: 20px; }

/* hd - horizontal divider / vd - verticle divider */
.hd { width: 100%; display: block; clear: both; border-bottom: dashed 1px #ccc; margin: 8px 0; }
.sidebar .hd { margin-bottom: 20px; }
.vd { border-right: dashed 1px #ccc; }

.usl {line-height: 3em; font-size: 12px; margin-bottom: 2em;}
.usl li {margin-bottom: 1em;}

/* Read More links */
.readmore { color: #d85656; text-decoration: none; float: right; }
.readmore:hover { color: #70d372; cursor: pointer; }
.readmore-img { 
	display: inline-block;
	width: 94px;
	background: url(../images/layout/readmore.gif) no-repeat top;
	text-align: left;
	color: #d85656;
	text-decoration: none;
	float: right;
	margin: 5px 15px 10px 0;
}
.readmore-img:hover { background: url(../images/layout/readmore-hover.gif) no-repeat top; color: #70d372; }
.readmore-img span, .readmore { padding-left: 8px; font-style: italic; font-size: .75em; line-height: 26px; }

/* List styles for content */
#content .container ul { margin: 15px 0 0 10px; list-style: none; line-height: 20px; }
#content .container ul li { 
	height: 20px;
	background: url(../images/layout/list-circlearrow.gif) no-repeat;
	padding-left: 28px;
	margin-bottom: 10px;
	font-size: .85em;
	color: #336666;
}

#content .container ol { list-style:disc; padding-left: 24px; }
#content .container ol li { 
	padding-left: 7px;
	margin-bottom: 10px;
	font-size: .85em;
	color: #336666;
}



/* === Header === */
#header { height: 205px; position: relative; }
#header .logo { position: absolute; top: 27px; left: 10px; }
#header img.framed { position: absolute; top: 20px; left: 405px; border: solid 1px #d8d8d8; margin: 0; }
#header .tagline { position: absolute; top: 90px; left: 25px; color: #333333; font-size: 1em; font-style: italic; font-weight: 400; line-height: 65px; }

/* === Navigation === */
#nav { position: absolute; top: 165px; left: 10px; font-size: 1.1em; font-weight: 100; letter-spacing: .08em; line-height: 38px; }
#nav ul { list-style-type: none; }
#nav ul li { float: left; height: 39px; }
#nav ul li.active { background: url(../images/layout/link-active.jpg) repeat-x top; }
#nav ul li a { height: 39px; padding: 0 15px; color: #fff; text-decoration: none; display: block; }
#nav ul li a:hover { background: url(../images/layout/link-hover.jpg) repeat-x top; }

/* === Content Layout === */
#content { position: relative; }
#content .container { padding: 20px 20px 0px 20px; }
#content .sidebar .container { padding-top: 35px; }
#content .main { width: 600px; background: #fff url(../images/layout/main-shadow.gif) repeat-x top; float: left; margin-right: 20px; }
#content .sidebar { width: 340px; background: #eeecec url(../images/layout/sidebar-shadow.gif) repeat-x top; float: left; }
#content .main .base { padding: 15px 25px 40px 25px; background: #52504d url(../images/layout/main-base.gif) no-repeat top; }
#content .sidebar .base { padding: 15px 0 40px 0; background: #52504d url(../images/layout/sidebar-base.gif) no-repeat top; }
#content .base { clear: both; }
#content .corner { width: 5px; height: 37px; background: url(../images/layout/main-left-corner.gif) no-repeat left bottom; float: left; }
.toplink {
	width: 100%;
	height: 37px;
	text-align: center;
	line-height: 38px;
	font-size: 1em;
	font-weight: 100;
	letter-spacing: .08em;
	float: right;
	margin-top: 10px;
}
.toplink a { display: block; width: 72px; background: url(../images/layout/toplink-bg.gif) no-repeat top; color: #fff; text-decoration: none; float: right; }
.toplink a:hover { background: url(../images/layout/toplink-hover.gif) no-repeat top; }

/* === Legal Text === */
.legal { color: #999; font-size: .8em; text-align: center; }
.legal ul li { float: left; border-left: solid 1px #999; padding-left: 8px; margin-left: 8px; }
.legal ul li.first { border: none; margin:0; padding:0; }
.legal a { color: #ccc; text-decoration: underline; }
.legal a:hover { color: #fff; text-decoration: none; }

/* === Contact Form === */
#contact-form { width: 365px; float: left; margin-left: 75px; }
#contact-form input,
#contact-form textarea {
	padding: 5px;
	width: 200px;
	font-family: Helvetica, sans-serif;
	font-size: .9em;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
}
#contact-form textarea { height: 90px; width: 250px; }
#contact-form textarea:focus,
#contact-area input:focus { border: 1px solid #900; }
#contact-form input.submit-button { width: 100px; float: right; margin-right: 15px; cursor: pointer; }

label { float: left; text-align: right; margin-right: 15px; width: 85px; padding-top: 5px; font-size: .9em; }



/*  ==== REQUEST FORM ===== */
.forms_1 {padding: 15px 0;}
.forms_1 h3 {color: #165470; font-size: 18px; font-weight: normal; padding-bottom: 5px;}
.forms_1 form {position: relative; width: 396px; padding: 15px 55px 10px 27px; background: #486091 url(../images/bg_form_1.png) repeat-x top left;}
.forms_1 form label {display: block; padding: 3px 0 4px; text-align: left; width: 100%;}
.forms_1 form .text_box {width: 99%; margin: 0 0 12px;}
.forms_1 form select {width: 100%; margin: 0 0 12px;}
.forms_1 form p {position: relative; overflow: hidden; width: 100%; padding: 3px 0 14px; line-height: 18px;}
.forms_1 form p label {display: block; float: left; width: 146px; padding: 0 0 4px;}
.forms_1 form p label input {margin: 0px 7px 0 0;}
.forms_1 form .submit {position: relative; clear: left; width: 91px; height: 35px; margin: 0 0 0 -6px; border: 0px; cursor: pointer; background: transparent url(../images/button_zakaz.png) no-repeat left top;}

.forms_1 .corner_1, .forms_1 .corner_2, .forms_1 .corner_3, .forms_1 .corner_4 {position: absolute; width: 5px; height: 5px; font-size: 0px;}


.forms_1 .corner_1 {top: 0px; left: 0px; background: transparent url(../images/corner_1.png) no-repeat left top;}
.forms_1 .corner_2 {top: 0px; right: 0px; background: transparent url(../images/corner_1.png) no-repeat left -5px;}
.forms_1 .corner_3 {bottom: 0px; left: 0px; background: transparent url(../images/corner_1.png) no-repeat left -10px;}
.forms_1 .corner_4 {bottom: 0px; right: 0px; background: transparent url(../images/corner_1.png) no-repeat left -15px;}

.text_box {width: 60%; margin: 0 0 12px;}





/* TABLE */
th {
	/*font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;*/
	font: .9em "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #336666;
	size: 0.85em;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}
th.spec {	
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	/*font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;*/
	font: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 85%;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #B4AA9D;
}
td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #6D929B;
	font-size: 85%;
	vertical-align: top;
}


td.alt {
	background: #F5FAFA;
	color: #B4AA9D;
}