/* 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Default Styles
	CSS Document
	Author: 9xb.com
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Please use the structure in place 
	for all additional CSS elements.
	For new builds, tweak current
	values before continuing.. thx G
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* DEFAULT STYLES   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	html, body {
		font: 12px/1.4em arial, helvetica, tahoma, verdana, sans-serif;
		color: #767676;
		line-height: normal;
		background:#fffbe6;
	}
	
	body {
		margin: 0;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* GLOBAL STYLES  */  
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	/* Hidden elements */
	.hidden, .screen_reader, hr {
		display: none;
	}
	
	
	/* Paragraph default styling, amend as desired */
	p {
		margin: 0 0 7px 0;
		padding: 0;
	}
	
	
	/* Removes blue border on img links */
	a img {
		border: 0;
	}
	
	/* Default link styling */
	a {
		color: #c00;
		text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
	}
	
	
	/* Float an element left with a margin */
	.floatL {
		float: left;
		margin:0 20px 0 0;
		height:215px;
	}
	
	/* Float an element right with a margin */
	.floatR {
		float: right;
		margin:0;
	}
	
	.row {
		float:left;
		width:890px;
		margin:10px 0 0 0;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TEMPLATE ELEMENTS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#outerwrap {
		margin:0 auto;
		width:967px;
		height:auto;
		overflow:hidden;
		background:url(../images/css/contentInnerBG.gif) repeat-y top center;
		padding-left:2px;
	}
	
	#homeBackground {
		width:964px;
		height:442px;
		background:url(../images/css/homeBG.jpg) top center no-repeat;
		margin:0;
		
	}
	
	#mainBackground {
		width:964px;
		height:224px;
		background:url(../images/css/mainBG.jpg) top left no-repeat;
		margin:0;
		padding:0;
	}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FORM ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	input, textarea, select {
		font-family: arial, verdana, Trebuchet MS, Lucida Grande, Lucida Sans Unicode, geneva, helvetica, sans-serif;
		font-size: 0.9em;
		padding-left:3px;
		color: #666666;
		border:#d7c9c5 1px solid;
		width:190px;
	}
	
	select{
		width:196px;
		border:#d7c9c5 1px solid;
	}
	
	fieldset{ border:none; margin:0; padding:0; }
	
	.signup{
		width:107px;
		height:32px;
		background:url(../images/buttonSignup.gif) top left;	
		border:none;
		cursor:pointer;
	}
	
	.contactButton{
		cursor:pointer;
		width:107px;
		height:32px;
		background:url(../images/buttonContact.gif) top left;	
		border:none;
		
		/* IE, MOZILLA HIDE TEXT */
		line-height:3000%;
		text-indent:3000px;
	}
	
	.radio{
		width:30px;
		border:none;
	}	
	
	#row{
		margin:0 0 5px 0;
	}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADING ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	h1, h2, h3, h4 {
		line-height: normal;
		margin: 0 0 15px 0;
		padding: 0;
	}
	
	h1 {
		/* This should be the main title of the content (SEO)*/
		display:none;
	}
	
	
	h2 {
		display:none;
	}
	
	h3 {
		
	}
	
	h4 {
		
	}
	
	.heading {
		margin:0 0 15px 0;
	}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADER STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* NAV STYLES  */

	#navigation{
		width:580px;
		padding:25px 0 0 320px;
	}
	
	#navigation ul {
		margin:0;
		padding:0;
		list-style:none;
		height:38px;
		clear:both;
	}

	#navigation ul li {
		float:left;
		margin:0 14px;
	}
		
	#navigation ul li a {
		text-indent:-3000em;
		display:block;
		height:22px;
	}
	
	
	#navigation li.home a { background:url(../images/nav/home.gif) top left no-repeat; width:44px; }
	#navigation li.products a { background:url(../images/nav/products.gif) top left no-repeat; width:67px; }
	#navigation li.manufacture a { background:url(../images/nav/manufacture.gif) top left no-repeat; width:91px; }
	#navigation li.events a { background:url(../images/nav/events.gif) top left no-repeat; width:51px; }
	#navigation li.parlour a { background:url(../images/nav/parlour.gif) top left no-repeat; width:57px; }
	#navigation li.order a { background:url(../images/nav/order_delivery.gif) top left no-repeat; width:112px; }
	#navigation li.contact a { background:url(../images/nav/contact.gif) top left no-repeat; width:55px; }

 	#navigation li.home a:hover, #navigation li.home_selected a { 
		background:url(../images/nav/home.gif) bottom left no-repeat; width:44px; 
	}

	#navigation li.products a:hover, #navigation li.products_selected a { 
		background:url(../images/nav/products.gif) bottom left no-repeat; width:67px; 
	}
	
	#navigation li.manufacture a:hover, #navigation li.manufacture_selected a { 
		background:url(../images/nav/manufacture.gif) bottom left no-repeat; width:91px; 
	}
	
	#navigation li.events a:hover, #navigation li.events_selected a { 
		background:url(../images/nav/events.gif) bottom left no-repeat; width:51px; 
	}
	
	#navigation li.parlour a:hover, #navigation li.parlour_selected a { 
		background:url(../images/nav/parlour.gif) bottom left no-repeat; width:57px; 
	}
	
	#navigation li.order a:hover, #navigation li.order_selected a { 
		background:url(../images/nav/order_delivery.gif) bottom left no-repeat; width:112px; 
	}
	
	#navigation li.contact a:hover, #navigation li.contact_selected a { 
		background:url(../images/nav/contact.gif) bottom left no-repeat; width:55px; 
	}
	

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CONTENT STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#contentInner{
		height:auto;
		min-height:400px;
		overflow:hidden;
		width:964px;
		padding:0;
		margin:0;
		color:#613021;
		text-align:left;
	}
	
	#contentInnerHome{
		background:url(../images/css/homeBGRepeat.gif) top left repeat-x;
		width:964px;
		height:auto;
		min-height:400px;
		overflow:hidden;
		color:#613021;
		text-align:left;
	}
	
	#contentLeft{
		width:676px;
		float:left;
		margin:0;
	}
	
	#contentInner a{
		text-decoration:underline;
	}
	
	#homeLatest{
		width:617px;
		height:86px;
		float:left;
		margin:0 0 0 20px;
		background:url(../images/css/home.png) top left no-repeat;
	}
	
	#mailingList{
		padding:40px 0 0 65px;
		float:left;
		width:235px;
	}
	
	#fullRange{
		padding:40px 0 0 87px;
		float:left;
		width:225px;
	}
	
	#products{
		float:left;
		margin:15px 0 15px 0;
	}
	
	#productsLeft{
		width:900px;
		float:left;
		margin:0;
		border-bottom:#741e0f 1px solid;
		padding:10px 0;
	}
	
	#productsRight{
		width:900px;
		float:right;
	}
	
	#productImage{
		width:201px;
		float:left;
	}
	
	#productDescription{
		width:600px;
		float:left;
		margin:5px 25px;
	}
	
	#eventsLeft{
		height:215px;
		float:left;
		background:url(../images/iceCreamCart.jpg) bottom right no-repeat;
		width:550px;
	}
	
	
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	/* CONTACT FORM STYLES  */   
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
		#contact{
			padding:0 0 0 15px;
		}
		
		#contact .left{
			width:440px;
			float:left;
			padding:0;		}
		
		#contact .right{
			width:385px;
			float:right;
			margin:0 15px 0 0;
		}
		
		#contact label{
			margin:0 20px 0 0;
			width:200px;
			display:block;
			float:left;
			clear:both;
		}
		
		#contact label.error{
			color:#FF0000;
		}
			
		#contact legend{
			display:none;
		}
		
		#contact fieldset{
			padding:70px 0 0 0;
		}
		
		#disclaimer{
			width:800px;
			float:left;
			padding:15px 0;
		}
		
		#disclaimer p{
			font-style:italic;
			font-size:0.8em;
		}
	
	/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* LEFTCOLUMN STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#copy{
		float:left;
		padding:20px 40px 20px 20px;
		font-size:1.2em;
		line-height:125%;
		margin:0;
	}
	
	#copy img{
		border:none;
	}
	
	#copy .productList{
		margin:0 0 0 30px;
		padding:0;
	}
	
	#copy .homePageInner{
		padding:25px 0 0 0;
	}
	
	#copy ul{
		list-style:none;
		margin-top:15px;
	}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* RIGHTCOLUMN STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	#contentRight{
		width:260px;
		margin:0;
		padding:30px 28px 20px 0px;
		float:right;
		clear:right;
	}
	
	#visitParlourTab a{
		width:260px;
		height:122px;
		display:block;
		background:url(../images/css/visitParlour.jpg) top left no-repeat;
		margin:10px 0 0 0;
	}
	
	#organisedEventsTab a{
		margin:10px 0 0 0;
		width:260px;
		height:122px;
		display:block;
		background:url(../images/css/organisedEvents.jpg) top left no-repeat;
	}
	
	#productsTab a{
		margin:95px 0 0 0;
		width:260px;
		height:122px;
		display:block;
		background:url(../images/css/productsTab.jpg) top left no-repeat;
	}
	
	#emailSignup {
		margin:0;
		width:260px;
		height:122px;
		display:block;
		background:url(../images/css/emailSignup.jpg) top left no-repeat;
		
	}
	
	#emailSignup .inner{
		margin:32px 20px 20px 15px;
	}
	
	#emailSignup .text{
		width:150px;
	}	
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FOOTER ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


	#footer{
		margin:0 auto;
		width:932px;
		padding:65px 20px 30px 20px;
		color:#965c51;
		font-size:12px;
		font-family:"Times New Roman", Times, serif;
		background:url(../images/css/footer.jpg) top left no-repeat;
	}
	
	#footer a{
		color:#965c51;
		text-decoration:underline;
	}
	
	#footer li{
		list-style:none;
		display:inline;
		margin:0;
		padding: 0 3px;	
	}
	
	#footer .footerLeft{
		float:left;
	}
	
	#footer .footerRight{
		float:right;
	}