body
{
	text-align: center;
	background-color: #000;
}

#wrapper
{
	min-width: 760px;
	margin:auto 10px;
	width:auto;
	text-align: center;
}

#header, #content, #footer
{
	text-align: left;
	margin: auto;
	position: relative;
	width: 100%;
	max-width: 987px;
	background-color: #fff;
}

#header
{
	background: #fff url(/images/mountains-black.png) 50% top no-repeat;
	min-height: 410px;
}

#header h1
{
	background: transparent url(/images/goat.png) top left no-repeat;
	padding-left: 133px;
	padding-bottom: 154px;
	position: absolute;
	top: 0;
	left: 10px;
}

#description
{
	padding-top: 180px;
	margin-right: 10px;
}

#tagline
{
	padding-top: 80px;
}

#main
{
	float: right;
	width: 75%;
	border-left: 3px solid #000;
	padding-right: 2em;
}

#main p, #main ul
{
	margin: 0 1em 1em 1em;
}

#main ul li p
{
	margin-left: 0;
}

#main ul li pre
{
	margin-left: 2em;
	font-family: monospace;
}

#main ul li ul
{
	margin-bottom: 0;
}

#main ul
{
	list-style: square;
}

#sidebar
{
	margin-right: 80%;
	padding-left: 2em;
}

#sidebar form
{
	margin-bottom: 1em;
}

#sidebar form button
{
	margin-top: 0.5em;
}

#sidebar form button img
{
	vertical-align: bottom; 
}

#sidebar form input
{
	width: 90%;
}


#footer
{
	clear: both;
	background-color: #A69A8B;
}

.figure
{
	float: left;
    border: 0;
}

img.right
{
    float: right;
}

#intro, #blog, #nav, .section
{
	padding-bottom: 1em;
}

#intro, #blog, .section
{
	margin: 0 1em 1em 1em;
}

#intro, #nav
{
	border-bottom: 3px solid #000;
}

#screenshots
{
	width: 100%;
}

#screenshots li
{
	width: 25%;
	float: left;
	height: 6em;
	text-align: center;
    list-style: none;
}

#main img
{
	border: 3px solid #aaa;
}

#main a:hover img
{
	border: 3px solid #7d7da6;
}

#nav
{
	padding-top: 1em;
}

#nav li
{
	width: 120px;
	height: 26px;
	position: relative;
}

#nav li a
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
}

#nav li a:hover img
{
	display: none;
}

#nav li.home
{
	background: transparent url(/images/home-hov.gif) top left no-repeat;
}
#nav li.portfolio
{
	background: transparent url(/images/portfolio-hov.gif) top left no-repeat;
}
#nav li.about
{
	background: transparent url(/images/about-hov.gif) top left no-repeat;
}
#nav li.contact
{
	background: transparent url(/images/contact-hov.gif) top left no-repeat;
}
#nav li.services
{
	background: transparent url(/images/services-hov.gif) top left no-repeat;
}
#nav li.blog
{
	background: transparent url(/images/blog-hov.gif) top left no-repeat;
}
#nav li.pricing
{
	background: transparent url(/images/pricing-hov.gif) top left no-repeat;
}

#links
{
	text-align: center;
	width: 100%;
	padding-left: 1em;
}

#links div
{
	float: left;
	width: 25%;
/*	padding: 0 .25em 1em .25em; */
	text-align: center;
	padding-bottom: 1em;
}

#links .box
{
	margin: 0 auto;
	width: auto;
	text-align: left;
	float: none;
/*	display: table; */
}

#links h2 a
{
	border-bottom: 2px solid #A69A8B;
}

#links h2 a:hover
{
	border-bottom: 2px solid #000;
	background-color: #A69A8B;
}

#links div li
{
	text-align: left;
	list-style: square;
}

.dtstart
{
	font-weight: bold;
}

#badges
{
	clear: both;
	margin-top: 1em;
}

