
/*
	Agency:				Love Communications
	Author:				Steve Wright, Director Interactive
	Client Name:		SameDay Heating & Air
	Client URL:			http://www.samedayair.com

------------------------------------------------------------  */
/* Color Usage

	Green	(Header Text)	#71bf44
	Grey	(Body Text)		#666666
	Blue 	(Hyperlink)		#0072bc
	Orange	(Header			#f7941e



------------------------------------------------------------  */
@import url("reset.css");
@import url("graphicstyles.css");



/* General HTML Items
------------------------------------------------------------  */
/* generics */


body		{color:#666; font:normal 0.8em/1.2em "Lucida Grande", Arial, Helvetica, sans-serif; background:#000;  }
a			{ outline:none;}
a:link		{color: #339;}
a:visited	{color: #848;}
a img		{border: none;}

h1, h2, h3, h4, h5, h6 {margin:.5em 0; font:800 115%/1em Arial, Helvetica, sans-serif; }

.underline	{border-bottom:1px solid #71bf44;}


p	{margin:1em 0;}

h1 	{ color:#71bf44; font-size:1.5em; }
h2 	{ color:#0072bc; font-size:1.3em; }
h3 	{ color:#71bf44; font-size:1.2em; }
h4 	{ color:#0072bc; font-size:1.1em; }
h5 	{ color:#666666; font-size:1.1em; }
h6 	{ color:#f7941e; font: normal 110%/120% "Gill Sans" Arial, Helvetica, sans-serif; text-transform:uppercase; }


ul 	{ margin:.5em 2em; }
LI	{ margin:.8em 1em;}
OL	{ margin:.1em 3em; }
dt {margin: 0.5em 0 0;}
dd {margin: 0.25em 0 0.5em 2.5em;}

FIELDSET	{border:1px solid #d4ecc7; padding:1em;	}
LEGEND		{font-weight:600; color:#71bf44; }
hr	{margin:1em 0; height:9px; background:#fff url(/images/bg-hr.gif);	}
.push {margin-top:10em;}
input, button {font-size:90%; padding:.2em;}

.smalltext {font-size:85%; float:left;}


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


.innerwidth	{width:60em; min-width:770px; margin:0 auto; position:relative;}

/* header */
#masthead {position:relative; height:125px; background:#fff; overflow-y:hidden;}

#masthead SPAN	{display:none;}
#masthead H1		{ width:275px; margin:0; margin-left:-50px; height:125px; background:#fff url(/images/sameday-logo.gif) no-repeat 0 10px;}

/* Upper Right Text Nav */
#masthead #nav_head		{margin:0; padding:0; position:absolute; top:3px; right:0; width:60%; height:20px; text-align:right; z-index:5;}
#masthead #nav_head LI	{display:inline; margin:0;}

		#nav_head LI A	{margin:0 .3em;  font-size:90%; text-decoration:none; text-transform:uppercase;}
		#nav_head LI A:link, #nav_head LI A:visited
		{
			border-top:5px solid #fdead2;/*light orange*/
			color:#444;
		}
		#nav_head LI A:hover, #nav_head LI A:active
		{
			border-top:5px solid #f7941e;
			color:#111;
		}


/* Specials Graphic */
	#specials
		{
			position:absolute; top:26px; right:5px;
			}








/*	Sidebar Page Navigation  */
	#nav_section
	{
		margin:1em 0; overflow:hidden;
	}

	#nav_section UL
	{
		margin:0; padding:0;
	}
	#nav_section LI
	{
		list-style:none outside none;
		margin:0; padding:0;

	}
	#nav_section A
	{
		display:block;
		width:94%; padding:2%;
		text-align:right;
		text-decoration:none;
	}
	#nav_section A:link, #nav_section A:visited
	{
		background:#fff;
		border:1px solid #fff; border-bottom:1px solid #b2d1f0;
		color:#0072bc;
		font-weight:normal;
	}
	#nav_section A:hover, #nav_section A:active
	{
		background:#fdfdfd;
		border:1px solid #b2d1f0;
		color:#0072bc;
		font-weight:800;
	}

	#newsletter form {
		padding-bottom: 2em;
	}



/* mainbody */
#mainbody	{overflow:hidden;  background:#fff;}
#mainbody .innerwidth	{background:#fff url(/images/bg-vertical.gif) no-repeat 20% 0; overflow:hidden;}
#mainbody .innerwidth #homepage	{background:#fff none; overflow:hidden;}

/* artcontent */
#artcontent	{background:#fff url(/images/home-artwork.jpg) no-repeat 0 0; height:242px; width:782px; margin:0 -6px;}
#artcontent	p {display:none;}

#home_about {padding:0 .5em; font:normal 1.5em/1.1em Gill Sans, Trebuchet MS, Helvetica, Arial, sans-serif; text-align:left; color: #71bf44;}
#home_about SPAN {font-size:80%; display: block; color: #666;}

/* Homepage content layout */
#home_content {
	float: left;
	width: 590px;
	margin-bottom: 1em;
}
#home_sidebar {
	width: 160px; float: right;
}
#home_content #cols {
	background: #FFF url(/images/standing_small.jpg) no-repeat top left;

	padding-left: 101px;

	min-height: 200px;
	height: auto;
}
#home_content #cols div {
	margin: 0 0 .2em 3em;
	padding: 0;
	width: 40%;
}

/* Grid Page Content columns */
DIV.column {float:left; padding:1%; overflow:hidden;}

DIV.w100	{width:95%; padding:2%; float:none; background:#fff;}

DIV.w50		{width:48%;}					DIV.r50		{width:48%; float:right;}
DIV.w33		{width:31%;}					DIV.r33		{width:31%; float:right;}


DIV.w20		{width:18%;}					DIV.r20		{width:18%; float:right;}
DIV.w80		{width:76%;}					DIV.r80		{width:76%; float:right;}

DIV.w25		{width:23%;}					DIV.r25		{width:23%; float:right;}
DIV.w75		{width:73%;}					DIV.r75		{width:69%; float:right;}

DIV.w30		{width:28%;}					DIV.r30		{width:28%; float:right;}
DIV.w70		{width:64%; padding:0 3%;}		DIV.r70		{width:64%; float:right; padding:0 3%;}

DIV.w40		{width:36%;}					DIV.r40		{width:36%; float:right;}
DIV.w60		{width:58%;}					DIV.r60		{width:58%; float:right;}

DIV.thirds
{
	margin:0 0 .2em 3em; padding: 0;
	width:29%;
}
DIV.leftclear {clear:left; margin:0 0 0 .5em;}

DIV.graphic_footer {padding:0 0 1em 0; overflow:hidden;}
DIV.graphic_footer .r20 img {margin-top: -.5em;}


/* footer */

#footer
{ clear:both;

	padding:1em 0;
	background:#000;
	border-top:5px solid #71bf44;
	position:relative; bottom:0; width:100%; height:12%;

	color:#999;
	font-size:.8em;

}


#footer P {margin:0;}
#footer A:link, #footer A:visited {color:#eee; text-decoration:none;}
#footer A:hover, #footer A:active {color:#f7941e; text-decoration:none;}

/*	Request a free estimate button	*/

	#btn_request A
	{
		width:155px; height:25px;
		float:right;
		background:transparent url(../../images/btn-request.gif) no-repeat 0 0;

	}
	#btn_request span
	{
		display:none;

	}
/*	-	-	-	 */






/* 3rd Level Breadcrumb

<div id="breadcrumb">
    <ul>
      <li>Home</li>
      <li>Learning Center</li>
      <li>Green Sticker</li>
    </ul>
  </div>

------------------------------------------------------------  */
#breadcrumb
{
	font-size:80%;
}

#breadcrumb A
{
	text-decoration:none;
}
#breadcrumb A:link, #breadcrumb A:visited
{
	text-decoration:none;
	color:#0066FF;
}
#breadcrumb UL
{
	margin:0; padding:0;
}
#breadcrumb UL LI
{
	display:inline;
	margin-right:.1em;  padding:0 0 0 .8em;
	font-size:80%;
	background:url(/images/bullet.gif) no-repeat 0 .4em;
}
#breadcrumb UL LI:first-child
{
	padding:0;
	background:none;

}
#breadcrumb UL LI:last-child
{
	font-weight:800;

}


/* 3rd Level Print Links

  <div id="printbar">
    <ul>
      <li>Print this Page</li>
      <li>Email to a Friend</li>
    </ul>
  </div>
------------------------------------------------------------  */

#printbar
{
	margin:1em 0 0 0; padding:0 2em 0 0;
	height:24px; overflow:hidden;
	background:#fff url(/images/bgprintbar.gif) no-repeat 100% 0;

}
#printbar UL
{
	margin:0; padding:0;
	height:24px; overflow:hidden;
	background:transparent url(/images/bgprintbar.gif) no-repeat 0 0;

}
#printbar UL LI
{
	display:block;  float:right;
	margin:0 0 0 2em; padding:.4em 0;
	font-size:.8em;
}

#printbar A
{
	display:block; padding-left:1.5em;
	height:24px;
	color:#0072bc;
	text-decoration:none;

}
#printbar A.print
{
	background:transparent url(/images/ico-print-12px.gif) no-repeat 0 .4em	;
}
#printbar A.email
{
	background:transparent url(/images/ico-email-12px.gif) no-repeat 0 .4em;
}





/* Contact Form

------------------------------------------------------------  */

FORM {margin:0; padding:0; text-align:left;}

FORM OL {margin:0; padding:0; list-style:none outside none;}
FORM OL LI {margin:0 2em; padding:.2em 0; clear:both;}

FIELDSET {margin:1em 0; padding:1em; overflow:hidden;}
LEGEND		{margin:0 ; padding:.2em 1em; color:#fff; font-size:1em; border:1px solid #fff; background:#71bf44; display:block;}

LABEL {margin:0 1em 0 0}

OL.radiobuttons LABEL {padding:0 1em 0 2em; position:relative;}
OL.radiobuttons LABEL INPUT {position:absolute; top:0; left:0;}

OL.checkbox LABEL {padding:0 0 0 2em; position:relative;}
OL.checkbox LABEL INPUT {position:absolute; top:0; left:0;}

OL.forminputs LABEL SPAN {display:block; width:8em; float:left;}
OL.forminputs LABEL INPUT {width:24em;}
OL.forminputs LABEL TEXTAREA {width:22em; height:6em;}

OL.forminputs LABEL INPUT#area {width:4em; }
OL.forminputs LABEL INPUT#prefix { width:4em;}
OL.forminputs LABEL INPUT#last { width:6em;}
OL.forminputs LABEL INPUT#submit {width:6em; margin:0 50%;}

OL.inline LI {display:inline;}
OL.inline LABEL INPUT {width:25%; }




.fullwidth  {display:block; margin:1em 0;}
.fullwidth TEXTAREA {width:90%; height:6em;}


INPUT#submit {display:block; width:6em; margin:1em auto;}

/* Testimonials

------------------------------------------------------------  */

BLOCKQUOTE {margin:0 2em; line-height:2em;}
.testimonials {min-height:400px;}
.signature {text-align:right; }
.signature SPAN {display:block; font-style:italic; }


/* Downloads

------------------------------------------------------------  */

#downloads H3 {clear:both; border-bottom:1px solid #71bf44; margin:1em 0;}
#downloads UL {overflow:hidden; border:1px solid #ddd;}
#downloads LI {display:block; float:left; width:25%; text-align:left;}

/* Thickbox

------------------------------------------------------------  */
#TB_title, #cancelbar {
	background: #5a862b url(/images/thickbox-titlebg.gif) repeat-x top left;
	height:29px;
	font-weight: bold;
}
#TB_title a:link, #TB_title a:visited, #cancelbar a:link, #cancelbar a:visited {
	color: #FFF;
}
#cancelbar {
	position: absolute;
	left: 0; top: 0;
	width: 100%;
	/*text-align: right;*/
	display: none;
}
#cancelbar a:link,
#cancelbar a:visited,
#cancelbar a:hover,
#cancelbar a:active {
	display: block; float: right;
	text-align: right;
	height: 29px; width: 60px;
	line-height: 29px;
	margin-right: 10px;
}

#TB_window {
	border: 2px solid #525252;
}

#TB_ajaxContent, #TB_ajaxContent.TB_modal { padding: 10px; margin: 0; width: auto !important; }


#TB_window #mainbody { background: #FFF; margin: 0; padding: 0 10px; }
#TB_window h5 { font-size: larger; }

.stepform { display: inline; }
.stepform button { margin-left: 25px; }
.stepform select, .stepform option { font-size:90%; padding: 0 2px; }
.requestNotice {
  width: 565px; height: 101px;
  background: #FFF url(/images/requestNotice.gif) no-repeat top left;
}
.requestNotice span {
  display: none;
}

div.err {
	width: 50%;
	margin: 5px; padding: 5px;
	background: #FCC;
}

.flash-replaced .alt {
	display: none;
}