/* CSS Document */

/* STYLE SHEET DECLARATIONS
copyright 2006 Evolution 7 Web Design
http://www.evolution7.com
Do not reproduce without permission.
*/

/* GENERAL STYLES
--------------------------------------------------------------------*/ 
body {margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#757575; font-size:11px; background: url(../images/bg-tile.gif) repeat-x #276D86;}

/* LAYOUT STYLES
--------------------------------------------------------------------*/ 
.bg_left {background:url(../images/bg-top-left2.jpg) no-repeat top right;}
.bg_right {background:url(../images/bg-top-right2.jpg) no-repeat top left;}

#body {width:762px; position:relative;}

#top_banner {height:66px; width:762px; background:url(../images/bg-top-curve2.jpg) no-repeat top left;}
#top_banner .logo {float:left; width:210px; padding:13px 0 0 18px;}
#top_banner .topnav {float:right; width:235px; height:21px; padding:29px 9px 0 0;}
#top_banner .topnav SPAN {float:left; margin:0px; padding:0px;}

#main_box {height:100%; background:url(../images/bg-body.gif) repeat-y;}
#main_box .gradL {float:left; width:8px; height:815px; background:url(../images/bg-grad-left.gif) no-repeat;}
#main_box .gradR {float:left; width:8px; height:772px; background:url(../images/bg-grad-right.gif) no-repeat;}

#content_box {float:left; width:746px; background:url(../images/bg-main-img.jpg) no-repeat top right;}

#flash_box {width:746px; height:239px;}


/* FLASH PANEL STYLES - NAVIGATION AND HERO IMG
--------------------------------------------------------------------*/
#nav {float:left; width:347px; height:239px; background:url(../images/bg-nav-curve2.jpg) no-repeat;}
#nav .flash {text-align:right; padding:0 0 0 0;}

#main_img {float:left; width:399px; height:239px;}

/* HTML ALTERNATIVE STYLES  - NAVIGATION AND HERO IMG
--------------------------------------------------------------------*/
#nav .flash .mainnav {float:left; width:203px; height:120px; padding:42px 0 0 29px;}
#nav .flash .mainnav .on {position:absolute; width:auto; height:24px; z-index:1;}
#nav .flash .mainnav DIV {float:right; width:auto; height:24px;}

#nav .flash .subnav {float:left; width:112px; height:120px; text-align:left;}
#nav .flash .subnav .content {margin:30px 0 0 0;}

#main_img .img1 {height:239px; width:auto; background:url(../images/img-about-us.jpg) no-repeat;}
#main_img .img2 {height:239px; width:auto; background:url(../images/img-our-services.jpg) no-repeat;}
#main_img .img3 {height:239px; width:auto; background:url(../images/img-our-approach.jpg) no-repeat;}
#main_img .img4 {height:239px; width:auto; background:url(../images/img-partnerships.jpg) no-repeat;}
#main_img .img5 {height:239px; width:auto; background:url(../images/img-employment.jpg) no-repeat;}
#main_img .img6 {height:239px; width:auto; background:url(../images/img-contact-us.jpg) no-repeat;}

/* CONTENT STYLES
--------------------------------------------------------------------*/
#text_box {float:left; background:url(../images/bg-content.jpg) no-repeat top right;}

#text_box a {text-indent:10px; font-weight:normal; margin:0px; padding:0px; text-decoration:none; color:#6BC3E3; border-bottom:1px dashed #B5E1F1;}
#text_box a:hover {color:#B5E1F1; border-bottom:1px dashed #FFC70B;}

#text_lay {float:left; background:url(../images/bg-side-lines.gif) no-repeat bottom left; padding:48px 90px 0 208px;}
#text_lay .spacer {float:left; width:1px; height:400px;}
#text_lay .content {float:left; width:447px; height:100%;}
#text_lay H2 {font-size:12px; color:#1390BD; margin:14px 0 10px 0; padding:0px; font-weight:normal;}

#text_lay UL {padding:8px 0px 0px 3px; margin:0px; list-style-type:none;}
#text_lay UL LI {background:url(../images/bullet-list.gif) no-repeat 0px 4px; padding:0 0 5px 10px;}
#text_lay UL LI A {font-weight:bold; text-decoration:none; border-bottom:1px dashed #CCCCCC; color:#757575;}
#text_lay UL LI A:HOVER {color:#AAD5E4;}

#text_lay TABLE {background:#EEF7F9; font-size:10px;}
#text_lay TABLE TR TD {padding:5px 5px 5px 5px; color:#777777; background:url(../images/bg-table-cell.gif) repeat-x bottom left #F7FBFC;}
#text_lay TABLE TR TD A {border-bottom:0px;}
#text_lay TABLE TR TD A:HOVER {border-bottom:0px;}
#text_lay TABLE TR.head TD {color:#70C3E1; font-weight:bold; background:url(../images/bg-table-head.gif) repeat-x bottom left #FCFDFE;}

#text_lay .pdf_panel {height:40px; width:100%; background:url(../images/bg-panel-pdf.gif) repeat-x; margin:2px 0 0 0; padding:10px 0 0 0;}
#text_lay .pdf_panel .button {float:left; width:auto; height:20px;}
#text_lay .pdf_panel .text {float:left; width:auto; height:20px; font-family:arial, verdana, sans serif; font-size:9px; color:#AAD5E4; padding:4px 0 0 10px;}
#text_lay .pdf_panel A {color:#AAD5E4; text-decoration:underline; border-bottom:0px;}
#text_lay .pdf_panel A:HOVER {color:#AAD5E4; text-decoration:none; border-bottom:0px;}

.sub_header{width:300px; height:15px; padding:0 0 9px 0;}
.sh_line {width:447px; height:5px; background:url(../images/sh-line.gif) no-repeat;}

.content_head {font-weight:bold; color:#1390BD; padding:0 0 7px 0;}
.content_head SPAN {font-weight:normal; font-size:10px;}

#main_header {left:217px; top:287px; z-index:1; position:absolute; height:33px; width:300px;}

#quote {left:210px; top:26px; z-index:1; position:absolute; height:auto; width:auto;}

#panel {background:url(../images/bg-panel.gif) no-repeat #EEF7F9; width:445px; height:auto; margin:0 0 10px 0;}
#panel .ptxt {padding:15px 15px 15px 15px;}

#login_box {float:left; background:url(../images/bg-login.gif) no-repeat; width:241px; height:70px;}
#login_box .text {color:#70C3E1; padding:11px 0 3px 13px;}
#login_box .fieldpad {float:left; padding:2px 0 0 13px; width:152px;}
#login_box .textfield {background:#FFFFFF; border:1px solid #CBE6F0; width:143px; height:18px; font-size:11px; color:#757575; padding:3px 0 0 3px;}
#login_box .loginbut {float:left; width:55px; height:24px; padding:2px 0 0 0;}
#login_box .loginbut A {border-bottom:0px;}
#login_box .loginbut A:HOVER {border-bottom:0px;}

#contact_box {background:#EEF7F9 url(../images/bg-enquiry.gif) repeat-x; padding:15px 0 15px 20px; width:250px; border:1px solid #EEF7F9; }
#contact_box .header {font-weight:bold; color:#1390BD; font-size:12px; padding:0 0 10px 0;}
#contact_box .text {float:left; color:#70C3E1; width:60px; padding:5px 0 0 0;}
#contact_box .fieldpad {float:left; padding:2px 0 0 13px; width:159px;}
#contact_box .textfield {background:#FFFFFF; border:1px solid #CBE6F0; width:160px; height:18px; font-size:11px; color:#757575; padding:3px 0 0 3px;}
#contact_box .textfield:hover {border:1px #cedc28 solid;}
#contact_box .textfield:focus {border:1px #64D6FF solid;}

#contact_box .textarea {background:#FFFFFF; border:1px solid #CBE6F0; width:160px; height:70px; font-size:11px; color:#757575; padding:3px 0 0 3px; font-family:arial, verdana, sans serif;}
#contact_box .textarea:hover {border:1px #cedc28 solid;}
#contact_box .textarea:focus {border:1px #64D6FF solid;}

#contact_box .submit {padding:8px 0 0 60px;}
#contact_box .submit A {border-bottom:0px;}
#contact_box .submit A:HOVER {border-bottom:0px;}

.validationhead {font-weight:bold; color:#70C3E1;}
.validationtext {color:#70C3E1;}


/* FOOTER STYLES
--------------------------------------------------------------------*/
#footer_box {height:159px; background:url(../images/bg-footer.jpg) no-repeat top right; position:relative;}
#footer_box .footerlinks {width:553px; height:31px; float:right; padding:128px 16px 0 0; color:#FEA802; text-align:center; font-size:11px;}
#footer_box .footerlinks SPAN {margin:0 10px 0 11px;}
#footer_box .footerlinks A {color:#FEA802; text-decoration:none;}
#footer_box .footerlinks A:HOVER {color:#FEC956;}

#footer_bot {height:18px; background:url(../images/bg-footer-bot.jpg) no-repeat;}

#footer_txt {padding:0 8px 0 4px; height:43px; color:#3596B9; font-size:9px;}
#footer_txt .copyright {float:left; width:150px;}
#footer_txt .copyright DIV {float:left; width:auto;}
#footer_txt .copyright DIV.txt {margin:10px 0 0 0;}

#footer_txt .e7 {float:right; width:240px; margin:10px 0 0 0;}
#footer_txt .e7 A {color:#3596B9; font-size:9px; text-decoration:none;}
#footer_txt .e7 A:HOVER {color:#6FA7BC; font-size:9px; text-decoration:none; font-weight:normal;}
#footer_txt .e7 DIV {float:right; width:auto; padding:0 0 0 5px;}