@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	border:0;
}
a, a:hover {
	margin: 0;
	padding: 0;
	border:0;
	text-decoration:none;
}
body {
	background: #444444;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}
/* divs for home page only */
#home {
	margin: 0 96px;
	background-color: #ffffff;
	padding:72px 24px 36px 24px;
	min-width:196px;
}
#container {
	width: 100%;
	min-height:240px;
	padding:0 0 24px 0;
}
/* container divs for about, services, and portfolio pages */
#textpage, #portfoliopage {
	background-color: #ffffff;
	padding:24px 24px 24px 24px;
	text-align: left;
	border-right-width: 72px;
	border-right-style: solid;
	border-right-color: #444444;
	border-left-width: 72px;
	border-left-style: solid;
	border-left-color: #444444;
	border-top-style: none;
}
#textpage {
	margin: 0 auto;
	min-width:720px;
	max-width:840px;
}
#portfoliopage {
	position: relative;
	margin: 0 auto;
	width:840px;
}
#nav {
	float:left;
	width:112px;
}
#subnav {
	float:left;
	width: 60px;
	padding:3px 0 0 0;
}
#text {
	padding: 0 24px 18px 144px;
}
#description {
	padding: 96px 24px 0 24px;
}
.columnleft {
float:left;
width:50%;
padding:0 18px 0 0;
}
.column {
width:auto;
}

p, ul {
	font-size: 12px;
	line-height: 1.5em;
	color: #333333;
}
p {
	padding: 0 0 1em 0;
}
.credits {font-size:10px;
}
ul {
	list-style-position: outside;
	list-style-type: square;
	padding: 0 0 1em 1em;
}

a:focus {
	outline:0;
}
h1 {
	font-size:21px;
	font-weight:lighter;
}
h1.caption {
	font-size:12px;
	font-weight:lighter;
	line-height: 1.5em;
	color: #333333;
	padding: 0 0 .5em 0;
	}
h2 {
	font-size:15px;
	color:#FF8040;
	font-weight:lighter;
}
img.about {
	padding:0 18px 3px 0px;
}
#home img, #nav img {
	margin: 6px 6px;
}
#subnav a {
	float:left;
	display:block;
	color:#89ab3e;
	font-size: 11px;
	line-height: 1.1em;
	padding:4px 0;
	font-weight: normal;
	text-decoration: none;
}
#subnav a:hover {
	text-decoration: underline;
}
#subnav a.active {
	cursor:default;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
}
#subnav a.active:hover {
	text-decoration: none;
}
#text a, #description a {
	text-decoration:none;
	color:#d74796;
}
#text a:hover, #description a:hover {
	text-decoration:underline;
}
#portfolio {
	margin:0 0 32px 198px;
	height:660px;
	text-align:center;
	font-size: 11px;
	color: #333333;
	background:#ffffff;
}
#portfolio a, #portfolio a:visited, #portfolio a:hover {
	color:#000;
}
#portfolio a.logo, #portfolio a.website, #portfolio a.book {
	float:left;
	display:inline;
	text-decoration:none;
}
a.logo {
	padding:3px 18px 9px 6px;
	background:#ffffff;
}

#portfolio a.logo img.thumb, #portfolio a.website img.thumb, #portfolio a.book img.thumb {
	display:block;
}
#portfolio a.logo img.blank {
	display:block;
	cursor:default;
}

#logo {	
	position:absolute;
	left:248px;
	top:124px;
	z-index:5;	}

.hover {
	font-size:10px;
	padding: 0 0 6px 12px;
	text-align:left;
	color:#d74796;
}

#portfolio a.visitsite, a.samplesite {
	float: left;
	display:block;
	width:68px;
	margin:0 4px 0 12px;
	text-decoration:none;
	text-align:left;
	color:#aaaaaa;
	font-size:9px;
}
#portfolio a.visitsite:hover {
	color:#aaaaaa;
	text-decoration:underline;
}
#portfolio  a.samplesite {
	color:#ffffff;
	cursor:default;
}
h3, #footer h3 a, #homefooter h3 a {
	font-size: 10px;
	line-height: 1.5em;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration:none;
	color: #d74796;
}

#footer a:hover {
	text-decoration:underline;
}
#homefooter h3 a {
	padding: 0 12px;
}

.rightfooter, .rightfooterclear {
	text-align:right;
	padding:0 24px 0 0;
}
.rightfooterclear {
	clear:both;
}
.floatleft {
	float:left;
	margin:24px 0 0 0;
}
.orange {
	color:#99ba24;
}
.green {
	color:#99ba24;
	margin:18px 0 0 0;
}

/* clearfix code from http://www.webtoolkit.info/demo/screen.css */
.clearfix:after { /* FF, O, etc. */
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block; /* IE7xhtml*/
}
html[xmlns] .clearfix { /* O */
	display: block;
}
* html .clearfix {
	height: 1%; /* IE5-6 */
}
/* end clearfix code from http://www.webtoolkit.info/demo/screen.css */