/* CSS Document */

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

body{background:#FFFFFF; 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.8125em; line-height:1.308em; color:#343434;}

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

a {color:#343434;}
a:hover{text-decoration:none;}
.orange{ color:#fa7200;}
p {padding-top:17px;}
h4{ padding-bottom:8px; font-size:1.231em; line-height:1em;}

/* ============================= main layout ====================== */
.imgindent {margin:0 25px 0 0; float:left;}
.padding1{ padding-top:20px;}
.padding2{ padding-bottom:20px !important;}
.padding3{ padding-top:28px;}
.padding4{ padding-top:13px;}

/* ============================= header ====================== */
#header{ background:url(images/left-tail.gif) top repeat-x;}
.right-tail{ position:absolute; right:0; width:50%; height:250px; background:url(images/right-tail.gif) top repeat-x;}
#header .main{ background:url(images/header-bg.jpg) bottom no-repeat; height:250px;}
#header .text{ float:right; color:#2e2e2e; padding:51px 32px 0 0; color:#555555;}
#header .text span{ background:url(images/phone-bg.gif) no-repeat 1px 2px; padding-left:28px; display:inline-block;}

#header .menu{ padding-left:1px; height:100px;}
#header .menu li{ float:left; padding-left:1px; text-align:center;}
#header .menu a{ display:block; width:102px; font-size:0.923em; padding:54px 0 28px 0; color:#000000; font-weight:bold; text-decoration:none;}
#header .menu .m1 a{ background:url(images/m1.gif) no-repeat 0 0;}
#header .menu .m2 a{ background:url(images/m2.gif) no-repeat 0 0;}
#header .menu .m3 a{ background:url(images/m3.gif) no-repeat 0 0;}
#header .menu .m4 a{ background:url(images/m4.gif) no-repeat 0 0;}
#header .menu .m5 a{ background:url(images/m5.gif) no-repeat 0 0;}
#header .menu .m6 a{ background:url(images/m6.gif) no-repeat 0 0;}

#header .menu .m1 a:hover, #header .menu .m1 .active{ background:url(images/m1-act.gif) no-repeat 0 0;}
#header .menu .m2 a:hover, #header .menu .m2 .active{ background:url(images/m2-act.gif) no-repeat 0 0;}
#header .menu .m3 a:hover, #header .menu .m3 .active{ background:url(images/m3-act.gif) no-repeat 0 0;}
#header .menu .m4 a:hover, #header .menu .m4 .active{ background:url(images/m4-act.gif) no-repeat 0 0;}
#header .menu .m5 a:hover, #header .menu .m5 .active{ background:url(images/m5-act.gif) no-repeat 0 0;}
#header .menu .m6 a:hover, #header .menu .m6 .active{ background:url(images/m6-act.gif) no-repeat 0 0;}

#header .logo{ padding:30px 0 0 26px;}

/* ============================= content ====================== */
#content{ background:url(images/contant-tail.gif) top repeat-x #ffffff; padding:53px 0 49px 0;}
.column-2{ margin-left:57px;}
.column-3{ margin-left:57px;}
.col-2{ margin-left:20px;}

.row-1 .content{ padding:0 25px 0 25px;}
.row-1 .title{ padding-bottom:14px;}

.row-2 .content{ padding:0px 19px 0 1px;}
.row-2 .indent{ padding:38px 20px 0 25px;}
.row-2 .title{ padding-bottom:26px;}

.row-2 .tail-bg{ background:url(images/row2-bg.gif) top repeat-x; width:100%;}
.row-2 .left-bg{ background:url(images/row2-left-bg.gif) left top no-repeat; width:100%;}
.row-2 .right-bg{ background:url(images/row2-right-bg.gif) right top no-repeat; width:100%;}

.link{ display:inline-block; margin-top:15px; color:#fa7200; background:url(images/link-bg.gif) top right no-repeat; padding-right:14px;}
.link1{ padding-bottom:5px;}
.link1 a{ font-weight:bold;}

.unline{ background:url(images/unline.gif) bottom repeat-x; padding-bottom:25px; margin-bottom:23px;}
.phone{ float:right; padding-right:63px;}

.box{ background:url(images/box-corner-left-top.gif) top left no-repeat; width:100%; }
.box .right-top{ background:url(images/box-corner-right-top.gif) right top no-repeat; width:100%;}
.box .left-bot{ background:url(images/box-corner-left-bot.gif) left bottom no-repeat; width:100%;}
.box .right-bot{ background:url(images/box-corner-right-bot.gif) right bottom no-repeat; padding:5px;}
.box .top-border{ background:url(images/box-border.gif) top repeat-x #eefaff; margin:-5px 0 -5px 0; }
.box .bot-border{ background:url(images/box-border.gif) bottom repeat-x; padding:5px;}
.box .left-border{ background:url(images/box-border.gif) left repeat-y #eefaff; margin:0 -10px;}
.box .right-border{ background:url(images/box-border.gif) right repeat-y; width:100%; }
.box .indent{ margin-top:-2px; padding:0 3px 20px 3px; position:relative;}
.box .indent2{ padding:14px 10px 0px 18px;}

.list li{ background:url(images/list-bg.gif) no-repeat 1px 7px; line-height:1.692em; padding-left:15px;}
.row-2 .list a{ font-weight:bold;}

/* ============================= footer ====================== */
#footer{ border-top:solid 1px #436164; background:#718d8f; color:#c6dce4; text-transform:uppercase; font-size:0.846em; line-height:1em;}
#footer .content{ padding:27px 0 0 17px;}
#footer .menu li{ float:left; padding-left:10px}
#footer .menu a{ color:#c6dce4; margin-right:9px; text-decoration:none;}
#footer .menu a:hover{ text-decoration:underline; color:#ffffff;}
#footer .text{ font-size:0.909em; line-height:1em; padding:8px 0 0 10px;}
#footer .text a{ text-transform:none; color:#edfaff;}

/* ============================= forms ============================= */
.ContactForm{ padding-top:5px;}
.ContactFormcol-1{ width:265px !important; float:left;}
.ContactFormcol-2{ width:273px !important; margin-left:0 !important;}
.ContactFormlabel{ display:block; height:26px;}
.ContactForminput{ border:solid 1px #303030; font-family:Tahoma, Geneva, sans-serif; font-size:0.846em; padding:2px 0 3px 3px; width:245px;}
.ContactFormtextarea{ border:solid 1px #303030; font-family:Tahoma, Geneva, sans-serif; font-size:0.846em; padding:1px 0 1px 3px; width:259px; height:68px; overflow:hidden;}
.ContactFormlink{ margin:0px 11px 0 0 !important;}