/***
Something Floral Template
Last updated: 5th Dec 2006
Author: Will Rossiter [http://www.willr.co.nz] 
***/

/* HTML elements */

* {margin: 0; padding: 0;}

body {
 width: 819px;
 margin:auto;
 font-family: verdana, arial, sans-serif;
 font-size: 62.5%;
 background: #222 url(bg.gif) repeat;
}
a { text-decoration: none;}
img { border: 0px;}
abbr, code { color: #666; font-family: "courier new", monospace; background-color: #eef6ff; font-size: 1.4em; border: 0;}
h2 { width: 507px; font-size: 1.2em; text-transform: lowercase; height: 37px; margin: 20px auto 10px auto; color: #fff; line-height: 37px; color: #fff; text-indent: 20px; background: url(headers.gif) no-repeat;}

h3 { width: 180px; font-size: 1.2em; text-transform: lowercase; height: 37px; margin: 20px auto 10px auto; color: #fff; line-height: 37px; color: #fff; text-indent: 20px; background: url(headers2.gif) no-repeat;}		
 
/***Inline Styles***/

.hidden { text-indent: -9000px; visibility: hidden;}
.br { clear: both;}
.small { font-size: x-small;}
.imgright { float: right; margin-left: 5px;}
.imgleft { float: left; margin-right: 5px;}
 
/***Layout Divs****/
#container2 {
	width: 220px;
	margin: auto;
	background: #fff url(contentgrunge2.gif) repeat-y;
	float: left;

}


#header2 { width: 170px; height: 125px; background: #BFD447 url(logo2.gif) no-repeat; margin: 0 auto;}
	#header2 h1 {
	/*position: absolute;
	top: 28px;
	left: -14px;*/
	margin-left: 40px;
	color: #fff;
	font-weight: 130;
	font-size: 2.8em;
	
}
	#header2 p {
	/*position: absolute;
	top: 60px;
	left: -14px;*/
	margin-left: 60px;
	color: #fff;
	
}
 
#content2 { width:180px; margin: auto; padding: 0 8px 35px 8px ;}
	#content2 p { font-size: 1.1em; color: #908262; margin-left: 10px; background: #fff; margin-top: 10px; line-height: 1.5em;}
	#content2 a { color:#3C3836; font-weight: bold; text-decoration: none;}
	#content2 a:hover { color: #fff; text-decoration: none; background:#3C3836;}	  
#footer2 { width: 200px; height: 24px; margin: 0 auto; background: #111 url(bottomgrunge2.gif) no-repeat;}

#container {
	margin-left: 220px; 
	background: #fff url(contentgrunge.gif) repeat-y;
	/*position: absolute;
	top: 1px;*/

}

#header { width: 516px; height: 125px; background: #BFD447 url(logo3.gif) no-repeat; margin:auto;}
	#header h1 { /*position: absolute; top: 28px; */margin-left: 40px; color: #fff; font-weight: 300; font-size: 2.8em;}
	#header p {  /*position: absolute; top: 60px; */margin-left: 60px; color: #fff;}
 
#content { width:510px; margin: 0px auto; padding: 0 8px 35px 8px ;}
	#content p { font-size: 1.1em; color: #908262; margin-left: 10px; background: #fff; margin-top: 10px; line-height: 1.5em;}
	#content a { color:#3C3836; font-weight: bold; text-decoration: none;}
	#content a:hover { color: #fff; text-decoration: none; background:#3C3836;}

#footer { width: 588px; height: 24px; margin: 0 auto; background: #111 url(bottomgrunge.gif) no-repeat;}
	#footertext {
	margin: 30px auto;
	text-align: center;
	color: #777;
	font-size: 1em;
	/*position: static;
	left: 20px;
	bottom: inherit;*/
	padding-bottom: 20px;
	text-transform: capitalize;
}
	#footertext a { color: #777; text-decoration: none;}
	#footertext a:hover { color: #ddd; text-decoration: none;}
   
	  
	/**** Contact Form ***/

 ul#form { margin: 10px auto; width: 400px;}
	ul#form  li { display: block; list-style: none; width: 100%; margin: 5px 0; clear: both; height: 30px; line-height: 20px;}
	ul#form li label { display: block; width: 100px; color: #666; text-transform: lowercase; line-height: 30px; font-size: 1.1em;}
	ul#form li input, ul#form li textarea { border: 2px solid #ddd; overflow: auto; padding: 3px; color: #666; margin-top: -28px; font-size: 1.3em; line-height: 1.4em; float: right; width: 270px; background: #f0f0f0;}
	ul#form li textarea { height: 170px; font-size: 1.5em;}
	ul#form li input.submit { width: 60px; margin-top: 10px;}
	ul#form li input:hover , ul#form li textarea:hover { border: 2px solid #ccc; background: #eee;}