/* CSS Document */

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

body{
	background: url(images/bg-top.gif) top repeat-x;
    background-color: #FFFFFF;
	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;
	}

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:25px;}
.indent6 { margin-top:25px;}

.imgindent {margin: 9px 30px 0 0; float:left;}
.img2 {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:10px 0 0 10px; color:#B5B5B5; font-size:1.083em; }
#header ul { padding-top:10px;}
#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 #36496E; 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 0; line-height:1.417em;}
.text-bot-h {font-size: 1.6em; font-weight: bold; line-height: 1.6em;}

/* ============================= 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:64px; border:1px solid #959595; font-size:1em; background:#212121; padding:0 0 0 5px; overflow:auto;    }