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

/* 1.1 - Body / Wrapper
------------------------------------------------------------*/


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

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

	#site #advert_column .home_advert { display: none; overflow: hidden; }

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


/* 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; 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; }
#site		.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; }
#site	#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; }
#site	#content_wrapper { background-image: url(../../media/siteImages/body_paper_middle.gif); background-repeat: repeat-y; background-position: center 40px; display: block; min-height: 582px; padding: 0px 0px 30px 0px;  }
#site	#content .hr { display:inline-block; height:26px; width:100%; background:url(../../media/siteImages/hr_image.gif) center center no-repeat; border: none; border-width: 0px; clear: both; margin: 5px 0px 5px 0px; }
#site	#content hr { display:none; }*/

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



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



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



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



/* 4.0 - Footer
------------------------------------------------------------*/
/* 5.0 - Miscellaneous
------------------------------------------------------------*/


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

/*
Put old css in here:






*/