/*----------------------------------------------------------
[Urban Element Layout Stylesheet]

Note: Use this stylesheet for structural and layout changes

Project:	[Urban Element Framework]  
Version:	1.0
Last change:	09/01/09 [DJ - Template Build]
Assigned to:	Dave Johnston [DJ] Robert Waggott [RW] 

------------------------------------------------------------*/

/*----------------------------------------------------------

[Table of contents]

0.0 Imports
	0.1 Reset
	0.2 type
	0.3 style
	0.4 forms

1.0 Body
	1.1. Wrapper / #wrapper
	1.2. Container / #container

2.0 Header / #header

3.0 Content / #content
	3.1. Column 1 / #column_1
	3.2. Column 2 / #column_2
	3.3. Column 3 / #column_3
	3.4. Sidebar / #sidebar

4.0 Footer / #footer

5.0 Miscellaneous

6.0 Recycle bin 

------------------------------------------------------------*/

/* 0.0 - Imports
------------------------------------------------------------*/


/* 1.0 - Body
------------------------------------------------------------*/
	#site .h1Class {display: none;}
	html, body { padding: 0; margin: 0; }
	#site {height: 100%; font-family: Georgia, "Times New Roman", Times, serif; background-image: url(../../media/siteImages/body_bg.jpg); background-position: left top; }
/* 1.1 - Body / Wrapper
------------------------------------------------------------*/

	#site	#wrapper { height: 100%; width: 100%; background-image: url(../../media/siteImages/tyre_track.gif); background-repeat: no-repeat; background-position: left top; }
	#site	#wrapper_header { height: 100%; width: 100%; background-image: url(../../media/siteImages/header.gif); background-repeat: no-repeat; background-position: center top; }

/* 1.2 - Body / Container
------------------------------------------------------------*/

	#site #container { display: block; width: 960px; margin-right: auto; margin-left: auto; padding: 0px; }
	
	#site #advert_column .home_advert { display: block; }

/* 1.2 - Body / Container / Advert Column
------------------------------------------------------------*/

	#site	#advert_column .advert { display: block; height: 400px; background-position: center center; background-repeat: no-repeat; }
	#site	#advert_column .company_01 { background-image: url(../../media/siteImages/adverts/ad_placeholder_01.gif); }
	#site	#advert_column .company_02 { background-image: url(../../media/siteImages/adverts/ad_placeholder_02.gif); }

/* 2.0 - Header
------------------------------------------------------------*/


/* 2.1.1 - Header / Primary Navigation
------------------------------------------------------------*/

	
/* 2.1.2 - Header / Secondary Navigation
------------------------------------------------------------*/


/* 2.1.3 - Header / Tertiary Navigation
------------------------------------------------------------*/


/* 2.2 - Header / Image Container
------------------------------------------------------------*/

	#homepage #site #image_container {  background-color: #1E1A19; display: block; height: 400px; margin: 0px 20px 0px 20px; }
	#site	#innerpage #image_container { background-color: #1E1A19; display: none; height: 400px; margin: 0px 20px 0px 20px; }
	
	#site	#slider .gallery { display: block; background-image: url(../../media/siteImages/feature_background.jpg); background-repeat: no-repeat; background-position: left -6px; float: left; height: 360px; width: 475px; }
	
	#site	#slider {  width: 745px;  margin: 0 auto;  position: relative; color: #FFF;}
			.scroll {  height: 400px;  overflow: auto;  position: relative; /* fix for IE to respect overflow */  clear: left; }
			.scrollContainer div.panel {  padding: 20px;  height: 360px;  width: 705px; }
			.scrollButtons {  position: absolute;  top: 150px;  cursor: pointer;}
			.scrollButtons.left {  left: -20px;}
			.scrollButtons.right {  right: -20px;}
	#site	#slider .navigation { display: block; background-image: url(../../media/siteImages/infotext_3steps.jpg); background-repeat: no-repeat; background-position: left top; float: left; height: 360px; width: 100px; margin: 0px 25px 0px 0px; padding: 75px 0px 0px 0px; }
	#site	#slider .navigation ul { list-style: none; }
	#site	#slider .navigation li { list-style: none; }
			.feature_info { background-image: url(../../media/siteImages/infobutton.png); background-repeat: no-repeat; background-position: center center; display: block; height: 56px; width: 56px; position: absolute; top: -20px; right: -20px; cursor: pointer; z-index: 2000; }
		
	#site	.stepone {}
	#site	.stepone_button { display: block; height: 62px; width: 61px; background-image: url(../../media/siteImages/step_01.jpg); background-repeat: no-repeat; background-position: left top; margin: 5px 0px 10px 15px; text-indent: -900px; overflow: hidden; }
	#site	.stepone_button:hover { background-repeat: no-repeat; background-position: left bottom; }
	#site	.steptwo {}
	#site	.steptwo_button { display: block; height: 62px; width: 61px; background-image: url(../../media/siteImages/step_02.jpg); background-repeat: no-repeat; background-position: left top; margin: 5px 0px 10px 15px; text-indent: -900px; overflow: hidden; }
	#site	.steptwo_button:hover { background-repeat: no-repeat; background-position: left bottom; }
	#site	.stepthree {}
	#site	.stepthree_button { display: block; height: 62px; width: 61px; background-image: url(../../media/siteImages/step_03.jpg); background-repeat: no-repeat; background-position: left top; margin: 5px 0px 10px 15px; text-indent: -900px; overflow: hidden; }
	#site	.stepthree_button:hover { background-repeat: no-repeat; background-position: left bottom; }
	#site	.stepfour {}
	#site	.stepfour_button { display: block; height: 62px; width: 61px; background-image: url(../../media/siteImages/step_04.jpg); background-repeat: no-repeat; background-position: left top; margin: 5px 0px 10px 15px; text-indent: -900px; overflow: hidden; }
	#site	.stepfour_button:hover { background-repeat: no-repeat; background-position: left bottom; }
	#site	.step_current { background-repeat: no-repeat; background-position: left bottom; }
	
/* 3.0 - Content
------------------------------------------------------------*/

	#site	#content { display: block; }
	#homepage #site #content_cap { background-image: url(../../media/siteImages/body_paper_top_gallery.gif); background-repeat: no-repeat; background-position: center top; display: block; padding: 42px 0px 0px 0px; }
	#site	#innerpage #content_cap { background-image: url(../../media/siteImages/body_paper_top_nogallery.gif); background-repeat: no-repeat; background-position: center top; display: block; padding: 42px 0px 0px 0px; }


/* 3.1 - Content / Column 1
------------------------------------------------------------*/



/* 3.2 - Content / Column 2
------------------------------------------------------------*/



/* 3.3 - Content / Column 3
------------------------------------------------------------*/



/* 3.4 - Content / Column 4
------------------------------------------------------------*/



/* 4.0 - Footer
------------------------------------------------------------*/

#site	#footer_container { display:block; clear:both; background-image: url(../../media/siteImages/footer_bg.jpg); background-repeat: repeat-x; background-position: left top; background-color: #1E1A19; }
#site	#footer_content { display: block; min-height: 350px; width: 960px; margin-right: auto; margin-left: auto; }
#site	#footer_content .medium_column { float: left; min-height: 310px; width: 480px; }
#site	#footer_content .small_column { float: left; min-height: 310px; width: 240px; background-image: url(../../media/siteImages/footer_divide.jpg); background-repeat: no-repeat; background-position: left center; }

/* 5.0 - Miscellaneous
------------------------------------------------------------*/


/* 6.0 - Recycle Bin
------------------------------------------------------------*/

/*
Put old css in here:






*/