@charset "utf-8";

/*	-------------------------------------------------------------
	Dave Zimmerman Contractor
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:	default.css
	Version:	1.0
	Date:		29/08/2009
	-------------------------------------------------------------	*/

/*	== RESET ============================== */
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {outline: 0;}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/*	== END OF RESET ======================= */


/*	== BASIC ============================== */

body {
	background:#656565;
	color:#656565;
	font-family:Trebuchet MS,Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
	margin:10px 0;
}

#big_wrap {
	background:#fff;
	margin:0 auto 10px;
	overflow:hidden;
	width:950px;
}

#wrap {
	background:#fff;
	margin:0 auto;
	overflow:hidden;
	width:940px;
}

/*	== END OF BASIC ======================= */

/*	== HEADER ============================= */

#header {
	float:left;
	height:70px;
	width:940px;
}

#header #logo {
	background:url(../images/logo.jpg) no-repeat 0 0;
	display:block;
	float:left;
	height:30px;
	text-indent:-9999px;
	width:136px;
}

#header_left {
	float:left;
	margin:20px 10px;
}

#header_right {
	float:right;
	line-height:1.4;
	margin:20px 10px;
}

/*	== END OF HEADER ====================== */

/* == MENU ================================ */

#menu {
	background: url(../images/menu/bg_menu.jpg) no-repeat 0 0;
	clear:left;
	height:40px;
	width:940px;
}

#menu ul li {float:left;}

#menu ul li a {
	display:block;
	float:left;
	line-height:40px;
	text-align:center;
	text-decoration:none;
}

#menu ul li#home a {
	background: url(../images/menu/home.jpg) no-repeat 0 0;
	color:#474747;
	height:40px;
	width:74px;
}
#menu ul li#home a:hover {
	background:url(../images/menu/home.jpg) no-repeat 0 -40px;
	color:#fff;
	font-weight:bold;
}

#menu ul li#building a {
	background: url(../images/menu/building.jpg) no-repeat 0 0;
	color:#474747;
	height:40px;
	width:207px;
}
#menu ul li#building a:hover {
	background:url(../images/menu/building.jpg) no-repeat 0 -40px;
	color:#fff;
	font-weight:bold;
}

#menu ul li#excavation a {
	background: url(../images/menu/excavation.jpg) no-repeat 0 0;
	color:#474747;
	height:40px;
	width:235px;
}
#menu ul li#excavation a:hover {
	background:url(../images/menu/excavation.jpg) no-repeat 0 -40px;
	color:#fff;
	font-weight:bold;
}

#menu ul li#contact a {
	background: url(../images/menu/contact.jpg) no-repeat 0 0;
	color:#474747;
	height:40px;
	width:102px;
}
#menu ul li#contact a:hover {
	background:url(../images/menu/contact.jpg) no-repeat 0 -40px;
	color:#fff;
	font-weight:bold;
}

#menu ul li#home a.current,
#menu ul li#building a.current,
#menu ul li#excavation a.current,
#menu ul li#contact a.current {
	background-position: 0 -40px;
	color:#fff;
	font-weight:bold;
}

/* == END OF MENU ========================= */

/*	== CONTENT ============================ */

#content {
	background:#fff;
	clear:both;
	float:left;
	line-height:1.4;
	margin-bottom:20px;
	width:940px;
}

#master_photo {
	border-top:1px solid #fff;
	float:left;
	height:238px;
	width:940px;
}

#welcome_box {
	background:url(../images/welcome_box_bg.jpg) repeat-x 0 0;
	margin-top:5px;
	padding:20px;
	width:900px;
}

#content #welcome_box h2 {
	border-bottom:2px solid #fff;
	color:#fff;
	line-height:1.2;
	margin-bottom:15px;
}

#content #welcome_box p {
	color:#fff;
	text-align:justify;
}

#content h2 {
	border-bottom:2px solid #424242;
	clear:both;
	color:#424242;
	font-size:30px;
	font-weight:lighter;
	line-height:1.2;
	margin-bottom:15px;
}

#content_left {
	float:left;
	font-size:15px;
	padding:20px 20px 0;
	width:552px;
}

#content_left h3 {
	font-weight:bold;
}

#content_left #left_column {
	float:left;
	margin-right:20px;
}

#content_left #right_column {
	border-left:1px solid #ccc;
	float:left;
	padding-left:20px;
}

