@charset "utf-8";

/*

------------------------------------------------------------------

- Orbit PHC Master Stylesheet -

Media:          Screen

Version:        1.0
Last Update:    4/21/2009

------------------------------------------------------------------


*** Styleguide ***
------------------------------------------------------------------


- Table of contents -

1. Body
    2. Wrap / #wrap
        3. Header / #header
            2.1. Navigation / #extraLinks
        3. Content / #mainContent
        4. Footer  / #footer


- Colors -

Background:        #1a307c (white)
Content/Text:   #000000 (black)
Header h1:        N/A
Header h2:        N/A
Footer:            #333333 (dark grey)

a (standard):    #336699 (dark blue)
a (visited):    #336699 (dark blue)
a (active):        #336699 (dark blue)
a (hover):      #66a1db (ligher blue)


- Typography -

Body copy:            .9em/1.5em Verdana, Helvetica, Arial, Geneva, sans-serif
Headers:            2.7em/1.3em Helvetica, Arial, "Lucida Sans Unicode", Verdana, sans-serif;

*/


/* Reset Everything
---------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Global CSS
---------------------------------------------------------- */

body {
    background:#1a307c;	
	font: 12px/16px Verdana, Helvetica, sans-serif;
	margin:3% 0;
	padding:0;
}

.clear {
    clear:both;	
}


/* Forms
---------------------------------------------------------- */

form p {
	margin:8px 0;	
}

fieldset {
	margin:25px 0 0 10px;
	padding:15px 0 7px 12px;
	border:1px solid #eeeeee;
	width:97%;
}

legend {
	color:#666;
	font: bold 1em Arial, Helvetica, sans-serif;   
	padding:0 6px;
	text-transform:uppercase;
}

label {
   padding:5px 7px 0 0;
   float:left;
   width:24em;
   text-align:right;
}

label.inline {
	display:block;
	padding-bottom:3px;
}

/*
label.inline {
    display:inline;
	float:none;
	padding:0;
	text-align:left;
}
*/

input[type="text"], input[type="password"] {
    width: 230px;
}

input:focus, select:focus, textarea:focus {
	background:#ffc;
}

input[type="text"], input[type="password"], textarea, select {
	padding:3px;
	border-top:2px solid #999;
	border-right:2px solid #999;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

select {
	padding:2px;
	border-top:2px solid #999;
	border-right:2px solid #999;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

textarea {
	width:500px;
	height:150px;
}

.example {
	font-family:Tahoma, Verdana, Helvetica, sans-serif;
	/*padding-left:225px;*/
	padding-left:5px;
	/*float:left;*/
	color:#999999;
	font-size:.8em;
}

.required {
	color:#760000;
	font-size:0.75em;
}


/* Layout
---------------------------------------------------------- */

#wrap {
	margin:0 auto;
	padding:0;
	text-align:left;
	width:960px;
}

#contentWrap {
    background:#fff;
	padding:0 10px 0 10px;	
}

#mainRoundedTop {
    background:url(/images/main_bgtop.gif) no-repeat top;
	height:10px;
	max-height:10px;
}

#mainRoundedBottom {
    background:url(/images/main_bgbottom.gif) no-repeat top;
	height:10px;
	max-height:10px;
}

/* Header
---------------------------------------------------------- */

#header {
}

#logo {
    width:301px;
	float:left;
}

#logo h1 a {
	background:url(/images/orbit_logo_sm.gif) no-repeat;
	display:block;
	height:81px;
	text-indent:-9999px;
	width:301px;
}

#logo h1 a:hover {
	background:url(/images/orbit_logo_sm_h.gif) no-repeat;	
}

#coupon {
	float:left;
	margin:0px 5px -17px 5px;
	/* margin:18px 27px 11px 33px; */
	text-align:center;
	width:350px;
}

#phone {
	float:left;
	text-align:center;
	width:279px;
}

#phone p {
	font-family: Tahoma, Geneva, sans-serif;
	line-height:1em;
}

#phone p.hours {
	color:#000;
	font-size:.9em;
	font-weight:bold;
	margin:0 0 11px 0;
	text-transform:uppercase;
}

.location {
    /*border-top:1px solid #eeeeee;*/
	margin:4px 0 0 0;
}

#phone p.address {
	color:#626262;
	font-weight:bold;
	font-size:.92em;
	margin:0 13px 0 0;
	padding:7px 0 3px 0;
}

.map {
	margin:-15px 6px 0 0;
    text-align:right;
}


/* Navigation
---------------------------------------------------------- */

#navigation {
	margin:0;
}

