/* CSS Document */

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

body{background:url(images/body-bg.jpg) no-repeat center top #0b0907; text-align:center;}
#main{ padding-bottom:50px;}
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.5628em;line-height:1.556em;color:#FFF;text-transform:uppercase;}
input, select { vertical-align:middle; font-weight:normal;}

a {color:#fff; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:14px;}
strong{ color:#000; font-weight:normal; display:block;}
#page5 strong{padding-top:1em; text-transform:uppercase}
#page5 strong a{color:#FF3300}
#page5 strong a:hover {color:#000}

h1{ font-size:6em; line-height:0.5em; text-transform:none; text-align:center; padding-top:70px}
h1 a{ text-decoration:none; display:inline-block; background:url(images/logo-bg.gif) no-repeat center 0; padding-top:30px}
h3{ font-size:4em; line-height:1.222em; text-transform:none; padding-bottom:14px; position:relative; width:630px}

/* ============================= main layout ====================== */
.imgindent {margin:0 14px 0 0; float:left;}
.phone_box{width:183px}
.phone{ float:right; padding-right:20px;}
.space1{ margin-left:44px;}
.space2{ margin-left:17px;}
.padding1{ padding-top:18px;}
.padding2{ padding-top:30px;}
.padding3{ padding-top:10px;}

/* ============================= content ====================== */
#content{ padding-left:15px}
#page5_1 #content, #page3 #content, #page5 #content{padding-bottom:16px; height:auto}
.menu{ float:left; width:148px;}
.main-content{ height:404px; background:url(images/main-content-bg.jpg) no-repeat 0 0; float:left; width:769px;}
#page5_1 .main-content, #page3 .main-content, #page5 .main-content{height:auto; background:url(images/main-content-bg3.jpg); overflow:hidden}
.indent{ padding:25px 15px 10px 31px;}
#page5_1 .indent, #page3 .indent, #page5 .indent{background:url(images/main-content-bg2.jpg) no-repeat; position:relative; min-height:354px}
#page5_1 .scroll, #page5 .scroll{min-height:245px; text-transform:none; font-size:1.5em; line-height:1.5em; height:auto}
.all{position:absolute;right:31px;top:45px;z-index:1;text-decoration:none}
.all:hover{color:#000}
.page5_1_bottom_bg{background:url(images/main-content-bg4.jpg); width:769px; height:7px; margin:25px 0 -10px -31px; font-size:0}
.menu ul{ padding:216px 0 0 14px;}
#page6 .menu ul{ padding:216px 0 0 14px;}
.menu li{ font-size:1.7em; line-height:2.4em; text-transform:none; padding-left:32px;}
.menu a{ text-decoration:none; color:#878786;}
.menu a:hover{ color:#fff;}
.menu .m1{ background:url(images/m1-bg.gif) no-repeat 0 14px;}
.menu .m2{ background:url(images/m2-bg.gif) no-repeat 0 14px;}
.menu .m3{ background:url(images/m3-bg.gif) no-repeat 0 14px; line-height:1.4em}
.menu .m4{ background:url(images/m4-bg.gif) no-repeat 0 14px;}
.menu .m5{ background:url(images/m5-bg.gif) no-repeat 0 14px;}

.scroll{ overflow:auto; height:290px; position:relative;}
.scroll-wrap { padding-right:23px;}
#page3 .scroll{height:auto}

.link1{ text-decoration:none;}
.link1:hover{ color:#000;}

.pagination{ width:100%; overflow:hidden; padding-top:13px; text-align:center;}
.link2{ background:url(images/link2-bg.gif) no-repeat 0 4px; padding-left:5px;}
.pagination li{ display:inline; padding:0 5px;}
.pagination li a{ color:#151312; text-decoration:none;}
.pagination li a:hover, .pagination li .active{ color:#fff;}

.list li{ line-height:3.222em; background:url(images/list-marker.gif) no-repeat 0 7px; padding-left:12px;}
.list a{ text-decoration:none;}
.list a:hover{ color:#000;}

/* ============================= page1 ====================== */
#page1 .menu{ float:none; width:auto; position:relative;}
#page1 .menu a{ font-size:1.7em; line-height:2.7em; text-transform:none; display:inline-block; position:absolute; padding-top:15px;}
#page1 .menu .m1{ background:url(images/m1-bg.gif) no-repeat center top; margin:207px 0 0 42px;}
#page1 .menu .m2{ background:url(images/m2-bg.gif) no-repeat center top; margin:150px 0 0 273px;}
#page1 .menu .m3{ background:url(images/m3-bg.gif) no-repeat center top; margin:226px 0 0 415px;}
#page1 .menu .m4{ background:url(images/m4-bg.gif) no-repeat center top; margin:208px 0 0 610px;}
#page1 .menu .m5{ background:url(images/m5-bg.gif) no-repeat center top; margin:150px 0 0 750px;}

/* ============================= footer ====================== */
#footer{ background:url(images/footer-bg.gif) no-repeat 0 0; color:#6a6764;}
#footer a{ text-decoration:none;}
#footer a:hover{ color:#6a6764;}
#footer p{ padding:13px 0 0 15px;}

/* ============================= forms ============================= */
#ContactForm{ padding-top:0px;}
#ContactForm label{ display:block; height:26px;}
#ContactForm input{ border:solid 1px #516b6a; background:#32504f; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#ffffff; text-transform:uppercase; padding:3px 2px 3px 3px; width:207px;}
#ContactForm textarea{ border:solid 1px #516b6a; background:#32504f; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#ffffff; text-transform:uppercase; padding:3px 2px 3px 3px; width:207px; height:190px; overflow:auto; resize:none;}
#ContactForm a{ display:inline-block; float:right; margin:15px 5px 0 5px; color:#000; text-decoration:none;}
#ContactForm a:hover{ color:#fff;}