/* CSS Document */

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

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

html, input, textarea
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size:0.8125em;
		line-height:1.385em;
		color:#999999;
	}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}
.aligncenter { text-align:center;}
.alignleft { text-align:left;}
.alignright { text-align:right;}

input, select { vertical-align:middle; font-weight:normal;}
a {color:#FFF; outline:none; text-decoration:underline;}
a:hover{text-decoration:none;}
p {padding-top:18px;}
a img { border:0;}
ul { list-style:none;}
img {vertical-align:top;}
em { font-style:normal; text-transform:uppercase; color:#FFF;}

h3 { font-size:2.461em; color:#FFF; font-weight:normal; line-height:1.5em; padding-bottom:31px;}
.link1 { font-size:1.308em; }
.fontsize1 { font-size:0.923em;}

/* ============================= main layout ====================== */
.imgindent { float:left; margin-right:14px;}
.imgindent2 { float:left; margin-right:25px;}
.indent1 { padding-top:50px;}
.space1 { margin-right:30px;}
.space2 { margin-top:25px;}
.space3 { margin-right:45px;}
.space4 { margin-top:18px;}
/* ============================= header ====================== */
.menu {
	position:absolute;
	padding-left:428px;
	width: 431px;
	left: 228px;
	top: 15px;
	height: 21px;
}
.menu li { float:left;}
.menu li a { display:inline-block; height:85px; font-size:1.308em; line-height:1em; color:#131313; text-decoration:none; cursor:pointer;}
.menu li a span { display:inline-block; height:48px; padding:37px 0 0; cursor:pointer;}
.menu li a span span { border-right:1px solid #DADADA; height:auto; padding:0 12px 0 11px; background:none;}
.menu li .last span span { border:none;}
.menu li a:hover, .menu .active a { display:inline-block; height:85px; background: url(images/menu-corner-left.gif) left bottom no-repeat #00CCFF; color:#FFF;}
.menu li a:hover span, .menu .active a span { display:inline-block; height:48px; background:url(images/menu-corner-right.gif) bottom right no-repeat;}
.menu li a:hover span span, .menu .active a span span { border-right:1px solid #00CCFF; height:auto; background:none;}
.date {
	position:absolute;
	margin:35px 0 0 4px;
	color:#A1A1A1;
	font-size:1.231em;
	left: 88px;
	top: -21px;
}
.logo {
	position:absolute;
	margin:135px 0 0 -30px;
	left: -1px;
	top: -138px;
	width: 628px;
	height: 438px;
}
.slogan {
	position:absolute;
	font-size:3.231em;
	line-height:1.2em;
	color:#131313;
	letter-spacing:-2px;
	margin:346px 0 0 578px;
	left: 88px;
	top: -14px;
	width: 366px;
}
/* ============================= content ====================== */
#content { padding:50px 0 55px; background:url(images/bg-bot.jpg) bottom center no-repeat; }
.list1 { overflow:hidden;}
.list1 ul { margin-bottom:-3px;}
.list1 li { background:url(images/divider.gif) bottom repeat-x; }
.list1 li a { background:url(images/marker.gif) 0 6px no-repeat; padding-left:22px; line-height:2em; text-decoration:none;}
.list1 li a span { color:#999999;}
.list1 li a:hover { color:#999999;}
.list1 li a:hover span { color:#FFF;}
dl { line-height:1.154em;}
dl dt {text-transform:uppercase; color:#FFF;}
dl dd { margin-top:5px;}
.phone { float:left; width:75px;}

/* ============================= footer ====================== */
#footer .indent {width:920px; margin:0 auto; text-align:left; padding:11px 0 0;}
#footer a { text-decoration:none; color:#999999;}
#footer a:hover { color:#FFF;}
/* ============================= forms ============================= */
#ContactForm {line-height:1.5em;}
label { height:52px; display:block;} 
#ContactForm input {width:253px; height:17px; border:1px solid #A3A3A3; background:#FFFFFF; padding:2px 0 0 5px; font-size:1em; line-height:1em;}
#ContactForm textarea {width:275px; height:122px; border:1px solid #A3A3A3; background:#FFFFFF; padding:2px 0 0 5px; overflow:auto; font-size:1em; line-height:1em;}