#badges a
{
	float: left;
	width: 25%;
	text-align: center;
	line-height: 82px;
	height: 82px;
	background-color: #fff;
}

#badges a img
{
	vertical-align: middle;
} 

.subscribe img
{
	width: 1.5em;
	height: 1.5em;
	margin-right: .25em;
}

#portfolio .entry
{
	float: left;
	width: 140px;
	text-align: center;
	margin: 1em;
	min-height: 200px;
}

blockquote
{
	margin: 1em 2em;
	background-color: #7d7da6;
	color: #fff;
	line-height: 2em;
	font-style: italic;
}

.bio
{
	float: left;
	width: 50%;
}

.bio img
{
	float: left;
	margin-right: 1em;
}


/* Form styles */
legend
{
	padding: 0 0 0 0.25em;
	margin: 0 1em;
}

p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; }

div.messages { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.messages p { margin: 0; }
div.messages p em { color: #C00; font-style: normal; font-weight: bold; }

div.form-container form p { margin: 0; }
div.form-container fieldset { padding: 1em;}
div.form-container form legend, div.survey-container form legend { font-size: 110%; font-weight: bold; color: #666; }
div.form-container label, 
div.form-container span.label,
div#content div.form-container div.radio p {font-weight: bold; margin: 0; padding: 0; width: 160px; display: block; float: left; text-align: left; position: relative; margin-right: 1em; }
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-style: normal; color: #C00; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { }
div.form-container div.buttonrow { }
div.form-container div textarea
{
	width: 60%;
}

div.form-container div.radio label
{
	display: inline;
	float: none;
	width: auto;
}

div.form-container div.longtext
{
	margin-top: 1em;
}

div.form-container div.longtext label
{
	float: none;
	display: block;
	width: 100%;
	text-align: left;
}

div.form-container div.longtext textarea
{
	width: 90%;
}

div.required span
{
	display: block;
	text-indent: -9999px;
	height: 0;
}

div.required label
{
  background: #fff url(/images/star.png) no-repeat left 50%;
  padding-left: 24px;
}

#comments-form label
{
  padding-left: 24px;
}

address 
{
  background-color:#FFFFFF;
  border:2px solid #000000;
  font-weight:bold;
  height:9em;
  left:-5px;
  padding:2em 0pt 2em 1em;
  position:absolute;
  top:-5px;
  width:24em;
	font-style: normal;
}

#contact_us .vcard 
{
  background:#FFFFFF url(/images/shadow.gif) no-repeat scroll right bottom;
  height:13.45em;
  margin:0pt 0pt 1em 1.25em;
  position:relative;
  width:25.45em;
}

#main address .add-hcard a img
{
	float: left;
	border: 0;
	margin-right: 0.25em;
	margin-top: 0.25em;
}

address .photo
{
	margin-right: 0.5em;
}

.add-hcard
{
	display: block;
	margin: 0;
	padding: 0;
}

#blog .entry
{
	border-top: 3px solid #000;
}

#blog div.firstpost
{
	border: 0;
}


dl
{
	margin: 0 2em 1em 2em;
}

dt
{
	font-weight: bold;
}

dd
{
	margin-left: 1em;
}
	


/* These styles will create a cute little calendar page looking thing

li.vevent .dtstart
{
	border: 1px solid rgb(0, 0, 0); 
	float: left; 
	width: 3em; 
	margin-top: -0.75em; 
	margin-bottom: 1em;
	text-align: center; 
	background-color: rgb(255, 255, 255);
	font-size: 0.8em;
}

li.vevent .month
{
	border-bottom: 1px solid rgb(0, 0, 0); 
	display: block; 
	font-weight: bold; 
	text-transform: uppercase;
}

li.vevent .day
{
	display: block; 
	background-color: rgb(125, 125, 166); 
	color: rgb(255, 255, 255);
}

#vcalendar ul
{
	margin-top: 1em;
}

*/