/****************************************************************************************************
- Styles in this sheet are used for customising the layout of the site.
  Site-specific elements (horizontal rules, ordered/unordered lists, etc.) are also included here. 
  Heavy customisation needs to be done here.
****************************************************************************************************/

#home_page_container {
	width: 960px;
	margin: auto;
	background: url(../im/bg_skin_home.jpg) no-repeat;
	text-align: left;
}

#page_container {
	width: 960px;
	margin: auto;
	background: url(../im/bg_skin.jpg) no-repeat;
	text-align: left;
}

#header {
	height: 126px;
}

#header .padding {
	padding: 33px 0 65px 2px;
}

#main_nav {
	margin-right: 760px;
}

#main_nav .padding {
	padding: 0 98px 0 0;
}

#content_container {
	float: right;
	width: 760px;
}

#content_container .padding {
	padding: 61px 61px 0 0;
}

#content_container #banner_home {
	height: 258px;
}

#content_container #content {
	padding: 113px 0 50px 0;
} 

#content_container #content #whats_new {
	float: left;
	padding: 0 20px 50px 0;
	width: 213px;
}

#content_container #content #our_brands {
	float: left;
	padding: 0 20px 50px 20px;
	width: 193px;
}

#content_container #content #get_in_touch {
	float: left;
	padding: 0 0 50px 20px;
	width: 213px;
}

#footer {
	background: url(../im/bg_footer.jpg) no-repeat;
	clear: both;
	color: #8c8c8c;
	font-family: Trebuchet Ms, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 74px;
	text-align: center;
}

#footer .padding {
	padding: 25px 0 40px 0;
}