/*
Theme Name: Spring Fresh 2009
Theme URI: http://www.springfreshcanada.com
Description: Custom template for SpringFresh
Version: 2.0
Author: Image Design
*/
body{
	font-size:62.5%; /*equals 10px*/
	font-family:Arial, Helvetica, sans-serif;
	background-color: #8FA5C0;
}

.clear {
	clear: both;
}
.alignleft{
	float:left;
	margin-right: 10px;
}
.alignright{
	float:right;
	margin-left: 10px;
}
p.alignleft{
	text-align:left;
	float:none;
	margin-right: 0;
}
p.alignright{
	text-align:right;
	float:none;
	margin-left:0;
}
.centre{
	text-align:center;
}
strong{
	font-weight:bold;
}
em{
	font-style:italic;
}
small{
	font-size: 10px;
}
h1, h2, h3, h4, h5, h6{
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 10px;
}
h1{
	font-size: 22px;
	color:#002D56;
}
h2{
	font-size: 18px;
	color:#002D56;
	text-transform: uppercase;
}
h3{
	font-size: 20px;
	color:#008A5F;
}
h4{
	font-size: 18px;
	color:#00539D;
}
h5{
	font-size: 16px;
	color: #008A5F;
}
h6{
	font-size: 14px;
}
p{
	font-size: 12px;
	line-height: 1.4;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #008A5F;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
}
blockquote p{
	border: none;	
}
a{
	color: #008A5F;
	text-decoration:none;
}
a:hover, a:active, a:focus{
	color: #002D56;
}
ul, ol{
	font-size: 12px;	
	padding-left: 40px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #008A5F;
}
ul ul, ul ol, ol ol, ol ul{
	border:none;	
}
ul{
	list-style-type:disc;	
}
li{
	padding: 5px;	
}
blockquote{
	padding: 10px 15px;
	font-size: 10px;
}
table{
	width: 90%;
	font-size: 12px;
	margin: 5px;
}
table th{
	text-align:center;
	vertical-align:top;
	padding: 5px;
}
table td{
	vertical-align:top;
	padding: 5px;
	
}

#Wrapper form label{
	display:block;
	width: 150px;
	float:left;
	padding-right: 10px;
	text-align:right;
	font-weight:bold;
}
#Wrapper form input{
	width: 200px;
}
#Wrapper form p.submit{
	padding-left: 170px;	
}
#OuterContainer {
	background-image: url(images/outer-bg.png);
	background-repeat: repeat-x;
	background-color: #93A7C2;
	background-position: left top;
	margin: 25px;
	position: relative;
}
#OuterContainer .tl {
	background-image: url(images/outer-tl.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 50px;
	width: 50px;
	left: 0px;
	top: 0px;
}
small em{
	color: #red;	
}
#OuterContainer .tr {
	background-image: url(images/outer-tr.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 50px;
	width: 60px;
	right: 0px;
	top: 0px;
}
#dropshadowRight {
	background-image: url(images/dropshadow-right.png);
	background-repeat: repeat-y;
	background-position: right top;
}


#Logo {
	text-indent: -9999px;
	background-image: url(images/firstonsite-logo1.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 80px;
	width: 255px;
	left: 35px;
	top: 25px;
	z-index: 10;
}
#SecLogo a{
	background-image: url(images/sf-logo2.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	position: absolute;
	height: 70px;
	width: 215px;
	top: 8px;
	right:65px;
	z-index: 10;
}

