/****************************
Copyright ninefootone creative (www.ninefootone.co.uk)
Design CSS
Coded by Jon Bradley with initial workings by David Turner

NOTE: This code is copyrighted.  No unauthorized use
is allowed.  Don't steal code.  However, please feel free
to look at how we did something then write it yourself.

*****************************/

/****************************
COLOUR REFERENCE

Brown: 481E0D
Busters: FF7C00
Costa Rican: 6BA996
Colombian: 99CC00
Col Decaf: 009900
Espresso: 3366CC
Italian: CC0033
Lord Mayor: 990000
Mocha: CCCC99
Java: CC3399

***************************/

html { height: 100%; margin-bottom: 1px; }

body {
	margin: 0px;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 18px;
	color: #333333;
	background-color: #FFFFFF;
}

p{
	margin-top:0px;
}


/* THIS is to hide any text you need hiding */
.hidetext {display:none; overflow: hidden; position: absolute;} 
/* END of text you need hiding */

/*******************************************
CONTAINER, HEADER, FOOTER STUFF STARTS HERE
********************************************/

#page_bg{
	margin: auto;
	padding: 0px;
	width: 760px;
}

#page_outline{
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 760px;
}

#header_container{
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 760px;
	height: 134px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
}

#footer{
	z-index: 1;
	float:left;
	width: 760px;
	height: 30px;
	margin-top: 16px;
	position: relative;
	padding: 0px;
	color: #999999;
}

hr {
background-color: #481E0D;
border: 0;
height: 1px;
margin: 0;
}

/****************************
CONTENT STUFF STARTS HERE
******************************/

#content_container_home{
	float: left;
	width:760px;
	padding: 0px;
	height:500px;
	margin: 2px 0px 0px 0px;
	background-color: #FFFFFF;
	background: URL(../images/photos/homephoto.jpg) no-repeat;
}

#content_container_order{
	float: left;
	width:760px;
	padding: 0px;
	height:auto;
	margin: 2px 0px 0px 0px;
	background-color: #FFFFFF;
}

#content_container{
	float: left;
	position:relative;
	width:760px;
	padding: 0px;
	height:500px;
	margin: 2px 0px 0px 0px;
	background-color: #FFFFFF;
}

#fairtrade_logo{
	position:relative;
	z-index:99;
	width: 60px;
	height: 32px;
	margin: 0px 0px 0px 300px;
	padding: 0px;
}

#homepage_menu{
	float:left;
	padding:0px;
	margin:0px;
	height:50px;
	width:760px;
	margin-top:225px;
}

#column1_container{
	float:left;
	width:390px;
	height:500px;
	padding:0px;
	margin:0px;
}

#column1{
	float:left;
	padding:0px 0px 0px 15px;
	margin:40px 0px 0px 0px;
	width:360px;
	height: 360px;
}

#column2_container{
	position:relative;
	float:left;
	width:350px;
	height:500px;
	padding:0px;
	margin:0px;
}

#column2a_container{
	float:left;
	width:350px;
	height:500px;
	padding:0px;
	margin:0px;
	background: url(../images/dividerline.gif) no-repeat ;
}

#column2{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px;
	width:330px;
	height:460px;
}

#column3{
	float:left;
	padding:0px;
	margin:0px;
	width:240px;
	height: auto;
}

#fullwidth_container{
	float:left;
	width:740px;
	height:auto;
	padding:0px;
	margin:0px;
}

#fullwidth{
	float:left;
	padding:0px 0px 0px 15px;
	margin:40px 0px 0px 0px;
	width:700px;
	height: auto;
}

#back_container{
	position: relative;
	margin:0px ;
	left:1px;
	top:15px;
	width: 115px;
	height: 15px;
	margin: 0px;
	background-color: #FFFFFF;
}

#desc1, #desc2, #desc3, #desc4, #desc5, #desc6, #desc7{
	visibility:hidden;
	position:absolute;
	float: left;
	margin:0px;
	padding:0px;
	width:350px;
}

tr.gray td{
	background-color: #EEEEEE;
}

/****************************
LIST STUFF STARTS HERE
******************************/

