/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:url(images/body-tail.gif) top repeat-x #212429;; text-align:center;}
#main{ padding:45px 55px 48px 57px;}

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.417em; color:#212429;}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#212429;}
a:hover{text-decoration:none;}
p {padding-top:15px;}

/* ============================= main layout ====================== */
.imgindent {margin:0 20px 0 0; float:left;}
.phone{ float:right; padding-right:60px;}
.phone2{ float:right; padding-right:80px;}
.space1{ margin-left:4px;}
.space2{ margin-left:40px;}
.margin1{ margin-top:5px;}
.margin2{ margin-top:1px;}
.padding1{ padding-top:8px;}
.padding2{ padding-top:29px;}
.padding3{ padding-top:18px;}
.bold {font-weight:bolder;}

/* ============================= header ====================== */
#header{ background:url(images/header-tail-new.gif) top repeat-x #ffffff;}
#header .small-menu{ float:right; padding:56px 58px 0 0; font-size:14px; font-weight:bolder;}
#header .small-menu li{ /*float:left;*/ padding-left:19px;}
#header .small-menu a{ margin-right:19px; font-size:0.917em; text-transform:uppercase; text-decoration:none;}
#header .small-menu a:hover{ text-decoration:underline;}
#header .logo{ padding:30px 0 0 48px;}

#header .menu{ width:100%; overflow:hidden;}
#header .menu ul{ padding-top:47px;}
#header .menu li{ float:left;}
#header .flash{ position:absolute; margin:-38px 0 0 -57px;}
/* ============================= content ====================== */
#content{  background:#ffffff; padding:10px 12px 16px 12px;}

