/* CSS Document */

* { margin:0;  padding:0; font-size:100%; }
body {  text-align:justify; background:#efefef url(../images/body_bg.gif) top repeat-x;}
img { vertical-align:top; }
a img { border:0; }
ul { list-style:none; }
.left { float:left; background:url(../images/logo1.jpg) top left no-repeat; height:100px; margin-top:5px; }

.right { float:right; }
.clear  { clear:both; }
html, input, textarea { font-family:Tahoma; font-size:0.688em; line-height:1.273em; color:#626262; }
select { font-family:Tahoma; font-size:12px; color:#626262; }
input, select { vertical-align:middle; font-weight:normal; }
a { color:#048eac; }
a:hover { text-decoration:none; }
strong { color:#363535; }
p { padding-top:14px; }
.p { padding-top:3px; text-align:justify; }
.blue { color:#1c759c; }
.sectionhead1 { font-family:Tahoma; font-size:22px; color:#205476; font-weight:normal; text-transform:uppercase; }
.sectionhead2 { font-family:Tahoma; font-size:22px; color:#272728; }

/* ============================= main layout ====================== */
.date { background:url(../images/date_bg.gif) top left no-repeat; padding:0 0 2px 18px; color:#1c759c; font-weight:bold; }
.bullet { padding:0 0 2px 0; color:#1c759c; font-weight:bold; }
h1 { text-indent:-20000px; height:48px; font-size:0.75em; }
li { background:url(../images/list_bg.gif) no-repeat 0 8px; padding-left:16px; }
div a { color:#048eac; line-height:1.818em; }
div.solutions { display:inline;margin-right:10px; margin-left:10px;}
div.solutions  a {width:280px; float:left; background:url(../images/list_bg.gif) no-repeat center left; padding-left:16px; margin-bottom:5px;}
.imgindent { margin:-6px 20px 0 0; float:left; }
.imgindent2 { margin:0px 20px 21px 0; float:left; }
.tacenter { text-align:center; }

/* ============================= header ====================== */
#header .cols { height:67px; }
#header .left { width:380px; padding:13px 0 0 5px; }
#header .slogan { background:url(../images/header_bg_tall.gif) top left repeat-x; margin-top:23px;}
#header .slogan_r { background:url(../images/header_bg_r.jpg) top right no-repeat; height:200px;}
#header .slogan_l { background:url(../images/header_bg_l.jpg) top left no-repeat; width:524px;  height:200px; }
#header .slogan .right { padding:79px 34px 67px 0; }
#header .right { font-size:0.909em; color:#000000; padding:39px 22px 0 0; }
#header .right a { text-decoration:none; color:#000000; }
#header .right a:hover { text-decoration:underline; }

#header .menu { background:url(../images/menu_bg_tall.gif) top left repeat-x; }
#header .menu_r { background:url(../images/menu_bg_r.gif) top right no-repeat; }
#header .menu_l { background:url(../images/menu_bg_l.gif) top left no-repeat; width:100%; padding:17px 0 17px 0; height:48px; }

.menu .ul { margin:0 auto; width:680px; }
.menu li { background:none; border-right:1px solid #9faeb8; float:left; padding:0 25px 0 31px; }
.menu li a { text-transform:uppercase; color:#000000; text-decoration:none; font-weight:bold; line-height:1em; font-size:0.818em; }
.menu li a:hover { color:#056f86; }
.menu .last { border:none; }
.menu .active { color:#056f86; }

/* ============================= middle ====================== */
#middle .indent { padding:35px 3px 15px 8px; }

.title1 { padding:0 0 0 0px; margin-bottom:16px; padding-top:2px; }
.title2 { padding:0 0 9px 0px; border-bottom:1px solid #b6babc; margin-bottom:16px; padding-top:2px; }
.title3 { background:url(../images/title3_tall.gif) bottom repeat-x; margin-bottom:16px; }
.title3 .bg { padding:0 0 8px 0px; }

.content1 { padding-right:28px; }
.content2 { padding-right:55px; }
.content7 { padding-right:15px; }
.content3 { padding-left:0px; }
.content5 { padding-left:0px; }
.content4 { padding-bottom:24px; padding-top:0px; }
.content6 { padding-bottom:23px; }

/* ============================= footer ====================== */
#footer .left-footer {float:left; padding:23px 0 0 4px; color:#b4b4b4; }
#footer .left-footer a { color:#b4b4b4; text-decoration:none; }
#footer .left-footer a:hover { color:#048eac; text-decoration:underline; }
#footer .right { padding:23px 0 0 0; color:#bcbcbc; }

/* ============================= index ============================= */
#index .banner { margin-bottom:34px; }

/* ============================= index-1 =========================== */
#index_1 #middle .indent { padding:35px 3px 57px 8px; }

/* ============================= index-2 =========================== */
#index_2 #middle .indent { padding:35px 3px 30px 8px; }

/* ============================= index-3 =========================== */
#index_3 #middle .indent { padding:35px 3px 42px 8px; }
#index_3 #middle ul { margin-top:9px; }

/* ============================= index-4 =========================== */
#index_4 #middle .indent { padding:35px 3px 34px 8px; }
#index_4 #middle ul { margin-top:9px; }

/* ============================= index-5 =========================== */
#index_5 #middle .indent { padding:35px 3px 46px 8px; }

form .rowi { height:44px; }
.input { width:200px; height:18px; border:1px solid #a9a9a9; background:#ffffff; padding:0 0 0 5px; font-size:1em; }
.fullname {width:83px;height:18px; border:1px solid #a9a9a9; background:#ffffff; padding:0 0 0 5px; font-size:1em; }
.phone1 { width:30px; height:18px; border:1px solid #a9a9a9; background:#ffffff; padding:0 0 0 5px; font-size:1em; }
.phone2 { width:36px; height:18px; border:1px solid #a9a9a9; background:#ffffff; padding:0 0 0 5px; font-size:1em; }
textarea { width:300px; height:118px; border:1px solid #a9a9a9; background:#ffffff; padding:0 0 0 5px; overflow:auto; font-size:1em; }
form .div { padding:8px 0 0 0; }
form .div a { background:url(../images/list_bg.gif) no-repeat 0 4px; padding-left:16px; }
.logininput { width:100px; height:18px; border:1px solid #a9a9a9; background:#ffffff; font-size:1em; }
.inputbutton { font-size:1em; margin-top:5px; }

/*FORM*/
#formreg {width:560px; padding:10px 20px 10px 20px;}
div.fieldwrapper{ 
overflow: hidden;
padding: 4px 0;
padding-left:50px;
width:520px;
}
#formprofile { padding:10px 20px 10px 20px;}
div.fieldwrapper label.styled{ 
float: left;
text-align:right;
width: 100px; 
}
div.fieldwrapper span {float:left; margin-left:3px;}
div.thefield input {border:#999999 1px solid; padding:2px; width:220px; font-size:11px; float:left; margin-left:10px;}
.button {text-align:left; margin-left:160px; margin-top:5px;}
.button input {padding:2px; background-color:#F0F0EF; color:#909090; border:#999999 1px solid; font-size:11px; font-weight:bold;}
div.thefield input.smaller {width:150px;}
div.thefield input.url {width:270px;}
#error {border:red 2px solid; margin:0 20px 0 20px; padding:5px 0 5px 0; font-weight:bold; color:Red;}

.success {border:#1C759C 2px solid; margin:30px 20px 0 20px; padding:10px; font-weight:bold; color:#1C759C; text-align:left;}
.success input {padding:2px; background-color:#F0F0EF; color:#909090; border:#999999 1px solid; font-size:11px; font-weight:bold;}
.loginform {padding-left:15px; padding-top:0px;}
.loginform input.login {margin:1px 0 1px 0; padding:1px; background-color:#F0F0EF; color:#909090; border:#999999 1px solid; font-size:11px; font-weight:bold;}
.loginform input.logininput { width:130px; height:18px; border:1px solid #a9a9a9; background:#ffffff; font-size:1em; }
#did-you-know{ text-align:justify;}
#did-you-know ul {list-style-type:none; background-color:#fff;}
#did-you-know ul li {margin-bottom:4px;background:url(../images/bg-white.png) no-repeat 0 8px; padding-left:5px;}

div.profile {padding:2px; font-size:12px; float:left; margin-left:5px; text-align:left;}
.contact-alert {padding-top:10px; font-weight:bold; color:Red;}
.contact-alert img {vertical-align:middle;}