/* Essential Coding Inc. Style Sheet
 * copyright (c) 2008 Essential Coding
 */

body {margin:0px;background:url(http://www.essentialcoding.com/images/bg.jpg) repeat-x;background-color:#27393e;font-family:"Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif;color:#888888;}
a img {border:none;}
a:focus {outline:none;}

a:link, a:visited {color:#cb7700;padding:0px 0px 1px 0px;border:0px;text-decoration:none;}
a:hover {color:#DFA553;padding:0px;border-bottom:1px dashed #ccc;}

#page {width:902px;margin:0px auto 0px auto;overflow:hidden;}

h1 {background:url(http://www.essentialcoding.com/images/logo.jpg);width:352px;height:135px;text-indent:-9999px;margin:0px;padding:0px;float:left;}
h2, #body h2#news_h {color:#007596;font-family:"Lucida Grande","Lucida","Trebuchet MS",Arial,Helvetica,Times;margin:0px;padding:0px;font-size:1.2em;font-weight:normal;}

#nav {list-style:none;float:right;display:inline;margin:0px 15px 0px 0px;padding:0px;}
#nav li {float:left;}

#nav a:link, #nav a:visited {height:0px;padding-top:123px;overflow:hidden;display:block;border:0px;padding-bottom:0px;}

a#nav_home:link, a#nav_home:visited {background:url(http://www.essentialcoding.com/images/nav_home.jpg);width:61px;}
a#nav_portfolio:link, a#nav_portfolio:visited {background:url(http://www.essentialcoding.com/images/nav_portfolio.jpg);width:75px;}
a#nav_services:link, a#nav_services:visited {background:url(http://www.essentialcoding.com/images/nav_services.jpg);width:71px;}
a#nav_about:link, a#nav_about:visited {background:url(http://www.essentialcoding.com/images/nav_about.jpg);width:58px;}
a#nav_contact:link, a#nav_contact:visited {background:url(http://www.essentialcoding.com/images/nav_contact.jpg);width:65px;}

#nav a:hover {background-position:0px 123px;}

#head {width:902px;height:217px;background:url(http://www.essentialcoding.com/images/headline_bg.jpg) no-repeat;float:left;}
p#tagline {
    font-family:"Lucida Grande","Lucida","Trebuchet MS",Arial,Helvetica,Times;
    color:#fff;
    font-size:1.3em;
    width:459px;
    letter-spacing:0.1em;
    margin:38px 0px 0px 43px;
    line-height:1.25em;
    float:left;
    display:inline;
}
p#tagline em {font-style:normal;color:#aad54d;}

#recent_client {width:331px;height:189px;background:url(../images/recent.jpg);float:left;margin:14px 0px 0px 41px;}
#recent_client p {color:#fff;background:url(../images/recent_bg.png);display:block;float:right;margin:150px 12px 0px 0px;padding:6px 12px 10px 12px;}
#recent_client a:link, #recent_client a:visited {color:#fff;text-decoration:none;border-bottom:1px #fff dotted;margin:0px auto 0px auto;}
#recent_client a:hover {color:#CEEC8A;padding-bottom:1px;}

#right_body_wrapper {
    width:331px;
    height:189px;
    background:url(http://www.essentialcoding.com/images/oceanview.jpg) no-repeat;
	background-position: 10px 0px;
	border: 6px #000; 
    float:right;
    margin:23px 10px 0px 41px;
    
}
#right_body_wrapper p {color:#fff;background:url(../images/recent_bg.png);display:block;float:right;margin:110px 5px 0px 0px;padding:6px 12px 10px 12px;}
#right_body_wrapper a:link, #right_body_wrapper a:visited {color:#fff;text-decoration:none;border-bottom:1px #fff dotted;margin:0px auto 0px auto;}
#right_body_wrapper a:hover {color:#CEEC8A;padding-bottom:1px;}

#body {width:868px;background:#fff;float:left;margin:0px 0px 0px 16px;padding:0;}
#body h2 {color:#000;font-size:1.6em;font-weight:bold;letter-spacing:0.02em;font-family:"Lucida Grande","Lucida","Trebuchet MS",Arial,Helvetica,Times;}
#body h3 {color:#000;clear:both;font-size:1.2em;font-weight:bold;letter-spacing:0.02em;margin:20px 0px 0px 0px;float:left;}
#about #body h3 { width:500px;}
#body p.about_p, .text_page_wrap {font-size:0.8em;color:#000;font-weight:bold;font-family:"Lucida Grande","Lucida","Trebuchet MS",Arial,Helvetica,Times;margin:12px 0px 5px 0px;float:left;}
#body p.service_p {font-size:0.8em;color:#000;width:800px;clear:both;font-family:"Lucida Grande","Lucida","Trebuchet MS",Arial,Helvetica,Times;margin:12px 0px 5px 0px;float:left;}
#body p.about_p em {color:#007596;font-style:normal;}
#body p.award_p {font-size:0.8em;color:#000;font-weight:bold;font-family:"Lucida Grande","Lucida","Trebuchet MS",Arial,Helvetica,Times;margin:0px 0px 5px 0px;padding:0px;float:left;width:800px;}
#body .award {float:left;clear:both;}
#body h4.award_h {color:#007596;margin-bottom:5px;margin-top:12px;font-family:"Lucida Grande","Lucida","Trebuchet MS",Arial,Helvetica,Times;width:600px;}
#body h3.service_h {color:#007596;width:500px;float:left;clear:both;}
#left_body_wrapper{float:left;width:433px;}
p#welcome {font-size:0.95em;margin:15px 0px 0px 35px;padding:0;color:#000;width:415px;line-height:1.5em;float:left;display:inline;letter-spacing:0.1em;}

#newsletter {background:#111c1f;width:250px;padding:18px 23px 18px 23px;float:right;display:inline;margin:15px 25px 20px 0px;}
#newsletter p#signup {color:#fff;font-size:0.8em;font-weight:bold;margin:3px 0px 0px 0px;padding:0px;}
#newsletter #newsletter_form {margin:5px 0px 0px 0px;padding:0px;float:left;}
#newsletter #newsletter_field {margin:0px;padding:0px;float:left;width:310px;}
#newsletter #newsletter_field label {display:block;overflow:hidden;margin:0px;padding:0px;text-indent:-9999px;height:10px;}
#newsletter #newsletter_field #nl_txt {background:#fff;border:none;width:228px;/*height:34px;*/float:left;padding:8px 10px 8px 10px;font-family:"Lucida Grande","Lucida","Trebuchet MS",Arial,Helvetica,Times;color:#51595c;font-size:0.9em;margin:0px;}
#newsletter #newsletter_field #nl_btn_go {color:#fff;background:#007596;border:0px;width:52px;height:34px;float:left;margin:0px 0px 0px 5px;padding:0px;font-family:"Lucida Grande","Lucida","Trebuchet MS",Arial,Helvetica,Times;font-size:0.9em;}
#newsletter #newsletter_field #nl_btn_go:hover {cursor:pointer;background:#2B93AF;}
#newsletter p#privacy {color:#0f4453;font-size:0.7em;margin:12px 0px 12px 0px;width:275px;padding:0px;float:left;font-weight:bold;}
#newsletter #response {clear:both;margin:0;padding:6px 0 2px;}


#testimonial {width:375px;float:left;display:inline;margin:25px 0px 0px 50px;}
#testimonial #quote {margin:0px;padding:0px;font-family:Georgia,"Times New Roman",Times,serif;color:#6c6c6c;font-size:1.2em;font-style:italic;}
#testimonial #author {font-size:0.75em;margin:10px 0px 0px 5px;padding:0px;}

/**** quick map ****/
#quick_map {
    position:relative;
    float:left;
    display:inline;
    margin-left:55px;
    width:757px;
    height:72px;
}
#map_content {
    position:absolute;
    bottom:0;
    left:0;
    width:757px;
    height:72px;
    overflow:hidden;
}
#map_slide_in, #map_slide_in:hover {
    float:right;
    display:block;
    margin:0;
    padding:0;
    border:none;
    background:url(../images/map-slide.gif) 0 0 no-repeat;
    width:313px;
    height:33px;
    overflow:hidden;
}
#map_content.active #map_slide_in {
    background-position:0 100%;
}
#view_map, #view_map:hover {
    clear:both;
    display:block;
    margin:0;
    padding:0;
    border:none;
    width:756px;
    height:340px;
    overflow:hidden;
}
#map_contact {
    padding:3px 12px;
    background:#000;
    font-size:0.7em;
    color:#FFF;
}
#map_contact p {
    margin:0;
    padding:1px 0;
}
/*a#view_map:link, a#view_map:visited {text-indent:-9999px;width:757px;height:72px;display:block;background:url(../images/map.jpg);margin:0px 0px 0px 55px;padding:0px;border:0px;float:left;display:inline;}
a#view_map:hover {margin:0px 0px 0px 55px;padding:0px;border:0px;}
*/

