@charset "UTF-8";

/* DIVs */

body { margin: 0 auto; background-image: url(../images/background.jpg); background-repeat: no-repeat; background-color: #647d32; overflow-x: hidden; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #ffffff; font-weight:normal;}

#header {margin: auto;  width: 100%; height: 150px; line-height: 195px; vertical-align:center; padding-left: 25px; padding-top: 10px; padding-bottom: 10px;}

#logo {float: left; margin-right: 10px; height: 150px;}

#navbar {margin: auto; height: 32px; width: 100%; text-align: center; font-size: .9em; background-color: #000000;}

#nav {margin: auto; width: 800px; }

#container {margin: 0 auto; width: 900px; text-align: center; }

#textbody {float: left; font-size: 12px; padding: 20px; width: 410px; text-align: justify; }

#textbody2 {float: right; font-size: 12px; padding: 20px; width: 410px; text-align: justify;}

#portfolio {clear: both; font-size: 12px; padding: 10px; width: 900px; text-align: justify;  }

#box {height: 100px; width: 100px; border: solid; border-width: 1px; border-color: #cccccc; float: left; margin: 5px; padding: 2px; background-color: #ffffff; }

#spacer {clear: both; height: 50px; width: auto;}

#footer { padding-left: 25px; height: 10px; text-align: center; font-size: .6em; font-weight: bold; color: #647d32;}

h1 {color: #ffffff; margin-top: 0px;}

img {border: none;}

ul {text-indent: -1em; list-style-type: square;  list-style-position: inside;}


/* Navigation */

a.index { display: block; width: 250px; height: 32px; text-decoration: none; background: url("../images/nav/index.png"); float: left;}

a.index:hover {background-position: -258px 0;}

a.portfolio { display: block; width: 135px; height: 32px; text-decoration: none; background: url("../images/nav/portfolio.png"); float: left;}

a.portfolio:hover {background-position: -150px 0;}

a.about { display: block; width: 130px; height: 32px; text-decoration: none; background: url("../images/nav/about.png"); float: left;}

a.about:hover {background-position: -150px 0;}

a.hireme { display: block; width: 100px; height: 32px; text-decoration: none; background: url("../images/nav/hireme.png"); float: left;}

a.hireme:hover {background-position: -150px 0;}

.space {float: left;}


/* Link Styles */

a:link {font-weight: bolder; text-decoration: underline; color: #ffffff;}
	
a:visited {font-weight: bold; text-decoration: underline; color: #ffffff; }
	
a:hover {color: #ffffff; font-weight: bold; text-decoration: none; }


#contact { width: 450px; text-align: left;}

.title { font-size:16px; }

input {	color:#666666; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}

textarea { color: #666666; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}

label { font-size:11px; color:#ffffff;}