body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px; padding: 0px; border: 0px; top:0px;
}
.clear:after {
	content: ""; display: block; clear: both;
}
	.clear { zoom: 1; } 



body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background: #ddd1af url(../images/bg.jpg) repeat;
}

#container {
	width: 960px; margin: 0px auto; background: #fff url(../images/bg_container.jpg) no-repeat; padding-left:10px; padding-bottom:10px;
}
 
#header {
	height: 75px; padding: 25px 0 0 0;
}

#header h1 a {
	display: block; width: 318px; height: 58px; float: left;
	background: url(../images/logo.png); text-indent: -9999px;
}

#header ul#nav {
	float: right; list-style: none; margin: 10px 0 0 0; padding-top:10px; padding-bottom:10px;
}
	#header ul#nav li {
		float: left; padding: 0 0 0 40px; margin: 0 37px 0 0;
		background: url(../images/nav-separator.png) left no-repeat;
	}
		#header ul#nav li:first-child { background: none; }
		
		#header ul#nav li a { 
			font-size: 11px; color: #fff; text-decoration: none;
		}
			#header ul#nav li a:hover, #header ul#nav li a.active {
				color: #454545;	
			}
			
#feature-header {
	clear: both; height: 333px;
	/*background: url(../images/macbook-bg.jpg) right top no-repeat;*/
}
	#feature-header div.feature-text {
		width: 485px; float: left;	
	}
	#feature-header div.feature-text  h2 {
		width: 402px; height: 96px; margin: 40px 0 13px 0;
		/*background: url(../images/we-squeeze.jpg); text-indent: -9999px;*/
	}
	#feature-header div.feature-text  p {
		color: #fff; font-size: 12px; line-height: 28px; margin: 0 0 15px 0; text-align:center;
	}
	#feature-header div.feature-text  p a {
		color: #fff; background: #7b7ba0; padding: 5px;	
		text-decoration: none;
	}
		#feature-header div.feature-text p a:hover {
			background: #3f3f69;	
		}
	
	#feature-header div.featured-work {
		float: right;
	}
		#feature-header div.featured-work ul {
			list-style: none; position: relative; top: 51px; right: 78px;
			width: 324px; height: 204px; overflow: hidden;
		}
		
#content {
	margin: 67px 0 70px 0; background-color:#FFFFFF;
}

#content p {
	color: #000;	font-size: 10px; line-height: 18px; margin: 0 0 20px 0;
}
	#content a { color: #c56111; font-weight: strong; text-decoration: none;
	}	
		#content a:hover { color: #5c462f; text-decoration: underline; }
	
#content #main {
	width: 610px; float: left; margin: 0 20px 0 0; background-color:#FFFFFF; /*filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;*/ padding-left:20px; padding-right:0px; padding-bottom:15;
}
	#content #main h3 {
		color: #000; font-size: 12px; line-height: 28px;	 font-weight: normal;
		margin: 0 0 25px 0; padding-top:10px; text-align:center;
	}


#content #main div.latest-news {
	margin: 40px 0 0 0;	
}
	#content #main div.latest-news h4 {
		color: #000; font-size: 12px; line-height: 28px;	 font-weight: normal;
		margin: 0 0 15px 0;
	}
	#content #main div.latest-news ul.latest-news {
		width: 265px; float: left; list-style: none;	
		padding: 0 40px 0 0;
	}
		#content #main div.latest-news ul.latest-news li h5 {
			font-size: 10px; margin: 0 0 3px 0;	
		}
	#content #main div.latest-news p a.more-news {
		float: right; font-size: 16px; font-weight: bold;
		background: url(../images/more-arrow.png) right 4px no-repeat; padding: 0 15px 0 0;
	}


#content #side {
	width: 293px; float: left; margin: 0 0 0 17px; 
	/*background: url(../images/sidebar-top.jpg) no-repeat;*/
}

	#content #side div.featured-project {
		padding: 24px 17px 10px 17px;
		/*background: url(../images/sidebar-bottom.jpg) bottom no-repeat;*/
	}
		#content #side div.featured-project h3 {
			font-size: 12px; color: #6d6d6d; letter-spacing: -1px; margin: 0 0 20px 0; text-align:center;
		}
		#content #side div.featured-project img.featured-website {
			display: block; margin: 0 auto; border: 0px solid #dfdfdf;	
		}
		#content #side div.featured-project a.see-more-btn {
			display: block; width: 228px; height: 41px; margin: 0 auto;
			background: url(../images/seemorework-btn.jpg) top; text-indent: -9999px;
		}
			#content #side div.featured-project a.see-more-btn:hover {
				background: url(../images/seemorework-btn.jpg) bottom;
			}
	
#footer-container {
	/*background: #000;*/	
}

	#footer {
		width: 960px; margin: 0 auto; padding: 30px 0 50px 0;
		text-align:right;
		/*background: url(../images/footer-shadow.jpg) center top no-repeat;*/
	}
		#footer h6 {
			font-size: 20px; color: #767676; font-weight: normal; margin: 0 0 5px 0;	
		}
		#footer p {
			font-size: 14px; color: #767676; line-height: 18px;	
		}
		#footer a {
			color: #7b7ba0; text-decoration: none;
		}	
			#footer a:hover { color: #3f3f69; text-decoration: underline; }