/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#FFFFFF url(images/bg_tail.jpg) repeat-x top center;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

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


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		line-height:19px;
		color:#616161;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#87A7AB; outline:none;text-decoration:none;}
a:hover{text-decoration:none;}
p {padding-top:10px;}

h1 {font-size:28px; color:#fff; line-height:1.2em;}
h2 {font-size:25px; color:#5f5b5b; line-height:1.2em;}
h3 {font-size:18px; color:#3d3232; line-height:25px;}
h3 span {color:#7abf00; font-size:22px; line-height:1.2em;}
/* ============================= main layout ====================== 

li { background:url(images/marker1.gif) no-repeat 0 7px;  line-height:1.5em;}
li a {color:#B6BDC3;}*/
.bg_header {background:url(images/bg_header.jpg) no-repeat top center;}

.imgindent {margin:0 22px 0 0; float:left;}
.fright {text-align:right;}
/* ============================= header ====================== */
#header {padding:12px 6px 0 0;}
#header .right a {margin-left:1px;}
#header h2 {font-size:24px; margin:-3px 0 0; color:#fff;}
#header .menu {padding:0 0 46px; height:39px;}
.menu li {float:left;}
#header .menu a {
	float:left;
	line-height:29px;
	color:#3d3232; 
	font-size:12px;
	text-transform:uppercase;
	background:url(images/pix.png) no-repeat top left;
}
#header .menu a strong{
	float:left;
	padding:0px 16px; background:none;
}
#header .menu a em  
{
    padding:10px 7px;
	float:left;}
#header .menu a.active{
	background:url(images/menu_btn_right.png) no-repeat right bottom;}
#header .menu a.active strong{
	background:url(images/menu_btn_left.png) no-repeat left bottom;}
#header .menu a.active em{
	background:url(images/menu_btn_middle.png) repeat-x  bottom center;}
#header .menu a:hover {	color:#fff;}
#header .menu a.active, #header .menu a.active:hover {
	color:#3d3232; cursor:default; }
/* ============================= content ====================== */
#content {padding-bottom:50px;}
#content h1 a {
	letter-spacing:-1px;
	display:block;
	width:256px;
	height:50px; 
	margin-bottom:10px;
	color:#fff;
	padding:19px 0 0 65px;
	text-transform:uppercase;
}
#content ul {padding:8px 0 0; line-height:20px;}
#content li {background:url(images/marker.gif) no-repeat left center;padding-left:15px;}
.col_middle { margin:0 39px 0 41px;}

/*links*/
.row1 .col1 a {background:url(images/buttons_bg.png) no-repeat 0 0;}
.row1 .col1 .link1 {background-position:0 0;}
.row1 .col1 .link2 {background-position:0 -79px;}
.row1 .col1 .link3 {background-position:0 -158px;}
.row1 .col1 a:hover {background-image:url(images/buttons_bg_hover.png);}

/*banner*/
.row1 .col2, .col2 .row1 {background:url(images/banner_header.png) no-repeat top center; padding:15px 0 0;}
.col2 .col_content {background:url(images/banner_bg_tail.png) repeat-y top center;padding:5px 20px 1px;}
.col2 .col_footer {background:url(images/banner_footer.png) no-repeat top center; height:20px;}
.col_content a {color:#7abf00; font-weight:bold; text-decoration:underline;}

#page1 .col_content p {padding-top:22px;}
#page2 .col_content .wrapper div {padding:10px 0 0;}
#page3 .col_content h3, #page5 .col_content h3 {padding:22px 0 0;}
#page4 .col_content .btn {text-decoration:none; background-position:bottom; margin-bottom:10px;}
#page4 .col_content .btn:hover {background-position:top;}
#page4 .col1 .row1 {background:url(images/bg_yellow.jpg) no-repeat top center;}
#page4 .col_content,#page6 .col_content  {padding-top:0;}
#page5 .col3 {padding-top:30px;}

.yellow {padding:12px 30px 19px 25px;}
.yellow p { font-size:14px; color:#917007;padding-top:5px;}
.yellow h1 {text-transform:uppercase;}
p.imgindent {padding:8px 0 7px;}
.block {padding:15px 0 0;}
.col_content p b {color:#7abf00;}


.row2 {padding-top:47px;}
.row2 p { line-height:17px;}

.comment {padding:15px 0 0; text-align:right; font-weight:bold; padding-right:14px;}
/*buttons*/
a.btn {
	background:url(images/btn.png) no-repeat top center;
	display:inline-block;
	width:83px;
	height:27px;
	margin-top:25px;
}
a.btn:hover {background-position:center bottom;}

/*phone*/
.phone span {display:inline-block; width:92px; font-weight:normal;}
.col_content .phone a,.phone a {color:#616161; text-decoration:underline; font-weight:normal;}
.phone a:hover {color:#7ABF00;}

.privacy {background:#edf6f6 url(images/privacy_tail.gif) repeat-y top right; margin-right:7px;}
.privacy p {padding-bottom:9px;}
.privacy_content {background: url(images/privacy_content.gif) no-repeat top right;}
.privacy_top {background:url(images/privacy_top.gif) no-repeat top left;}
.privacy_bottom {background:url(images/privacy_bottom.gif) no-repeat bottom left; padding:15px 20px;}

/* ============================= footer ====================== */
#footer {
	background:url(images/footer_bg.jpg) no-repeat top left; 
	text-align:right;
	color:#777;
	text-transform:uppercase; 
	font-size:10px; 
	line-height:1.2em; 
	}
#footer p {padding:0;}
#footer a { color:#777; text-decoration:underline;}
#footer a:hover {color:#616161;}
#footer li {padding-left:4px}
#footer li a {
	color:#616161; 
	margin:0 8px 0 0;
	text-decoration:none;
	}
#footer li a:hover {text-decoration:underline;}

/* ============================= forms ============================= */
#ContactForm {
	background:url(images/contacts.jpg) no-repeat top center;
	padding:20px 25px;
	}
#ContactForm h1 {text-transform:uppercase;}
label {height:32px; display:block;}	
input, textarea {
	width:260px;
	border:1px solid #f7cb23;
	padding:3px 5px;
	color:#87763b;
	background:#fcf6db;
}
textarea {
	height:295px; overflow:auto;}
#ContactForm a {
	font-size:15px; 
	margin:0 0 0 20px;
	text-transform:uppercase;
	color:#fff;
	background:none;
	}
#ContactForm a:hover {color:#5f5b5b;}