/* CSS Document */

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

body{ background:#161a23; text-align:center;}

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

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}
.indentTitle {padding-left: 10px; text-transform: uppercase; color:#0fa1c5; font-weight: 600;}


.blueText {color:#0fa1c5; font-weight: 600;}

html, input, textarea {font-family: "myriad pro", "myriad", Arial, Helvetica, sans-serif; font-size:0.813em; line-height:1.385em; color:#000000;}

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

a {color:#242a36;}
a:hover{text-decoration:none;}
p {padding-top:15px; font-family:"myriad pro", "myriad", Arial, Helvetica, sans-serif; font-weight:normal;}

/* ============================= main layout ====================== */

.top-tail {background:#9598a1 url(images/top-tail.gif) top repeat-x;}
.bot-tail {background:url(images/bottom-tail.gif) bottom repeat-x;}
.top-tail2 {background:url(images/top-tail2.gif) top repeat-x; width:50%; position:absolute; right:0; height:200px; z-index: 1px;}


/* ============================= Buttons ====================== */
.link {background:url(images/link-tail-bg.gif) top repeat-x; display:block; float:left; color:#fff; font-style:italic; text-decoration:none; line-height:1em; font-weight:bold; font-size:0.923em; margin-top:16px;}
.link span {background:url(images/link-right-bg.gif) top right no-repeat; display:block;}
.link span span {background:url(images/link-left-bg.gif) top left no-repeat; display:block; padding:6px 24px 7px 16px;}

.link:hover {background:url(images/link-tail-bg-hover.gif) top repeat-x;}
.link:hover span {background:url(images/link-right-bg-hover.gif) top right no-repeat;}
.link:hover span span {background:url(images/link-left-bg-hover.gif) top left no-repeat;}
/* ============================= main layout ====================== */



li {background:url(images/list-bg.gif) no-repeat 0 6px; padding-left:13px; line-height:1.692em;}
li a {background:url(images/list-line.gif) bottom repeat-x; text-decoration:none;}
li a:hover {color:#3e859b; background:none;}
.last a {background:none;}

h3 {text-transform:uppercase; color:#05afd8; margin-bottom:10px;}


.imgindent {margin:0 20px 0 0; float:left;}
.img_center { margin: 0 auto; padding: 2px 0px 2px 0px;}


.title {background:url(images/title-tail-bg.gif) top repeat-x; margin-bottom:20px; width:100%;}
.title .right-bg {background:url(images/title-right-bg.gif) top right no-repeat; width:100%;}
.title .left-bg {background:url(images/title-left-bg.gif) top left no-repeat; width:100%;}
.title img {margin:13px 0 10px 21px;}

/* ============================= Menu ====================== */
.mainmenu {background: url(images/m0.png) left top no-repeat; padding-left: 15px; font-weight: 600; width: 583px; height: 41px; float: right; margin-top: 103px; margin-right: 10px;}

.mainmenu li {float: left; padding-left:0px; }
.mainmenu li.home a {display:inline-block; background: url(images/m1.gif) no-repeat; width: 83px; height: 41px; text-align: center; padding-top: 10px; color:#FFFFFF;}
.mainmenu li.home a:hover, #page1 ul.mainmenu li.home a {background: url(images/m1-act.gif) no-repeat; text-align: center;}

.mainmenu li.services a {display:inline-block; background: url(images/m2.gif) no-repeat; width: 100px; height: 41px; text-align: center; padding-top: 10px; color:#FFFFFF;}
.mainmenu li.services a:hover, #page2 ul.mainmenu li.services a {background: url(images/m2-act.gif) no-repeat; text-align: center;}

.mainmenu li.faqs a {display:inline-block; background: url(images/m3.gif) no-repeat; width: 104px; height: 41px; text-align: center; padding-top: 10px; color:#FFFFFF;}
.mainmenu li.faqs a:hover, #page3 ul.mainmenu li.faqs a {background: url(images/m3-act.gif) no-repeat; text-align: center;}

.mainmenu li.testimonials a {display:inline-block; background: url(images/m4.gif) no-repeat; width: 98px; height: 41px; text-align: center;  padding-top: 10px; color:#FFFFFF;}
.mainmenu li.testimonials a:hover, #page4 ul.mainmenu li.testimonials a {background: url(images/m4-act.gif) no-repeat; text-align: center; padding-top: 10px; color:#FFFFFF;}

.mainmenu li.login a {display:inline-block; background: url(images/m1.gif) no-repeat; width: 83px; height: 41px; text-align: center; padding-top: 10px; color:#FFFFFF;}
.mainmenu li.login a:hover, #page8 ul.mainmenu li.testimonials a {background: url(images/m1-act.gif) no-repeat; text-align: center;}

.mainmenu li.contact a {display:inline-block; background: url(images/m5.gif) no-repeat; width: 100px; height: 41px; text-align: center; padding-top: 10px; color:#FFFFFF;}
.mainmenu li.contact a:hover, #page5 ul.mainmenu li.contact a {background: url(images/m5-act.gif) no-repeat; text-align: center;}

/* ============================= header ====================== */

.logo {	margin:0 131px 0 42px;}

#flash {width: 980px; height: 225px; margin: 0 auto; text-align:center; margin: 5px 0px 5px 0px;}

/* ============================= content ====================== */

.col-pad1 {padding-right:37px;}

.box {background:url(images/box-tail-bg.gif) top repeat-x; padding:20px 14px 20px 20px; margin-right:3px; margin-left:3px;}

.padding1 {padding-top:5px;}
.padding2 {padding-top:15px;}
.margin1 {margin-top:38px;}
.margin2 {margin-top:-23px;}
.margin3 {margin-top:28px;}
.banner {margin-right:-20px;}

.indent {padding:0px 20px 10px 25px;}
.loginIndent {padding:0px 20px 10px 15px; color: #FFFFFF;}
.loginIndent2 {padding:10px 0 0 15px; color: #FFFFFF; margin-top: 5px;}


.color2 {color:#0fa1c5;}
.phone {float:right; margin-right:60px;}

/* ============================= footer ====================== */

#footer {color:#7c8288; clear: both;}
#footer .menu {width:100%; overflow:hidden;}
#footer .menu ul{margin-left:-16px;}
#footer .menu li {display:inline; border-left:1px solid #b8bcc2; size:#b8bcc2; background:none; line-height:1em; padding:0 13px 0 16px;}
#footer .menu li a {color:#FFFFFF; background:none;}
#footer .menu li a:hover {text-decoration:underline; color:#7c8288;}
#footer a {color:#7c8288;}

/* ============================= forms ============================= */


#SearchForm .rowi { height:30px; margin-top:16px;}
#SearchForm .rowj { height:60px; margin-top:10px;}

#SearchForm {background:url(images/form-tail-bg.gif) top left repeat-y;}
#SearchForm .bottom-bg {background:url(images/form-bottom-bg.gif) bottom left no-repeat;}
#SearchForm .top-bg {background:url(images/form-top-bg.gif) top left no-repeat; width:100%;}
#SearchForm .indent {padding:22px 0 30px 25px;}
#SearchForm .input {width:179px; height:19px; border:1px solid #373737; background:#fff; padding:0 0 0 5px; font-size:1em; float:left;}
#SearchForm .link {background:url(images/link-tail-bg2.gif) top repeat-x;font-style:normal; text-transform:uppercase; margin:0; margin:-2px 0 0 2px;}
#SearchForm .link span {background:url(images/link-right-bg2.gif) top right no-repeat;}
#SearchForm .link span span {background:url(images/link-left-bg2.gif) top left no-repeat; padding:6px 13px 7px 15px;}
#SearchForm .link:hover {background:url(images/link-tail-bg2-hover.gif) top repeat-x;}
#SearchForm .link:hover span {background:url(images/link-right-bg2-hover.gif) top right no-repeat;}
#SearchForm .link:hover span span {background:url(images/link-left-bg2-hover.gif) top left no-repeat;}

#ContactForm .rowi {height:29px;}
#ContactForm .col-1 {width:255px !important;}
#ContactForm .col-2 {width:223px !important;}
#ContactForm .link {float:right; margin:20px 0 0 20px;}

.input {width:241px; height:18px; border:1px solid #a4a4a4; background:none; padding:0 0 0 5px; font-size:1em;}
textarea {width:216px; height:76px; border:1px solid #a4a4a4; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}

.textarea_app {width: 100%; height:76px; border:1px solid #a4a4a4; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;} 
.input_app {width:160px; height:18px; border:1px solid #a4a4a4; background:none; padding:0 0 0 5px; font-size:1em;}


/* ============================= FLASH ============================= */