/**********************************************************************************************
	Title: ExpressPark - global.css
	Author: Vinu.M
	Date: March 2009 
***********************************************************************************************
	
/* 1. GENERAL
-----------------------------------------------------------------------------------------------
=== Reset Styles ===
 avoid browser default inconsistent heading font-sizes */
h1,h2,h3,h4,h5,h6,pre {font-size:1em;}

/* remove the inconsistent (among browsers) default ul,ol padding or margin 
 zero out the spacing around pre, form, body, html, p, blockquote as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {list-style:none;margin:0;padding:0;}

/* Remove blue linked image borders */
a img,:link img,:visited img {border:none;color:#018eb6;}
img{ behavior: url(../images/iepngfix.htc); }
* html #header{behavior: url(../images/iepngfix.htc);} /* to correct transparent png in IE */
/* -- Base HTML -- */
* {border:0;margin:0;padding:0;}
a,a:visited {font-weight:700;color:#018eb6;text-decoration:none;outline:none;}
blockquote {margin:1.5em 30px;}
body {color:#333;font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;font-size:12px;line-height:1.46154;background:url(images/bgr-tile.gif) #f1f1e9 repeat-x top;}

/* -- Core Typography -- */
img, div { behavior: url(../images/iepngfix.htc) }
p {line-height:1.75;}
h1 {font:bold 48px "Helvetica Neue", Arial, sans-serif;padding:0 0 0.3em;}
h2 {font:bold 30px Helvetica, Arial, sans-serif;border-bottom:solid 1px #d1cdc1;margin:0 0 0.5em;padding:0 0 0.3em;}
h3 {color:#4c6d8d;font:normal 1.4em Helvetica, Arial, sans-serif;margin:1.5em 0 0.5em;}
h4 {font-weight:700;font-size:165%;margin:1em 0 0.5em;}
h5 {font-weight:bold;font-size:145%;color:#03467b;margin:1em 0 0.5em;}
h6 {font-weight:400;color:#4c6d8d;margin:1em 0 0.5em;}

/* -- Layout -- */
#background {background:url(../images/bg_tile.gif) no-repeat top center;}
#page {width:875px;margin:0 auto;}
.wrap p {margin-top:12px;line-height:1.5em;font-size:14px;}
.right {float:right;width:250px;}
.left{float:left;width:300px;}
.blue{color:#009ac0;font-weight:bold;text-transform:capitalize;}
.boxlayout ul li {background:url(../images/bullet_arow.png) no-repeat center left;padding:4px 20px;font:bold 14px Helvetica, Arial, sans-serif;}
/* -- Header -- */
#header {height:125px;color:#fff;background:url(../images/header_bg.gif) repeat-x 0 0;z-index:0px;}
#header p {line-height:20px;padding:0 0 13px;}
#header .wrap,#sub-header .wrap,#content_panel .wrap,#inner-subheader .wrap {position:relative;width:950px;margin:0 auto;}
#sub-header {background:transparent url(../images/subhead_bg.gif) repeat-x 0 0;height:239px;color:#fff;}
#sub-header .lpic {float:left;margin-top:8px;padding:0 30px 0 0;}
#sub-header .rtxt {padding:20px;}
#sub-header .rtxt p {line-height:20px;font-weight:700;font-size:1.4em;color:#000;padding:40px 15px 10px;}
#content_panel {padding:15px 10px;height:auto !important;height:300px;min-height:300px;}
#content_panel .cblock {float:left;margin-right:3px;margin-bottom:20px;width:295px;padding:0 10px 2px 4px;}
#content_panel .cblock p,#content_panel .cblock ul {line-height:20px;height:100px;margin:10px;}
#content_panel .cblock ul li {background:transparent url(../images/bullet.gif) no-repeat scroll left center;font-size:14px;padding:0 0 0 20px;}
#content_panel .cblock h2 {background:transparent url(../images/h2_underline.gif) no-repeat scroll left bottom;border:none;color:#8c3d05;text-transform:capitalize;}
#content_panel .cblock h2 img {float:right;padding:2px;}

/* -- Logo -- */
#logo {float:left;height:44px;width:209px;position:absolute;top:60px;left:5px;padding:0;}
#logo a:hover {text-decoration:none;}
#logo h1 {clear:both;}
#logo h1 a {display:block;padding-bottom:10px;margin:12px 0 15px;}
#logo h2 {color:#e6e6e6;font-size:11px;text-transform:uppercase;margin:0 0 10px;}
.loginwrap {position:absolute;top:0;right:10px;z-index:100px;}
.loginwrap a {background:transparent url(../images/login_wrap.png) no-repeat scroll 0 0;display:block;font-size:11px;text-align:center;width:208px;line-height:5px;text-transform:uppercase;color:#444;padding:10px;}
.loginwrap a:hover {background:transparent url(../images/login_wrap.png) no-repeat scroll 0 -25px;text-decoration:none;}

/* -- Top Navigation -- */
#navigation {width:520px;height:28px;background:url(../images/nav.png) 0 0 no-repeat;position:absolute;right:30px;top:80px;}
#navigation li {position:absolute;top:0;text-indent:-9000px;width:100px;}
#navigation li a {display:block;height:28px;}
#nav_home {left:0;}
#nav_home a {width:118px;}
#nav_home a:hover,body.about #nav_home a,#nav_home a.active {background:url(../images/nav.png) 0 -28px no-repeat;}
/* About Us */
#nav_about {left:118px;}
#nav_about a:hover,body.work #nav_about a,#nav_about a.active {background:url(../images/nav.png) -118px -28px no-repeat;}
/* Services */
#nav_services {left:218px;}
#nav_services a:hover,body.services #nav_services a,#nav_services a.active {background:url(../images/nav.png) -218px -28px no-repeat;}
/* FAQs */
#nav_faqs {left:318px;}
#nav_faqs a:hover,body.blog #nav_faqs a,#nav_faqs a.active {background:url(../images/nav.png) -318px -28px no-repeat;}
/* Contact */
#nav_contact {left:418px;}
#nav_contact a:hover,body.contact #nav_contact a,#nav_contact a.active {background:url(../images/nav.png) -418px -28px no-repeat;}

/* -- Global Subheader -- */
#sub-header h2 {color:#fff;margin-bottom:0.5em;border:none;font-size:1.4em;padding:0;}
#sub-header a,#sub-header a:visited {color:#d97548;font-weight:700;text-decoration:none;}
#sub-header a:hover {color:#bc3826;text-decoration:underline;}

/* -- Inner Pages -- */
#inner-subheader {background:transparent url(../images/inner_banner_bg.gif) repeat-x 0 0;height:133px;color:#fff;}
#inner-subheader h1 {color:#444;text-indent:20px;padding:40px 0 0;}
#inner-subheader .wrap img {float:left;margin-top:10px;}
.left-side {float:left;width:600px;font-size:14px;margin:0;}
.right-side {float:left;width:340px;padding-top:30px;}
.map-pan{float:left; padding:4px;margin:0 10px; border:1px dotted #ccc;width:300px;}
.left-side h2 {color:#018eb6;}
.left-side ul {padding:10px 15px;}
#dialogbox {background:#f7f3e5;position:relative;margin:0 10px;padding:0 10px;}
#dialogbox .box.orange {background:#ff9f27;border-left:2px solid #febf01;border-right:2px solid #febf01;padding:0 4px;}
#dialogbox .box.orange ul {margin:0;padding:10px;}
#dialogbox .box.orange ul li {background:url(../images/bullet_arow.png) no-repeat center left;padding:0 20px;}
#dialogbox .box.orange ul li a {color:#fff;font-size:15px;}
#dialogbox .box_cap {height:11px;}
#dialogbox .box_btm {background:url(../images/ct_box.gif) no-repeat top center;}
#dialogbox .orangebox_top {background:url(../images/ct_greenbox.gif) no-repeat bottom center;}
#dialogbox .orangebox_btm {background:url(../images/ct_greenbox.gif) no-repeat top center;}
#dialogbox h4 {border-bottom:1px dotted #fff;text-indent:10px;margin:0;padding:0;}
#dialogbox p,#dialogbox img {font-size:12px;padding:4px 6px;}

/*=== Footer ===*/
#footer {background:#222 url(../images/footer_bg.gif) repeat-x top;clear:both;float:left;width:100%;height:68px;margin:20px 0 0;}
#footer a {color:#fff;}
#footer p {font-size:1.1em;}
#footer a,#footer a:visited {font-weight:700;text-shadow:#265d91 0 1px 0;}
#footer_box {width:100%;float:left;height:60px;color:#999;line-height:20px;font-size:11px;}
a.footerlink:hover {text-decoration:underline;color:#666;}
#footer .copyright {clear:left;}
a:hover,a.footerlink:active {text-decoration:underline;}
a.footerlink:link,a.footerlink:visited {text-decoration:none;color:#999;}