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



/*********** splash page containers ***********/
#splash_page_container {
	width: 990px;
	margin: auto;
	background-image: url('../im/bg_splash_skin.jpg');
	background-repeat: no-repeat;
}

#splash_page_content .padding {
	padding: 470px 0px 125px 0px;
}

#splash_page_footer .padding {
	padding: 15px 0px 270px 0px;
}



/*********** main page containers ***********/
#main_page_header {
	height: 392px;
}

#main_page_header .padding {
	padding: 0px 15px 0px 16px;
}

#main_page_content_skin {
	background-image: url('../im/bg_main_content.jpg');
	background-repeat: no-repeat;
	height: 193px;
	*height: 190px;
}

#introduction {
	float: left;
	width: 315px;
}

#introduction .spacing {
	padding: 60px 22px 22px 22px;
}

#promotions {
	float: left;
	width: 320px;
	_width: 317px;
}

#promotions .spacing {
	padding: 60px 20px 22px 20px;
}

#recruitment {
	float: left;
	width: 324px;
}

#recruitment .spacing {
	padding: 60px 20px 22px 20px;
}



/*********** sub page containers **********/
#about_us_content_skin {
	background-image: url('../im/bg_about_us.jpg');
	background-repeat: no-repeat;
	height: 354px;
}

#about_us_content_skin .spacing {
	padding: 70px 300px 30px 40px;
}

#services_content_skin {
	background-image: url('../im/bg_services.jpg');
	background-repeat: no-repeat;
	height: 354px;
}

#services_content_skin .spacing {
	padding: 70px 300px 30px 40px;
}

#gallery_content_sidebar_left {
	margin-right: 788px;
	height: 585px;
	background-image: url('../im/bg_gallery.jpg');
	background-repeat: no-repeat;
}

#gallery_content_sidebar_left .spacing {
	padding: 70px 20px 70px 20px;
}

#gallery_content {
	float: right;
	width: 788px;
	height: 585px;
	background-image: url('../im/bg_gallery_preview.jpg');
	background-repeat: no-repeat;
}

#gallery_content .spacing {
	padding: 70px 144px 70px 144px;
}

#clients_content_skin {
	background-image: url('../im/bg_clients.jpg');
	background-repeat: no-repeat;
	height: 354px;
}

#clients_content_skin .spacing {
	padding: 70px 300px 30px 40px;
}

#contact_us_content_skin {
	background-image: url('../im/bg_contact_us.jpg');
	background-repeat: no-repeat;
	height: 354px;
}

#contact_us_content_skin .spacing {
	padding: 70px 300px 30px 40px;
}



/*********** global containers ***********/
.lightbox_content {
	text-align: left;
}

.lightbox_content .padding {
	padding: 10px;
}

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

#content .padding {
	padding: 0px 15px 0px 16px;
}

#header {
	height: 231px;
}

#header .padding {
	padding: 0px 15px 0px 16px;	
}

#footer {
	clear: both;
	line-height: 18px;
	text-align: center;
}

#footer .padding {
	padding: 15px 0px 150px 0px;
}