html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
  background-image:url('images/header_bg.png');
 background-repeat:repeat-x;
} 
 
#pagewidth{ 
 width:960px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 height:73px; 
 background-image:url('images/header_bg.png');
 background-repeat:repeat-x;
 width:100%;
} 
#logo{
position:absolute;
left:20px;
top:6px;
}

/*menu begins */
.menu{
	list-style:none;
	text-align:center;
	width:950px;
	height:40px;
	float:right;
	position:relative;
	left:169px;
	top:2px;
	
}

.menu li{
	display:inline;
	padding:0 22px;
	line-height:40px;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.menu li a{
	color:#fff;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
}
.menu li a:hover{
	color:#6d6e70;
}
/*menu ends */

#contactbar{
height:40px;
width:960px;
background-image:url('images/contactbar.png');
margin-top:0px;
}
#contactbutton{
height:30px;
width:160px;
position:relative;
left:773px;
top:5px;
}

#right{
float:right;
width:310px;
}

#services{
background-image:url('images/servicesblock.png');
width:310px;
height:174px;
margin-top:5px;
}

#serviceslink{
width:164px;
height:20px;
position:relative;
top:144px;
float:right;
right:25px;
}

#testimonials{
background-image:url('images/testimonialsblock.png');
width:310px;
height:174px;
margin-top:5px;
}

#testimonialslink{
width:161px;
height:18px;
position:relative;
top:144px;
right:25px;
float:right;
}

#blog{
background-image:url('images/blogblock.png');
width:310px;
height:174px;
margin-top:5px;
}

#bloglink{
width:94px;
height:18px;
position:relative;
top:144px;
right:25px;
float:right;
}

#left{
width:640px;
float:left;
}
#welcomeheader{
background-image:url('images/welcometext.png');
background-repeat:no-repeat;
width:102px;
height:20px;
margin-top:5px;
margin-left:0px;
}
#welcometext{
float:left;
position:relative;
margin-top:-5px;
width:640px;
left:3px;
} 

#recentworktext{
float:left;
position:relative;
width:140px;
height:15px;
background-image:url('images/recentworktext.png');
background-repeat:no-repeat;
}

/* Ski's Recent Work */

#skisscreenshot{
background-image:url('images/skisscreen.png');
height:112px;
width:182px;
float:left;
position:relative;
right:140px;
top:40px;
}

#skistext{
float:left;
height:100px;
left:194px;
top:-90px;
width:447px;
position:relative;
}

#skiscasestudybutton{
position:relative;
top:-5px;
left:270px
}
/* Elk Run Golf Recent Work */
#elkrunscreenshot{
background-image:url('images/elkrunscreen.png');
height:112px;
width:182px;
float:left;
position:relative;
right:447px;
top:75px;
}

#elkruntext{
float:left;
height:100px;
left:194px;
top:-55px;
width:447px;
position:relative;
}
 #elkruncasestudybutton{
position:relative;
top:-5px;
left:270px;
}

#footer{
width:960px;
height:46px;
background-image:url('images/footer.png');
background-repeat:no-repeat;
top:921px;
position:absolute;
margin:0 auto;
}
 
#maincol{background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:; 
 }
 
  /* *** Typefaces*** */ 
  p{
font-family: Arial;
font-size: 14px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 18px;
color: #636363;
  }

 
 /* *** Float containers fix *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */