﻿/* CSS Document */

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

body{background:url(images/body-tail.gif) top repeat-x #e1e8eb; text-align:center;}
.body-tail{ position:absolute; right:0; width:50%; background:url(images/body-tail2.gif) top repeat-x ; height:401px;}

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

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


textarea{ font-family:Arial, Helvetica, sans-serif; font-size:0.6875em; line-height:1.636em; color:#50595b;}


html{ font-family:Arial, Helvetica, sans-serif; font-size:0.6875em; line-height:1.636em; color:#50595b;}

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

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

a {color:#757f83;}
a:hover{text-decoration:none;}
.blue{ font-weight:bold; color:#14a0c7;}
.blue2{ color:#14a0c7;}
p {padding-top:20px;}
h1{ font-size:1.364em; text-transform:uppercase; color:#546164; padding:0 0 18px 20px; border-bottom:solid 1px #c7c7c7; letter-spacing:-1px; font-family:Arial, Helvetica, sans-serif;}
cite{ font-style:normal;}
h3{ background:url(images/list2-bg.gif) no-repeat 0 0; padding-left:20px; font-weight:normal;}
h3 a{color:#20b1da; text-transform:uppercase;}

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

/* ============================= header ====================== */
#header{ background:url(images/header-bg.jpg) bottom no-repeat;}
#header .menu ul{ background:url(images/menu-item-bg.gif) no-repeat 0 0; margin-left:20px; overflow:hidden; width:100%; }
#header .menu li{ float:left; } 
#header .menu li a{ display:block; padding:32px 0 28px 0; text-align:center; background:url(images/menu-item-bg.gif) no-repeat right top; width:157px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#4d747e; text-decoration:none; font-weight:bold;}
#header .logo{ padding:43px 0 0 87px;}
#header .slogan{ padding-left:184px;}

/* ============================= smallheader ====================== */
#smallheader{ background:url(images/header-bg_landing1.jpg) bottom no-repeat;}
#smallheader .menu ul{ background:url(images/menu-item-bg.gif) no-repeat 0 0; margin-left:20px; overflow:hidden; width:100%; }
#smallheader .menu li{ float:left; } 
#smallheader .menu li a{ display:block; padding:32px 0 28px 0; text-align:center; background:url(images/menu-item-bg.gif) no-repeat right top; width:157px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#4d747e; text-decoration:none; font-weight:bold;}
#smallheader .logo{ padding:43px 0 0 87px;}
#smallheader .slogan{ padding-left:184px;}

/* ============================= content ====================== */
#content{ margin-top:-11px; padding:0 19px;}
.content{ width:942px;}
.box1{ background:url(images/box1-bottom-bg.gif) bottom repeat-x #fff; position:relative; width:100%;}
.box1 .top-bg{ background:url(images/box1-top-bg.gif) top repeat-x; width:100%;}
.box1 .left-border{ background:url(images/box1-left-border.gif) left repeat-y; width:100%;}
.box1 .right-border{ background:url(images/box1-right-border.gif) right repeat-y; width:100%;}
.box1 .corner-left-bot{ background:url(images/box1-corner-left-bot.gif) no-repeat bottom left; width:100%;}
.box1 .corner-right-bot{ background:url(images/box1-corner-right-bot.gif) no-repeat bottom right; width:100%;}
.box1 .corner-left-top{ background:url(images/box1-corner-left-top.gif) no-repeat top left; width:100%;}
.box1 .corner-right-top{ background:url(images/box1-corner-right-top.gif) no-repeat top right; padding:11px 21px 25px 21px; }

.box1 .title{ background:url(images/title-bg.gif) top repeat-x;}
.box1 .title .left-bg{ background:url(images/title-left-bg.gif) top left no-repeat;}
.box1 .title .right-bg{ background:url(images/title-right-bg.gif) top right no-repeat; height:50px;}
.box1 .title .right-bg li{ float:left; } 
.box1 .title img{ margin:11px 0 0 19px;}

.box1 .column-3{ margin-left:21px;}

.box1 .column-2{ margin-left:21px;}
.box1 li{ background:url(images/list-bg.gif) no-repeat 0 0px; padding:0 0 9px 23px; line-height:1.355em;}
.box1 li a{ text-transform:uppercase; color:#20b1da;}
.box1 .text{ font-size:0.909em; line-height:1.5em; padding-right:20px;}
.box1 .blue{ font-size:1.1em;}

.box1 strong{ font-size:1.1em;}

.line1{ background:url(images/box1-line.gif) repeat-y 296px 1px;}
.line2{ background:url(images/box1-line.gif) repeat-y 603px 1px;}


.link3{ display:block; float:right; line-height:1em; font-size:1em; text-decoration:none; margin-top:15px; color:#deeef3; text-transform:uppercase; }


.box1 .link{ display:block; float:right; line-height:1em; font-size:1em; text-decoration:none; margin-top:15px; color:#deeef3; text-transform:uppercase; }
.link3:hover{ text-decoration:underline;}
.box1 .link:hover{ text-decoration:underline;}
.link3 span{ display:block; padding:0 6px;}
.box1 .link span{ display:block; padding:0 6px;}
.link3 strong{ font-weight:normal; display:block; padding:6px 1px;}

.box1 .link strong{ font-weight:normal; display:block; padding:6px 1px;}

.box1 .column-1 .link{ background:url(images/link1-left-bg.gif) left no-repeat;}
.box1 .column-1 .link span{ background:url(images/link1-right-bg.gif) right no-repeat; }
.box1 .column-1 .link strong{ background:url(images/link1-bg.gif) repeat-x;}

.link3{ background:url(images/link2-left-bg.gif) left no-repeat;}

.box1 .column-2 .link{ background:url(images/link2-left-bg.gif) left no-repeat;}
.link3 span{ background:url(images/link2-right-bg.gif) right no-repeat; }
.box1 .column-2 .link span{ background:url(images/link2-right-bg.gif) right no-repeat; }
.link3 strong{ background:url(images/link2-bg.gif) repeat-x;}

.box1 .column-2 .link strong{ background:url(images/link2-bg.gif) repeat-x;}

.box1 .column-3 .link{ background:url(images/link3-left-bg.gif) left no-repeat;}
.box1 .column-3 .link span{ background:url(images/link3-right-bg.gif) right no-repeat; }
.box1 .column-3 .link strong{ background:url(images/link3-bg.gif) repeat-x;}

.box2{ background:url(images/box2-top-bg.gif) top repeat-x #ffffff; position:relative; margin-top:7px; width:100%;}
.box2 .bot-bg{ background:url(images/box2-bot-bg.gif) bottom repeat-x; width:100%;}
.box2 .left-border{ background:url(images/box1-left-border.gif) left repeat-y; width:100%;}
.box2 .right-border{ background:url(images/box1-right-border.gif) right repeat-y; width:100%;}
.box-padding{ padding:22px 10px 23px 21px;}
.box2 .text{ padding-right:30px;}
.box2 .column-2{ margin-left:21px;}

.cont{ padding:28px 5px 10px 20px;}
.list2 li{ background:url(images/list2-bg.gif) no-repeat 0 5px; padding-left:23px; line-height:2.182em;}
.list3 li a{ color:#20b1da; text-transform:uppercase;}
.list2 li a{ color:#20b1da; text-transform:uppercase;}
.list3 li{ background:url(images/list2-bg.gif) no-repeat 0 2px; padding-left:23px; line-height:1.636em;}

.link2{ display:block; background:url(images/link4-left-bg.gif) left no-repeat ; float:right; line-height:1.01em; font-size:1em; text-decoration:none; margin-top:15px; }
.link2:hover{ text-decoration:underline;}
.link2 span{ display:block; background:url(images/link4-right-bg.gif) right no-repeat; padding:0 6px;}
.link2 strong{ font-weight:normal; display:block; background:url(images/link4-bg.gif) repeat-x; padding:3px 5px;}
.form{background:url(images/title-bg.gif);}

/* ============================= page2 ====================== */
#page2 .box2 .col-2{ margin-left:13px;}

/* ============================= page3 ====================== */
#page3 .box1{ background:url(images/box1-bottom-bg2.gif) bottom repeat-x #fff; position:relative; width:100%;}
#page3 .box1 .corner-left-bot{ background:url(images/box1-corner-left-bot2.gif) no-repeat bottom left; width:100%;}
#page3 .box1 .corner-right-bot{ background:url(images/box1-corner-right-bot2.gif) no-repeat bottom right; width:100%;}
.blue3{ font-weight:bold; color:#14a0c7;}

/* ============================= page4 ====================== */
#page4 .box2 .col-2{ margin-left:15px;}
#page4 .box2 .col-3{ margin-left:5px;}

/* ============================= page5 ====================== */
#page5 .box2 .column-1 .col-2{ margin-left:50px;}

/* ============================= page6 ====================== */
#page6 .blue{ font-size:1em;}
.phone{ float:right; padding-right:107px;}
#page6 .box1{ background:url(images/box1-bottom-bg2.gif) bottom repeat-x #fff; position:relative; width:100%;}
#page6 .box1 .corner-left-bot{ background:url(images/box1-corner-left-bot2.gif) no-repeat bottom left; width:100%;}
#page6 .box1 .corner-right-bot{ background:url(images/box1-corner-right-bot2.gif) no-repeat bottom right; width:100%;}
#page6 .box1 .col-2{ margin-left:0px;}

/* ============================= page7 ====================== */
#page7 .box1{ background:url(images/box1-bottom-bg2.gif) bottom repeat-x #fff; position:relative; width:100%;}
#page7 .box1 .corner-left-bot{ background:url(images/box1-corner-left-bot2.gif) no-repeat bottom left; width:100%;}
#page7 .box1 .corner-right-bot{ background:url(images/box1-corner-right-bot2.gif) no-repeat bottom right; width:100%;}

/* ============================= footer ====================== */
#footer{ text-align:right; font-size:0.909em; color:#54676c;}
#footer .text{ padding:21px 40px 0 0;}
#footer a{ text-transform:uppercase; text-decoration:none; color:#54676c;}
#footer a:hover{ text-decoration:underline;}

/* ============================= forms ============================= */
#ContactForm{ font-size:0.909em;}
#ContactForm input{ border:solid 1px #50595b; width:255px; margin-bottom:4px; padding:1px 0 1px 1px;}
#ContactForm textarea{ border:solid 1px #50595b; height:90px; overflow:hidden; width:255px; margin-bottom:10px; padding:1px 0 1px 1px; font-size:1.091em; color:#000000;}
.padd1{ padding-right:20px;}

.MenuText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #808080;
	text-transform: capitalize;}
.MenuText:hover {color: #C8C8C8;
text-decoration: none;
}

.BarText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	text-transform: uppercase;
	color: #808080;
	font-weight: normal;
}

.BarText1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	text-transform: uppercase;
	color: #20B1DA;
}
.SmallHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	color: #20B1DA;
	text-transform: uppercase;
}
}
.SmallHeading:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	color: #88D7EE;
	text-transform: uppercase;
}
}
.SmallHeading1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #20B1DA;
	text-transform: capitalize;
}
.mainlink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #89D8EF;
	text-decoration: underline;
}
}
.mainlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #20B1DA;
	text-decoration: underline;
}
.formtitle{color: #004CB3}