/* Style */
	
*											{ padding: 0px; margin: 0px; font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif; 
											  color: #DDD; -moz-outline: none; }
body										{ background: url(img/bodybg.jpg) repeat; }
.contentwrapper								{ width: 700px; margin: 0 auto; position: relative; background: url(img/bg.jpg) repeat; color: #DDD; 
										   	  display: none; padding: 13px 25px 65px 25px; height: 100%; }
.portfolio									{ display: none; }
.hire										{ display: none; }
.services									{ display: none; }
h2 span										{ background-color: #DDD; font-size: 30px; padding: 4px; color: #333; }
h2											{ margin: 5px 0px 1em 5px; }
.wrapper									{ background: url(img/bg.jpg) repeat; position: absolute; height: 100%; width: 100%; }
.main										{ background: url(img/main.jpg) no-repeat bottom; position: relative; width: 360px; height: 101px; 
											  margin: 13em auto 0; }
div h2										{ float: left; }
a.back										{ float: right; width: 20px; padding-right: 1em; line-height: 38px; height: 38px; }
.clear										{ clear: both; }

/* portfolio */
#portfolio									{ background: url(img/portfolio.jpg) 0 0 no-repeat; position: relative; top: 61px; left: 9px; 
											  width: 123px; height: 37px; float: left; text-indent: -9999px; }
#portfolio:hover							{ background-position: 0px -37px; }
/* services */
#services									{ background: url(img/services.jpg); position: relative; top: 62px; left: 27px; width: 123px; 
											  height: 29px; float: left; text-indent: -9999px; }
#services:hover								{ background-position: 0px -29px; }
/* hire */
#hire										{ background: url(img/hire.jpg); position: relative; top: 59px; left: 41px; width: 73px; height: 37px; 
											  float: left; text-indent: -9999px; }
#hire:hover									{ background-position: 0px -37px; }

.footer										{ text-align: center; position: fixed; bottom: 0px; width: 100%; padding: 1em 0px; 
											  background: #222 url(img/footer.png) repeat-x scroll 0 0; }
.footer small a, .footer small				{ font-size: 9px; color: #444; }
.footer small a:hover 						{ color: #F33; text-decoration: none; }
a img										{ border-color:#3E3E3E; border-style:solid; border-width:5px 5px 20px; 
											  opacity: 0.4; filter: alpha(opacity=40); }
a:hover img									{ border-color:#CCC; opacity: 1; filter: alpha(opacity=100); }
a											{ font-weight: bold; }
a:hover										{ color: #F33; text-decoration: none; }
p											{ font-size: 13px; line-height: 1.7em; margin: 0 0 30px 0; }
ul											{ font-size: 13px; line-height: 1.7em; margin: 0 0 30px 1em; }

#intro										{ position: relative; margin: 0px auto; width: 360px; height: 44px; text-indent: -9999px;
											  background-image: url(img/intro.jpg); }
form, ul									{ margin-bottom: 30px; }
/* Form */
#form form input							{ width: 500px; }
#form form textarea							{ width: 698px; height: 250px; }
#form form input#submit						{ width: 60px; color: #333; }
input, textarea								{ margin-bottom: 1em; color: #333; }

.clear										{ clear: both; }
.right										{ float: right; }
.left 										{ float: left; }

form span									{ font-size: 13px; line-height: 1.7em; }

#twitter									{ padding: 4px 0 4px 28px; background-image: url(img/twitter.png); background-position: left; 
											  background-repeat: no-repeat; line-height: 24px; margin: 0 0 0 3px; }