.box1{ background:#01b36b; color:#19483a; position:relative;}
.box2{ background:#9bda05; color:#405220; position:relative;}
.box3{ background:#fdcc07; color:#584e20; position:relative;}
.box4{ background:#fd9c09; color:#584221; position:relative;}
.box1 .title{ background:#059138;}
.box2 .title{ background:#6dc807;}
.box2 .caption, .box3 .caption, .box4 .caption {font-size:19px; font-weight:bolder; color:#ffffff; padding:20px 0 0 0;}
.box2 .indent, .box3 .indent, .box4 .indent {text-align:center;}
.box3 .title{ background:#ffb807;}
.box4 .title{ background:#fe6f07;}
.row-1 .title img{ margin:7px 0 6px 16px;}
.row-1 .line{ background:url(images/title-unline.png) bottom repeat-x; width:100%;}

.row-1{ padding-bottom:5px;}
.row-1 .indent{ padding:20px 25px 10px 23px;}
.row-1 .link{ text-align:right; padding-top:2px; font-family:Tahoma, Geneva, sans-serif;}
.row-1 .link a{ font-size:0.917em; color:#6e7074; background:#ffffff; display:inline-block; padding:2px 5px 3px 6px; text-decoration:none}
.row-1 .link a:hover{ background:#595858; color:#ffffff;}

.row-2 .title, #page8 .title{ padding-bottom:12px; line-height:1.417em;}

.box5{ background:url(images/box5-bg.gif) top repeat-x #212429; padding:10px 20px 12px 17px; color:#9e9d9d;}
.box51{ background:url(images/box5-bg.gif) top repeat-x #212429; padding:10px 20px 0px 17px; color:#9e9d9d;}
.box5 strong{ color:#ffffff;}
.box5 p{ padding-top:11px;}
.box5 a{ color:#9e9d9d;}
.box5 .link{ text-align:right; margin-right:-5px;}
.box5 .link a{ background:url(images/link1-bg.gif) top right no-repeat; color:#fdcc07; text-decoration:none; padding-right:8px; font-size:0.917em; font-weight:bold;}
.box5 .link a:hover{ color:#ffffff;}
.box5 .title {font-size:2em; color:#fdcc07; text-transform:uppercase; font-weight:bolder;}
.box51 .title {font-size:2em; color:#fdcc07; text-transform:uppercase; font-weight:bolder;}

.box6{ background:#e5ddd2; padding:18px 20px 12px 16px;}
.box6 strong{ /*display:block;*/ padding-bottom:11px;}
.box6 p{ padding-top:9px;}
.box6 .link{ text-align:right; margin-right:0px; padding-top:15px;}
.box6 .link a{ background:url(images/link2-bg.gif) no-repeat top right; color:#6c4a3e; text-decoration:none; padding-right:8px; font-size:0.917em; font-weight:bold;}
.box6 .link a:hover{ color:#000000;}
.box6 .img {margin:0 20px 0 0; min-height:164px; border:1px solid #000; background:#fff; padding:8px;}
.box6 .info {min-height:164px; width:265px; margin:0 0 0 20px;}
.box6 .title {font-size:2em; font-weight:bolder; text-transform:uppercase;}
.box6 .prop {padding:0 0 5px 0;}
.box6 .title1 {font-weight:bolder; border-bottom:2px solid #000;}
.box6 .prop1 {border-bottom:0px solid #000;}
.box6 .s-images ul li { display:inline-block; margin:10px 5px 0 0; padding:2px; border:1px solid #000; background:#fff; }

.box7{ background:url(images/box7-border.gif) top repeat-x;}
.box7 .left-border{ background:url(images/box7-border.gif) left repeat-y;  width:100%;}
.box7 .right-border{ background:url(images/box7-border.gif) right repeat-y; width:100%;}
.box7 .bot-border{ background:url(images/box7-border.gif) bottom repeat-x; padding:18px 10px 12px 18px;}
.box7 .link, .box8 .link { text-align:right; padding-top:8px;}
.box7 .link a, .box8 .link a{ background:url(images/link2-bg.gif) no-repeat top right; color:#6c4a3e !important; text-decoration:none; padding-right:8px; font-size:0.917em; font-weight:bold;}
.box7 .link a:hover, .box8 .link a:hover{ color:#000000 !important;}
.box7 .strong1{ display:block; padding-bottom:12px;}
.box7 p{ margin-top:18px; padding:0;}
.box7 .title {text-transform:uppercase; font-size:1.5em; font-weight:bolder;}
.box7 ul {list-style-type: disc; margin:15px 0 15px 15px;}
.box7 ol {margin:0 0 0 20px;}

.box8{ background:url(images/box8-bg.gif) top repeat-x #ffffff; padding:43px 20px 10px 39px; color:#828282; min-height:200px;}
.box8 .title{ padding-bottom:18px; font-size:1.5em; color:#000000;}
.box8 cite{ font-style:normal; display:block; padding-top:11px;}
.box8 p{ padding-top:16px;}
.box8 .caption {font-size:1.5em; color:#000000; padding:0 0 20px 0;}
.box8 .item {padding:0 0 20px 0;}
.box8 .item p {padding:0;}
.box8 .item a {color:#7c7c7c; text-decoration:none; font-weight:bolder;}
div.next {background:none !important;}

.list{ margin-top:-6px;}
.list li{ line-height:2.333em; background:url(images/list-marker.gif) no-repeat 0 14px; padding-left:15px;}
.list a{ color:#7c7c7c; text-decoration:none; font-weight:bold;}
.list a:hover{ color:#000000;}
.list li.active a {color:#000000;}

.list1{ margin-top:-6px;}
.list1 li{ line-height:2.333em; background:url(images/list1-marker.gif) no-repeat 0 14px; padding-left:17px;}
.list1 a{ color:#ffffff; text-decoration:none; font-weight:bold;}
.list1 a:hover{ text-decoration:underline;}

.list2 li{ line-height:2.333em; }
.list2 a{ color:#9e9d9d;}

table.item {border-bottom:1px solid #D7D7D7; padding-bottom:10px; margin-bottom:10px;}

/* ============================= footer ====================== */
#footer{ background:url(images/footer-tail.gif) top repeat-x; color:#000000;}
#footer .text{ padding:27px 0 0 28px;}
#footer a{ text-decoration:none; margin-left:9px;}
#footer a:hover{ text-decoration:underline;}

/* ============================= forms ============================= */
#onlineorder{ font-weight:bold;}
#onlineorder label{ display:block; height:40px;}
#onlineorder input{ border:solid 1px #7e7e7e; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:0 0 1px 3px; width:270px;}
#onlineorder textarea{ border:solid 1px #7e7e7e; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:1px 0 1px 3px; width:270px; height:175px; overflow:hidden;}
#onlineorder .link{ padding:12px 20px 0 0 !important;}
#onlineorder .link{ text-align:right; padding-top:8px;}
#onlineorder .link a{ background:url(images/link2-bg.gif) no-repeat top right; color:#6c4a3e; text-decoration:none; padding-right:8px; font-size:0.917em; font-weight:bold; margin-left:8px;}
#onlineorder .link a:hover{ color:#000000;}