#mid {width:868px;background:#111c1f;float:left;display:inline;margin:0px 0px 0px 16px;padding:0px 0 30px;}
#mid_hubs {border-right:1px solid #234b56;float:left;width:675px;margin:25px 0px 0 0px;padding:0px;}
.mid_hub {width:290px;float:left;display:inline;margin:0px 0px 0px 35px;height:180px;}
.mid_hub p {color:#fff;margin:8px 0px 0px 0px;padding:0px;font-size:0.8em letter-spacing:0.1em;}

#mid_nav {margin:25px 0px 0px 20px;padding:0px;list-style:none;float:left;display:inline;}
#mid_nav li {padding:0;margin-left:0;}
#mid_nav a:link, #mid_nav a:visited {color:#fff;padding:0px;font-size:0.9em;}
#mid_nav a:hover {padding:0px;margin:0px;color:#CDEB8B}

#footer {float:left;display:inline;width:855px;margin:0px 20px 0px 20px;}
p#address {margin:14px 0px 20px 8px;font-family:"Lucida Grande","Lucida","Trebuchet MS",Arial,Helvetica,Times;padding:0px 0px 0px 22px;color:#8c8f8f;font-size:0.8em;background:url(../images/icon.jpg) no-repeat;width:440px;float:left;}
p#copyright {margin:14px 0px 20px 8px;font-family:"Lucida Grande","Lucida","Trebuchet MS",Arial,Helvetica,Times;padding:0px;font-size:0.8em;float:right;}

#content_wrap {float:left;padding:35px;}

#port_recent_client {width:850px;height:246px;background:url(../images/millertown.jpg);margin:8px;}
#port_recent_client a:link, #port_recent_client a:visited {color:#fff;border-bottom:1px dotted #fff;font-size:1.4em;font-family:"Lucida Grande","Lucida","Trebuchet MS",Arial,Helvetica,Times;height:26px;width:240px;display:block;}
#port_recent_client a:hover {padding-bottom:1px;color:#CDEB8B;}
#port_recent_client p {margin:25px;padding:0px;background:url(../images/recent_bg.png);float:left;width:245px;text-align:left;padding:10px;}
#pride {color:#fff;margin:0px 0px 20px 23px;float:left;display:inline;padding:10px 15px 10px 15px;background-color:#27393e;font-size:1.3em;font-weight:normal;font-family:"Lucida Grande","Lucida","Trebuchet MS",Arial,Helvetica,Times;}
#call {color:#fff;letter-spacing:0.1em;margin:20px 0 0 23px;float:left;display:inline;padding:10px 15px 10px 15px;background-color:#27393e;font-size:1.3em;font-weight:normal;font-family:"Lucida Grande","Lucida","Trebuchet MS",Arial,Helvetica,Times;}
.port_site {width:340px;float:left;display:inline;margin:10px 30px 25px 30px;}
.port_site a {border:0px;}
img.port_site_image {border:3px solid #000;}
img.port_site_image:hover {border:3px solid #fff;}
a.port_site_url:link, a.port_site_url:visited {color:#797979;font-size:0.8em;}
p.port_site_desc {color:#000;font-family:"Lucida Grande","Lucida","Trebuchet MS",Arial,Helvetica,Times;font-weight:bold;font-size:0.8em;margin:5px 0px 0px 0px;padding:0px;}
#port_sites_wrap {float:left;display:inline;margin:0px 0px 0px 38px;}

#contact_wrap_l {float:left;display:inline;width:385px;margin:35px;}
#body h3.contact_h {width:100%;float:left;margin-top:10px;margin-bottom:0px;}
.contact_p {background:#007596;color:#fff;padding:5px 10px 5px 10px;margin:5px 0px 15px 0px;float:left;clear:both;}
.contact_p a:link {color:#fff;}
a#map_click:link, a#map_click:visited {height:618px;width:294px;padding:0px;display:block;float:right;display:inline;margin:15px;}
a#map_click:hover {padding:0px;border:0px;}
#add {width:188px;}

.clear {
    clear:both;
}