/****************************************************************************************************
- 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.
****************************************************************************************************/


#page_container {
	margin: auto;
	text-align: left;
	width: 960px;
}

#home_container {
	background: top left url(../im/bg_home.png) no-repeat;
	margin: 70px auto 0 auto;
	padding: 120px 0 0 295px;
}


#pagination_news {
	float: right;
	width: 85px;
}

#studio_container {
	background: top left url(../im/bg_studio.png) no-repeat;
	height: 650px;
	margin: 40px auto 0 auto;
	width: 960px;
}

#studio_container .padding {
	padding: 340px 500px 0 30px;
}

#methology_container {
	background: top left url(../im/bg_methology.png) no-repeat;
	height: 650px;
	margin: 40px auto 0 auto;
	width: 960px;
}

#methology_container .padding {
	padding-top: 210px;
	padding-right: 500px;
	padding-bottom: 0;
	padding-left: 30px;
}

#work_container {
	background: top left url(../im/bg_work.png) no-repeat;
	height: 650px;
	margin: 40px auto 0 auto;
	width: 960px;
}

#work_container #thumbnails {
	margin-right: 530px;
	padding: 340px 0 0 30px;
	width: 390px;
}

#work_container #portfolio {
	float: right;
	width: 480px;
	padding-top: 150px;
	padding-right: 50px;
	padding-bottom: 0;
	padding-left: 0;
}

#pagination_work {
	float: right;
	width: 33px;
}

#contact_container {
	background: top left url(../im/bg_contact.png) no-repeat;
	height: 650px;
	margin: 40px auto 0 auto;
	width: 960px;
}

#contact_container .padding {
	padding: 340px 500px 0 30px;
}

#footer {
	bottom: -3px;
	height: 115px;
	left: 0;
	position: absolute;
	width: 100%;
	background-repeat: no-repeat;
	background-position: left bottom;
}

#footer #copyrights {
	float: right;
	font-size: 10px;
	padding: 75px 0 0 0;
	width: 330px;
}
