/* CSS Document */

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

body{
	background:#121212;
	text-align:center;
}

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

ul { list-style:none;}

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


html, input, textarea
	{
		font-family:Verdana, Geneva, sans-serif;
		font-size:0.625em;
		line-height:1.4em;
		color:#636363; 
	}

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

a {color:#de182f; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:14px;}

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

li { background:url(images/marker.gif) no-repeat 0 7px; padding-left:12px; line-height:1.4em;}
li a {color:#de182f; text-decoration:none; text-transform:uppercase; letter-spacing:-1px;}
li a:hover {text-decoration:underline;}

.imgindent {margin:0 20px 0 0; float:left;}

.extra {}
.block {height:91px;}
.extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -91px; position:relative; background:url(images/extra-bg.gif) top center no-repeat #121212;}
body, html {height:100%;}

h2 {font-size:2.2em; line-height:1.243em; color:#fff; padding:0 0 30px 0; text-transform:uppercase; letter-spacing:-1px;}
h2 strong {color:#6a6a6a;}
/* ============================= header ====================== */
.logo {padding:62px 0 0 0}

/* ============================= content ====================== */
.splash-menu {padding:4px 0 0 1px;}
.splash-menu ul {width:100%; overflow:hidden;}
.splash-menu li {background:none; padding:0 0 0 0; line-height:1.243em;  float:left;}
.splash-menu li a {display:block; text-align:center; margin-right:9px; text-decoration:none; color:#fff; text-transform:uppercase;}
.splash-menu li a:hover {text-decoration:none;}

.splash-menu .m1 {background:url(images/m1-bg.jpg) left top no-repeat; width:201px; height:105px; font-size:2.6em; margin-right:10px; padding-top:430px;}
.splash-menu .m2 {background:url(images/m2-bg.jpg) left top no-repeat; width:182px; height:86px; font-size:2.3em; margin-top:24px; padding-top:390px;}
.splash-menu .m3 {background:url(images/m3-bg.jpg) left top no-repeat; width:162px; height:78px; font-size:2em; margin-top:48px; padding-top:346px;}
.splash-menu .m4 {background:url(images/m4-bg.jpg) left top no-repeat; width:141px; height:68px; font-size:1.8em; margin-top:72px; padding-top:305px;}
.splash-menu .m5 {background:url(images/m5-bg.jpg) left top no-repeat; width:122px; height:65px; font-size:1.5em; margin:95px 0px 0 0; padding-top:258px;}

.splash-menu .m1:hover, .menu .active {background:url(images/m1-bg-active.jpg) left top no-repeat;}
.splash-menu .m2:hover {background:url(images/m2-bg-active.jpg) left top no-repeat;}
.splash-menu .m3:hover {background:url(images/m3-bg-active.jpg) left top no-repeat;}
.splash-menu .m4:hover {background:url(images/m4-bg-active.jpg) left top no-repeat;}
.splash-menu .m5:hover {background:url(images/m5-bg-active.jpg) left top no-repeat;}

.menu {padding:5px 0 0 1px;}
.menu ul {width:100%; overflow:hidden;}
.menu li {background:none; padding:0 0 0 0; line-height:1.243em;  float:left;}
.menu li a {display:block; text-align:center; margin-right:9px; text-decoration:none; color:#fff; text-transform:uppercase;}
.menu li a:hover {text-decoration:none;}

.menu .m1 {background:url(images/m1_1-bg.jpg) left top no-repeat; width:201px; height:103px; font-size:2.6em; margin:66px 10px 0 0; padding-top:25px;}
.menu .m2 {background:url(images/m2_1-bg.jpg) left top no-repeat; width:182px; height:86px; font-size:2.3em; margin-top:53px; padding-top:20px;}
.menu .m3 {background:url(images/m3_1-bg.jpg) left top no-repeat; width:162px; height:77px; font-size:2em; margin-top:34px; padding-top:20px;}
.menu .m4 {background:url(images/m4_1-bg.jpg) left top no-repeat; width:141px; height:71px; font-size:1.8em; margin-top:16px; padding-top:17px;}
.menu .m5 {background:url(images/m5_1-bg.jpg) left top no-repeat; width:122px; height:63px; font-size:1.5em; padding-top:14px; margin-right:0px;}

.menu .m1:hover, .menu .active {background:url(images/m1_1-bg-active.jpg) left top no-repeat;}
.menu .m2:hover {background:url(images/m2_1-bg-active.jpg) left top no-repeat;}
.menu .m3:hover {background:url(images/m3_1-bg-active.jpg) left top no-repeat;}
.menu .m4:hover {background:url(images/m4_1-bg-active.jpg) left top no-repeat;}
.menu .m5:hover {background:url(images/m5_1-bg-active.jpg) left top no-repeat;}

.col-pad {padding-right:45px;}

.pad {padding-top:22px;}

.title {color:#fff; text-transform:uppercase;}
.scroll {height:120px; overflow:auto; margin-top:22px;}
.scroll .indent {width:374px;}

.scroll1 {height:240px; overflow:auto;}
.scroll1 .indent {width:374px;}

.link {display:inline-block; background:url(images/marker.gif) right 7px no-repeat; padding-right:10px; text-transform:uppercase; color:#de182f; text-decoration:none; letter-spacing:-1px;}
.link:hover {text-decoration:underline;}

.inner {min-height:340px; height:auto !important; height:340px;}

.h-pad {padding-bottom:26px;}

.mail {color:#636363;}

.phone {display:inline-block; width:80px;}
/* ============================= footer ====================== */
#footer {position:relative; text-transform:uppercase; color:#696969; letter-spacing:-1px;}
#footer a {color:#fff; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
/* ============================= forms ============================= */
#ContactForm {padding-top:25px;}
#ContactForm label {height:25px; display:block;}
.column1 {width:184px; float:left;}
.column2  {width:215px; float:left;}
#ContactForm .link {margin:10px 0 0 20px;}
.alignright {text-align:right;}
.input {width:170px; border:1px solid #a4a4a4; background:#1e1e1e; padding:3px 0 3px 5px; font-size:1em; line-height:1.243em;}
textarea {width:210px; height:68px; border:1px solid #a4a4a4; background:#1e1e1e; padding:0 0 0 5px; overflow:auto; font-size:1em;}