@import url("reset.css");
/*
 * Client: 
 * Site Name: 
 * URL: 
 *
 * Author: 
 * URL: http://www.whitespace-creative.com/
 *
 * Created: 
 *
 * --------------------------------------------------------------- */

/* Basic Structure */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	background: #d0c3a4 url(../../elements/skin/body_bg.gif) repeat-x left top;
	text-align: center;
}
#wrapper {
	text-align: left;
	margin: 0 auto;
	width: 876px;
	background: transparent url(../../elements/skin/wrapper_bg.gif) repeat-y left top;
}
#header {
	height: 138px;
	overflow: visible;
	position: relative;
	z-index: 2;
	background: transparent url(../../elements/skin/header_bg.jpg) no-repeat left top;
	padding: 0 16px;
}

#header .logo {
	display: block;
	position: absolute;
	z-index: 1;
	width: 178px;
	height: 63px;
	left: 113px;
	top: 24px;
	background: transparent url(../../elements/logo.gif) no-repeat left top;
	text-indent: -9999px;
}

#header .navigation {
	background: transparent url(../../elements/skin/header_navigation.gif) no-repeat left top;
	position: absolute;
	z-index: 1;
	top: 101px;
	left: 107px;
	padding-left: 7px;
}

#header .navigation li { float: left; position: relative; }

#header .navigation li a {
	display: block;
	background: transparent url(../../elements/skin/header_navigation.gif) no-repeat left top;
	text-indent: -9999px;
	width: 111px;
	height: 37px;
}

#header .navigation li.navigation_1062 a { background-position: -7px top; }
#header .navigation li.navigation_1062:hover a,
#header .navigation li.navigation_1062.selected a { background-position: -7px bottom; }

#header .navigation li.navigation_1063 a { background-position: -118px top; }
#header .navigation li.navigation_1063:hover a, 
#header .navigation li.navigation_1063.selected a { background-position: -118px bottom; }

#header .navigation li.navigation_1064 a { background-position: -229px top; }
#header .navigation li.navigation_1064:hover a,
#header .navigation li.navigation_1064.selected a { background-position: -229px bottom; }

#header .navigation li.navigation_1065 a { background-position: -340px top; }
#header .navigation li.navigation_1065:hover a,
#header .navigation li.navigation_1065.selected a { background-position: -340px bottom; }

#header .navigation li.navigation_1066 a { background-position: -450px top; }
#header .navigation li.navigation_1066:hover a,
#header .navigation li.navigation_1066.selected a { background-position: -450px bottom; }

#header .navigation li ul {
	width: 111px;
	background: transparent url(../../elements/skin/header_subnavigation.gif) no-repeat left bottom;
	padding-bottom: 12px;
	position: absolute;
	z-index: 10;
	left: -9999%	
}

#header .navigation li:hover ul { left: auto; }


#header .navigation li li {
	float: none;
	background: transparent url(../../elements/skin/header_subnavigation.gif) no-repeat left -10px;
	border-top: solid 1px #24862b;
}

#header .navigation li li:first-child {
	background-position: left -4px;
	border: none;
}

#header .navigation li li a {
	background: none;
	text-indent: 0;
	width: 91px;
	height: auto;
	padding: 4px 10px;
	color: #fff;
	text-decoration: none;
	text-transform: lowercase;
}

/* hide 3rd level */
#header .navigation li li ul { display: none; }

