/* CSS Document */

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

body{background:url(images/body-tail.gif) top repeat-x #0d0e12; text-align:center;}
#main{ padding:9px 15px 0 18px;}

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.333em; color:#5f6f7d;}

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

a {color:white;}
a:hover{text-decoration:none;}
p {padding-top:15px;}
em{ font-style:normal;}

/* ============================= main layout ====================== */
.imgindent {margin:0 20px 0 0; float:left;}
.margin1{ margin-top:-99px;}
.padding1{ padding-top:18px;}
.padding2{ padding-top:13px;}
.padding3{ padding-top:30px;}
.padding4{ padding-top:7px;}
.padding5{ padding-bottom:30px;}

/* ============================= header ====================== */
#header{ background:url(images/header-bg.jpg) bottom no-repeat;}
#header .top{ height:105px;}
#header .logo{ padding-top:24px;}
#header .slogan{ padding:154px 0 0 480px;}
.menu{ float:right; padding:38px 5px 0 0;}
.menu li{ float:left; background:url(images/menu-item-bg.gif) right top no-repeat;}
.menu a{ display:block; text-decoration:none; text-align:center; vertical-align:middle; font-size:16px; position:relative;}
.menu .m1{ width:97px; height:28px; background:url(images/m1.jpg) no-repeat;}
.menu .m2{ width:133px; height:28px; background:url(images/m2.jpg) no-repeat;}
.menu .m3{ width:130px; height:28px; background:url(images/m3.jpg) no-repeat;}
.menu .m4{ width:136px; height:28px; background:url(images/m4.jpg) no-repeat;}
.menu .m5{ width:124px; height:28px; background:url(images/m5.jpg) no-repeat;}

#page1 .active, .menu .m1:hover{ height:48px; background:url(images/m1-act.jpg) no-repeat 1px 0 #191a21; margin:0 1px 0 -1px;}
#page2 .active, .menu .m2:hover{  height:48px; background:url(images/m2-act.jpg) no-repeat 1px 0 #191a21; margin:0 1px 0 -1px;}
#page3 .active, .menu .m3:hover{  height:48px; background:url(images/m3-act.jpg) no-repeat 1px 0 #191a21; margin:0 1px 0 -1px;}
#page4 .active, .menu .m4:hover{  height:48px; background:url(images/m4-act.jpg) no-repeat 1px 0 #191a21; margin:0 1px 0 -1px;}
#page5 .active, .menu .m5:hover{  height:48px; background:url(images/m5-act.jpg) no-repeat 1px 0 #191a21; margin:0 1px 0 -1px;}

/* ============================= content ====================== */
#content{ padding-bottom:13px;}
.indent{ padding:35px 25px 0 22px;}

.title{ padding-bottom:22px;}
.title2{ padding:0 0 22px 12px;}
.link{ display:block; font-weight:bold; color:#8e9ba7; margin-bottom:8px; font-size:1.083em;}

.link2{ background:url(images/link1-bg.gif) no-repeat 0 6px; padding-left:13px; margin-left:2px;}

.box{ background:url(images/11box-top-shadow.png) top repeat-x; padding-top:6px; position:relative; width:100%;}
.box .left-shadow{ left repeat-y; padding-left:9px; position:relative;}
.box .bg{ background:transparent; position:relative; width:100%;}
.box .title{ padding-bottom:14px;}
.box .indent{ padding:21px 0 0 32px;}
.box .indent2{ padding:0 8px 15px 9px;}
.box .indent3{ padding:8px 8px 15px 32px;}
.box .link4{ background:url(images/link1-bg.gif) no-repeat 0 6px; padding-left:13px; color:#ffffff; text-decoration:none; margin-right:12px;}
.box .link4:hover{ text-decoration:underline;}
.box .link3{ background:url(images/link3-bg.gif) no-repeat 0 6px; padding-left:10px; color:#a9b7c3; margin-left:10px;}

.box2{ border-top:solid 7px #e1c18c; background:url(images/box2-bg.gif) top repeat-x #17181d; margin-top:17px; width:100%;}
.box2 .indent{ padding:32px 26px 24px 44px;}
.box2 .title{ padding-bottom:33px;}

.list {position:relative;}
.list li{ background:url(images/link1-bg.gif) no-repeat 0 7px; padding-left:17px; line-height:1.667em;}
.list li a{ color:#80a4c3;}

.location{ line-height:1.5em; padding-top:22px; color:#6d7d8c;}
.email{ padding-top:19px; line-height:1.083em;}
.email span{ font-weight:bold; color:#7c93a7;}

.text2{ font-size:1.167em; line-height:1.286em; text-transform:uppercase; color:#7c93a7;}
.text2 strong{ color:#b9cddf;}
.extra{ padding-left:12px;}

.line{ background:url(images/line.gif) repeat-y 244px 0;}
.line2{ background:url(images/line.gif) repeat-y 512px 0;}
.unline{ background:url(images/unline.gif) repeat-x bottom; padding-bottom:30px; margin-bottom:26px;}
.unline2{ background:url(images/unline.gif) repeat-x bottom; padding-bottom:20px; margin-bottom:26px;}

/* ============================= page1 ===========================*/
#page1 .box2 .col-2{ margin-left:74px;}
#page1 .box2 .col-3{ margin-left:66px;}

/* ============================= page2 ===========================*/
#page2 .box2 .col-2{ margin-left:66px;}

/* ============================= page3 ===========================*/
#page3 .box2 .col-2{ margin-left:74px;}
#page3 .box2 .col-3{ margin-left:78px;}

/* ============================= page4 ===========================*/
#page4 .box2 .col-2{ margin-left:78px;}

/* ============================= page5 ===========================*/
#page5 .box2 .col-2{ margin-left:78px;}
#page5 .box .col-1{ width:160px;}
#page5 .box .col-2{ width:160px; margin-left:30px;}

/* ============================= footer ====================== */
#footer{ border-top:solid 1px #56728d;}
#footer .text{ padding:30px 0 0 22px;}


/* ============================= forms ============================= */
#ContactForm{ padding:18px 7px 0 0;}
#ContactForm .col-1{ width:255px !important;}
#ContactForm .col-2{ width:215px !important; margin-left:0 !important;}
#ContactForm label{ display:block; height:42px;}
#ContactForm input{ width:195px; height:17px; font-family:Arial, Helvetica, sans-serif; font-size:1em;}
#ContactForm textarea{ width:212px; height:102px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:1em;}
#ContactForm .margin2{ margin-right:20px;}