/* 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/bg2.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:685px;
	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:0 auto 22px auto; width:793px; 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; margin:-15px 0 0 0}
.info h3				{ font-family:arial, verdana, sans-serif; font-style:normal; font-size:18px; color:#272727; margin:17px 0 0; font-weight:normal; padding-bottom: 0px; }
.info p					{ font-size:12px; color:#666; line-height:1.5em; }
.info p.more			{ /*position:absolute;*/ bottom:0; margin-top:15px; float:left; }
.more a					{ 
						  display:block; width:128px; height:27px; background:url(../images/view_site_btn.gif) no-repeat; text-indent:-999em; 
			/*	position:relative; left:-2px;*/ margin-top:10px; float:left;
						}
.info a.top:focus,
.more a:focus			{ outline:none; }
.info .more a.top		{ display:none; }
.info a.top				{ 
						  display:block;/* position:absolute;*/ bottom:12px;  width:22px; height:23px; 
						  background:url(../images/top_btn.gif) no-repeat; text-indent:-999em;
						   margin-top:10px;
						   float:right;
						}
						
/* Contact Us */


	/* @group FORM */
fieldset, form		{ margin:0; padding:0; border:0; }
fieldset ol			{ margin:0; padding:12px 0 0; list-style:none; }
fieldset ol li		{ margin-bottom:1.3em; }
fieldset ol label	{ float:left; width:80px; line-height:33px; font:normal 1.8em "Helvetica Neue", Helvetica, arial, sans-serif; color:#aeaca4; text-align:right; padding-top:8px; padding-left: 5px;}
fieldset ol input.text,
fieldset ol input.email,
fieldset ol textarea{ float:right; width:78%; border:1px solid #d6d6d6; padding:5px; border-width:1px 0px 0 1px; font-size:1.4em; }
fieldset ol input.text	{ height:23px;  }
fieldset ol textarea{ height:130px; font-size:1.4em;}
fieldset ol fieldset.submit	{ margin-left:103px; }
/* @end */

#contact{
font:normal 18px "Helvetica Neue", Helvetica, arial, sans-serif; color:#aeaca4;
margin:0 0 0 130px;
}
#contact input{
float:left; width:78%; border:1px solid #d6d6d6; padding:5px; border-width:1px 0px 0 1px; font-size:12px; margin:10px 0 0 0; 
}
#contact textarea{
	font-family:Arial, Helvetica, sans-serif;
float:left; width:78%; margin:10px 0 0 0; border:1px solid #d6d6d6; padding:5px; border-width:1px 0px 0 1px; font-size:12px;	
	}
	#contact input.button{
		width:97px;
		height:29px;
		border:none;
		float:left;
		background:none;
		border-width:0;
	}
	
	.whoweare{
	width:920px;
	height:40px;
	margin:5px 0 0 0;
	background:url(../images/whoarewe.jpg) no-repeat;
}
	.ourportfolio{
	width:920px;
	height:40px;
	margin:5px 0 0 0;
	background:url(../images/ourportfolio.jpg) no-repeat;
}	
	.contactus{
	width:920px;
	height:40px;
	margin:5px 0 0 0;
	background:url(../images/contactus.jpg) no-repeat;
}
	.startup{
	width:920px;
	height:40px;
	margin:5px 0 0 0;
	background:url(../images/startup-package.jpg) no-repeat;
}
	.ourpackage{
	width:920px;
	height:40px;
	margin:5px 0 0 0;
	background:url(../images/ourpackage.jpg) no-repeat;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.floatLeft{
	float:left;
}
.errorColor{
	color:#E53838;
	font-weight:bold;
}
.successColor{
	padding-top:5px;
	color:#6D84B4;
	font-weight:bold;
}

.esSpace{
	line-height:14px;
	padding-left:8px;
}

#c-warning{
	width:200px;
	margin:5px auto;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}