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

	@import url("type.css");
	@import url("forms.css");
@import url("reset.css");

/* 1.0 - Body
------------------------------------------------------------*/
	
	html, body {
	font-family: Arial, Helvetica, sans-serif;
}

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

	#wrapper {  }

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

	#container {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 960px;
}
#header {
	height: 114px;
}
#header-1 {
	height: 114px;
	width: 700px;
}
#header span {
	display: none;
}

#logo {
	display: block;
	/*background-image: url(../Images/cf-logo.gif);*/
	height: 114px;
	width: 302px;
	/*background-repeat: no-repeat;
	background-position: 0px 0px;*/
	float: left;
}

#logo span {
	display: none;
}
#primary-nav {
	padding-left: 40px;
}
#primary-nav  span {
	display: none;
}
#tree-top {
	background-image: url(../Images/tree-top.gif);
	height: 114px;
	width: 658px;
	float: left;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#content {
	background-image: url(../Images/tree.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	height: 405px;
}

#content .open_apple {
	width: 217px;
	height: 215px;
	background-image: url(../Images/apple-tooltip.jpg);
	background-repeat: no-repeat;
	position: absolute;
	top: 370px;
	right: 90px;
	text-align: center;
}

#content .open_apple .nugget_text {
	font-size: 14px;
	width: 121px;
	height: 97px;
	margin: 0;
	padding: 0;
	margin-top: 42px;
	margin-left: 47px;
}

.apple_rollover {
	position: absolute; 
	width:37px; 
	height: 35px; 
	cursor: pointer;
}

#content-1 {
	float: left;
	width: 960px;
}
#flash-container {
	background-color: #FFF;
	position: relative;
	float: left;
	margin-top: 20px;
	margin-left: 40px;
}
#column-1/* 3.1 - Content / Column 1
------------------------------------------------------------*/

	 {
	float: left;
	width: 360px;
}
#column-2/* 3.2 - Content / Column 2
------------------------------------------------------------*/

	 {
	width: 460px;
	padding-left: 170px;
	clear: left;
	float: left;
}
#column-3 {
	width: 440px;
	padding-left: 170px;
	clear: left;
	float: left;
}

#advert {
	float: right;
	height: 460px;
	width: 120px;
	padding-left: 40px;
	padding-bottom: 40px;
	/*background-image: url(../Images/wm-advert.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;*/
}

#advert span {
	display: none;
}
#contact-form {
	background-image: url(../Images/form.jpg);
	height: 170px;
	width: 396px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-right: 20px;
	padding-left: 20px;
	margin-top: 20px;
	padding-top: 20px;
}
#prize {
	font-size: 10px;
	line-height: 12px;
	color: #999999;
	clear: left;
	padding-bottom: 10px;
}

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

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

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

	#footer {
	clear: both;
	position: relative;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #2c2318;
	padding-top: 10px;
	font-size: 11px;
	color: #2c2318;
	height: 90px;
}
#footer .left {
	float: left;
	width: 345px;
}
#footer .centre {
	float: left;
	text-transform: uppercase;
	width: 200px;
}
#footer .right {
	float: right;
	width: 415px;
	text-align: right;
}