@charset "utf-8";
/* CSS Document */


/*
---------------------------------------------
01. MAIN/DEFAULT ELEMENTS
---------------------------------------------
*/

body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:1.5em}

p { font-family: Arial, Helvetica, sans-serif; font-size:14px; margin:0; padding:0; text-align:left; font-weight:normal; line-height:1.5em; padding-bottom:15px; color:#273F52; padding-right:10px}
p a:link, p a:visited { color:#273F52; text-decoration:none;}
p a:hover { color:#273F52; text-decoration:none}

h1 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:23px; font-weight:normal; text-align:left; color:#38709E; margin:0;padding:0; padding-top:3px; padding-bottom:10px}
h2 {font-family: Arial, Helvetica, sans-serif; font-size:23px; font-weight:normal; text-align:left; color:#000; margin:0;padding:0; padding-top:20px; height:50px;}

/*
---------------------------------------------
02. LOGO
---------------------------------------------
*/

#bglogo { width:950px; margin:0 auto; height:68px}
#bglogo .logo { float:left;height:68px}

/*
---------------------------------------------
03. TOP NAVIGATION
---------------------------------------------
*/

#bgnav { width:100%; background:#253e50 url(../images/bg_nav.gif) repeat-x top right;}
#nav { width:950px; height:40px; margin:0 auto; padding-top:5px}

#button_getstarted { width:151px; height:35px; margin:0; padding:0; float:left; text-align:left; position:relative; padding-left:78px }
#button_getstarted a:link, #button_getstarted a:visited { width:151px; height:35px; background:url(../images/button_getstarted.gif) no-repeat; float:left;}
#button_getstarted a:hover { text-decoration: none;background:url(../images/button_getstarted_hover.gif) no-repeat;width:151px; height:35px;float:left;}


.nav {  width:375px; height:39px; float:right; margin:0; padding:0;margin-top:2px; position:relative}
.nav ul { width:375px; float:right; margin:0;padding: 0px;list-style: none;}
.nav li { float: left;display: inline;margin: 0px;padding: 0px;}
.nav a {	float: left;padding: 0px 0px 0px 9px;margin: 0px 2px 0px 0px;font-size: 14px;	text-decoration: none;	color: #fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase}
.nav a span {float: left;display: block;padding: 9px 15px 9px 6px;text-decoration: none;	font-size: 14px;font-weight: normal;color: #fff;cursor: pointer;}

.nav a:hover {background: #edf4fa url(../images/tab_left_over.gif) top left no-repeat;}
.nav a:hover span {background: #edf4fa url(../images/tab_right_over.gif) top right no-repeat;	font-weight: normal;color: #172B39;cursor: pointer;}

.nav .current a {background: #edf4fa url(../images/tab_left_over.gif) top left no-repeat;}
.nav .current a span {background: #edf4fa url(../images/tab_right_over.gif) top right no-repeat;	color: #172B39;cursor: pointer;}


/*
---------------------------------------------
04. HEADER HOMEPAGE
---------------------------------------------
*/

#bgheader { width:100%; background:#dceaf5 url(../images/bg_header.gif) repeat-x top right; margin-top:-1px}

#header { width:970px; margin:0 auto; height:244px}
#header-img { float:left; width:423px; margin:0; padding:0}
#header-content { float: right; width:540px; margin:0; padding:0; padding-top:20px}


/*
---------------------------------------------
04. HEADER HOMEPAGE
---------------------------------------------
*/

#bgcontent { width:100%; background:url(../images/bg_content.gif) repeat-x top right; padding-bottom:40px}
#content { width:950px; margin:0 auto; padding:0; padding-top:10px; overflow: hidden}

.icon_heading { float:left; width:80px; margin:0; padding:0}

/*
---------------------------------------------
04.1 ABOUT US
---------------------------------------------
*/

#aboutus { width:300px; float:left; margin:0; padding:0; background:url(../images/seperator.gif) no-repeat top right}
#aboutus p { padding-right:25px; padding-left:5px;}


/*
---------------------------------------------
04.2 SERVICES
---------------------------------------------
*/

#services { width:300px; float:left; margin:0; padding:0; background:url(../images/seperator.gif) no-repeat top right; padding-left:20px}

ul.serviceslist { margin:0; padding:0; margin-left:65px;}
ul.serviceslist li {  font-size:14px; color:#20394C; margin:0; padding:0; list-style:none; line-height:1.5em}


/*
---------------------------------------------
04.3 CONTACT US
---------------------------------------------
*/

#contact { width:300px; float:left; margin:0; padding:0; padding-left:20px}


/*
---------------------------------------------
05. FOOTER
---------------------------------------------
*/

#bgfooter { width:100%; background:#1f384b url(../images/bg_footer.gif) repeat-x top right; margin-top:20px}
#footer { width:950px; height:125px; margin:0 auto; padding:0; padding-top:10px}
#footer p { text-align:right; color:#ffffff; font-size:12px}
.highlight { color:#c3d1dc}


/*
---------------------------------------------
06. MISCELLANEOUS STYLES
---------------------------------------------
*/

img { border:none}
.textsmall { line-height:1.3em; font-size:13px}

/*
---------------------------------------------
07. INNERPAGE STYLES 
---------------------------------------------
*/

#header-inner { margin:0 auto; width:950px; padding:0; height:60px}
#header-inner h1 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:30px; font-weight:normal; text-align:left; color:#38709E; margin:0;padding:0; padding-top:20px; padding-bottom:10px}

#panelleft { width:620px; float:left; background:url(../images/divider.gif) no-repeat top right; padding-top:20px;}
#panelleft p { padding-right:25px;}

#panelright { width:290px; float:left; margin:0; padding:0}

#contact-rightpanel { width:270px; float:left; margin:0; padding:0; padding-left:20px; background:url(../images/divider_rightpanel.gif) no-repeat bottom left; padding-bottom:15px;margin-top:20px; }

#services-rightpanel { width:290px; float:left; margin:0; padding:0;  padding-left:20px; margin-top:20px; }
#services-rightpanel ul.serviceslist { margin:0; padding:0; margin-left:10px; margin-top:10px}


/*
---------------------------------------------
07.1 CONTACT FORM STYLES
---------------------------------------------
*/

#box { width:588px; margin:0; padding:0; margin-top:10px;}
#boxbordertop { width:588px; height:6px; background:url(../images/box_bordertop.gif) no-repeat}
#boxbordermiddle { width:576px; background-color:#fafafa; border-left:1px solid #dce2e9; border-right:1px solid #dce2e9; padding-left:10px;}
#boxborderbottom { width:588px; height:6px; background:url(../images/box_borderbottom.gif) no-repeat}

#boxbordermiddle fieldset { width:500px; border:none; margin:0; padding:0}
#boxbordermiddle fieldset label { font-size:15px; font-weight: normal; margin:0; padding:0; margin-bottom:3px; line-height:1.6em}
#boxbordermiddle fieldset input { width:490px; padding:3px; font-size:17px; border:1px solid #cccccc; background-color:#FFFFFF;}
#boxbordermiddle fieldset .bgyellow { width:490px; padding:3px; font-size:17px; border:1px solid #cccccc; background-color:#ffffcc;}
#boxbordermiddle fieldset .textarea { width:490px; padding:3px; font-size:17px; border:1px solid #cccccc; background-color:#ffffcc;}
.highlight_red { color:#e88543; font-size:23px}
.button_submit { width:141px; height:39px; float:right; margin-top:10px; margin-bottom:2px;}