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

a,
a:link,
a:visited,
a:hover,
a:active	{color:#d8ceca; outline: none;}

.left		{float:left;}
.right		{float:right;}
.clear		{clear:both;}
.clrright	{clear:right;}
.clrleft	{clear:left;}

h1			{font:1.6em Arial, Helvetica, sans-serif;margin:0;padding:0}
h2			{font:1.5em Arial, Helvetica, sans-serif;margin:0;padding:0}
h3			{font:1.4em Arial, Helvetica, sans-serif;margin:0;padding:0}

.pad5		{padding:5px;}
.sm9		{font-size:0.63em;}
.sm10		{font-size:0.69em;}

img {behavior: url(inc/pngbehavior.htc);}
#map img {behavior:none !important;}
#map, #map a {line-height:15px; color:#2e180f;}

strong	{font-weight:normal;}
.home a {text-decoration:none;} 

h1.heading	{
	font: 32px Arial, Helvetica, sans-serif;
	color:#2d1910;
	z-index:10;
	border-bottom:1px dashed #694024;
	}
h1.heading span	{
	position:absolute;
	z-index:1;
	margin-top:2px;
	color:#6c9eaf;
	}
	
.blue	{color:#6c9eaf;}

/******   LAYOUT   ******/
* {outline-style: none;}

html,body	{
	height:100%;
	width: 100%;
	margin: 0 auto;
	}
	
body	{
	margin:0 auto;
	text-align:center;
	padding:0;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	color: #d8ceca;
	background:#2e180f url(../images/bg.jpg) repeat-x;
	}
	
#wrapper	{
	width:1000px;
	height:auto;
	margin: 0 auto;
	text-align:left;
	font: 1.3em/1.5em Verdana, Arial, Helvetica, sans-serif;
	}
	
#header	{
	height:113px;
	margin:0 auto;
	}


#content	{
	width:980px;
	margin:0px;
	padding: 10px;
	min-height:300px;
    height:auto !important;
    height:300px;
	}
	

#boxes	{margin: -79px 0 0 31px;}
#flmovie	{
	width:1000px;
	height:466px;
	}


.emailsignup	{
	float:right;
	width:330px;
	color:#6d9eaf;
	padding:10px;
	height:28px;
	}

.emailsignup h2	{
	display:inline;
	float:left;
	padding-right:15px;
	font-size:14px;
	}
	
/* SUBMIT BUTTON */

.button a.submit, button.submit{
    display:block;
    float:left;
    margin:0 7px 0 10px;
    border:1px solid #5b8594;
    border-top:1px solid #5b8594;
    border-left:1px solid #5b8594;
    font-size:100%;
    text-decoration:none;
    cursor:pointer;
	padding: 3px 0;
	background-color:#8fc9db;
	font:bold 100% "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	color:#325f71;
}
.button a.submit:hover, button.submit:hover{
    background-color:#c4ecfb;
    border:1px solid #c4ecfb;
    color:#529214;
	cursor:pointer;
}
.button a.submit:active{
    background-color:#c4ecfb;
    border:1px solid #c4ecfb;
    color:#fff;
}	 
	
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}	



/******* FOOTER *******/
#footer	{
	height:120px;
	font-size:.85em;
	line-height:1.3em;
	color:#796760;
	clear:both;
	}
#footer a	{text-decoration:none;color:#796760;}

#footer #credit				 {float:left;width:115px;padding-right:45px;}
#footer #credit a 	 		 {color:#624b42;text-decoration:none;}
#footer #credit a:hover 	 {color:#fff;text-decoration:none;}



/****************    NAV   ************/

#nav a#home						{background:url(../images/nav-home.gif) no-repeat;width:67px;}
#nav a#home:HOVER				{background:url(../images/nav-home-over.gif) no-repeat;}

#nav a#who						{background:url(../images/nav-whoweare.gif) no-repeat;width:106px;}
#nav a#who:HOVER,
body.who #nav a#who	 			{background:url(../images/nav-whoweare-over.gif) no-repeat;}
		
#nav a#what						{background:url(../images/nav-whatwedo.gif) no-repeat;width:107px;}
#nav a#what:HOVER,
body.what #nav a#what				{background:url(../images/nav-whatwedo-over.gif) no-repeat;}

#nav a#commercial				{background:url(../images/nav-commercial.gif) no-repeat;width:110px;}
#nav a#commercial:HOVER,
body.commercial #nav a#commercial		{background:url(../images/nav-commercial-over.gif) no-repeat;}

#nav a#residential				{background:url(../images/nav-residential.gif) no-repeat;width:105px;}
#nav a#residential:HOVER,
body.residential #nav a#residential		{background:url(../images/nav-residential-over.gif) no-repeat;}

