﻿/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#f0f0f0;
	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:0.75em;
		line-height:1.3333em;
		color:#000000;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#9cb400; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:16px;}

/* ============================= main layout ====================== */

li { background:url(images/marker.gif) no-repeat 0 8px; padding-left:19px; line-height:2.1428em; font-size:1.1666em;}
li a {color:#000000; text-decoration:none;}
li a:hover {text-decoration:underline;}

.imgindent {margin:0 32px 0 0; float:left;}

h2 {color:#1c1c1c; font-size:2.1666em;  text-transform:uppercase; padding:34px 0 22px 0; letter-spacing:-1px; line-height:1.2037em;}
h1 {color:#1c1c1c; font-size:2.1666em;  text-transform:uppercase; padding:34px 0 22px 0; letter-spacing:-1px; line-height:1.2037em;}

/* ============================= header ====================== */
#page1 #header {height:555px;}
#header {background:url(images/header-bg.gif) left bottom repeat-x;}

.extra {background:url(images/extra-bg.gif) left top repeat-x #fff;}

.logo {float:left; padding:4px 162px 0 0;}

.menu {float:left; padding-top:46px;}
.menu li {float:left; background:none; padding:0 36px 0 0; font-size:1.25em; line-height:1.2037em;}
.menu li a {text-decoration:none; color:#989898; text-transform:uppercase;}
.menu .last {padding-right:0px;}

.menu li a:hover, .menu .active a {color:#1e1e1e;}

.slogan {background:url(images/slogan-bg.jpg) left top no-repeat; padding:0 50px 40px 560px; margin-top:84px; font-size:1.333em; line-height:1.25em; color:#bcbcbc;}
.slogan em {display:block; font-size:1.875em; line-height:1.2037em; color:#bdbdbd; text-transform:uppercase; letter-spacing:-1px;}
.slogan strong {color:#1c1c1c; font-size:3.4375em; line-height:1.2037em; text-transform:uppercase; display:block; margin-top:-15px; letter-spacing:-1px; padding-bottom:8px;}
.slogan strong span {color:#bfd628;} 

.slogan-link {display:inline-block; margin-top:24px;}

.slogan .link {font-size:0.75em; margin-top:1px;}

/* ============================= content ====================== */
.indent {padding:0 0 90px 0;}
.padding {padding-bottom:80px;}

.border {background:url(images/header-bg.gif) left bottom repeat-x; padding-bottom:48px; }

.col-pad {padding-right:32px;}
.col-pad1 {padding-right:45px;}

.date {color:#9b9b9b; font-size:0.8333em; display:block; line-height:1.2037em; text-transform:uppercase; padding:9px 0 9px 0;}

.title {color:#9cb400;}
.title1 {color:#9b9b9b; line-height:1.5em;}
.title2 {color:#000; font-size:1.1666em; line-height:1.2857em; display:block; padding-bottom:5px;}
.title3 {color:#9cb400;font-size:1.1666em; line-height:1.2857em; display:block; padding-bottom:5px;}
.title4 {color:#9b9b9b;}

.link {display:inline-block; background:url(images/link-tail.gif) left top repeat-x; font-size:1em; line-height:1.5em; font-weight:bold; cursor:pointer; text-decoration:none; color:#fff; }
.link span {display:inline-block; background:url(images/link-right-bg.gif) right top no-repeat; padding:2px 20px 3px 10px}

.link:hover {background:url(images/link-tail-hover.gif) left top repeat-x;}
.link:hover span {background:url(images/link-right-bg-hover.gif) right top no-repeat;}

.link1 {color:#9b9b9b; text-decoration:none; display:inline-block;}
.link1:hover {text-decoration:underline;}

.link2 {color:#000;}

.link1-margin {margin-top:6px;}

.pad {padding-top:8px;}
.pad1 {padding-top:2px;}
.pad2 {padding-top:20px;}
.pad3 {padding-top:24px;}
.pad4 {padding-top:31px;}

.ul-pad {padding-bottom:18px;}

.phone {display:inline-block; width:80px;}

.adress {font-size:1.1666em; line-height:1.2857em; color:#9cb400; width:100%; overflow:hidden;}
.adress span {float:right;}

.privacy {text-decoration:none;}
.privacy:hover {text-decoration:underline;}
/* ============================= footer ====================== */
#footer {background:url(images/footer-bg.gif) left top repeat-x; font-size:0.8333em; color:#56514c;}

.footer-menu {padding-top:56px;}
.footer-menu ul {width:100%; overflow:hidden;}
.footer-menu li {background:url(images/footer-menu-li-bg.gif) left 2px no-repeat; padding:0 11px 0 10px; float:left; text-transform:uppercase; font-size:1em; line-height:1.2037em;}
.footer-menu li a {text-decoration:none; color:#56514c;}

.footer-menu .first {background:none; padding-left:0px;}
.footer-menu li a:hover, .footer-menu .active a {color:#2ba6c2;}

.policy {color:#969696; text-transform:uppercase; padding-top:10px;}
.policy a {color:#969696; text-decoration:none;}
.policy a:hover {text-decoration:underline;}
.policy span {color:#2ba6c2; }
/* ============================= forms ============================= */
#ContactForm label {height:48px; display:block;}
#ContactForm {padding-top:36px;}
#ContactForm .link {margin:20px 0 0 20px;}
#ContactForm .link span {padding:2px 30px 3px 10px}
.column1 {float:left; width:364px;}
.column2 {float:left; width:326px;}
.alignright {text-align:right;}
.input {width:329px;  background:none; padding:6px 0 6px 14px; font-size:1em; line-height:1.243em; color:#9b9b9b; border-top:1px solid #5b5b5b; border-left:1px solid #898989; border-bottom:1px solid #e9e9e9; border-right:1px solid #e1e1e1;}
textarea {width:334px; height:118px;  background:none; padding:5px 0 0 10px; overflow:auto; font-size:1em; color:#9b9b9b; border-top:1px solid #5b5b5b; border-left:1px solid #898989; border-bottom:1px solid #e9e9e9; border-right:1px solid #e1e1e1;}
