/* CSS Document */

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

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

html, input, textarea
	{
		font-family: Helvetica Neue, Arial, sans-serif;
		font-size:0.75em;
		line-height:1.333em;
		color:#6F6F6F;
	}

.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:#21A8CC; outline:none; text-decoration:underline;}
a:hover{text-decoration:none;}
p {padding-top:15px;}
a img { border:0;}
ul { list-style:none;}
img {vertical-align:top;}


h3 { font-size:3.833em; line-height:1.2em; color:#1A1A1A; padding:15px 0 20px 0;}
h1 { font-size:3.833em; line-height:1.2em; color:#1A1A1A; padding:15px 0 20px 0;font-weight: 100;}
h9 {
	font-size:3.833em;
	line-height:1.2em;
	color:#1A1A1A;
	padding:15px 0 20px 0;
}
h4 {
	font-size: 1.833em;
	line-height: 1.2em;
	color: #1A1A1A;
}

.link1 { color:#6F6F6F;}

/* ============================= main layout ====================== */
.imgindent { float:left; margin-right:20px;}

.indent0 {
	padding:0 0 10px;
	font-family: Helvetica Neue, Arial, sans-serif;
}
.indent1 { padding:0 25px 0 15px;}
.indent2 { padding:0 50px 0 25px;}
.indent3 { padding:0 180px 0 15px;}


.space1 { margin-top:15px;}

/* ============================= header ====================== */
.bg-right { background:url(images/header-right.gif) top repeat-x; width:50%; position:absolute; margin:0px; right:0; height:494px;}
.bg {background:url(images/bg.jpg) top center no-repeat; position:relative; width:100%;}
#header .row-1 { height:270px;}
#header .row-2 {
	height:224px;
	width:100%;
	overflow:visible;
}
.logo a {
	position:absolute;
	font-size:6em;
	line-height:1.5em;
	color:#FFF;
	text-decoration:none;
	margin-top: 82px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 500px;
}
.logo a:hover { color:#575757;}
.slogan {
	position:absolute;
	font-size:1.583em;
	line-height:1.5em;
	color:#FFF;
	text-transform:uppercase;
	margin-top: 166px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 400px;
}

.menu {
	padding-left:453px;
	float:left;
}
.menu li { float:left; margin-right:1px;}
.menu li a {
	display:block;
	width:47px;
	height:224px;
}
.menu .m1 a { background:url(images/m1.png) top no-repeat;}
.menu .m1 a:hover, .menu .m1 .active { background:url(images/m1-act.png) top left no-repeat; }
.menu .m2 a { background:url(images/m2.png) top left no-repeat;}
.menu .m2 a:hover, .menu .m2 .active { background:url(images/m2-act.png) top left no-repeat; }
.menu .m3 a { background:url(images/m3.png) top left no-repeat;}
.menu .m3 a:hover, .menu .m3 .active { background:url(images/m3-act.png) top left no-repeat; }
.menu .m4 a { background:url(images/m4.png) top left no-repeat;}
.menu .m4 a:hover, .menu .m4 .active { background:url(images/m4-act.png) top left no-repeat; }
.menu .m5 a { background:url(images/m5.png) top left no-repeat;}
.menu .m5 a:hover, .menu .m5 .active { background:url(images/m5-act.png) top left no-repeat; }
.menu .m6 a { background:url(images/m6.png) top left no-repeat;}
.menu .m6 a:hover, .menu .m6 .active { background:url(images/m6-act.png) top left no-repeat; }
.menu .m7 a { background:url(images/m7.png) top left no-repeat;}
.menu .m7 a:hover, .menu .m7 .active { background:url(images/m7-act.png) top left no-repeat; }
.menu .m8 a { background:url(images/m8.png) top left no-repeat;}
.menu .m8 a:hover, .menu .m8 .active { background:url(images/m8-act.png) top left no-repeat; }
.menu .m9 a { background:url(images/m9.png) top left no-repeat;}
.menu .m9 a:hover, .menu .m9 .active { background:url(images/m9-act.png) top left no-repeat; }
/* ============================= content ====================== */
#content { padding:25px 0 40px 0;}

.column3 {
	width:1px;
	background:url(images/separator-bg.gif) bottom no-repeat #D0D8DF;
}
.line { background:url(images/separator.gif) bottom repeat-x; height:15px; margin:0 5px 0 15px;}
.line2 { background:url(images/separator.gif) bottom repeat-x; height:15px; margin:0 50px 0 5px;}

.list1 { line-height:1.833em;}
.list1 li a { background:url(images/marker1.gif) 0 6px no-repeat; padding-left:13px;}

.banner1 {
	margin:10px 0 0 -161px;
	padding-left:10px;
	position: absolute;
	left: -65px;
	top: 312px;
	height: 186px;
	width: 137px;
}
.phone { float:left; width:95px;}

/* ============================= footer ====================== */
#footer .indent {width:880px; margin:0 auto; text-align:left; color:#4F515F; padding:48px 0 0 25px;}
/* ============================= forms ============================= */
#ContactForm {line-height:1.2em;}
label { height:43px; display:block;} 
#ContactForm input {width:385px; height:18px; border:1px solid #D0D8DF; padding:2px 0 0 5px; font-size:1em; line-height:1em;}
#ContactForm textarea {width:385px; height:166px; border:1px solid #D0D8DF; padding:2px 0 0 5px; overflow:auto; font-size:1em; line-height:1em;}
h4 {
	font-size: 1.5em;
	line-height: 1.2em;
	color: #000;
	font-weight: lighter;
}
#page4 .bg #main #content .container .column1.maxheight .indent1 p {
	color: #6f6f6f;
	font-family: Helvetica Neue, Arial, sans-serif;
}
