/* CSS Document */

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

body{
	background:url(images/body-bg.jpg) no-repeat center top #000000;
	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:Arial, Helvetica, sans-serif;
		font-size:0.688em;
		line-height:1.182em;
		color:#2e2e2e;
	}

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

a {color:#df0f0a;}
a:hover{text-decoration:none;}
p {padding-top:13px;}
span {color:#df0f0a;}

/* ============================= main layout ====================== */
#main { width:980px; margin:0 auto; text-align:left;}



.col-1, .col-2, .col-3 {float:left;}
.container {width:100%; overflow:hidden;}

/* ============================= page1 ===========================*/

.col-1 {width:190px;}
#page1 {background:url(images/splash-bg.jpg) no-repeat center top #000;}

li { background:url(images/marker1.gif) no-repeat 0 7px; padding-left:12px; line-height:1.454em;}
li a {color:#2e2e2e;}

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

/* ============================= header ====================== */
#header {height:170px; padding-top:20px; text-align:center;}

#page1 .logo {padding:135px 0 5px 0;}

/* ============================= content ====================== */

#page1 #content {height:684px; text-align:center; padding:0;}

#content {padding:0 0 0 221px;}
.box {background:url(images/box-bg.jpg) no-repeat 0 0; padding:37px 28px 0 38px; width:456px; height:457px;}

.title {margin-bottom:12px;}
.margin1 {margin-top:20px;}
.col-pad {padding-right:30px;}
.col-pad2 {padding-right:54px;}

.link {background:url(images/link-right-bg.gif) right top no-repeat; display:block; float:left; color:#fff; text-decoration:none; margin-top:17px;}
.link span {background:url(images/link-left-bg.gif) left top no-repeat; display:block; color:#fff; padding:0 3px 0 3px;}
.link span span {background:#2e2e2e; padding:3px 5px 4px 5px;}
.link:hover {background:url(images/link-right-bg2.gif) right top no-repeat;}
.link:hover span {background:url(images/link-left-bg2.gif) left top no-repeat;}
.link:hover span span {background:#df0f0a;}
.link2 {float:right; margin-top:8px;}

.mail {background:url(images/marker1.gif) no-repeat 0 5px; color:#2e2e2e; padding-left:10px;}

.line {background:url(images/line.gif) bottom left repeat-x; padding-bottom:18px; margin-bottom:20px;}
.line2 {background:url(images/line.gif) bottom left repeat-x; padding-bottom:10px; margin-bottom:10px;}

.scroll {height:195px; overflow:auto;}
.scroll1 {height:195px; overflow:hidden;}
.scroll .inner {height:400px; padding-right:20px;}
.scroll2 {height:155px; overflow:auto;}
.scroll2 .inner {height:400px; padding-right:20px;}


/* ============================= footer ====================== */

#footer {text-transform:uppercase; color:#808080; text-align:center; font-size:1.0em; padding-top:33px; letter-spacing:1px; height:33px;}
#footer a {color:#808080; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/* ============================= forms ============================= */

#ContactForm {padding:30px 0 0 0;}
#ContactForm .rowi {height:49px;}
#ContactForm .link {margin-left:20px;}

.input {width:188px; height:18px; border:1px solid #a09b96; background:#fff; padding:0 0 0 5px; font-size:1em;}
textarea {width:200px; height:67px; border:1px solid #a09b96; background:#fff; padding:0 0 0 5px; overflow:auto; font-size:1em;}