ul#mainNavigation {
	 list-style-type: none;
     list-style-position:outside;
     margin:0;
     padding:5px 0 5px 0;
	 position: relative;
}

ul#mainNavigation li {
    display: block;
    overflow: hidden;
    padding:0;
    cursor: pointer;
    float: left;
    /*width: 125px;*/ /* We're gonna do custom widths for each category */
	height:45px;
    margin:0;
    background-image:url(/images/nav2.png);
    background-repeat:no-repeat;
}

ul#mainNavigation a:link, ul#mainNavigation a:visited {
	display:block;
	height:27px;
	text-indent:-9999px;
	outline:none;	
	margin:0;
	padding:9px 0;
	border-right:1px solid #253b8f /*#22326f*/ ;
}

ul#mainNavigation a:hover {
	border-right:1px solid #5067be;
}

ul#mainNavigation a.lastNav {
	display:block;
	height:27px;
	text-indent:-9999px;
	outline:none;	
	padding:9px 0;
	border-right:none;
}

ul#mainNavigation li#plumbing {
	background-position:0px 0px;
	width:90px;
	
}

ul#mainNavigation li#heatingair {
	background-position:-90px 0px;
	width:193px;
}

ul#mainNavigation li#services {
	background-position:-282px 0px;
	width:111px;
}

ul#mainNavigation li#retail {
	background-position:-393px 0px;
	width:102px;
}

ul#mainNavigation li#service {
	background-position:-495px 0px;
	width:148px;	
}

ul#mainNavigation li#about {
	background-position:-643px 0px;
	width:105px;
}

ul#mainNavigation li#gogreen {
	background-position:-751px 0px;
	width:188px;	
}

ul#mainNavigation li#plumbing.active, ul#mainNavigation li#plumbing:hover {
	background-position: 0 bottom;
}

ul#mainNavigation li#heatingair.active, ul#mainNavigation li#heatingair:hover{
	background-position: -90px bottom;
}

ul#mainNavigation li#services.active, ul#mainNavigation li#services:hover {
	background-position: -282px bottom;
}

ul#mainNavigation li#retail.active, ul#mainNavigation li#retail:hover {
	background-position: -393px bottom;
}

ul#mainNavigation li#service.active, ul#mainNavigation li#service:hover {
	background-position: -495px bottom;
}

ul#mainNavigation li#about.active, ul#mainNavigation li#about:hover {
	background-position: -643px bottom;
}

ul#mainNavigation li#gogreen.active, ul#mainNavigation li#gogreen:hover {
	background-position: -751px bottom;
}

#navShadow {
	background:url(/images/h1_bg.png) repeat-x;
	margin:-6px 0 0 0;
	margin:0 5px;
}


/* Customer Service Banner on the index page
---------------------------------------------------------- */

#customerService {
	background:url(/images/se_bg.jpg) no-repeat;
	margin:11px 0 15px -10px;
	padding:25px 0 0 25px;
	width:960px;
}

#leftSide {
	float:left;
	width:455px;
}

#message1, #message2, #sceduleServiceCall {
	width:455px;
}

#message1 {
	margin-bottom:20px;
}

#sceduleServiceCall {
	padding:17px 0 10px 0;
	text-align:center;
}

#rightSide {
	float:left;
	margin:-10px 0 15px 16px;
	width:449px;
}

#gallery {
	float:left;
	width:449px; 
	margin-right:2px;
}

#images {
	height:225px; 
}

#imagearea {
	background:url(/images/p_border2.png) no-repeat;
	padding-top:1px;
}

#moreProjects {
	margin-top:-65px;
	left:1px;
	position:relative;
	text-align:right;
}

#image {
	padding-left:4px;
	position:relative; 
	width:449px; 
	height:247px; 
	background:url(/images/loading.gif) center center no-repeat;
}

#image img {
	background:#fff;
	position:absolute; 
	top:3px; 
	/*left:5px*/
}

#thumbwrapper {
	position:absolute;
    left:-9999px;
	/*margin-top:10px; 
	padding:5px 0; 
	width:682px; 
	height:100px; 
	border:2px solid #666; 
	background:#FFF*/
}

#thumbarea {
	position:absolute;
    left:-9999px;
	/*position:relative; 
	overflow:hidden; 
	height:100px; 
	width:682px; */
	}

#thumbs {
	position:absolute;
    left:-9999px;
	/*position:absolute; 
	list-style:none; 
	margin-left:5px; 
	height:100px; 
	width:10000px; 
	border-right:5px solid #FFF*/
	}

#thumbs li {
	position:absolute;
    left:-9999px;
	/*float:left; 
	margin-right:5px; 
	cursor:pointer*/
	}