#SecMenu {
	text-align: right;
	position: relative;
	margin-right: 300px;
	margin-left: 300px;
	color:#FFF;
	font-weight:bold;
	font-size: 14px;
	margin-top: 20px;
	text-transform: uppercase;
}
#SecMenu a{
	color:#FFF;
	font-weight:bold;
	font-size: 14px;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #FFF;
	padding-right: 8px;
	padding-left: 5px;
	
}
#SecMenu a:hover, #SecMenu a:active, #SecMenu a:focus{
	color:#008A5F;
}
#SecMenu form {
	display: inline;
}
#SecMenu #searchform div {
	display: inline;
}
#SecMenu #s {
	width: 90px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left: 2px;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 2px;
	color:#002D56;
}
#searchsubmit {
	background-color: #008A5F;
	border: 1px solid #008A5F;
	font-weight: bold;
	color: #002D56;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	cursor: hand;
	padding:0;
	font-size:13px;
}
#searchsubmit:hover {
	background-color: #002D56;
	color: #008A5F;
}
#InnerContainer{
	position:relative;
	xwidth: 65%;
	margin-left: 310px;
	margin-right:50px;
	margin-top: 20px;
	background-color: #FFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #49B2CF;
	border-right-color: #49B2CF;
	border-left-color: #49B2CF;
	min-height:300px;
	padding-bottom:25px;
	xfloat: right;
}
#InnerContainer .tl {
	background-image: url(images/inner-tl.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 15px;
	width: 15px;
	left: -1px;
	top: -1px;
}
#InnerContainer .tr {
	background-image: url(images/inner-tr.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 15px;
	width: 15px;
	right: -1px;
	top: -1px;
}
#Footer {
	position: relative;
	background-color: #0F9D7B;
	background-image: url(images/footer-bg.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	margin-right: 9px;
	min-height: 150px;
	clear: both;
}
#photostrip {
	position:absolute;
	top: -25px;
	left:0;
	background-image: url(images/photostrip.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 105px;
	width: 100%;
	display: block;	
}
#Footer .bl {
	background-image: url(images/outer-bl.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 60px;
	width: 50px;
	left: 0px;
	bottom: 0px;
	z-index: 10;
	background-position: left bottom;
}
#Footer .br {
	background-image: url(images/outer-br.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 70px;
	width: 60px;
	right: -10px;
	bottom: 0px;
	z-index: 10;
	background-position: right bottom;
}
#dropshadowBottom {
	background-image: url(images/dropshadow-bottom.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	position: absolute;
	height: 10px;
	width: 100%;
	left: 0px;
	bottom: 0px;
	z-index: 2;
}
#tagline {
	text-indent: -9999px;
	display: block;
	background-image: url(images/tagline.png);
	background-repeat: no-repeat;
	height: 50px;
	width: 510px;
	position: absolute;
	left: 40px;
	top: 75px;
}
#affliates {
	text-align: right;
	padding-top: 80px;
	position: relative;
	z-index: 20;
	margin-left: 550px;
	margin-right: 20px;
}
#affliates img{
	margin-left: 10px;
}
#Menu {
	position: relative;
	left: 70px;
	top: 70px;
	width: 160px;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 10px;
	text-transform: uppercase;
	float: left;
	margin-bottom: 100px;
	border:none;
}
#Menu li {
	margin: 0px;
	padding: 0px;
}

#Menu li a{
	background-image: url(images/menu-bg.png);
	background-repeat: repeat-y;
	display: block;
	color: #FFF;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 15px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom:solid 1px #30A8CA;
	color: #CBD6E2;
}
#Menu li a span{
	color:#008C61; 
}
#Menu li a:hover span, #Menu li a:focus span, #Menu li a:active span {
	color:#002D56;
}
#Menu li.top a {
	background-image: url(images/menu-top.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px
}
#Menu li.bottom a {
	background-image: url(images/menu-bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-bottom:none;
	padding-bottom: 10px;
}
#Menu li a:hover, #Menu li a:focus, #Menu li a:active {
	background-position: right top;
	color:#FFF;
}
#Menu li.bottom a:hover, #Menu li.bottom a:focus, #Menu li.bottom a:active {
	background-position: right bottom;
}

#Menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 10px;
	border:none;
	border-bottom:solid 1px #30A8CA;
}
#Menu ul li a{
	background-image: url(images/menu-bg.png);
	background-position: right top;
	padding-left: 40px;
	border:none;
	padding-top: 3px;
	padding-bottom: 3px;
	color:#FFF;
}
#Menu ul li a:hover, #Menu ul li a:active, #Menu ul li a:focus{
	color:	#002D56;
}
#Wrapper {
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-top: 10px;
	float:left;
}
#stainItems{
	list-style-type:none;
	margin:0;
	padding:0;
}
#stainItems li{
	float:left;	
	display:block;
	width: 100px;
	margin-left: 20px;
}
#stainItems a{
	display:block;
	padding: 5px;
	border: solid 2px #002D56;
	background-color:#008A5F;
	color:#FFF;
	text-align:center;
	font-weight:bold;
}
#stainItems a:hover, #stainItems a:active, #stainItems a:focus{
	border: solid 2px #002D56;
	background-color:#FFF;
	color:#002D56;	
}
#staffquotes {
	margin-top: 5px;
	margin-right: 20px;
	margin-left: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 25px;
	text-align: right;
	font-size: 1em;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(images/quote.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color:#002D56;
}
#staffquotes p {
	background-image: url(images/unquote.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 25px;
}