#nav a#contact					{background:url(../images/nav-contact.gif) no-repeat;width:108px;}
#nav a#contact:HOVER,
body.contact #nav a#contact			{background:url(../images/nav-contact-over.gif) no-repeat;}

#nav	{float:right;width:648px;height:55px;}

#nav .menu {	
	behavior: url(inc/pngbehavior.htc);
	padding: 55px 0px 0 0;
    overflow: hidden;
    height: 0px !important;
    height /**/:55px;
	float:left;
	}

*html #nav	{
	position:absolute;
	z-index:500;
	width:648px; 
	height:30px
	} /*IE 6*/ 
		
ul#hrznav {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 648px; /*For KHTML*/
  list-style: none;
  height: 55px;
  padding: 0px 0px 0px 0px;
	}

ul#hrznav li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 34px;
  z-index:500;
	}

ul#hrznav li li{height:25px;}

ul#hrznav ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 290px;
  list-style: none;
  display: none;
  position: absolute;
  top: 34px;
  left: 0;
	}

ul#hrznav ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
	}

/* Root Menu */
ul#hrznav a {
  padding: 2px 2px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #e1a913;
  font: 1.3em/1.90em Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
	}

/* Root Menu Hover Persistence */
ul#hrznav a:hover,
ul#hrznav li:hover a,
ul#hrznav li.iehover a {
  background: #CCC;
  color: #FFF;
	}

/* 2nd Menu */
ul#hrznav li:hover li a,
ul#hrznav li.iehover li a {
  float: none;
  background:#262d3d;
  color: #dae4fb;
  border:1px solid #394259;
  font-size:1.2em;
  height:30px;
  text-indent:5px;
  	}
	
*html #nav	{z-index:500; position:relative;}



/* 2nd Menu Hover Persistence */
ul#hrznav li:hover li a:hover,
ul#hrznav li:hover li:hover a,
ul#hrznav li.iehover li a:hover,
ul#hrznav li.iehover li.iehover a {
  background: #424d66;
  color: #FFF;
	}

/* 3rd Menu */
ul#hrznav li:hover li:hover li a,
ul#hrznav li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
	}

/* 3rd Menu Hover Persistence */
ul#hrznav li:hover li:hover li a:hover,
ul#hrznav li:hover li:hover li:hover a,
ul#hrznav li.iehover li.iehover li a:hover,
ul#hrznav li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
	}

/* 4th Menu */
ul#hrznav li:hover li:hover li:hover li a,
ul#hrznav li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
	}

/* 4th Menu Hover */
ul#hrznav li:hover li:hover li:hover li a:hover,
ul#hrznav li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
	}

ul#hrznav ul ul,
ul#hrznav ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
	}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#hrznav li:hover ul ul,
ul#hrznav li:hover ul ul ul,
ul#hrznav li.iehover ul ul,
ul#hrznav li.iehover ul ul ul {
  display: none;
	}

ul#hrznav li:hover ul,
ul#hrznav ul li:hover ul,
ul#hrznav ul ul li:hover ul,
ul#hrznav li.iehover ul,
ul#hrznav ul li.iehover ul,
ul#hrznav ul ul li.iehover ul {
  display: block;
	}



/**********  CONTACT FORM   **********/
form#contact 	{
	margin:0;
	padding: 5px;
	float:right;
	width: 275px;
	}	

#contact label,#contact input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
	}

#contact label {
	text-align: right;
	width: 75px;
	padding-right: 5px;
	}

#contact br {clear: left;}

#contact fieldset	{
	border:1px solid #563528;
	margin:0px 0px 10px 0px;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;
	} 
	
#contact legend	{
	color:#6c9eaf;
	font-variant:small-caps;
	font:bold 1.0em Verdana, Arial, Helvetica, sans-serif;
	padding:2px 5px;
	position: relative;  
	left: -7px;  
	top: -0.75em;
	}

#contact fieldset ol {  
	padding-top: 0.25em;
	}
	
#contact span.state	{width:130px;float:left;text-align:right;}
	
#contact #zip {
	width: 60px;
	margin-right:12px;
	float: left;
	}
#contact #zipname	{width:27px;margin-left:13px;float:left;}
	
#contact #comments	{
	display: block;
	width: 240px;
	height:70px;
	margin-bottom: 15px;
	}

textarea{overflow:auto;}
	
#contact #submit	{
	width: 85px;
	height:32px;
	margin-left:90px;
	}
	
#contact .shhhh, .shhhh {display:none;}

#flashgallery {width:900px; height:500px;margin: 0 auto;}