*{ 
margin: 0; padding: 0; 
}*

body { font: 12px Arial, Sans-Serif; line-height: 16px; background: url(images/bg.gif);}

/*####### LINKS ########### */

a {color: #000000; text-decoration: none;}
a:visited {color: #000000; text-decoration: none;}
a:hover {color: #338538; text-decoration: underline;}

h1 { color: #338538; font-size: 14px; font-style: bold; }


h2 { color: #000000; font-size: 20px; font-style: bold; }
h3 { color: #338538; font-size: 28px; font-style: bold; padding:10px 0px 10px 0px;}
h4 {color: #FFFFFF; font-size: 16px; font-style: bold;}
h5 { color: #338538; font-size: 22px; font-style: bold; }

ul {  
font: 20px Arial;
}
li { 
list-style-type: none;
}

#content-left ul {
color: #000000;
font: 12px Arial;
padding-left: 15px;
}
#content-left li {

list-style-type: disc; 
color: #000000; 
}
#content-right ul {
	color:#000000;
font: 12px Arial;
padding-left: 15px;
}
#content-right li {
list-style-type:disc; color:#000000;
}

p { margin: 5px 0 10px 0;
	}
	
span.contact {
font: 16px Arial, Sans-Serif;
line-height: 32px;
}

span.contact-email {
font: 10px Arial, Sans-Serif;
line-height: 32px;
}

img {
	border: none;
	float: none;
}



/*///////////////////// LAYOUT //////////////////////// */

#wrap { 
padding: 0px 0px 0px 0px; 
width: 1024px; 
margin:30px auto; 
background: #FFFFFF; 
border: 1px solid #7a7979
}


/* ########### HEADER SECTION ########### */
#header {
height: 170px;
width: 1024px;
}

#logo {
width: 291px;
height: 90px;
float:left;
padding: 35px;
}

#nav {
	height: 30px;
	width: 500px;
	float:left;
	padding: 75px 0px 0px 115px;

}

#nav a {
	padding: 0px 0px 0px 30px;
	color: #000000; text-decoration: none;
	}

#nav a:hover {
	padding: 0px 0px 0px 30px;
	color: #338538; text-decoration: underline;
	
	
}
/* ########### FEATURED SECTION ########### */

#featured {
/*background: #8f080f;*/
background: url(images/featured-backround-mark-albert-construction.jpg) no-repeat left top;
width: 1024px;
height: 378px;
}

#featured-header {
	/*background: #8f080f;*/
margin:30px 0px 15px 35px;
width: 404px;
height: 24px;
	
	float:left;
}

#featured-text-header {
	margin: 10px 0px 0px 15px;
	width: 404px;
	height: 24px;
}

#featured-text a{
	color: #FFFFFF; text-decoration: none; font-style: bold; font: 12px Arial, Sans-Serif; 
	padding-right: 30px;
}

#featured-text a:hover{
	color: #000000; text-decoration: underline; font-style: bold; font: 12px Arial, Sans-Serif; 
}

#featured-text-text {
	margin: 0px 0px 0px 15px;
	width: 420px;
	height: 235px;
	font: 14px Arial, Sans-Serif;
	line-height: 14px;
	color: #FFFFFF;
}

#featured-picture {
	/*background: #8f080f;*/
margin:10px 0px 0px 30px;
	width: 430px;
	height: 283px;
	float:left;
}

#featured-text {
	/*background: #8f080f;*/
background: url(images/feature-text-backround.png) no-repeat left top;
	height: 273px;
	width: 456px;
	float:right;
	margin:15px 70px 0px 0px;
}

/* ########### CONTENT SECTION ########### */

#content {
width: 1024px;
height: 800px;
}

#content-our-work {
	width: 1024px;
	height: 700px;
}

#content-contact {
	width: 1024px;
	height: 600px;
}
#content-header {
/*background: #8f080f;*/
height: 35px;
width: 895px;
margin: 25px auto;
}

#content-left {
	width: 400px;
	height: 650px;
	float:left;
	padding: 0px 0px 0px 62px;
}

#content-left-1 {
height: 150px;
width: 400px;

}	
	
#content-right {
	/*background: #8f080f;*/
height: 675px;
width: 400px;
float:right;
padding: 0px 35px 0px 0px;
background: url(images/mark-albert-constuction-residential.jpg) no-repeat;
background-position: 80% 60%;
}

#shovel {
	/*background: #8f080f;*/
width: 149px;
	height: 264px;
	position:absolute;
	left:1268px;
	top:915px;
	z-index:0;
/*margin: 300px 15px 0px 0px;*/
}

/* ########### CONTACT SECTION ########### */
#contact-wrap {
	width: 900px;
	height: 525px;
	/*padding: 0px 0px 0px 62px;*/
    margin: 25px auto;
}

#contact-left {
	width: 315px;
	height: 450px;
	float: left;
	/*padding: 0px 0px 0px 62px;*/
    /*margin: 25px auto;*/
}

#contact-right {
	width: 525px;
	height: 264px;
	float: right;
	/*padding: 0px 0px 0px 62px;*/
    /*margin: 25px auto;*/
}
/* ########### OUR WORK SECTION ########### */
#our-work {
	width: 900px;
	height: 700px;
	/*padding: 0px 0px 0px 62px;*/
    margin: 25px auto;
}
#ow-2sa {
	width: 344px;
	height: 600px;
	float: left;
	/*padding: 0px 0px 0px 62px;*/
    /*margin: 25px auto;*/
}

#ow-hr {
	width: 344px;
	height: 600px;
	float: right;
	margin-right:25px;
	/*padding: 0px 0px 0px 62px;*/
    /*margin: 25px auto;*/
}


/* ########### FOOTER SECTION ########### */

#footer { 
background: url(images/footer-backround-mark-albert-construction.jpg) no-repeat left top;
width: 1024px;
height: 337px;
font-size: 11px; 
text-align: center; 
border-top: 1px solid #ccc; 
/*padding: 10px 5px; */
}

#links {
	width: 200px;
	height: 80px;
	margin: 20px auto 15px;
	float:none;
}

#footer a{
	color: #000000; text-decoration: none; font: 12px Arial, Sans-Serif; line-height: 16px;
}

#links a:hover{
	color: #FFFFFF; text-decoration: underline; font: 12px Arial, Sans-Serif; line-height: 16px;
}

#social-icons {
	height: 100px;
	width: 600px;
	padding-top: 15px;
	margin: auto;
}

#footer-text {
	width: 1024px;
	height: 20px;
	margin: 75px auto;

}
