/* 
	Eric Meyer's Reset 
	Autor URL: http://meyerweb.com/ 
	File URL: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
	Description: attempts to iron out some of the inconsistencies across browsers
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0;
	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
	vertical-align: baseline;
}
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*
	tools
*/

.clear { clear: both; line-height: 0; height: 0; }
.aligncenter { text-align: center; margin: auto; }
.alignleft { float: left; margin-bottom: 5px; }


.alignright { float: right;  margin-bottom: 5px; }

.center { text-align: center; }
.author { font-size: 0.85em; display: inline; }

/*
	general
*/

em { font-style: italic; }
strong { font-weight: bold; }
a, a img { text-decoration: none; border: none; }

p { line-height: 1.5em; padding-bottom: 1em; }

.small-lead { line-height: 1.3em !important; }
.century { font-family: "Century Gothic", Verdana, sans-serif !important; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h1 {}

h2 {}

h3 {}

h4 {}

h5 {}

h6 {}

blockquote {}
	
textarea {}

body {
	text-align: center;
}

.fancy { font-size: 1.4em; }

a { color: #67802A; }

a:hover { color: #8DAE3B; }

#wrap { position: relative; width: 960px; margin: 20px auto; text-align: left; }

#top-line { height: 3px; width: 100%; background: #000; position: absolute; z-index: 1; }

/* header */ 

#header { background: #999; width: 100%; height: 100px; }

	#logo { width: 340px; height: auto; color: #FFF; margin-bottom: 17px; position: relative; }
	
	#logo img { width: 340px; height: auto; position: absolute; top: 0; left: 0; z-index: 3;}
	
/* slider */

#slider { width: 626px; height:222px; background: url(img/slider-bg.jpg) 0 0 no-repeat; margin-top: 5px; margin-bottom: -17px;
	position: relative; left: 25px; text-align: center; overflow: hidden; font-size: 1.15em;
}
	.slide { margin: auto; width: 613px; height: 193px; background: url(img/slide-bg.png) 0 0 no-repeat; position: absolute;
		margin-top: 10px;
	}
		.slide-content { text-align: left; margin: 50px 200px 40px 100px; font-size: 1em; line-height: 1.6em; }
		
		.col50 { width: 50%; float: left; }
		
/* topnav */

#topnav { 
	background: #FFF; height: 47px; width: 620px; margin: 0 auto;
	font-family: "Andale Mono", Monaco, monospace !important; font-size: 16px; color: #67802A;
	-moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px;
	-webkit-border-radius-bottom-left: 10px; -webkit-border-radius-bottom-right: 10px;
	border-top: 3px solid black; 
}

	#topnav a { line-height: 47px; }
	
	
	#topnav p { text-align: center; }
	
	#topnav ul li { display: inline; }


/* sidebar */

#sidebar { float: left; width: 320px; text-align: center; }
	
	#menu { 
		text-align: left; margin: 150px auto 10px auto; height: auto; width: 300px; 
		background: url(img/sidebar-bg.jpg) center right repeat-y;
		font-family: "Century Gothic", Verdana, sans-serif; font-size: 14px;
		position: relative; padding-bottom: 10px;
	}
	
	#menu h3 { font-family: "Century Gothic", Verdana, sans-serif; font-size: 22px; 
		display: block; height: 49px; padding-top: 15px; padding-left: 60px;
		background: url(img/sh3-bg.jpg) 0 0 no-repeat;  
	}
	
	#menu h3 a { color: #000; }
	#menu h3 a:hover { color: #333; }
		
	#menu-bottom { position: absolute; left: -7px; bottom:-19px; }
	
	#menu ul { margin-left: 60px; margin-right: 30px; list-style: disc; }
	
	#menu p { margin-left: 45px; margin-right: 30px; }
	
	#menu li { line-height: 1.5em; }

/* content */

#content { 
	float: right; width: 640px; background: #FFF; text-align: center;
	font-family: "Century Gothic", Verdana, sans-serif; font-size: 14px; line-height: 1.15em;  
}

	#content .padding { padding: 10px 10px 10px 10px; }
	
	.text { width: 615px; margin: 0 auto; text-align: left; float: right; }
	
	.text ul li { list-style: disc; margin-left: 50px; }
	
	.neg-list ul { margin-bottom: 10px; margin-top: -6px !important; }
	
	.text ul { margin-bottom: 10px; }
	
	.text p { padding: 0 20px 10px 25px; }
	
	.text h2 { font-family: "Andale Mono", Monaco, monospace !important; font-size: 16px; font-weight: bold; font-size: 25px; 
		margin-bottom: 10px; padding: 0 20px 0 20px; line-height: 1.1em; }
		
	.text h2 a { color: #000 !important; }
	
	.text h2 a:hover { border-bottom: 1px dotted black; }
		
	.green { background: #D1DFB1; }

	strong.green { padding-left: 4px; padding-right: 4px; background: #D1DFB1; }
	
	.highlight { color: #FFF; background: #67802A; }
	
	.block { padding-top: 16px; padding-bottom: 3px; position: relative; }
	
	.quote { 
		font-family: "Andale Mono", Monaco, monospace !important;
		padding-top: 10px; padding-bottom: 3px; position: relative; background: #D1DFB1; margin-bottom: 10px;
		-moz-border-radius: 10px; -webkit-border-radius:10px; margin-left: 10px;  }
	
	.quote p { line-height: 1.3em; padding: 0 12px 10px 20px; }
	
	.date { padding-left: 20px; font-family: "Andale Mono", Monaco, monospace !important; font-size: 14px; color: #333;
	margin-top: 0px; padding-bottom: 10px; display: block; color: #67802A; }
	
	.white-tab { 
		background: url(img/white-tab.png) 0 0 no-repeat; 
		position: absolute; width: 151px; height: 30px; right: 0; bottom:-30px; z-index: 5; 
	}

	.green-tab { 
		background: url(img/green-tab.png) 0 0 no-repeat; 
		position: absolute; width: 151px; height: 30px; right: 0; bottom:-30px; z-index: 5; 
	}
	
	.green-tab img, .white-tab img { position: relative; left: 50px; }
	
	.more-text { float: right;  }
	
	.more-link { font-family: "Andale Mono", Monaco, monospace; text-align: right; margin-right: 15px; }

	
/* footer */

#footer { background: #999; width: 100%; height: 60px; text-align: center; background: url(img/swatch-bg.jpg) 0 0 repeat-x; }

	#footer-nav { margin: 0 auto 10px; padding: 10px 0 0 0; }
	
	#footer-nav ul li { display: inline;  }
	
	#contact { font-family: "Andale Mono", Monaco, monospace !important; font-size: 16px; margin-top: 15px; }
	
#signature { 
	font-family: "Century Gothic", Verdana, sans-serif; font-size: 12px;
	text-align: center; color: #333;
}

#signature a { color: #333; }

#signature a:hover { color: #666; }

/* portfolio */

.thumb { float: left; position: relative; top: -5px; left: -5px; width: 100px; height: auto; }

.portfolio-img { float: right; width: 100px; text-align: left; height: 100%; }

.portfolio-desc { float: right; width: 515px; }

.portfolio-title { font-family: "Andale Mono", Monaco, monospace; font-size: 1.1em; line-height: 1.7em; font-weight: bold; }


#bullfrog-powered { margin-top: 40px; }