#content_left ul {
	float:left;
	margin: 30px 0 0 10px;
	list-style-type: none;
	padding: 0;
}

#content_left ul li {
	background: url(../images/arrow.gif) no-repeat center left;
	padding-left:15px;
}


#content_right {
	float:right;
	font-size:15px;
	margin:20px 0 0;
	width:337px;
}

#quote {
	background: url(../images/quote_middle.gif) repeat-y 0 0;
	color:#3F3F3F;
	float:left;
	font-size:12px;
	font-style:italic;
	padding:10px 20px;
	position:relative;
	overflow:hidden;
	text-align:justify;
	width:297px;
}

#quote_top {
	background:url(../images/quote_top.gif) no-repeat right bottom; 
	height:10px; 
	width:337px;
}

#quote_bottom {
	background:url(../images/quote_bottom.gif) no-repeat right top; 
	float:left;
	height:37px;
	width:337px;
}

#client_name {
	padding:10px 20px 0 0;
	float:right;
	height:50px;
}

#client_name p {
	color:#252525; 
	font-size:12px; 
	text-align:right;
}

#content_bottom {
	clear:both;
	margin:10px 20px;
	text-align:justify;
	width:900px;
}

#content_bottom .article {margin-bottom:20px;}

#content_bottom img {
	float:left;
	padding:5px;
	border:1px solid #ccc;
	margin-right:10px;
}

/* == END OF CONTENT ====================== */

/* == FOOTER ============================== */

#footer {
	border-top:10px solid #bbb;
	clear:both;
	float:left;
	font-size:12px;
	padding:10px 20px;
	width:900px;
}

#footer a:link, #footer a:visited, #footer a:active {color:#666; text-decoration:none;}

#footer a:hover {text-decoration:underline;}

#footer_left {
	float:left;
	width:500px;
}

#footer_right {
	float:right;
	text-align:right;
	width:380px;
}
/* == END OF FOOTER ======================= */


/* == CONTACT ============================= */

#master_photo.contact_master_photo {background:url(../images/top_photo_contact.jpg) no-repeat 0 0;}

form {float:left;width:440px;}

form span {color:#F00;}

label {
	background-color:#DFDFDF;
	border:1px solid #DFDFDF;
	clear:both;
	cursor:pointer;
	float:left;
	margin:10px 5px 0 0;
	padding:5px;
	vertical-align:top;
	width:105px;
}

input, textarea {
	background:#ccc;
	border:1px solid #ccc;
	font-family:Trebuchet MS;
	font-size:13px;
	margin:10px 0 0 0;
	padding:5px;
	width:300px;
	vertical-align:top;
}

textarea { height:107px;}

input:focus, textarea:focus {background:#BFBFBF;}

input.submitbutton {
	color:#656565;
	cursor:pointer;
	float:right;
	margin:10px 5px 0 0;
	width:105px;
}

#contact_right_msg {
	background:#fdfdb9;
	border:1px solid #DFDF7E;
	float:right;
	margin-top:20px;
	padding:20px;
	width:400px;
}

#contact_right_msg p.name {text-align:right;}

#contact_right {
	float:right;
	margin-top:10px;
	width:440px;
}

#contact_right p:first-child {margin-bottom:10px;}

#contact_right span.color { font-weight:bold; color:#981729;}
#contact_right span {font-weight:bold;}

#contact_right a {color:#656565; text-decoration:underline;}
#contact_right a:hover {text-decoration:none;}

#messagesent {
	background:#8dd477;
	font-weight:bold;
	padding:10px 20px;
}

#messagefailed {
	background:#981729;
	color:#fff;
	font-weight:bold;
	padding:10px 20px;
}

#demotip { 
    display:none;
    background:transparent url(../images/tooltip.png); 
    font-size:12px; 
    height:70px; 
    width:160px; 
    padding:25px; 
    color:#fff; 
}


/* == END OF CONTACT ====================== */

/* == BUILDING ============================ */

.services_article {
	float:left;
}

.service_photos {
	border-top:1px solid #ccc;
	float:left;
	margin:10px 0;
	padding-top:10px;
	width:100%;
}

#content_bottom .service_photos img {
	margin:8.2px;
}

#content_bottom .service_photos img:hover {
	background:#981729;
	border:1px solid #981729;
}

div.progres_wrap {clear:both;}

#content_bottom .service_photos img.progres {
	border:0 none;
	margin:10px 8.2px;
	padding:0;
}

/* == END OF BUILDING ===================== */