/*
    Document   : screen
    Created on : 19-Jan-2009, 17:35:45
    Author     : mfleming
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.read_more{
	display: block;
	margin: -15px 0 0 0;
}

.floatr{
	float: right;
	padding: 15px 0 15px 0;
}

a img{
    border: 0;
}

a{
	color: #72C267;
}

*{
    margin: 0;
    padding: 0;
    outline: 0;
}

body{
    background: #F4EDDD;
    font-size: 62.5%;
	font-family: arial, helvectica, sans-serif;
}

#docarea{
	width: 830px;
	margin: auto;
	position: relative;
}

#head{
	background: #fff url(head.jpg) no-repeat 0 bottom;
	margin: 0 0 33px 0;
}

#head a img{
	display: block;
	padding: 40px 0 25px 13px;
}

#mainmenu{
	list-style: none;
	/*margin: -38px 0 0 130px;*/
	position: absolute;
	top: 80px;
	left: 130px;
}

#mainmenu>li>a{
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	color: #888;
	display: block;
	border-top: 1px dotted #BDC6CB;
	border-bottom: 1px dotted #BDC6CB;
	padding: 3px 0 3px 14px;
	width: 93px;
}

#mainmenu>li{
	float: left;
	margin: 0;
	background: #fff url(li.png) no-repeat 0 center;
	padding: 3px;
	width: 109px;
}

#mainmenu li.expand a{
	background: url(lihover.png) no-repeat -1000px;
}

#mainmenu>li.expand:hover{
	background: #5A471B url(lihover.png) no-repeat 0 0;
}

#mainmenu li.expand:hover a{
	color: #fff;
	border-top: 1px dotted #5A471B;
	border-bottom: 1px dotted #5A471B;
}




#mainmenu ul{
	position: absolute;
	list-style: none;
	background: #5A471B url(ulul.png) no-repeat right bottom;
	margin: 3px 0 0 -3px;
	left: -5000px;
}

#mainmenu li.expand:hover ul{
	left: auto;
}

#mainmenu ul li{
	padding: 5px 16px 5px 11px;
	min-width: 100px;
}

#mainmenu ul li.first-child{
	/*background: url(lifc.png) no-repeat right top;*/
	padding-top: 10px;
}

#mainmenu ul li:last-child{
	background: url(ulli.png) no-repeat left bottom;
	padding-bottom: 15px;
}

#mainmenu li.expand ul a{
	font-size: 1.1em;
	text-decoration: none;
	color: #fff;
}

#mainmenu li.expand ul a:hover,#mainmenu li.expand ul a:focus{
	text-decoration: underline;
}

#left{
	width: 530px;
	float: left;
	padding: 0 0 0 30px;
}

h1{
	color: #5A471B;
	font-size: 1.2em;
	font-weight: normal;
	padding: 0 0 20px 0;
	visibility: hidden;
}

h2.replace{
	color: #72C267;
	font-size: 8em;
	line-height: 0.9em;
	padding: 0 0 5px 0;
}

#content{
	border-top: 1px dotted #72C267;
	color: #393939;
	font-size: 1.2em;
	padding: 30px 0 40px 278px;
	background: url(content.jpg) no-repeat 0 0;
}

#content h2{
	color: #5A471B;
	font-size: 1.15em;
}

#content h3{
	border-top: 1px dotted #72C267;
	font-size: 1em;
	margin: 1.5em 0 0 0;
	padding: 1.5em 0 0 0;
}

.borderise{
	border-top: 1px dotted #72C267;
	margin: 1.5em 0 0 0;
	padding: 1.5em 0 0 280px;
	background-repeat: no-repeat;
	background-position: 0 center
}

#content h4{
	font-size: 1em;
}

#content p{
	margin: 0 0 15px 0;
}

#content ul{
	margin: 0 0 1.5em 20px;
}

#content ul ul{
	margin: 0 0 1.5em 40px;
}

#content em{
	color: #72C267;
	font-style: normal;
}

#content div.sector{
	background: #fff url(backg_box.jpg) no-repeat 0 bottom;
	width: 530px;
	padding: 0 0 25px 0;
}

#content #s1 div{
	background: url(s1.jpg) no-repeat 0 0;
	padding: 30px 30px 0 250px;
	min-height: 124px;
}

#content #s2 div{
	background: url(s2.jpg) no-repeat 0 0;
	padding: 30px 30px 0 250px;
	min-height: 124px;
}
#content #s3 div{
	background: url(s3.jpg) no-repeat 0 0;
	padding: 30px 30px 0 250px;
	min-height: 124px;
}
#content #s4 div{
	background: url(s4.jpg) no-repeat 0 0;
	padding: 30px 30px 0 250px;
	min-height: 124px;
}
#content #s5 div{
	background: url(s5.jpg) no-repeat 0 0;
	padding: 30px 30px 0 250px;
	min-height: 124px;
}
#content #s6 div{
	background: url(tudor_casestudy.jpg) no-repeat 0 0;
	padding: 30px 30px 0 250px;
	min-height: 124px;
}
#content #s7 div{
	background: url(wildwood_casestudy.jpg) no-repeat 0 0;
	padding: 30px 30px 0 250px;
	min-height: 124px;
}

#content div.smoothie{
	padding: 31px 30px 0 191px;
	background-repeat: no-repeat;
	background-position: 0 0;
	min-height: 199px;
	margin: 0 0 10px 0;
}

#content div.smoothie h3{
	font-size: 1.5em;
	margin: 0 0 0.7em 0;
	padding: 0;
	border: 0;
}

