/*
Theme Name: Terra Verde
Theme URI: http://terraverdemarketing.com
Description: The WordPress theme for the Terra Verde website.
Author: Michael N. Kistler
*/

* {
	margin: 0;
	padding: 0;
}

a:link, a:visited, a:active, a:hover {
	color: #2A3990;
}

body {
	background: #74B74A;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	min-width: 1000px;
}

form, fieldset {
	border: none 0px;
}
	
	form label {
		display: block;
	}

	form label span, form .button {
		display: block;
		margin-top: 0.7em;
	}
	
	form label span.invalid {
		color: #F37032;
	}

h1, h2, h3, h4, h5, h6, ol, p, ul {
	line-height: 1.4em;
}

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

h1, h2, h3 {
	font-size: 20px;
}

h4 {
	font-size: 16px;
}

h5 {
	font-size: 14px;
}

h6 {
	font-size: 12px;
}

img {
	border: solid 1px #000000;
}

ol, p, ul {
	margin-bottom: 0.7em;
}

ol, ul {
	margin-left: 2em;
}

#background {
	background: #FFFFFF url(images/bg.gif) repeat-x center top;
}
	
	#content {
		background: url(images/bgFooter.gif) repeat-x center bottom;
		padding-bottom: 160px;
		position: relative;
	}
		
		#header {
			background: url(images/bgHeader.gif) repeat-x center top;
			height: 60px;
			padding-top: 40px;
			position: relative;
		}
		
			#siteTitle {
				height: 58px;
				width: 50%;
				margin-right: 22px;
				padding: 0px;
				position: absolute;
				right: 50%;
				top: 41px;
				text-indent: -9999px;
			}
				
				#siteTitle a {
					background: url(images/logo.gif) no-repeat right center;
					display: block;
					height: 58px;
					width: 478px;
					position: absolute;
					right: 0;
				}
			
			#nav {
				background: url(images/dotBlack.gif) repeat-x left 21px;
				border-left: solid 1px #000000;
				font-size: 8px;
				height: 46px;
				width: 50%;
				list-style-type: none;
				padding-left: 22px;
				position: absolute;
				right: 0;
				top: 48px;
			}
					
					#nav li a {
						overflow: hidden;
						position: absolute;
						text-indent: -9999px;
						display: block;
						height: 21px;
						top: 0;
					}
					
					#navAbout {
						background-image: url(images/navAbout.gif);
						background-position: left top;
						left: 39px;
						width: 62px;
					}
					
					#navAbout:hover, #navAbout.here {
						background-position: right top;
					}
					
					#navKickItUp {
						background-image: url(images/navKickItUp.gif);
						background-position: left top;
						left: 106px;
						width: 154px;
					}
					
					#navKickItUp:hover, #navKickItUp.here {
						background-position: right top;
					}
					
					#navPortfolio {
						background-image: url(images/navPortfolio.gif);
						background-position: left top;
						left: 265px;
						width: 79px;
					}
					
					#navPortfolio:hover, #navPortfolio.here {
						background-position: right top;
					}
					
					#navFreebies {
						background-image: url(images/navFreebies.gif);
						background-position: left top;
						left: 349px;
						width: 72px;
					}
					
					#navFreebies:hover, #navFreebies.here {
						background-position: right top;
					}
					
					#navContact {
						background-image: url(images/navContact.gif);
						background-position: left top;
						left: 426px;
						width: 73px;
					}
					
					#navContact:hover, #navContact.here {
						background-position: right top;
					}
		
		#message {
			background: #ACCF3F url(images/bgMessage.jpg) no-repeat center bottom;
			color: #FFFFFF;
			font-size: 14px;
			height: 100px;
			width: 900px;
			margin-left: auto;
			margin-right: auto;
			padding: 50px;
		}
			
			#message a:link, #message a:visited, #message a:hover, #message a:active {
				color: #FFFFFF;
			}
		
		#showcase {
			height: 300px;
			width: 1000px;
			margin-left: auto;
			margin-right: auto;
			padding-bottom: 19px;
			padding-top: 50px;
			position: relative;
		}
			
			#showBack:link, #showBack:visited {
				background: url(images/back.gif) no-repeat left top;
				display: block;
				height: 200px;
				width: 30px;
				position: absolute;
				left: 0;
				top: 100px;
			}
			
			#showBack:hover, #showBack:active {
				background-position: right top;
			}
			
			#showNext:link, #showNext:visited {
				background: url(images/next.gif) no-repeat left top;
				display: block;
				height: 200px;
				width: 30px;
				position: absolute;
				right: 0;
				top: 100px;
			}
			
			#showNext:hover, #showNext:active {
				background-position: right top;
			}
			
			#showContent {
				height: 300px;
				margin-left: 30px;
				margin-right: 30px;
				overflow: hidden;
				width: 940px;
			}
				
				#showContent ul li.showItem {
					height: 300px;
					width: 900px;
					overflow: hidden;
					padding-left: 20px;
					padding-right: 20px;
				}
		
		#boxesLeftLine {
			border-top: solid 1px #000000;
			margin-right: 50%;
			position: absolute;
			right: 500px;
			top: 715px;
			width: 50%;
		}
		
		#boxes {
			background: url(images/bgBoxes.gif) repeat-y center top;
			border-bottom: solid 1px #000000;
			margin-left: auto;
			margin-right: auto;
			width: 1000px;
		}
			
			#boxesContent {
				background: url(images/bgBoxesTop.gif) no-repeat center top;
				padding-top: 89px;
			}
				
				#boxLeft {
					float: left;
					padding-left: 50px;
					padding-bottom: 50px;
					width: 233px;
				}
				
				#boxCenter {
					float: left;
					padding-left: 100px;
					padding-bottom: 50px;
					width: 234px;
				}
				
				#boxRight {
					float: left;
					padding-left: 100px;
					padding-bottom: 50px;
					width: 233px;
				}
			
			#boxesBottom {
				clear: both;
			}
		
		#page {
			margin-left: auto;
			margin-right: auto;
			width: 1000px;
		}
			
			#pageTitle {
				background: #74B74A url(images/bgMessage.jpg) no-repeat center top;
				color: #FFFFFF;
				font-size: 30px;
				height: 30px;
				width: 600px;
				line-height: 1em;
				margin: 0;
				padding: 20px 50px 20px 50px;
			}
			
			#right {
				border-top: solid 1px #000000;
				float: right;
				margin-top: 22px;
				width: 300px;
			}
				
				#subnav {
					font-family: Centaur, Georgia, Times New Roman, Serif;
					font-size: 14px;
					line-height: 1em;
					list-style-type: none;
					margin-left: 0;
				}
					
					#subnav li {
						border-bottom: solid 1px #000000;
					}
						
						#subnav a:link, #subnav a:visited {
							color: #000000;
							display: block;
							padding: 5px 20px 5px 20px;
							text-decoration: none;
						}
						
						#subnav a:hover, #subnav a:active, #subnav a.here {
							background: url(images/subnavHere.gif) no-repeat 20px center;
							padding: 5px 20px 5px 44px;
							text-decoration: none;
						}
			
			#main {
				padding: 0 0 0 50px;
				width: 600px;
			}
				
				#breadcrumb {
					font-size: 10px;
					line-height: 2.1em;
					margin-bottom: 30px;
				}
		
		#subnavLine {
			background: url(images/dotBlack.gif) repeat-y right top;
			height: 123px;
			width: 224px;
			margin-left: 50%;
			position: absolute;
			top: 69px;
		}

#footer {
	color: #FFFFFF;
}
	
	#footer p {
		text-align: center;
	}
	
	#footer a:link, #footer a:visited, #footer a:active, #footer a:hover {
		color: #FFFFFF;
	}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	margin: 0.4em 0 0 1.4em;
	display: inline;
	}

img.alignleft {
	margin: 0.4em 1.4em 0 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */