/* CSS Document */

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

body{background:url(images/top-tail.gif) top repeat-x #0f0f0f; 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{ font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.416em; color:#7f7f7f;}
input, select { vertical-align:middle; font-weight:normal;}

a {color:#ffffff;}
a:hover{text-decoration:none;}
p {padding-top:17px;}
h1{ font-size:2.333em; font-weight:normal; padding:58px 0 0 14px; float:left;}
h1 a{ color:#fff; text-decoration:none;}
h1 span{ color:#828282; font-size:0.357em; text-transform:uppercase; display:block; padding-top:6px;}
h2{ font-size:4.167em; font-weight:normal; color:#ffffff; padding:126px 0 0 490px;}
h2 span{ display:block; font-size:0.4em; text-transform:uppercase; line-height:1.1em; color:#ababab; padding:14px 0 0 13px;}
h3{ font-size:2.167em; color:#ffffff; font-weight:normal; background:url(images/line.gif) bottom repeat-x; padding:1px 0 16px 0; margin-bottom:19px;}
h4{ font-size:1.75em; font-weight:normal; padding-bottom:9px; margin-bottom:18px;}
h5{ font-size:1.75em; color:#ffffff; font-weight:normal; background:url(images/line.gif) bottom repeat-x; padding:2px 0 14px 1px; margin-bottom:19px;}
h6{ font-size:1.5em; color:#ffffff; font-weight:normal; background:url(images/line.gif) bottom repeat-x; padding:2px 0 14px 1px; margin-bottom:19px;}
strong{ display:block; padding-bottom:17px;}
.strong1{ color:#fff; text-transform:uppercase; padding-bottom:0;}

/* ============================= main layout ====================== */
.imgindent {margin:0 12px 0 0; float:left;}
.phone{ float:right; padding-right:180px;}
.space1{ margin-left:35px;}
.padding0{ padding-bottom:0;}
.padding1{ padding-top:15px;}
.padding2{ padding-top:34px !important;}
.padding3{ padding-top:62px !important;}
.padding4{ padding-top:25px;}
.margin1{ margin-top:13px !important;}
.margin2{ margin-top:32px !important;}

/* ============================= header ====================== */
#header{ background:url(images/header-bg.jpg) bottom no-repeat;}
#header .top{ width:100%; overflow:hidden; height:119px;}
#header .menu{ width:100%; overflow:hidden;}
#header .menu ul{ padding-left:15px;}
#header .menu li{ float:left; padding-left:1px; background:url(images/menu-border.gif) no-repeat 0 0;}
#header .menu .first{ padding-left:0;}
#header .menu a{ display:inline-block; background:url(images/menu-item-tail.gif) top repeat-x; width:119px; text-align:center; padding:13px 0 11px 0; font-size:0.917em; text-transform:uppercase; text-decoration:none; font-weight:bold; color:#1b1b1b; cursor:pointer;}
#header .menu a:hover, #header .menu .active{ background:url(images/menu-item-tail-act.gif) top repeat-x; color:#ffffff;}

/* ============================= content ====================== */
#content{ padding:0 0 43px 25px;}
.column-2{ margin-left:18px;}
.indent{ padding:40px 25px 0 15px;}
.link{ display:inline-block; margin-top:24px;}

.boxes{ line-height:1.5em; color:#ffffff; width:100%; overflow:hidden; margin-top:10px;}
.boxes .col-2, .boxes .col-3, .boxes .col-4{ margin-left:1px;}
.boxes .list li{  background:url(images/list-marker2.gif) no-repeat 0 9px;}
.boxes .list a{ color:#fff;}
.boxes .list a:hover{ color:#000000;}
.boxes a{ color:#ffffff;}
.boxes strong{ padding-bottom:18px;}
.boxes .indent{ padding:27px 15px 32px 14px; position:relative;}
.box1{ background:url(images/box1-tail.gif) top repeat-x #2b3d3f;}
.box1 .corner{ background:url(images/box1-corner.gif) right bottom no-repeat}
.box1 h4{ background:url(images/box1-line.gif) bottom repeat-x;}
.box1 .link{ background:#384f52; padding:2px 14px 5px 14px; margin-top:30px; text-decoration:none;}
.box1 .link:hover{ background:#4e6f73;}

.box2{ background:url(images/box2-tail.gif) top repeat-x #256372;}
.box2 .corner{ background:url(images/box2-corner.gif) right bottom no-repeat}
.box2 h4{ background:url(images/box2-line.gif) bottom repeat-x;}
.box2 .link{ background:#308194; padding:2px 14px 5px 14px; margin-top:30px; text-decoration:none;}
.box2 .link:hover{ background:#38a9c4;}

.box3{ background:url(images/box3-tail.gif) top repeat-x #4f6b16;}
.box3 .corner{ background:url(images/box3-corner.gif) right bottom no-repeat}
.box3 h4{ background:url(images/box3-line.gif) bottom repeat-x;}
.box3 .link{ background:#678b1d; padding:2px 14px 5px 14px; margin-top:30px; text-decoration:none;}
.box3 .link:hover{ background:#8ec126;}

.box4{ background:url(images/box4-tail.gif) top repeat-x #d63c00;}
.box4 .corner{ background:url(images/box4-corner.gif) right bottom no-repeat}
.box4 h4{ background:url(images/box4-line.gif) bottom repeat-x;}
.box4 .link{ background:#e24e00; padding:2px 14px 5px 14px; margin-top:30px; text-decoration:none;}
.box4 .link:hover{ background:#f28043;}

.list{ margin:-3px 0;}
.list li{ line-height:1.833em; background:url(images/list-marker.gif) no-repeat 0 9px; padding-left:14px;}
.list a{ text-decoration:none; color:#7f7f7f;}
.list a:hover{ color:#fff;}
.email{ color:#fff;}

/* ============================= footer ====================== */
#footer{ background:url(images/line.gif) top repeat-x;}
#footer .menu{ width:100%; overflow:hidden;}
#footer .menu ul{ padding:23px 0 0 27px;}
#footer .menu li{ float:left; font-size:1.167em; color:#2b2b2b; padding-left:12px;}
#footer .menu a{ text-decoration:none; color:#bfbfbf; display:inline-block; margin-right:12px;}
#footer .menu a:hover{ color:#fff; text-decoration:underline;}
#footer .text{ color:#464747; padding:8px 0 0 40px;}
#footer .text a{ color:#464747; text-decoration:none;}
#footer .text a:hover{ color:#fff;}

/* ============================= forms ============================= */
#SearchForm{ float:right; padding:56px 16px 0 0;}
#SearchForm input{ border:solid 1px #474747; background:url(images/form-tail.gif) top repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#ffffff; padding:3px 0 4px 3px; width:170px; vertical-align:middle;}
#SearchForm .link1{ color:#989898; font-size:0.833em; text-decoration:none; text-transform:uppercase; display:inline-block; background:#181818; padding:2px 8px 4px 11px; vertical-align:middle;}
#SearchForm .link1:hover{ color:#fff;}
#SearchForm .link2{ color:#828282; font-size:0.833em; text-transform:uppercase; display:inline-block; margin-top:1px;}

#SubscribeForm span{ display:inline-block; padding-bottom:8px;}
#SubscribeForm input{ border:solid 1px #3f3f3f; background:url(images/form2-tail.gif) top repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#ffffff; padding:3px 0 4px 3px; width:146px; vertical-align:middle;}
#SubscribeForm .link1{ color:#989898; font-size:0.833em; text-decoration:none; text-transform:uppercase; display:inline-block; background:#434343; padding:3px 10px 4px 9px; vertical-align:middle;}
#SubscribeForm .link1:hover{ color:#fff; background:#706d6d;}
#SubscribeForm .link2{ color:#828282; font-size:0.833em; text-transform:uppercase; display:inline-block; margin-top:1px;}


#ContactForm{ padding-top:0px;}
#ContactForm label{ display:block; height:27px;}
#ContactForm input{ border:solid 1px #3b3b3b; background:none; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#7f7f7f; padding:2px 0 2px 3px; width:170px;}
#ContactForm textarea{ border:solid 1px #3b3b3b; background:none; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#7f7f7f; padding:2px 0 2px 3px; width:170px; height:75px; overflow:auto;}
#ContactForm .link{ float:right; margin:18px 16px 0 0;}