

* {
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #e8e8e8;
	outline: none;
}

* html #logo, #house_driveway{
	behavior: url(public/js/iepngfix.htc);
}

html {
	background: #222222;
}

h1, h2, h3, h4, h5 {
	font-weight: normal;
	color: #ffe600;
}


a {
	text-decoration: none;
}

li {
	list-style: none;
}

a img {
	border: none;
}

#display_errors {
	border: #ffe600 solid 2px;
	padding: 5px;
	margin: 8px 0 8px 0;
	background: #999999;
}

p.error {
	color: #ad1f1f;
}

#header_container, #nav_container, #promo_container, #main_container, #footer_container {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	position: relative;
}


#header {
	float: left;
	display: inline;
	width: 100%;
	height: 148px;
	background: url(../images/asphalt.jpg) repeat left top;
	border-top: black solid 3px;
	border-bottom: #000 solid 3px;
}

#header_container {
	color: white;
}

#phone_number {
	float: right;
	display: inline;
	width: 200px;
	margin: 25px 0 0 0;
	/*border: red solid 1px;*/
}

#phone_number h2 {
	font-size: 30px;
	font-style: italic;
}


#logo {
	float: left;
	display: inline;
	height: 145px;
	width: 400px;
	text-indent: -99.99999em;
	background: url(../images/RedAALogoonroad.png) no-repeat left top;
}

#nav {
	float: left;
	display: inline;
	width: 100%;
	background: url(../images/nav_bg.gif) repeat-x left top;
}

#nav_container {
	
}

#nav_container li {
}

#nav_container a {
	float: left;
	display: block;
	padding: 0 10px 0 10px;
	line-height: 37px;
	border-left: #101010 1px solid;
	color: #101010;
}

#nav_home, #nav_about, #nav_services, #nav_contact, #nav_work {
	background: url(../images/nav_btns.gif) repeat-x;
}

#nav_home:hover, #nav_about:hover, #nav_services:hover, #nav_contact:hover, #nav_work:hover {
	background: url(../images/nav_btns.gif) repeat-x 0 -37px;
	color: #999999;
}

#nav_contact {
	border-right: #101010 1px solid;
}


.bbb_member {
	float: right;
	display: inline;
	width: 98px;
	height: 37px;
	margin: 8px 0 0 0;
	text-indent: -9999999.99px;
	background: url(../images/bbb_logo.png) no-repeat left top;
}

#credit-logos {
	float: right;
	display: inline;
	width: 116px;
	height: 35px;
	margin: 8px 10px 0 0;
	text-indent: -9999999.99px;
	background: url(../images/credit-logos.gif) no-repeat left top;
}


.licensed {
	float: left;
	display: inline;
	width: 400px;
	margin: 8px 0 0 0;
}

.clear {
	clear: both;
}

/* @group home */

.service_header {
	font-size: 20px;
	color: #ffe600;
}


/* @end */




/* @group Services */

.service_container {
	float: left;
	display: inline;
	width: 500px;
	padding: 8px 8px 18px 8px;
	margin: 10px 0 0 0;
	border-bottom: 1px solid #909090;
}

#asphalt_paving {
	border: none;
}

.tab {
	float: left;
	display: block;
	width: 100px;
	padding: 10px 10px 10px 10px;
	margin: 0 10px 0 0;
	text-align: center;
	cursor: pointer;
	background: #2a2a2a;
}

.tab a {
	color: #fff;
}


.ui-tabs-hide { display: none; }

.ui-tabs-selected {
	background: #333;
}

.ui-tabs-selected a {
	color: #fff;
}

.ui-tabs-panel {
	clear: both;
	width: 525px;
	background: #333;
	padding: 10px 20px 10px 20px;
}




/* @end */





/* @group Promo */

#promo {
	float: left;
	display: inline;
	width: 100%;
	padding: 10px 0;
	background: #a9a7a7 url(../images/promo_bg.gif) repeat-x left top;
	border-bottom: #ffe600 1px solid;
}

#body_index #promo {
	padding: 0 0 20px 0;
}

#promo_container {
	margin-top: 5px;
	padding: 5px;
}

#promo_content {
	width: 400px;
	margin: 20px 0 0 0;
}

#promo_content p {
	font-size: 18px;
	line-height: 26px;
	font-style: oblique;
	color: #000;
}

