html{
 margin:0; 
 padding:10px 0 0 0; 
 text-align:center; 
}

body{ 
	margin:0; 
	padding:10px 0 0 0; 
	text-align:center; 
	background:#f0f0f0 url(../images/body-bg.gif) repeat-x;
} 
 
#pagewidth{ 
 width:960px; 
 margin: 50px auto 0 auto;
 text-align:left;   
 background:#fff url(../images/BgLines.gif); 
 padding:0;
 border:solid 10px #fff;
} 

p{
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:15px;
}
.home-text{
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:15px;
	background:#fff;
	color:#630;
}
a{
	color:#2adeb1;
	text-decoration:none;
}
a:visited{
	color:#999;
	text-decoration:none;
}

a img{
	border:none;
}
/* -----------------------------------------------------------------------------left-image------ */ 
#left-image{
	background:url(../images/home-main-image.jpg) no-repeat;
	width:540px;
	height:480px;
	display:block;
	padding:0;
	margin:0;
	float:left;
}
/* -----------------------------------------------------------------------------left-image------ */ 
#right-content{
	margin:0;
	padding:0 0 0 10px;
	float:left;
	text-align:left;
	width:390px;
}

/* -----------------main-nav------ */ 

#main-nav {
	padding:0;
	margin: 0;
}
#main-nav li {
	background: none;
	padding: 10px 0 0 0;
	margin:0;
	list-style:none;
}
#main-nav a {
	width: 232px;
	height: 36px;
	text-indent: -900em;
	display: block;
}
#main-nav .home {
	background:url(../images/main-nav-home.gif) no-repeat left top;
}
#main-nav .work {
	background:url(../images/main-nav-work.gif) no-repeat left top;
}
#main-nav .about {
	background: url(../images/main-nav-about.gif) no-repeat left top;
}
#main-nav .contact {
	background: url(../images/main-nav-contact.gif) no-repeat left top;
}
#main-nav .blog {
	background: url(../images/main-nav-blog.gif) no-repeat left top;
}
#main-nav .current, #main-nav a:hover {
	background-position: left bottom;
}

.clear-both{
	clear:both;
	width:100%;
	display:block;
	height:1px;
}

 /* -----------------------------------------------------------------------------footer------ */ 
#footer{
 height:100%; 
 background:transparent; 
 clear:both;
 width:960px;
 margin:0 auto;
 
 } 
/* -----------------footer-nav------ */ 

#footer-nav{
	display:block;
	font-size:12px;
	font-family: Helvetica, Arial, sans-serif;
	margin:10px 0 0 0;
}
#footer-nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
}
#footer-nav ul li{
	display:block;
	float:left;
}	
#footer-nav ul li a{
	display:block;
	height:12px;
	line-height:12px;
	float:left;
	color:#663300;
	padding:3px;
	margin:0 10px;
	text-decoration:none;
	display:block;
	background:#f1f1f1;
}
#footer-nav ul li a:hover{
	display:block;
	height:12px;
	line-height:12px;
	float:left;
	color:#f1f1f1;
	padding:3px;
	margin:0 10px;
	text-decoration:none;
	display:block;
	background:#330000;
} 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.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 */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}