/* CSS Document */

* {
	font-family: Verdana, Arial;
	font-size:14px;
	color:#474747;
}

body{
	background:#323232;
	margin:0;
	padding:0;
}

#BodyTail{
	background:#fff url(images/footer-bg.gif) bottom repeat-x;
}
#BodyTailTop{
	background:url(images/tail-top.gif) top repeat-x;
	padding-top:8px;
}


img {vertical-align:top;}
a img { border:0;}
.imgindent {margin:0 25px 0 0; float:left;}

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

a {
	color: black;
}

a:hover {
	text-decoration: none;
}
/* ============================= header ====================== */
#header{
	background:url(images/bg-top.jpg) no-repeat 0 8px #FFFFFF;
	border-bottom:solid 8px #2e2e2e;
	padding-bottom:15px;
}
#logo{
	background:url(images/bg-logo.gif) no-repeat right bottom;
	padding-top:35px;
	width:327px;
	float:left;
}
#slogan{

	font-size:0.875em;
	color:#747474;
	padding-left:17px;
}
#MenuSmall{
	margin-left:30px;
	float:left;
	width:245px;
	padding-top:57px;
	background:url(images/menu-small-bg.gif) bottom left no-repeat;
}

#MenuSmall li{
	padding-right:15px;
	padding-left:15px;
	list-style:none;
	float:left;
	line-height:0.97em;
}

.top-banner2{
	padding-top:37px;
	padding-bottom:22px;
	float:left;
}

#main-menu {
	padding-top:37px;
	float:left;
}

#main-menu ul{
	padding: 5px;

}

#main-menu li{
	list-style:none;
	padding-left:26px;
	height: 35px;
		padding-bottom: 10px;
}

#main-menu  li a {

	color:black;
	text-decoration:none;
	font-face: "Myriad";
	padding-left:40px;
	background: url(images/m1.gif) bottom left no-repeat;
	text-transform: uppercase;
	font-size: 18px;
	padding-bottom: 4px;
	text-align: middle;
}

#main-menu  li a:hover{
	color:#9be425;
	text-decoration:underline;
}
/******************************top-banners*******************************/
.top-banner, .top-banner-page4{
	width:100%;
	height:209px;

}
.top-banner{
	background:url(images/page1-banner.jpg) no-repeat;
	margin-top:15px;
}
.top-banner-page4{
	background:#e9e8e6;
	margin-top:15px;
}
.banner-text, .banner-text-page4{

	font-size:0.75em;
	color:#7f7f7f;
}
.banner-text{
	padding-top:45px;
	padding-left:378px;
	line-height:1.5em;
}
.banner-text-page4{
	padding:34px 30px 0 37px;
	line-height:1.5em;
}
.banner-text strong, .banner-text-page4 strong{
	color:#545050;
}
/* ============================= content ====================== */
.container{
	width:100%;
	overflow:hidden;
}
#content{
	padding:23px 0 15px 10px;
	background:#FFFFFF;
	line-height:24px;
}
.title{
	padding-bottom:14px;
}
.cont{
	padding-left:13px;
}

.cont p{
	margin-top:18px;
}

.col-2, .col-3{
	padding-left:27px;
}
.col-1, .col-2{
	padding-right:12px;
}



/* ============================= footer ====================== */
#footer{
	background:url(images/footer-bg.gif) repeat-x;
}
#FooterText{
	padding-top:55px;
	font-size:10px;
	padding-left:15px;
	color:#adadad;
	width:50%;
	float:left;
}
#footer a{
	font-size:10px;
	color:#adadad;
	text-decoration:underline;
}
#footer a:hover{
	font-size:10px;
	color:#adadad;
	text-decoration:none
}
#tel{
	color:#FFFFFF;
	padding-top:52px;
	padding-right:22px;
	background:url(images/telephone.jpg) no-repeat;
	text-align:right;
	width:260px;
	float:right;
	height:47px;
}
#tel b{
	color:#adadad;
}

.link{
	display:block;
	background:url(images/link-left-bg.gif) left no-repeat #2d2d2d;
	float:left;
	line-height:1em;
	font-size:0.917em;
	color:#FFFFFF;
	text-decoration:none;
	margin-top:20px;
}
.link:hover{
	text-decoration:underline;
}
.link span{
	display:block;
	background:url(images/link-right-bg.gif) right no-repeat;
	padding:4px 15px 4px 20px;
}
/* ============================= forms ============================= */
/*

#ContactForm .rowi {height:33px;}

.input {width:175px; height:18px; border:1px solid #FFFFFF; background:none; padding:0 0 0 5px; font-size:1em;}
textarea {width:193px; height:122px; border:1px solid #FFFFFF; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}
*/

#main { width:898px; margin:0 auto; text-align:left; position:relative;}



#footer { height:99px;}

.col-1, .col-2, .col-3 {float:left;}
.container {width:100%; overflow:hidden;}
.container2 {width:100%; overflow:hidden;}

.line1{ background:url(images/line.gif) repeat-y 610px 0; }
.line2{	background:url(images/line.gif) repeat-y 268px 0; }


/* ============================= page2 ===========================*/
.col-1{ width:600px; }
.col-3{ width:240px; }