#house_driveway {
	position: absolute;
	top: -100px;
	right: 0;
	z-index: 1000;
}

#see-more {
	position: absolute;
	top: 65px;
	right: -90px;
	z-index: 1000;
	background: url(../images/see_more.png) no-repeat left top;
	text-indent: -9999999.99px;
	width: 102px;
	height: 58px;
}

/* @end */



/* @group Work */

/*#work #main {
	background: #a9a7a7;
}
*/

#body_work #gallerys h2 {
	color: #fff; /*#ad1f1f;*/
}

#work_gallery {
	float: left;
	display: inline;
	width: 100%;
	padding: 20px 0 20px 0;	
}

#asphalt_add_images, #stone_add_images {
	float: left;
	display: inline;
	width: 100%;
}

#asphalt_images, #stone_images, #commercial_images {
	float: left;
	display: inline;
	padding: 0px 0px 5px 5px;
	border-left: 40px solid #333333;
	margin: 10px 0 10px 0;
	background: #8f8c8c;
	width: 760px;
	position: relative;
}

.more_images {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	background: #333333;
	padding: 0 5px 3px 5px;
	line-height: 20px;
}

.more_images:hover {
	color: #ffe600;
}



.gallery_image {
	float: left;
	display: inline;
	padding: 5px;
	border: #999999 solid 1px;
	margin: 5px 5px 0 0;
}

.gallery_image p {
	font-size: 12px;
	color: #e8e8e8;
}


#gallerys {
	float: left;
	display: inline;
	width: 650px;
	min-height: 300px;
	/*background: #333;*/
}

.gallery {
	float: left;
	display: inline;
	width: 650px;
	margin: 10px 0 10px 0px;
}


.image {
	float: left;
	display: inline;
	position: relative;
	width: 200px;
	margin: 5px 8px 5px 0px;
	padding: 3px;
	background: #ffe600;
}

.caption_content {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: #333;
	opacity: .5;
	width: 200px;
	font-size: .8em;
	padding: 3px;
}


.enlarge_link {
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 0px 4px 2px 4px;
	background: #333;
	opacity: .5;
	color: #fff;
}

/* @end */

/* @group contact */

.vcard {
	margin: 25px 0 0 0;
}

.organization-name {
	font-size: 22px;
}

.tel {
	margin: 5px 0 0 0;
}

.email {
	margin: 5px 0 0 0;
}


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

#contact_form input, select, textarea {
	border: #222222 solid 1px;
	background: #999999;
	padding: 4px;
	font-size: 14px;
}

#f_name_input, #l_name_input {
	float: left;
	display: inline;
	width: 150px;
}


#zip_input, #city_input, #state_input {
	float: left;
	display: inline;
	margin-right: 10px;
}

#phone_input, #email_input {
	float: left;
	display: inline;
	width: 175px;
}

.optional {
	font-size: 11px;
}

#submit_btn input:hover {
	background: #ffe600;
	color: #333;
}

/* @end */





#main {
	float: left;
	display: inline;
	width: 100%;
	padding: 20px 0 20px 0;
	background: #222222; 
}

#main_container {
	
}

#content {
	float: left;
	display: inline;
	width: 550px;
	padding: 15px 0 15px 0;
	background: none;
}

#body_contact #content {
	width: 500px;
}

#content p {
	line-height: 24px;
}


#sidebar {
	float: right;
	display: inline;
	width: 275px;
}

#content_container {
	
}

#residential_services {
	float: left;
	display: inline;
	width: 250px;
}

#commercial_services {
	float: left;
	display: inline;
	width: 250px;
	margin-left: 10px;
}

#residential_services dt, #commercial_services dt {
	font-size: 22px;
	padding: 0 0 2px 0;
	margin: 0 0 3px 0;
	/*border-bottom: 2px dashed #ffe600;*/
}

#residential_services dt a, #commercial_services dt a {
	color: #ffe600;
}

#residential_services dd, #commercial_services dd {
	line-height: 22px;
	color: #fff;
	/*padding-left: 15px;*/
}

#residential_services dd a, #commercial_services dd a {
	color: #e8e8e8;
}



#footer {
	float: left;
	display: inline;
	width: 100%;
	height: 85px;	
}


#footer_container {
	border-top: 1px solid #ffe600;
	padding: 0 0 10px 0;
}

#service-area {
	padding: 10px 0 0 0;
	clear: both;
}

/* @group promo_slider */