/* Change Colors */
/* Green */
#header .navigation li.navigation_1062 ul { background-position: 0px bottom; }
#header .navigation li.navigation_1062 li { background-position: 0px -10px; border-color: #24862b; }
#header .navigation li.navigation_1062 li:first-child { background-position: 0px top; }
#header .navigation li.navigation_1062 li a:hover { background-color: #024006; }
/* Brown */
#header .navigation li.navigation_1063 ul { background-position: -111px bottom; }
#header .navigation li.navigation_1063 li { background-position: -111px -10px; border-color: #6d4924; }
#header .navigation li.navigation_1063 li:first-child { background-position: -111px top; }
#header .navigation li.navigation_1063 li a:hover { background-color: #391e02; }
/* Orange */
#header .navigation li.navigation_1064 ul { background-position: -222px bottom; }
#header .navigation li.navigation_1064 li { background-position: -222px -10px; border-color: #fcab61; }
#header .navigation li.navigation_1064 li:first-child { background-position: -222px top; }
#header .navigation li.navigation_1064 li a:hover { background-color: #8f4604; }
/* Red */
#header .navigation li.navigation_1065 ul { background-position: -333px bottom; }
#header .navigation li.navigation_1065 li { background-position: -333px -10px; border-color: #b32824; }
#header .navigation li.navigation_1065 li:first-child { background-position: -333px top; }
#header .navigation li.navigation_1065 li a:hover { background-color: #770603; }
/* Gold */
#header .navigation li.navigation_1066 ul { background-position: -444px bottom; }
#header .navigation li.navigation_1066 li { background-position: -444px -10px; border-color: #d0a225; }
#header .navigation li.navigation_1066 li:first-child { background-position: -444px top; }
#header .navigation li.navigation_1066 li a:hover { background-color: #876302; }

#header .tools {
	position: absolute;
	z-index: 1;
	top: 6px;
	right: 46px;
}

#header .tools li { float: left; border-left: solid 1px #e4d7be; }
#header .tools li:first-child { border:none; }

#header .tools li a {
	color: #4b2f13;
	padding: 0 10px;
	text-decoration: none;
	font-size: 11px;
	margin-top: -1px;
	display: block;
	float: left;
	padding-bottom: 2px;
}

#header .share_this {
	display: block;
	width: 102px;
	height: 16px;
	text-indent: -9999px;
	background: transparent url(../../elements/skin/share_this.gif) no-repeat left top;
	position: absolute;
	z-index: 1;
	top: 33px;
	right: 46px;
}

#header .search {
	position: absolute;
	z-index: 1;
	top: 65px;
	right: 46px;
}

#header .search .text {
	font-size: 11px;
	line-height: 16px;
	padding: 0;
	margin: 0;
	color: #76797b;
}

#header .search .button {
	width: 18px;
	height: 17px;
	background: transparent url(../../elements/skin/btn_search.gif) no-repeat left top;
	vertical-align: text-bottom; 
}

#header .leaf {
	position: absolute;
	z-index: 2;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
}

/* Holly 
#header .leaf {
	top: 0px;
	left: -38px;
	background-image: transparent url(../../elements/skin/leaf_holly.jpg);
	width: 142px;
	height: 138px;
}
*/

/* Pine 
#header .leaf {
	top: 22px;
	left: -38px;
	background-image: url(../../elements/skin/leaf_pine.jpg);
	width: 145px;
	height: 115px;
}
*/
/* Cherry Blossom */
#header .leaf {
	top: 6px;
	left: -54px;
	background-image: url(../../elements/skin/leaf_cherryblossom.jpg);
	width: 151px;
	height: 127px;
}


/* Maple 
#header .leaf {
	top: 0;
	left: -122px;
	background-image: url(../../elements/skin/leaf_maple.jpg);
	width: 226px;
	height: 138px;
}
*/
/* Fall 
#header .leaf {
	top: 6px;
	left: -109px;
	background-image: url(../../elements/skin/leaf_fall.jpg);
	width: 215px;
	height: 132px;
}
*/
#main { margin: 15px 16px 0 16px; }

#left {
	width: 192px;
	float: left;
	margin: 0 17px 0 0;
}

#right {
	width: 600px;
	float: left;
	font-size: 12px; 
	color: #58595b; 
	min-height: 400px;
}

.social_media_box { overflow: hidden; }
.social_media_box a { float: left; margin-right: 3px; }
.social_media_box a.addthis_button_facebook_like { /*width: 47px;*/ overflow: hidden; }
.social_media_box a.addthis_button_twitter { margin-top: 2px; }

.text-ads { margin-bottom: 25px; }

.text-ads .ad {
	padding-top: 8px;
	margin-top: 8px;
	border-top: solid 1px #668d30;
	font-size: 12px;
	color: #5a5c5f;
}

.text-ads .ad:first-child { border: none; margin-top: 0; padding-top: 0; }