#indexblog ul {
	margin: 0px;
	padding: 0px;
}

#indexblog ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}

/*sidebar list level2 */
#indexblog ul li ul {
	padding: 0px;
	margin: 0px;
}

#indexblog ul li ul li{
	padding: 2px 0 2px 0px;
	border-bottom: 1px solid #FFFFFF;
}

/*sidebar list level3 */
#indexblog ul li ul li ul li{
	padding: 1px 0px 1px 10px;
	border: none;
}

ul.list-feeds li{
	background: URL(../images/icons/mini-comments.gif) -2px no-repeat !important;
	padding-left: 20px !important;
}

/****************************
FORM STUFF STARTS HERE
******************************/

#contactform, #registrationform {
	margin-top: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
}
#contactform input, #registrationform input{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	width: 300px;
	background:#EAF1F4;
	border: 1px solid #DDDDDD;
	padding: 3px;
	margin-top: 3px;
}
#contactform textarea, #registrationform textarea{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	width: 300px;
	height: 115px;
	background:#EAF1F4;
	border: 1px solid #DDDDDD;
	padding: 2px;
	margin-top: 3px;
}
#contactform textarea:focus, #contactform input[type="text"]:focus {
	background: #ffffff;
}
#registrationform textarea:focus, #registrationform input[type="text"]:focus {
	background: #ffffff;
}
#contactform #submit, #registrationform #submit{
	background: url(../images/layout/submitbutton.jpg) no-repeat;
	font: bold 12px Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	border: none;
	float:right;
	width: 63px;
	height: 20px;
	cursor: pointer;
}
/****************************
FONT STUFF STARTS HERE
******************************/

.small_text{
	font-size:12px;
	line-height: 16px;
}

.brown_text{
	color: #481E0D;
}

.brown_text_large{
	color: #481E0D;
	font-size: 18px;
}

.brown_text_small{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #481E0D;
	font-size: 11px;
}

.busters_text{
	color: #FF7C00;
}

.busters_text_large{
	color: #FF7C00;
	font-size: 18px;
}

.busters_text_small{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF7C00;
	font-size: 11px;
}

.costarican_text{
	color: #6BA996;
}

.costarican_text_large{
	color: #6BA996;
	font-size: 18px;
}

.costarican_text_small{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #6BA996;
	font-size: 11px;
}

.colombian_text{
	color: #99CC00;
}

.colombian_text_large{
	color: #99CC00;
	font-size: 18px;
}

.colombian_text_small{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #99CC00;
	font-size: 11px;
}

.coldecaf_text{
	color: #009900;
}

.coldecaf_text_large{
	color: #009900;
	font-size: 18px;
}

.coldecaf_text_small{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #009900;
	font-size: 11px;
}

.espresso_text{
	color: #3366CC;
}

.espresso_text_large{
	color: #3366CC;
	font-size: 18px;
}

.espresso_text_small{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3366CC;
	font-size: 11px;
}

.italian_text{
	color: #CC0033;
}

.italian_text_large{
	color: #CC0033;
	font-size: 18px;
}

.italian_text_small{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC0033;
	font-size: 11px;
}

.lordmayor_text{
	color: #990000;
}

.lordmayor_text_large{
	color: #990000;
	font-size: 18px;
}

.lordmayor_text_small{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
	font-size: 11px;
}

.mocha_text{
	color: #CCCC99;
}

.mocha_text_large{
	color: #CCCC99;
	font-size: 18px;
}

.mocha_text_small{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCCC99;
	font-size: 11px;
}

.java_text{
	color: #CC3399;
}

.java_text_large{
	color: #CC3399;
	font-size: 18px;
}

.java_text_small{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC3399;
	font-size: 11px;
}


a:link {  color: #990000; text-decoration: none;}
a:active {  color: #990000; text-decoration: none;}
a:visited {  color: #990000; text-decoration: none;}
a:hover { color: #990000; text-decoration: underline;}

#footer a:link {  color: #999999; text-decoration: none;}
#footer a:active {  color: #999999; text-decoration: none;}
#footer a:visited {  color: #999999; text-decoration: none;}
#footer a:hover { color: #999999; text-decoration: underline;}