@charset "utf-8";

/***\
| A | East Coast Concrete
\***/

	/***************************\
	| (c)2009 ecoaststudios llc |
	\***************************/
	
	/********************************\
	Table of Contents

		A. Introduction
		B. Container Elements (wrapper, common  font styles, body, etc)
		C. Header
		E. Content
			  i. Feature (picture + tan bg)
			 ii. Secondary (brown bg)			
		
	
	\*********************************/

/***\
| B | Container Elements
\***/

body { background: url(../images/bg.body.jpg); font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
p {  font-family: Georgia, "Times New Roman", Times, serif; }


/***\
| C | Header
\***/

#header { background: #c49d6b url(../images/bg.header.jpg) no-repeat center; height: 239px; position: relative; }
#header img { display: none; }

#header #menu { position: absolute; bottom: 0; left: 50%; margin-left: -392px; width: 770px; height: 70px; padding-left: 14px; }
#header #menu li { margin-left: 4px; margin-right: 4px; float: left; font-size: 1.8em; line-height: 70px; }
#header #menu li a { height: 70px; line-height: 70px; color: #fff; font-weight: normal; display: block; padding-left: 16px; padding-right: 16px;  }

	/* Image Replacement */
	#menu a { text-indent: -99999px; background-image: url(../images/menu.jpg); }
	#menu .home a      { background-position: -13px -1px; width: 39px; } #menu .home a:hover, #menu .home a.active { background-position: -13px -72px; }
	#menu .services a  { background-position: -90px -1px;  width: 54px; } #menu .services a:hover, #menu .services a.active  { background-position: -90px -72px; }
	#menu .portfolio a { background-position: -185px -1px; width: 161px; } #menu .portfolio a:hover, #menu .portfolio a.active  { background-position: -185px -72px; }
	#menu .faq a       { background-position: -387px -1px; width: 32px; } #menu .faq a:hover, #menu .faq a.active  { background-position: -387px -72px; }
	#menu .contact a   { background-position: -460px -1px; width: 72px; } #menu .contact a:hover, #menu .contact a.active { background-position: -460px -72px; }
	#menu .history a   { background-position: -573px -1px; width: 112px; } #menu .history a:hover, #menu .history a.active { background-position: -573px -72px; }
	
/***\
| E | Content
\***/

	#content { width: 784px; margin: 0px auto; padding-left: 4px; position: relative; }
	#content h1 { font-size: 2.3em; padding: 8px; margin-top: 6px; padding-left: 13px; float: left;  }
	#content h2 { font-size: 2.1em; font-weight: normal; padding: 8px; padding-left: 13px; float: left;   }
	#content p { font-family: Arial, Helvetica, sans-serif; padding: 8px; font-size: 1.3em; line-height: 1.4em; padding-left: 13px; clear: both; }
	
	/*   i. Feature */
	#content .feature { background: url(../images/bg.main.gif) no-repeat center bottom; padding-bottom: 5px; }
	#content .feature h1 { background: #c1975f; float: left; color: #fff; }
	#content .feature p { clear: both; width: 700px; color: #45351b; }
	#content a { color: #45351b; text-decoration:underline; }
	#content a:hover { color: #594523; text-decoration:underline; }
	
	/*  ii. Secondary */
	#content .secondary { background:url(../images/bg.secondary.gif) no-repeat center top; padding-top: 15px; margin-top: 15px; }
	#content .inner { background: url(../images/bg.secondary.gif) no-repeat center bottom; padding-bottom: 15px; overflow: hidden; }
	#content .secondary h2 { color: #fff; background: #130908; } 
	#content .secondary p { color: #5c534c; font-size: 1.2em; width: 320px; }
	
		/* Service List */
		ul.service-list { clear: both; padding: 5px; padding-left: 15px; }
		ul.service-list li { float: left; color: #c49d6b; font-size: 1.6em; line-height: 1.5em; padding-right: 13px; background:url(../images/bullet.comma.gif) no-repeat 100% 4px; }
		ul.service-list li.last { background: none; }
		ul.service-list li a { color: #c49d6b; }
		ul.service-list li a:hover { color: #fff; }
	
	/* iii. Polaroids 
	#content #polaroids { position: absolute; top: 255px; right: -50px; }
	#content .interior #polaroids { right: -161px; top: 265px; }*/
	
	/* iv. interior pages */
	#content .interior { background: #dbc298 url(../images/bg.main.gif) no-repeat center bottom; padding-bottom: 5px; overflow: hidden; color: #45351b; min-height: 547px; }
	#content .interior h1 { background: #c1975f; float: left; color: #fff; }
	#content .interior p { line-height: 1.6em; }
	
	#content .interior .sidebar { float: right; width: 265px; background:url(../images/bg.sidebar.png) repeat-y right top; padding-top: 11px; margin-top: 7px; }
	#content .interior .sidebar #submenu {  background: url(../images/bg.sidebar.bottom.jpg) no-repeat bottom right; padding-bottom: 55px; }
	#content .interior .sidebar #submenu li { padding-left: 27px; padding-right: 13px; }
	#content .interior .sidebar #submenu li a { border-bottom: 1px solid #d4c08d; line-height: 31px; font-size: 1.3em; color: #992f03; display: block; padding: 0 5px 0 5px; }
	
	#content .interior .sidebar #projectmenu li { padding-left: 27px; padding-right: 13px; }
	#content .interior .sidebar #projectmenu li a { border-bottom: 1px solid #d4c08d; line-height: 31px; font-size: 1.3em; color: #992f03; display: block; padding: 0 5px 0 5px; }
	#content .interior .sidebar #projectmenu {  background: url(../images/bg.sidebar.bottom.jpg) no-repeat bottom right; padding-bottom: 55px; }
	#content .interior .sidebar #projectmenu li a:hover { background: #f1e1c6; color: #c53f07; }
	
	
	
	#content .interior .sidebar #submenu li a:hover { background: #f1e1c6; color: #c53f07; }
	
	#content .interior .sidebar #contactmenu {  background: url(../images/bg.sidebar.bottom.jpg) no-repeat bottom right; padding-bottom: 55px; }
	#content .interior .sidebar #contactmenu li { padding-left: 27px; padding-right: 9px; line-height: 31px; font-size: 1.3em; color: #992f03; display: block; }
	
	#content .interior .main { float: left; width: 430px; }
	
	#content .interior .main { float: left; padding-left:15px; width: 500px; }
	#content .interior .maincolumn{ float: left; padding-left:13px; width: 400px; }
	
	
	
	.frame { border: 1px solid #000; } 
/***\
| F | Footer 
\***/

	#footer { width: 784px; margin: 20px auto; color: #000; text-align: center; font-size: 1.3em; line-height: 20px; }
	#footer ul li { display: inline; margin: 3px; font-size: .9em; }
	#footer ul li a { color: #c49d6b; }	#footer ul li a:hover { color: #fff; }
	#footer ul { margin-top: 3px; }
	#footer p { font-size: .9em; color: #c49d6b; font-family:Arial, Helvetica, sans-serif; }
	
/***\
| G | Form
\***/
	



form input.text { background: #fcfefa; border: 2px solid #23150C; font-size: 1.2em; padding: 3px 5px; font-family: Arial, Verdana, sans-serif; color: #565656; width: 400px; height:19px; margin-bottom: 7px; }

form textarea { background: #fcfefa; border: 2px solid #23150C; font-size: 1.2em; padding: 3px 5px; font-family: Arial, Verdana, sans-serif; color: #565656; width: 400px; height:150px; margin-bottom: 7px; }

form input.captcha { background: #fcfefa; border: 1px solid #c1d885; font-size: 1em; padding: 3px 5px; font-family: Verdana, sans-serif; color: #565656; width: 165px; }

form label { color: #373F03; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; line-height: 2em; }

form select { background:#fcfefa; border: 2px solid #79B6EF; width: 385px; height:27px; font-family: Arial, Verdana, sans-serif; font-size: 1.2em; }

form span.required { font-family: Verdana, sans-serif; font-style: italic; color: #bbbbbb; font-size: .8em; }

form fieldset { margin: 0; padding: 0; border: 0; }
form button { float: left; margin: 0; cursor: pointer; background: url(../images/button.gif); border: 1px solid #cdcccc; outline: none; padding: 2px; font-size: 12px; color: #373F03; text-shadow: 1px 1px 1px #fff; }

form legend { display: none; }
#mailform { margin-left: 16px; }