/*======================
	CSS RESET
========================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	font-family: Arial, Tahoma, Sans-Serif;
	vertical-align: baseline;
	line-height:1.3;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background:#f3f2e6; 
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*======================
	WRAPPER
========================*/
#wrapper
{
	background: #f3f2e6 url(../images/site_background.png) 10px 0 repeat-y;	
	float:left; 
	width:100%;
}

/*======================
	BODY
========================*/
#background
{
	float:left; 
	width:100%; 
	background:url(../images/top_background.png) repeat-x; 
	min-height:384px;
	height:auto !important;
	height:384px;
	padding-left:10px; 
}
/*======================
	CONTAINER
========================*/
#container
{
	width:686px; 
	float:left; 
}
/*======================
	HEADER
========================*/
#header
{
	float:left; 
	background:url(../images/header_background.jpg) no-repeat; 
	width:100%; 
	height:384px; 
}
#logo a
{
	display:block; 
	position:absolute; 
	width: 134px; 
	height:89px; 
	top:77px; 
	left: 28px; 
}
#header .container
{
	
	position:absolute; 
	top:300px; 
	left:200px; 
	width:490px; 

}
#header .container h1{ color: #fff; font-size:24px; font-weight:400; margin:0; line-height:1;  }
#header .container h2{ color:#f2f2c3; font-size:18px; font-weight:400; margin:0; line-height:1;  }
/*======================
	MAIN MENU
========================*/
#main-menu 
{
	/*outline:solid 1px blue; */
	position:absolute; 
	
	left:200px; 
	top:95px; 
	
}
#main-menu ul
{
	margin:0; 
	padding:0; 
}
#main-menu li
{
	float:left; 
	line-height:1.5; 
	list-style:none; 
}
#main-menu  li  a
{
	font-size:14px; 
	display:block; 
	font-family:"Times New Roman"; 
	font-style:italic; 
	text-decoration:none; 
	color:#17381b; 
	padding: 40px 5px 37px 5px; 
	background-repeat:no-repeat; 
	background-position:50% 0px; 
}
#main-menu a span{ }
#main-menu a:hover, #main-menu li.active a{ background-color:#d6dec9;  background-position:50% -90px ;  }
#main-menu li a.home{  background-image:url(../images/menu_home.png) }
#main-menu li a.portfolio{  background-image:url(../images/menu_portfolio.png) }
#main-menu li a.how-we-work{  background-image:url(../images/menu_work.png) }
#main-menu li a.marketing{  background-image:url(../images/menu_marketing.png) }
#main-menu li a.design{  background-image:url(../images/menu_design.png) }
#main-menu li a.advertising{  background-image:url(../images/menu_advertising.png) }
#main-menu li a.contact-us{  background-image:url(../images/menu_contact.png) }
/*======================
	BODY
========================*/
#body
{
	float:left; 
	width:100%; 
}
#body .container
{
	width:465px; 
	float:left;
	
	position:relative; 
	left:192px; 
	margin-top:15px; 
	margin-bottom:10px; 
}
/*======================
	FOOTER
========================*/
#footer
{
	float:left; 
	width:100%; 
	height:30px; 
	background: #f2f1e6 url(../images/footer_background.png) no-repeat; 
	padding-top:15px; 
}
#footer div
{ 
	margin:0 10px 0 10px; 
	font-size:10px; 
	font-family:"Times New Roman", Times, serif; 
	color:#9f9f9b; 
} 
#copyright
{
	float:left; 
}
#info
{
	float:right; 	
}