/* CSS Document */

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

body{
	background: url(images/bg-top.gif) top repeat-x;
	text-align:center;
}

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

ul { list-style:none;}

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

.align-center { text-align:center;}
.align-left { text-align:left;}
.align-right { text-align:right;}

html, input, textarea
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.5em;
		color:#959595;
	}
.header {
	margin-top: 15px;
}

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

a {color:#FFFFFF; outline:none;}
a:hover{text-decoration:none; }
p {padding-bottom:15px;}

/* ============================= main layout ====================== */

.main-bg { width:100%; background:url(images/bg-content.jpg) top center no-repeat; text-align:center; }

.indent1 { padding-bottom:30px; }
.indent2 { padding-top:6px;}
.indent3 { padding-top:20px;}
.indent4 { margin-top:25px;}
.indent5 { padding-top:20px;}
.indent6 { margin-top:25px;}

.imgindent {margin:0 25px 0 0; float:left;}
.imgindent2 {margin:0 15px 0 0; float:left;}

.link-1{ color:#FFFFFF; text-decoration:none;}
.link-1:hover { text-decoration: underline;}

.link-2{ color:#FFFFFF; text-decoration: underline; background: url(images/marker3.gif) 0 6px no-repeat; padding-left:10px; margin-right:10px;}

span { color:#FFFFFF;}



/* ============================= header ====================== */
.slogan {
	padding:7px 0 0 0px;
	color:#B5B5B5;
	font-size:20px;
	font-family: Arial, Helvetica, sans-serif;
}
.greeting {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #848484;
}
.about {
	font-family: "Myriad Pro";
	font-size: 24px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	margin-top: 20px;
	text-align: left;
}
#header ul { padding-top:5px;}
#header li { padding-bottom:12px; }
#header li a { display:block; width:106px; height:21px; background:url(images/marker1.gif) 8px 6px no-repeat; padding: 7px 0 0 51px; text-decoration: none; color:#787878; line-height:1em;  }
#header li a:hover, #header .active a {  background:url(images/marker2.gif) 8px 6px no-repeat #BB3226; text-decoration: none; color:#FFFFFF;}
#header .indent { padding:0px 32px 0px 9px;}
/* ============================= content ====================== */

#content-top .col-1 { width:257px; background:#212121; position:relative;}
#content-top .col-1 .indent { padding:26px 30px 26px 32px;}
#content-top .col-2 { width:422px; background:#000000; position:relative;}
#content-top .col-2 .indent { padding:26px 20px 26px 32px;}

.tail { background:url(images/tail2.gif) top repeat-x;}

li a { background:url(images/marker3.gif) 0 7px no-repeat; padding-left:10px; line-height:1.833em;}
li a:hover { color:#959595; }

.ul-2 { padding-left:31px;}
.ul-2 li a { background:url(images/marker4.gif) 0 5px no-repeat; padding-left:9px; color:#C6C6C6; line-height:2em;}
.ul-2 li a:hover { color:#FFFFFF;}

.phone { float:left; width:70px; color:#959595;}

.separator-content { background:url(images/separator1.gif) 454px 0 repeat-y; width:100%; overflow:hidden; padding:0 0 10px;}

#content .col-1 { width:455px;}
#content .col-1 .indent { padding:0px 30px 0px 28px;}
#content .col-2 { width:422px;}
#content .col-2 .indent { padding:0px 25px 0px 32px;}

.text-bot {
	padding:0px 0 0;
	line-height:16px;
	text-align: left;
}

/* ============================= footer ====================== */
#footer a { color:#676767;}
/* ============================= forms ============================= */
label { height:46px; display:block;} 
#ContactForm { line-height:1.3em;}
#ContactForm input {width:155px; height:18px; border:1px solid #959595; font-size:1em; background:#212121; padding:0 0 0 5px; }
#ContactForm textarea {width:163px; height:125px; border:1px solid #959595; font-size:1em; background:#212121; padding:0 0 0 5px; overflow:auto;    }