/* CSS Document */

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

body{background:#353535; text-align:center;}
#main{ background:url(images/left-tailb.gif) left repeat-y;}
#right-tail{ background:url(images/right-tailb.gif) right repeat-y; padding:0 17px; position:relative;}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

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

html{ font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.5em; color:#555454;}

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

a {color:#f54f1a;}
a:hover{text-decoration:none;}
p {padding-top:17px;}
.strong1{ color:#000000; display:block; line-height:1.333em; padding-bottom:20px;}
cite{ font-style:normal;}

/* ============================= main layout ====================== */
.imgindent {margin:0 20px 0 5px; float:left;}
.padding1{ padding-top:13px !important;}
.padding2{ padding-top:27px !important;}
.padding3{ padding-top:20px !important;}
.margin1{ margin-top:0 !important;}
.margin2{ margin-left:25px !important;}

/* ============================= header ====================== */
#header{ position:relative;}
#header .flash1{ position:absolute; z-index:2;}
#header .flash2{ position:absolute; margin-top:125px; z-index:1;}
#header object{ vertical-align:top;}

/* ============================= content ====================== */
#content{ background:#ffffff; padding-bottom:4px;}
.column-2, .column-3{ margin-left:3px;}

.indent{ padding:22px 10px 30px 20px;}
.indent2{ padding:18px 5px 0 15px;}
.indent3{ padding:30px 5px 0 33px;}

.box1{ background:url(images/box1-corner-top.gif) top right no-repeat #f0efe7; color:#6e6e6e;}
.box1 .corner-bot{ background:url(images/box1-corner-bottom.gif) bottom right no-repeat; width:100%;}
.box1 .indent{ padding:0px 5px 24px 5px;}
.box1 .indent2{ padding:14px 5px 0px 14px;}
.box1 .indent3{ padding:0 15px 0px 13px;}
.box1 .title{ background:url(images/title1-tail.gif) top repeat-x;}
.box1 .title span{ display:block; background:url(images/title1-left-bg.jpg) left top no-repeat;}
.box1 .title span span{ background:url(images/title1-right-bg.gif) right top no-repeat; padding:14px 2px 6px 48px;}
.box1 strong{ color:#6e6e6e; display:block; padding-bottom:6px;}

.box2{ background:url(images/box1-corner-top.gif) top right no-repeat #eff3de; margin-top:3px;}
.box2 .corner-bot{ background:url(images/box1-corner-bottom.gif) bottom right no-repeat; width:100%;}
.box2 .indent{ padding:15px 15px 13px 15px;}
.box2 .indent2{ padding:28px 15px 13px 33px;}
.box2 .title{ padding-bottom:18px;}

.box3{ background:url(images/box3-corner-left-top.gif) top left no-repeat #f7f7f7; margin-top:4px;}
.box3 .right-top{ background:url(images/box3-corner-right-top.gif) top right no-repeat;}
.box3 .left-bot{ background:url(images/box3-corner-left-bot.gif) bottom left no-repeat; }
.box3 .right-bot{ background:url(images/box3-corner-right-bot.gif) bottom right no-repeat; width:100%;}
.box3 .indent{ padding:27px 22px 29px 27px;}
.box3 .title{ padding-bottom:15px;}

.box4{ background:url(images/box4-corner-top.gif) top left no-repeat #e1f2f8; color:#69909d;}
.box4 .corner-bot{ background:url(images/box4-corner-bot.gif) bottom left no-repeat; width:100%;}
.box4 .indent{ padding:0px 5px 25px 6px;}
.box4 .indent2{ padding:14px 5px 0px 14px;}
.box4 .indent3{ padding:0 9px 0px 13px;}
.box4 .title{ background:url(images/title4-tail.jpg) top repeat-x;}
.box4 .title span{ display:block; background:url(images/title4-left-bg.jpg) left top no-repeat;}
.box4 .title span span{ background:url(images/title4-right-bg.jpg) right top no-repeat; padding:14px 2px 6px 53px;}
.box4 strong{ color:#3386a4; display:block; padding-bottom:6px;}

.extra-list1{ padding:13px 0 0 51px}
.list1 li{ line-height:2em;}
.list1 li a{ color:#6e6e6e; margin-left:11px;}

.list2{ color:#52b0d2;}
.list2 li{ line-height:1.75em;}
.list2 a{ color:#52b0d2;}

.title1{ padding-bottom:25px;}
.text1{ line-height:1.417em;}
.text2{ padding-left:10px;}
.text2 strong, .strong2{ font-size:1.167em; color:#747f7f; font-weight:bold; display:block; padding-bottom:7px;}
.strong2{ padding-bottom:0;}
.email{ padding-top:11px;}
.email a, .link4{ color:#52b0d2;}

.link{ color:#f54f1a; margin-top:10px;}
.link a{ margin-left:5px;}
.extra{ padding:2px 0 0 51px; margin:0;}

.link1{ display:inline-block; background:url(images/link1-tail.gif) top repeat-x; font-weight:bold; color:#ffffff; text-decoration:none; line-height:1em; margin-top:10px;}
.link1 span{ display:block; background:url(images/link1-left-bg.gif) left top no-repeat;}
.link1 span span{ background:url(images/link1-right-bg.gif) right top no-repeat; padding:3px 10px 5px 12px;}
.link1:hover{ background:url(images/link1-tail-act.gif) top repeat-x;}
.link1:hover span{ background:url(images/link1-left-bg-act.gif) left top no-repeat;}
.link1:hover span span{ background:url(images/link1-right-bg-act.gif) right top no-repeat;}

.link2{ color:#4f4f4f;}
.link3{ margin-top:15px; color:#f54f1a; background:url(images/link3-bg.gif) no-repeat 0 6px; padding-left:15px;}
.link4{ color:#69909d;}

.links{ padding:8px 0 5px 0; text-align:center;}
.links a{ margin:0 40px 0 25px;}
.links strong a{ color:#000000; text-decoration:none;}
.links strong a:hover{ text-decoration:underline;}

dt{ color:#52b0d2; padding-bottom:13px;}
dt a{ color:#52b0d2;}
dd{ padding-bottom:17px;}
dl .last{ padding-bottom:0;}

.phone{ float:right; padding-right:27px;}
.phone2{ float:right; padding-right:5px;}

/* ============================= page1 ===========================*/
#page1 .col-2{ margin-left:17px;}
/* ============================= page2 ===========================*/
#page2 .col-2, #page2 .col-3{ margin-left:13px;}
/* ============================= page3 ===========================*/
#page3 .col-2{ margin-left:17px;}
/* ============================= page1 ===========================*/
#page5 .col-2{ margin-left:30px;}

/* ============================= footer ====================== */
#footer{ background:url(images/footer-tail.gif) top repeat-x;}
#footer .left-bg{ background:url(images/footer-left-bg.gif) left top no-repeat; padding-left:18px;}
#footer .right-bg{ background:url(images/footer-right-bg.gif) right top no-repeat; height:41px; width:100%; padding:27px 0 0 0;}
#footer .text{ padding:2px 0 0 27px !important; color:#6e6e6e; background:url(images/footer-text-bg.gif) no-repeat 0 0;}
#footer a{ color:#aeaeae;}

/* ============================= forms ============================= */
#Form1{ padding-top:18px;}
#Form1 input{ border:solid 1px #cbcbb4; font-family:Arial, Helvetica, sans-serif; font-size:1em; padding:3px 0 3px 3px; background:#f6f6f0; width:153px;}
#Form1 .link1{ margin:18px 16px 0 0;}

#ContactForm{ padding-top:20px; font-weight:bold; color:#4f4f4f;}
#ContactForm .col-1{ width:211px !important;}
#ContactForm .col-2{ width:200px !important; margin-left:0 !important;}
#ContactForm label{ display:block; height:42px;}
#ContactForm input{ border:solid 1px #a09b96; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:2px 0 2px 3px; width:175px;}
#ContactForm textarea{ border:solid 1px #a09b96; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:1px 0 1px 3px; width:194px; height:101px; overflow:hidden;}
#ContactForm .link{ font-weight:normal;}
#ContactForm .link span{ display:inline-block; padding:7px 16px 0 7px;}

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}