#content div.smoothie#sm1{
	background-image: url(smoothies1.jpg);
}

#content div.smoothie#sm1 h3{
	color: #D83044;
}

#content div.smoothie#sm2 h3{
	color: #00B4E2;
}

#content div.smoothie#sm3 h3{
	color: #FEA41B;
}

#content div.smoothie#sm2{
	background-image: url(smoothies2.jpg);
}

#content div.smoothie#sm3{
	background-image: url(smoothies3.jpg);
}

.equipment h3{
	color: #fff;
	font-size: 1.35em;
	margin: 0 0 3px 0;
	border-bottom: 1px dotted #fff;
}

.equipment p{
	margin: 0 0 0.5em 0;
}

#e1,#e2,#e3,#e4,#e5,#e6{
	width: 170px;
	float: left;
	margin: 0 10px 0 0;
	padding: 175px 0 0 0;
	margin: 35px 10px 35px 0;
}

.equipment div{
	background: #72C367 url(product_bottom.jpg) no-repeat left bottom;
	padding: 5px 15px 15px 15px;
	min-height: 350px;
}

#e3,#e6{
	margin: 35px 0 35px 0;
}

#e1{
	background: url(bw2.jpg) no-repeat 0 0;
}
#e2{
	background: url(bw3.jpg) no-repeat 0 0;
}
#e3{
	background: url(tiger.jpg) no-repeat 0 0;
}
#e4{
	background: url(adonis.jpg) no-repeat 0 0;
}
#e5{
	background: url(athena.jpg) no-repeat 0 0;
}
#e6{
	background: url(venus.jpg) no-repeat 0 0;
}

#content .product{
	min-height: 181px;
	padding: 35px 30px 0 240px;
	color: #211F22;
}

#content .product h2{
	color: #fff;
	font-size: 1.3em;
	display: inline;
}

#p1{
	background: #73C267 url(products_equipmentbg.jpg) no-repeat 0 0;
}
#content #p1 a.readon{
	color: #fff;
}
#content #p2{
	background: #5A471C url(products_coffeebg.jpg) no-repeat 0 0;
	padding: 45px 30px 0 240px;
	min-height: 171px;
	color: #fff;
}
#content #p3{
	background: #fff url(products_bitsbg.jpg) no-repeat 0 0;
	padding: 45px 30px 0 240px;
	min-height: 171px;
}
#content #p3 h2{
	color: #73C267;
}

.readon{
	color: #72C267;
	text-decoration: none;
	display: block;
}

.readon:hover,.readon:focus{
	text-decoration: underline;
}

#content .coffeeblock{
	background: #fff;
	background-position: 0 0;
	background-repeat: no-repeat;
	float: left;
	min-height: 200px;
	padding-top: 110px;
	padding-right: 10px;
	margin: 0 0 50px 0;
}

#content #rablock{
	background-image: url(rablock.jpg);
	width: 143px;
	padding-left: 30px;
}

#content #ftblock{
	background-image: url(ftblock.jpg);
	width: 141px;
	padding-left: 50px;
}

#content #sablock{
	background-image: url(sablock.jpg);
	width: 142px;
	position: absolute;
	top: 0;
	left: 415px;
	padding-left: 20px;
}

#content .coffeeblock h3{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em;
}

#footer{
	border-top: 1px dotted #72C267;
	clear: both;
	font-size: 1.1em;
	color: #5A471B;
	padding: 20px 0 15px 0;
	width: 530px;
	margin: 0 0 0 30px;
}

#footer a{
	color: #5A471B;
	text-decoration: none;
	margin: 0 5px;
}

#footer a:hover,#footer a:focus{
	text-decoration: underline;
}


#right{
	float: left;
	width: 266px;
	padding: 4px 0 40px 0;
	font-size: 1.1em;
}

#newsletter{
	text-decoration: none;
	color: #5A471B;
	margin: 0 0 30px 70px;
	display: block;
}

#newsletter:hover span,#newsletter:focus span{
	text-decoration: underline;
}

#content .newstitle{
	color: #72c267;
}

.newsimage{
	display: block;
	position: absolute;
	top: 15px;
	margin-left: -210px;
}

#right blockquote{
	margin: 0 0 0 70px;
}

#right blockquote cite{
	color: #72C267;
	font-style: normal;
	display: block;
	padding: 15px 0 0 0;
}

#right #contact{
	margin: 0 0 30px 70px;
}

.sideMenu{
	list-style: none;
	width: 169px;
	margin: 0 0 0 71px;
	border-top: 1px dotted #5A471B;
	background: url(li_rollover.gif) no-repeat 0 0;
	padding: 0 0 30px 0;
}

.sideMenu li{
	border-bottom: 1px dotted #5A471B;
	background: url(li_rollover.gif) no-repeat left center;
	padding: 3px 0 3px 22px;
}

.sideMenu li:hover{
	background: url(li_rollover.gif) no-repeat left center;
}

.sideMenu a{
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	color: #5A471B;
}

#contactform{

}

#contactform *{
	font-size: 1em;
	font-family: arail, helvetica, sans-serif;
}

#contactform div{
	padding: 0 0 10px 0;
}

#contactform label{
	display: block;
}

#contactform input,#contactform textarea{
	border: 1px solid #6A4C0F;
	padding: 2px;
	width: 90%;
}

.errors{
	color: red;
}

#vacancycontent p{
	margin: 0 0 15px 0;
}