/* CSS Document */

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

body{background:#353535; text-align:center;height: 100%; color: #555;}
#main{ background:url(images/left-tail.gif) left repeat-y;}
#right-tail{ background:url(images/right-tail.gif) right repeat-y; padding:0 17px;}

h1{font: normal 24px arial, verdana, tahoma; }
h2{font: normal 18px arial, verdana, tahoma; }
h3{font: normal 16px arial, verdana, tahoma; }
h4{font: normal 14px arial, verdana, tahoma; }
h5{font: normal 12px arial, verdana, tahoma; }

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:#8d8d8d;}

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

a {color:#005daa;}
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{ background: #000;}
#header .top{ position: relative; background:url(images/top-tail.gif) top repeat-x; text-align:center;}
#header .logo{ padding: 4px 0 9px;}
#header .menu{ width:946px; height: 37px; background: #000; border-top: 1px solid #444;}
#header .menu li{ float:left; }
#header .menu li.mid{ padding-left: 5px; background: url(images/m-div.gif) no-repeat 0% 50%;}
#header .menu li a{ padding: 10px 24px; color: #FFF; font: bold 14px arial, verdana, tahoma; display:block; text-decoration:none; display: block;}
#header .menu li a:hover{ background: #333; }
#header .menu li.active a, #header .menu li.active a:hover{ background:url(images/m-on-blue.gif) repeat-x 50%;}

#header .container .shadow{ position: absolute; top: 0px; left: 0px; width: 946px; height: 4px; background: #000; opacity:.20;filter: alpha(opacity=20); -moz-opacity: 0.20;}
#header .title{ padding:24px 21px 17px 0;}
#header .list{ text-align:right; padding-right:24px;}
#header .list li{ padding-bottom:5px;}
#header .slogan{ padding:71px 0 0 41px;}
#header .button{ padding:6px 0 0 41px;}

.head-form{ width: 245px; }

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

.column-2 .in h1{ padding: 8px 0 0; color: #005daa; }
.column-2 .in h5{ padding: 2px 0 10px; border-bottom: 1px solid #DDD;}

.column-3 .location h1{ color: #005daa;}

.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{ text-align: center; font: bold 16px arial, verdana, tahoma, sans-serif; color: #EEE; 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 0;}
.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{ text-align: center; font: bold 16px arial, verdana, tahoma, sans-serif; color: #EEE; 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 0;}
.box4 strong{ color:#3386a4; display:block; padding-bottom:6px;}

.box-blue-left{ background:url(images/box-blue-left-corner-top.gif) top right no-repeat #005daa; color:#FFF; text-align: center;}
.box-blue-left .corner-bot{ background:url(images/box-blue-left-corner-bot.gif) bottom right no-repeat; width:100%;}
.box-blue-left .indent{ padding:0px 12px 25px 12px;}
.box-blue-left .indent2{ padding:14px 5px 0px 14px;}
.box-blue-left .indent3{ padding:0 9px 0px 13px;}
.box-blue-left h3{padding: 20px 17px 0;}
.box-blue-left fieldset{ padding: 30px 0; margin: 20px 0; border-top: 2px dotted #fff; border-left: 0; border-right: 0; border-bottom: 2px dotted #fff; }
.box-blue-left fieldset label{ position: absolute; margin: 2px 0; text-align: left; }
.box-blue-left fieldset .input{ margin: 2px 0 2px 60px; padding: 3px; font-size: 11px; }
.box-blue-left .title{ background:url(images/title4-tail.jpg) top repeat-x;}
.box-blue-left .title span{ display:block; background:url(images/title4-left-bg.jpg) left top no-repeat;}
.box-blue-left .title span span{ background:url(images/title4-right-bg.jpg) right top no-repeat; padding:14px 2px 6px 53px;}
.box-blue-left strong{ display:block; padding-bottom:6px;}

.box-blue-right{ background:url(images/box-blue-right-corner-top.gif) top left no-repeat #005daa; color:#FFF; text-align: center;}
.box-blue-right .corner-bot{ height: 317px; background:url(images/box-blue-right-corner-bot.gif) bottom left no-repeat; width:100%;}
.box-blue-right .indent{ padding:0px 12px 25px 12px;}
.box-blue-right .indent2{ padding:14px 5px 0px 14px;}
.box-blue-right .indent3{ padding:0 9px 0px 13px;}
.box-blue-right h1{font: bold 27px Arial, Verdana, Tahoma; padding: 30px 20px 0;}
.box-blue-right h2{font: bold 22px "Arial Narrow", Arial, Verdana, Tahoma; padding: 6px 20px 0; text-transform: uppercase;}
.box-blue-right h3{font-weight: normal; padding: 30px 23px 0;}
.box-blue-right fieldset{ padding: 30px 0; margin: 20px 0; border-top: 2px dotted #fff; border-left: 0; border-right: 0; border-bottom: 2px dotted #fff; }
.box-blue-right fieldset label{ position: absolute; margin: 2px 0; text-align: left; }
.box-blue-right fieldset .input{ margin: 2px 0 2px 60px; padding: 3px; font-size: 11px; }
.box-blue-right .title{ background:url(images/title4-tail.jpg) top repeat-x;}
.box-blue-right .title span{ display:block; background:url(images/title4-right-bg.jpg) left top no-repeat;}
.box-blue-right .title span span{ background:url(images/title4-right-bg.jpg) right top no-repeat; padding:14px 2px 6px 53px;}

.extra-list1{ padding:13px 0 0 22px;}
.list1 li{ font-size: 13px; line-height:2.5em; padding-left:25px; background: url(images/left_menu_arrow.gif) no-repeat 0 50%;}
.list1 li a{ color:#6e6e6e;}

.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:#005daa; 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:#005daa; 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 ====================== */
.pre-foot-call-now{ margin: 20px 0 0; padding: 10px 0; border-top: 2px dotted #000; }
.pre-foot-call-now a{text-transform: none;}
.pre-foot-call-now h2{font: normal 18px arial, verdana, tahoma, sans-serif; color: #005daa; padding: 0 0 10px; }

#footer{ background:url(images/footer-tail.gif) top repeat-x; color: #CCC; }
#footer .left-bg{ background:url(images/footer-left-bg.gif) left top no-repeat;}
#footer .right-bg{ background:url(images/footer-right-bg.gif) right top no-repeat; width:100%; padding:15px 0 0 0; text-align: center;}
#footer a{ color:#aeaeae;}
#footer h1{ font: bold 18px arial, verdana, tahoma, sans-serif; color: #45C6FB; }
#footer h2{ font: bold 14px arial, verdana, tahoma, sans-serif; color: #FFF; }
#footer p{ margin: 5px 70px 15px; font-size: 11px; text-align: justify; text-justify: inner-word; }
#footer .copy{font: bold 14px arial, verdana, tahoma, sans-serif; }
#footer .links{ padding-top: 12px; color: #005daa; font: bold 14px arial, verdana, sans-serif;}
#footer .links a{ color: #005daa; text-decoration: underline; margin: 0 10px }
#footer .credits{ padding: 10px 0; background: #000; position: relative; }
#footer .credits .link-block{opacity:.00;filter: alpha(opacity=00); -moz-opacity: 0.00; background: #FFF; position: absolute; bottom: 0px; left: 0px; width: 180px; height: 50px; border: 1px solid red;}
#footer .credits .link-block a{display: block; line-height: 50px; width: 180px;}

/* ============================= 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;}


  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */

.floatL{float: left;}

.picborder{ padding: 6px; background: #F0EFE7; border: 1px solid #D9D7CB; }

/*----Bottom Form----*/
.bottom-form
{
	background: #F0EFE7;
	padding: 12px 0 20px;
}
.bottom-form form{padding: 0px; margin: 0px;}
.bottom-form td{padding: 1px 0; margin: 0px;}
.bottom-form fieldset
{
	border: 0px;
	padding: 0px;
	margin: 0px;
}
.bottom-form .field
{
	width: 45px;
	margin-right: 10px;
	padding: 3px 5px 0;
	font: normal 12px arial, verdana, sans-serif;
}
.bottom-form .field2
{
	width: 45px;
	margin-right: 10px;
	padding: 3px 5px 0;
	font: normal 12px arial, verdana, sans-serif;
}
.bottom-form .input
{
	padding: 2px;
	font-size: 12px;
	margin-right: 6px;
}
.bottom-form .small{width: 40px;}
.bottom-form .mid{width: 80px;}
.bottom-form .large{width: 120px;}

.hff{position: absolute; top: -38px; left: -52px;}

.lgp{position: relative; width: 100%; text-align: center;  font: normal 14px arial, verdana, sans-serif;}
.lgp .cent{position:relative; background: #FFF; width: 820px; margin: 0 auto;}
.lgp .cent .in{ padding: 25px 60px; text-align: left;}
.lgp h1{font: bold 25px Tahoma, Verdana, Arial; color: #005daa; line-height: 38px; text-align: center; margin: 10px 0 20px;}
.lgp h2{font: bold 22px Georgia, Tahoma, Verdana, Arial; text-align: center; }
.lgp h3, .lgp h4{font: bold 18px Georgia, Tahoma, Verdana, Arial; color: #000; text-align: left; }
.lgp blockquote{background: #F5F2F2; width: 700px; padding: 14px 0; font: bold 14px arial, verdana, sans-serif; line-height: 20px; border: 1px solid #000; text-align: center; margin: 0 0 40px;}

.lgp .top{position: relative; width: 380px; }
.lgp .top img{ float: left; margin: 0 12px 12px 0; }
.lgp .top h1, .lgp .box-in h1{ font: bold 28px arial, verdana, sans-serif; text-align: center; padding: 0; margin: 0; }
.lgp .top h2, .lgp .box-in h2{ font: bold 19px arial, verdana, sans-serif; text-align: center; }
.lgp .top h3, .lgp .box-in h3{ font: bold 15px arial, verdana, sans-serif; text-align: center; }
.lgp .top h5, .lgp .box-in h5{ font-weight: normal; text-align: center; }
.lgp .top .sales-box{ position: absolute; top 0; right: -320px; }
.lgp .box-in{ position: relative; background: #B2CDFA; border: 2px solid #143C7F; text-align: center; }
.lgp .box-full{width: 700px;}
.lgp .box-top{width: 280px;}
.lgp .box-in p{ padding: 0; }
.lgp .box-in .nw{ position: absolute; background: url(../media/default/sales-corner.jpg) -14px -0 no-repeat; width: 14px; height: 16px; top: -2px; right: -2px; }
.lgp .box-in .sw{ position: absolute; background: url(../media/default/sales-corner.jpg) -0 -16px no-repeat; width: 14px; height: 16px; bottom: -2px; left: -2px; }
.lgp .box-in .ne{ position: absolute; background: url(../media/default/sales-corner.jpg) -0 -0 no-repeat; width: 14px; height: 16px; top: -2px; left: -2px; }
.lgp .box-in .se{ position: absolute; background: url(../media/default/sales-corner.jpg) -14px -16px no-repeat; width: 14px; height: 16px; bottom: -2px; right: -2px; }
.lgp .box-in .content{ padding: 15px; }

.lgp .friend{ margin: 0 0 50px; }
.lgp ul{margin: 30px 0; }
.lgp li{margin: 0 15px; }
.lgp li span{font: bold 20px arial;}

.lgp .testify{ margin: 0; padding: 30px 0; border-bottom: 4px dotted #CCC; }

.modal-box-in { padding: 0 30px 30px 30px; }
.modal-form .input { padding: 3px; font: bold 15px sans-serif; }
.modal-form .submit { height: 40px; line-height: 42px; font: bold 15px sans-serif; padding: 0 15px; }