/* CSS Document */

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

body{background:#e8ebe4; text-align:center;}
.left-shadow{ background:url(images/left-shadow.png) left repeat-y; width:100%;}
.right-shadow{ background:url(images/right-shadow.png) right repeat-y; padding:0 5px;}
.bg{ background:#fff;}

img {vertical-align:top;}
a img { border:0;}
ul { list-style:none;}

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

html{ font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.5em; color:#5e5d5d;}
input, select { vertical-align:middle; font-weight:normal;}

a {color:#5e5d5d; outline:none;}
a:hover{text-decoration:none;}
p {
	padding-top:1px;
}
cite{ font-style:normal;}

h3{
	color:#292929;
	font-size:1.667em;
	line-height:1.5em;
	text-transform:uppercase;
	padding-bottom:14px;
}
h4{ font-size:1.667em; line-height:2em; text-transform:uppercase; padding:12px 0 8px 16px;}
object{ vertical-align:top; outline:none;}

/* ============================= main layout ====================== */
.imgindent {margin:0 20px 0 0; float:left;}
.phone{
	float:right;
	padding-right:160px;
}
.space1{ margin-left:50px;}
.space2{ margin-left:18px;}
.space3{ margin-left:20px;}
.padding1{ padding-top:10px;}
.padding2{ padding-top:15px;}
.padding3{ padding-top:25px;}

/* ============================= header ====================== */
#header{ background:url(images/header-tail.gif) bottom repeat-x;}
#header .indent{ padding:0 29px;}
#header .flash{ padding-top:1px;}

#header .boxes{ width:100%; overflow:hidden; margin-top:1px;}
#header .header-box{ position:relative; color:#15130f; width:100%;}
#header .header-box .button{ position:absolute; bottom:0; right:0;}
#header .header-box .indent{ padding:11px 30px 37px 31px;}
#header .header-box .indent1{ padding:0 0 0 10px;}
#header .header-box ul a{ color:#15130f; text-decoration:none;}
#header .header-box ul a:hover{ text-decoration:underline;}
#header .header-box .extra{ letter-spacing:-1px;}

#box1{ background:url(images/box1-tail.gif) bottom repeat-x #e8f4e4;}
#box2{ background:url(images/box2-tail.gif) bottom repeat-x #e6f0f1;}
#box3{ background:url(images/box3-tail.gif) bottom repeat-x #fff9df;}

#box1 .title{ background:url(images/box1-title-bg.gif) no-repeat 0 0; padding:0 0 22px 60px; position:relative;}
#box1 h4{ border-bottom:solid 1px #bbcbb6; color:#60ae3e;}
#box2 .title{ background:url(images/box2-title-bg.gif) no-repeat 0 0; padding:0 0 22px 60px; position:relative;}
#box2 h4{ border-bottom:solid 1px #a7c5d3; color:#108fd1;}
#box3 .title{ background:url(images/box3-title-bg.gif) no-repeat 0 0; padding:0 0 22px 50px; position:relative;}
#box3 h4{ border-bottom:solid 1px #f7c386; color:#ed7c18;}
#box3 .link1{ color:#ed7c18; font-weight:bold;}

/* ============================= content ====================== */
#content .bg{ padding:31px 29px 31px 29px;}
.indent{
	padding:0 0 0 29px;
}
.indent1{ padding:0 0 0 6px;}
.unline{
	background:url(images/line.gif) bottom repeat-x;
	padding-bottom:17px;
	margin-bottom:30px;
}
.unline1{ background:url(images/line.gif) bottom repeat-x; padding-bottom:28px; margin-bottom:20px;}
.text1{ color:#119edf;}
.text2{ color:#119edf; font-size:1.5em; line-height:1.222em; padding-bottom:12px;}
.text3{ text-align:center; line-height:1.417em; padding-top:11px;}
.text3 a{ color:#119edf;}

.line{ background:url(images/line.gif) repeat-y 300px 0;}
.link{ display:inline-block; font-size:0.917em; font-weight:bold; color:#fff; text-decoration:none; background:url(images/link-left-bg.gif) left top no-repeat #2d2d2d; margin-top:20px; cursor:pointer;}
.link span{ display:inline-block; background:url(images/link-right-bg.gif) right top no-repeat; padding:0 10px 1px 10px;}
.link:hover{ background:url(images/link-left-bg-act.gif) left top no-repeat #555555;}
.link:hover span{ background:url(images/link-right-bg-act.gif) right top no-repeat;}
.link2{ color:#119edf; font-size:1.083em; font-weight:bold; display:inline-block; margin-bottom:6px;}
.link3{ display:inline-block; background:url(images/link1-bg.gif) no-repeat 0 8px; font-weight:bold; padding-left:10px; margin-top:21px; color:#1a1a1a;}
.link4{ color:#119edf; line-height:1.25em; font-weight:bold; display:inline-block; margin-bottom:8px;}
.link5{ color:#119edf;}

.list{ margin:-5px 0;}
.list li{ font-size:1.5em; line-height:1.444em;}
.list a{ color:#6d6d6d; text-decoration:none;}
.list a:hover{ color:#000;}

.list1{ margin:-3px 0;}
.list1 li{ background:url(images/list-marker.gif) no-repeat 0 7px; line-height:1.667em; padding-left:14px; font-weight:bold;}
.list1 .head-item{ color:#2eaaf9;}
.list1 .head-item em{ display:inline-block; background:url(images/list1-line1.gif) bottom repeat-x; font-style:normal;}
.list1 a{ display:inline-block; background:url(images/list1-line2.gif) bottom repeat-x; color:#2a2a2a; text-decoration:none; cursor:pointer;}
.list1 strong{ text-decoration:underline; background:#f8f8f8; display:inline-block; padding: 0 5px;}
.list1 span{ display:inline-block; width:180px;}
.list1 a:hover{ color:#2eaaf9; background:url(images/list1-line1.gif) bottom repeat-x;}

.list2{ margin:-3px 0;}
.list2 li{
	line-height:1.667em;
	padding-left:19px;
	font-weight:bold;
}
.list2 a{ color:#2a2a2a;}

.box{ background:#f8f8f8; width:100%;}
.box .extra-indent{ background:url(images/img_index.jpg) left bottom no-repeat; padding:15px 20px 21px 175px; min-height:131px; height:auto !important; height:131px;}
.box .title{ background:url(images/box-title-bg.gif) no-repeat 0 0; padding:5px 0 13px 60px;}
.box .indent{ padding:20px 30px 33px 33px;}
.box .indent1{ padding:20px 30px 18px 33px;}

.gallery{ width:100%; overflow:hidden; padding-top:18px;}
.gallery a{ display:inline-block; margin-right:19px;}

.scroll{ overflow:auto; width:530px; position:relative; height:145px;}
.scroll-wrap { width:1000px;}

/* ============================= footer ====================== */
#footer{ color:#757575;}
#footer .bg{ padding:0 29px 15px 29px;}
#footer .bg1{ height:53px; background:url(images/footer-tail.gif) top repeat-x; }
#footer a{ color:#aeaeae;}
#footer p{ padding:14px 0 5px 28px;}
#footer span{ display:inline-block; background:url(images/footer-line.gif) no-repeat right 0; padding:5px 61px 5px 0;}

/* ============================= forms ============================= */
#SubscribeForm h3{ color:#848484; font-size:1.75em;}
#SubscribeForm input{ border:solid 1px #7e7e7e; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#010101; padding:1px 2px 1px 3px; width:150px;}
form .link{ background:url(images/form-link-left-bg.gif) left top no-repeat #e03b14; margin:0 0 0 3px;}
form .link span{ background:url(images/form-link-right-bg.gif) right top no-repeat;}
form .link:hover{ background:url(images/form-link-left-bg-act.gif) left top no-repeat #ac2505;}
form .link:hover span{ background:url(images/form-link-right-bg-act.gif) right top no-repeat;}

#SubscribeForm .link2{ font-size:1em; font-weight:normal; color:#15130f; background:url(images/form-link2-bg.gif) no-repeat 0 7px; padding-left:7px; display:block; margin-top:8px;}
#SubscribeForm .link2 a{ font-weight:bold; color:#15130f;}

#ContactForm{ padding-top:0px;}
#ContactForm label{ display:block; height:26px;}
#ContactForm input{ border:solid 1px #7d7d7d; background:none; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#5e5d5d; padding:2px 2px 1px 3px; width:231px;}
#ContactForm textarea{
	border:solid 1px #7d7d7d;
	background:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#5e5d5d;
	padding:2px 2px 1px 3px;
	width:231px;
	height:180px;
	overflow:auto;
}
#ContactForm .link{ float:right; margin:13px 15px 0 5px;}
