/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

body{
	background: #eeede5 url(../images/bg.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
}
.clear{clear:both;
}
.main-container{
	width:795px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
	margin:0 auto 25px auto;
}
.logo{
	width:598px;
	height:69px;
	margin:33px auto 0 auto;
}

.menu-container{

	width:795px;
	height:50px;
	margin:28px 0 0 0;
}
.menu-container ul{
	margin:0 auto;
	padding:0 0 0 140px;
}

.menu-container ul li{
	display:block;
	float:left;
	list-style:none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	
	color:#1e1e1e;
	margin:15px 15px 0 0;
}

.menu-container ul li a{
	text-decoration:none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#1e1e1e;
}

.menu-container ul li a:hover{
	text-decoration:none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
}
.banner{
	width:718px;
	height:341px;
	margin:23px auto 0 auto;
	background:url(../images/banner.jpg) no-repeat;
}

.services-container{
	width:920px;
	min-height:300px;
	margin:20px 0 0 -55px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	line-height:18px;
}
.design{
	width:209px;
	height:233px;
	padding-right:8px;
	float:left;
	border-right: 1px solid #d7d6c9;
}
.services-container p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#686764;
	margin:10px 0 0 0;
	line-height:18px;
}
.services-container p.nomarg{
		margin:0px 0 0 0;
		}
.services-container h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #712e10;
	margin:10px 0 0 0;
}
.design img{
	margin:0 auto 0 0px;
}
.css{
	width:209px;
	height:233px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#686764;
	line-height:18px;
	margin:0 0 0 15px;
	padding:0 8px 0 0;
	border-right: 1px solid #d7d6c9;
}
.css img{
	margin:0 auto 0 13px;
}
.development{
	width:209px;
	height:233px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#686764;
	line-height:18px;
	margin:0 0 0 15px;
}
.development img{
	margin:0 auto 0 13px;
}

.cms{
	width:215px;
	height:233px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#686764;
	line-height:18px;
	margin:0 0 0 10px;
	padding-left:10px;
	border-left: 1px solid #d7d6c9;
}
.cms img{
	margin:0 auto 0 13px;
}
.what-offer{
	width:920px;
	height:40px;
	margin:5px 0 0 0;
	background:url(../images/what-offer.jpg) no-repeat;
}

.featured-works{
	width:920px;
	height:40px;
	margin:25px 0 0 0;
	background:url(../images/featured-works.jpg) no-repeat;
}
.featured1{
	width:288px;
	float:left;
}

.featured2{
	width:288px;
	float:left;
	margin:0 0 0 25px;
}

.featured3{
	width:288px;
	float:right;
	margin:0 0 0 0;
}

/*Footer
----------------------------------------*/

.footer-container{
	width:920px;
	margin:25px 0 60px 0;
}
.footer-line{
	width:920px;
	height:6px;
	background:#dfded4;
}
.copyright{
	width:350px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#686764;
	float:left;
	margin:15px 0 0 0;
	text-transform:uppercase;

}

.footer-container ul{
	width:490px;
	padding:0;
	margin:0;
	float:right;
}

.footer-container ul li{
	display:block;
	float:left;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#686764;
	margin:15px 15px 0 0;
}

.footer-container ul li a{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	color:#686764;
}

.footer-container ul li a:hover{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	color:#1e1e1e;
}

/*Works*/

.project				{ background:url(../images/project_bg.gif) no-repeat left top; margin-bottom:22px; height:205px;  }
.project img			{ float:left; margin:11px 0 0 13px; border:0; }
.info					{ float:right; width:241px; min-height:200px; padding:0 0 0 13px; position:relative; }
.info h3				{ font-family:arial, verdana, sans-serif; font-style:normal; font-size:1.8em; color:#272727; margin:17px 0 0; font-weight:normal; padding-bottom: 0px; }
.info p					{ font-size:1.1em; color:#666; line-height:1.5em; }
.info p.more			{ position:absolute; bottom:0; margin-top:15px; }
.more a					{ 
						  display:block; width:128px; height:27px; background:url(../images/view_site_btn.gif) no-repeat; text-indent:-999em; 
						  position:relative; left:-2px;
						}
.info a.top:focus,
.more a:focus			{ outline:none; }
.info .more a.top		{ display:none; }
.info a.top				{ 
						  display:block; position:absolute; bottom:12px; margin-left:220px; width:22px; height:23px; 
						  background:url(../images/top_btn.gif) no-repeat; text-indent:-999em;
						}

	.startup{
	width:920px;
	height:40px;
	margin:5px 0 0 0;
	background:url(../images/startup-package.jpg) no-repeat;
}