﻿/* CSS Document */

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: top;
	right: 0px;
	top: 0px;
	text-align: center;
	position: relative;
}

body{
	background: #0d0d0d;
	text-align: center;
	margin-top: 25px;
}

img {
	vertical-align: top;
	padding-bottom: 10px;
}
a img {
	border: 0 solid;
}

ul { list-style:none;}

.left {
	float: none;
}
.right {float:right;}
.clear  { clear:both;}


textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.813em;
		line-height:1.385em;
		color:#3e403d;
	}


input
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.813em;
		line-height:1.385em;
		color:#3e403d;
	}


html
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.813em;
		line-height:1.385em;
		color:#3e403d;
	}

select { vertical-align:middle; font-weight:normal;}

input { vertical-align:middle; font-weight:normal;}

a {color:#3e403d;}
a:hover{text-decoration:none;}
p {padding-top:18px;}
.box p {padding-top:13px;}

/* ============================= main layout ====================== */

.link {
	background: url('images/link-right-bg.gif') no-repeat right
top;
	display: inline-block;
	line-height: 1em;
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
	margin-top: 28px;
	cursor: pointer;
}
.link span {
	background: url('images/link-left-bg.gif') no-repeat left
top;
	display: inline-block;
	padding: 0 12px;
}
.link span span {
	background: url('images/link-tail-bg.gif') repeat-x 50%
top;
	padding: 4px 3px 5px 5px;
}

.link:hover {
	background: url('images/link-right-bg-hover.gif') no-repeat right
top;
}
.link:hover span {
	background: url('images/link-left-bg-hover.gif') no-repeat left
top;
}
.link:hover span span {
	background: url('images/link-tail-bg-hover.gif') repeat-x 50%
top;
}

.list li {line-height:2.154em; margin-left:20px;}
.list li a {font-weight:bold;}

.imgindent {margin:0 30px 0 0; float:left;}
.title {
	margin-bottom: 30px;
	padding-top: 10px;
}
.title2 {margin-bottom:40px;}
.box .title {margin-bottom:40px;}

/* ============================= header ====================== */

.header-phone {
	float: right;
	text-align: right;
	font-size: 0.923em;
	line-height: 1.167em;
	color: #acada1;
	display: block;
	padding: 22px 22px 0 17px;
}
.logo {
	margin: auto;
	margin-left: 150px;
	margin-top: 25px;
}

#header .menu {
	padding: 23px 0 0 0px;
	max-width: none;
}
.slogan {
	padding: 20px 200px 40px 180px;
	color: #b0cb50;
	font-size: 1.231em;
	line-height: 1.25em;
}
.slogan img {
	position: relative;
}

/* ============================= content ====================== */

#content .tail-bg {
	background: url('images/content-tail.jpg') repeat-x 50%
top;
}
.indent { padding:0 0 34px 59px;}
#page9 .indent {padding-right:70px;}
.content-bg {
	background: url('images/content-right-bg.jpg') no-repeat right top;
	padding-bottom: 50px;
}

.col-pad1 {padding-right:45px;}
.col-pad2 {padding-right:22px;}
.col-pad3 {padding-right:60px;}

.box {
	background: #efefe5 url('images/box-tail-top.jpg') repeat-x 50% top;
	margin-top: 50px;
	line-height: 1.154em;
	position: inherit;
}
.box .corner-bottom-right {
	background: url('images/box-corner-bottom-right.jpg') no-repeat right
bottom;
}
.box .corner-bottom-left {
	background: url('images/box-corner-bottom-left.jpg') no-repeat left
bottom;
}
.box .corner-top-right {
	background: url('images/box-corner-top-right.jpg') no-repeat right
top;
}
.box .corner-top-left {
	background: url('images/box-corner-top-left.jpg') no-repeat left
top;
	width: 100%;
}
.box .indent {
	padding: 0px 30px 26px 27px;
}
.box .indent2 {padding:11px 20px 26px 27px;}

.minheight {min-height:360px; height:auto;}
* html .minheight {height:360px;}

.text2 {color:#639012; font-size:1.231em; line-height:1.25em;}

.padding1 {padding-top:30px;}
.padding2 {padding-top:45px;}
.phone {float:right; margin-right:30px;}

/* ============================= footer ====================== */

#footer {color:#acac9a;}
#footer span { font-size:0.923em;}
#footer a {color:#acac9a;}
#footer .menu {padding:21px 0 7px 30px;}
#footer .menu li {
	display: inline;
	padding: 0 29px 0 35px;
	background: url('images/footer-menu-devider.gif') no-repeat 0
3px;
}
#footer .menu li a {text-decoration:none;}
#footer .menu li a:hover {text-decoration:underline;}
#footer .menu .first {background:none; padding-left:0;}

/* ============================= forms ============================= */


#ContactForm .rowi {height:33px;}
#ContactForm .link {float:right; margin:25px 0 0 20px;}
#ContactForm .link span span {padding:4px 13px 5px 15px;}
.input-name {display:inline-block; width:60px; vertical-align:top;}

.input {width:189px; height:15px; border:1px solid #7d7d7d; background:#ffffff; padding:0 0 0 5px; font-size:1em;}
textarea {width:189px; height:132px; border:1px solid #7d7d7d; background:#ffffff; padding:0 0 0 5px; overflow:auto; font-size:1em;}
