/* CSS Document */

* {
	margin:0;
	padding:0;
	font-size:100%;
	z-index: 2;
	position: relative;
	color: #bfbbbb;
}

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

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

ul { list-style:none;}

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



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

#main {
	width:980px;
	margin:0 auto;
	text-align:left;
	background:url(images/header-bg1.jpg) top right no-repeat;
	position:top right;
	height: 779;
	background-image: url(images/header-bg1.jpg);
	clip: rect(100px,auto,auto,auto);
}

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

.col-1 {width:311px;}
.col-2 {width:240px;}
.header-tail2 {
	background:url(images/header-tail2.jpg) top repeat-x;
	width:50%;
	position:absolute;
	height:555px;
	right:0;
	background-image: url(images/header-tail2.jpg);
	float: left;
	z-index: 0;
	visibility: visible;
}

li { background:url(images/list-bg.gif) no-repeat 0 7px; padding-left:11px; line-height:1.8em;}

.imgindent {margin:0 20px 0 0; float:left;}
.title {margin-bottom:13px;}

.link {background:url(images/link-bg.gif) top right no-repeat; padding-right:12px; display:inline-block; margin-top:14px;}

cite {font-style:normal;}

/* ============================= header ====================== */

#header {
	height:555px;
	background-image: url(images/header-bg1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
object {
	vertical-align:top;
	text-align: center;
}

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

#content {
	padding-top: 0;
	padding-right: 182px;
	padding-bottom: 100px;
	padding-left: 182px;
}
.box {background:url(images/box-bg.png); border:1px solid #bccbd5; position:relative; color:#9bb0bb}
.box .indent {padding:26px 54px 25px 46px;}
.extra {position:absolute; bottom:0; right:0;}
.line {border-left:1px solid #fff; height:140px; padding-left:12px;}

.padding1 {padding-top:48px;}
.padding2 {padding-top:20px;}
.margin1 {margin-top:42px;}
.margin2 {margin-top:32px;}

.description {background:url(images/comment-tail-bg.gif) bottom repeat-x; width:100%;}
.description .right-bg {background:url(images/comment-right-bg.gif) bottom right no-repeat;}
.description .left-bg {background:url(images/comment-left-bg.gif) bottom left no-repeat; width:100%;}
.description .indent { padding:15px 20px 17px 15px;}
.description .link {float:right;}
.text2 {color:#bfbbbb;}
.phone {float:right; padding-right:90px;}

.content-tail {
	background:url(images/content-tail.jpg) top repeat-x;
	width:50%;
	position:absolute;
	height:250px;
	right:0;
	background-image: url(images/content-tail.jpg);
	float: left;
	z-index: 0;
	visibility: visible;
	}

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

#footer {
	height:15px;
	line-height:3em;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	text-align: left;
	color: #497185;
	width: 600px;
	border-top: 1px solid #cfd9e0;
	right: 8px;
}
#footer a {color:#98bed1; 	text-decoration:none;}
#footer a:hover {
	text-decoration:underline;
	text-transform: uppercase;
}

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

#ContactForm {padding:10px 0 0 0;}
#ContactForm .rowi {height:25px;}
#ContactForm .col-1 {width:323px !important;}
#ContactForm .col-2 {width:283px !important;}
#ContactForm .link {float:right; margin-left:30px;}

.input {width:301px; height:18px; border:1px solid #a4a4a4; background:none; padding:0 0 0 5px; font-size:1em;}
textarea {width:276px; height:93px; border:1px solid #a4a4a4; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}