.text-ads .ad * { line-height: 15px; }

.text-ads .ad h3 {
	color: #a44912;
	font-weight: bold;
	font-size: 16px;
}

.text-ads .ad a.button { margin-top: 6px; }

#footer {
	clear: both;
	background: transparent url(../../elements/skin/footer_bg.gif) no-repeat left bottom;
	padding: 0 16px 55px 16px;
	margin-top: 10px;
}

#footer .left {
	width: 175px;
	float: left;
	margin: 0 13px 0 23px;
}

#footer .social_media {
	width: 175px;
	position: relative;
	z-index: 1;
	background: transparent url(../../elements/skin/social_media.gif) no-repeat right top;
	height: 38px;
	margin-bottom: 10px;
}

#footer .social_media a {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	width: 25px;
	height: 25px;
	text-indent: -9999px;
}

#footer .social_media a.facebook { right: 150px; }
#footer .social_media a.linkdin { right: 120px; }
#footer .social_media a.twitter { right: 90px; }
#footer .social_media a.youtube { right: 60px; }
#footer .social_media a.flickr { right: 30px; }
#footer .social_media a.delicious { right: 0; }


#footer .right {
	width: 602px;
	float: left;
}

#footer .footer_nav {
	background: #fbe4a0 url(../../elements/skin/footer_navigation.gif) no-repeat 593px bottom;
	float: left;
	overflow: hidden;
	width: 602px;
	margin-bottom: 10px;
}

#footer .navigation {
	background: transparent url(../../elements/skin/footer_navigation.gif) no-repeat -9px bottom;
	margin: 0 0 0 0;
	padding: 0 6px 0 9px;
	float: left;
}

#footer .navigation li {
	float: left;
	border-left: solid 1px #6d5236;
	margin: 3px 0;
	background-color: #fbe4a0;
}

#footer .navigation li:first-child { border: none; }
#footer .navigation li:first-child a { padding-left: 0; }

#footer .navigation li a {
	color: #6d5236;
	text-decoration: none;
	padding: 0 10px;
	font-size: 11px;
	text-transform: lowercase;
}

#footer .copyright {
	clear: both;
	padding: 0;
	color: #7d7c7c;
	font-size: 10px;
	overflow: visible;
}

#footer .leaf {
	background: transparent url(../../elements/skin/footer_leaf.jpg) no-repeat right top;
	width: 47px;
	height: 35px;
	margin: 0 0 -10px 5px;
}



/* -------------
 * Link Buttons
 * ------------- */
a.button {
	margin: 0 5px 0 0;
	padding: 0;
	overflow: hidden;
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
}

*:first-child+html button[type]{width: 1;} /* IE7 */

a.button span {
	background: transparent url(../../elements/skin/button.gif) no-repeat right top;
	display: inline-block;
}

a.button span span {
	color: #FFF;
	padding: 2px 0 2px 12px;
	margin: 0 12px 0 0;
	font-weight: normal;
	font-size: 10px;
	background-position: left top;
}

/* -------------
 * Error Messaging
 * ------------- */
.ok, .error {
	color:#333333;
	padding: 5px 5px 5px 25px;
	margin: 0px;
	display: block;
}

#right .ok *,
#right .error * { line-height: normal; }

.ok {
	background: #E5F1E8 url(../../elements/icon_ok.gif) no-repeat 5px 5px;
	border-top: 2px solid #007520;
	border-bottom: 2px solid #007520;
	margin-bottom: 5px;

}
.error {
	background: #F5E5E5 url(../../elements/icon_error.gif) no-repeat 5px 5px;
	border-top: 2px solid #990000;
	border-bottom: 2px solid #990000;
	margin-bottom: 5px;
}

/* -------------
 * Misc.
 * ------------- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


/* Remove the outline in FF */
*|*:-moz-any-link:focus { outline: none !important; }


.hide { display: none; }
.invisible { visibility: hidden; }
strong { font-weight: bold; }
em { font-style: italic; }
a {color: #036b0a;}
hr { 
	color: #dedede;
	background-color: #dedede;
	height: 1px;
	width: 100%;
	text-align: left;
}