.imgnav {
	position:absolute;
    left:-9999px;
	/*position:absolute; 
	height:375px; 
	width:20%; 
	z-index:100; 
	height:375px; 
	width:20%; 
	z-index:100; 
	outline:none; 
	cursor:pointer*/
	}

/*

#previmg {
	left:0; 
	background:url(/images/left.gif) left center no-repeat; 
	border-left:5px solid #FFF
	}

#previmg:hover {
	opacity:1; 
	filter:alpha(opacity=100)
	}

#nextimg {
	right:0; 
	background:url(/images/right.gif) right center no-repeat; 
	border-right:5px solid #FFF
	}

#nextimg:hover {
	opacity:1; 
	filter:alpha(opacity=100)
	}
	
	*/


/* Main Body
---------------------------------------------------------- */

#mainBody {
	margin:9px 0 10px 0; /* pixel perfect, thank you very much */
}

.insidePage {
	font-size:120%;
	padding:0 3px 0 3px; 
}

.insidePage p {
	margin:15px 0;	
	line-height:19px;
}

#mainBody h1 {
	border-bottom:1px solid #ccc;
	color:#000;
	font:bold 2.2em/1em Helvetica, Arial, sans-serif;
	letter-spacing:1px;
	margin:12px 0 20px 0 ;
	padding:3px 0 0 0;
}

#pageContent {
	padding:0 8px;	
}

#featureBoxes {
	float:left;
    margin:-1px 0 0 2px;
	width:635px;
}

ul#featuredServices li {
    background:url(/images/featbg.jpg) no-repeat 3px 0px;	
	margin-bottom:3px;
	float:left;
	width:315px;
}

ul#featuredServices li a{
    text-decoration:none;
}

.featuredPicture {
    background:#cccccc;
	border:1px solid #CCC;
	float:left;
	height:89px;
	margin:13px 12px 15px 15px;
	width:57px;
}

.featuredText {
    color:#4f4f4f;
	float:left;
	margin-top:13px;
	text-align:right;
	width:210px;
}

.featuredText h3 {
    color:#000;
	font:normal 1.7em Arial, Helvetica, sans-serif;
	margin:0 0 6px 0;
	padding:0;
}

.featuredText p {
    line-height:1.5em;	
}


/* News Articles (left column)
---------------------------------------------------------- */

#articles {
	float:left;
	margin:0 0 0 10px;
	width:290px;	
}

.articleBreak {
	height:32px;
}

.article h3 {
	color:#1a307c;
	font:normal 2em "Trebuchet MS", Arial, Helvetica, sans-serif;	
	margin:4px 0;
	text-align:center;
}

.article p {
	font:1.2em/1.4em Verdana, Geneva, sans-serif;	
	text-align:justify;
}

.article p.fb {
	background:#f1f7ff;
	margin:10px 0;
        text-align:center;
}

.article p.fb a {
        display:block;
	padding:10px 0;
}

.article p.fb a:hover {
        background:#e6f0fd;
}

p.readMore, p.readMore a {
	color:#336699;
	font:1.1em Tahoma, Geneva, sans-serif;
	margin:14px 10px 0 0;
	text-align:right;	
}



/* Footer
---------------------------------------------------------- */

#footer {
	/*background:url(/images/bd_shade.gif) repeat-x top;*/
	border-top:1px solid #e5e5e5;
	color:#5a5a5a;
	font:1em Georgia, "Times New Roman", Times, serif;
	margin-top:10px;
	padding-top:15px;
	text-align:center;
}

#footer p {
	margin-bottom:5px;	
}

#retail {
	float:left;
	width:628px;
}

#chamber {
    margin-top:13px;	
	text-align:right;
}


/* Page Introductions
---------------------------------------------------------- */

#headline {
	margin:11px 0 15px -13px;
	padding:0px 12px 0 12px;
	width:936px;
}

#help_wanted_intro {
	background:url(/images/help_wanted.png) no-repeat;
	height:276px;
	margin:11px 0 15px -10px;
	padding:25px 0 0 25px;
	width:960px;
}


/* The Small Print (copyright, terms of use, etc)
---------------------------------------------------------- */

#smallPrint {
	color:#c5c5c5;
	font:.9em Tahoma, Geneva, sans-serif;
    margin:7px 0 0 0;	
}

#copyright {
	float:left;
	letter-spacing:1px;
	width:400px;
}

#otherItems {
	float:right;
	text-align:right;
}

#otherItems a {
    color:#c8dbeb;	
}

.hr {
	color:#e5e5e5;
}