@charset "UTF-8";
/* CSS Document */

	body {
		text-align:center;
		background: #ffffff url(../images/bkgd.gif) top left no-repeat;
		margin:0px;
		padding:0px;
		}

	body_about {
		text-align:center;
		background: #ffffff url(../images/bkgd.gif) top left no-repeat;
		margin:0px;
		padding:0px;
		}
		
	body_work {
		text-align:center;
		background: #ffffff url(../images/bkgd.gif) top left no-repeat;
		margin:0px;
		padding:0px;
		}
		
	body_thoughts {
		text-align:center;
		background: #ffffff url(../images/bkgd.gif) top left no-repeat;
		margin:0px;
		padding:0px;
		}
		
	body_contact {
		text-align:center;
		background: #ffffff url(../images/bkgd.gif) top left no-repeat;
		margin:0px;
		padding:0px;
		}
		
	* {
		margin: 0;
		padding: 0;
		}	
	
	#frame {
		width:800px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		text-align:left;
		background-color:#FFFFFF;
		}
		
	#header {
		width:800px;
		}
			
	#logo {
		width:265px;
		float:left;
		margin:0px;
		padding:0px;
		}
		
	#home-main {
		width:510px;
		float:left;
		clear:left;
		margin-top: 20px;
		border-bottom:3px double #e0e0e0;
		}
	
	#home-main2 {
		width:510px;
		float:left;
		clear:left;
		margin-top: 20px;
		}
		
	#port-main {
		width:570px;
		float:left;
		clear:left;
		margin-top: 20px;
		}
		
	#sidewrapper {
		width:250px;
		float:right;
		}

	#sidewrapper-port {
		width:200px;
		float:right;
		}

	#home-side {
		width:250px;
		float:right;
		text-align:left;
		clear:right;
		margin-top:20px;
		border-bottom:3px double #e0e0e0;
		}

	#home-side2 {
		width:250px;
		float:right;
		text-align:left;
		clear:right;
		margin-top:20px;
		}
		
	#port-side {
		width:200px;
		float:right;
		text-align:left;
		clear:right;
		margin-top:20px;
		border-bottom:3px double #e0e0e0;
		}

	#port-side2 {
		width:200px;
		float:right;
		text-align:left;
		clear:right;
		margin-top:20px;
		}

	#main1 {
		width:135px;
		text-align:left;
		float:left;
		}
		
	#main2 {
		width:255px;
		text-align:left;
		float:left;
		}
		
	#main3 {
		width:110px;
		text-align:right;
		float:right;
		}
		
	#home-project {
		width:164px;
		float:left;
		margin-right:8px;
		}
		
	#home-project2 {
		width:164px;
		float:right;
		}
		
	#footer {
		width:510px;
		border-top:3px double #e0e0e0;
		float:left;
		clear:both;
		padding-top:20px;
		}
		
	#footer-port {
		width:565px;
		border-top:3px double #e0e0e0;
		float:left;
		clear:both;
		padding-top:20px;
		}

	p {
		font:12px Arial, Helvetica, sans-serif;
		color:#666666;
		line-height:18px;
		margin:0px;
		padding:0px;
		}
		
	h1 {
		font:24px Georgia, "Times New Roman", Times, serif;
		color:#953721;
		font-weight:normal;
		line-height:22px;
		margin-bottom:15px;
		}
		
	h1 .fade {
		font:24px Georgia, "Times New Roman", Times, serif;
		color:#fbca9c;
		font-weight:normal;
		line-height:22px;
		margin-bottom:15px;
		}

	h2 {
		font:14px Georgia, "Times New Roman", Times, serif;
		color:#953721;
		font-weight:normal;
		line-height:17px;
		margin:0px;
		}
		
	h3 {
		font:12px Arial, Helvetica, sans-serif;
		color:#c86d18;
		line-height:18px;
		font-weight:normal;
		margin:0px;
		padding:0px;
		}
		
	h3 .em {
		font:12px Arial, Helvetica, sans-serif;
		color:#953721;
		line-height:18px;
		font-weight:normal;
		margin:0px;
		padding:0px;
		}
		
	h4 {
		font:14px Georgia, "Times New Roman", Times, serif;
		color:#953721;
		font-weight:normal;
		line-height:18px;
		}

	.mainimage {
		padding: 0px 0px 15px 0px;
		}
		
	p a:link, p a:visited {
		font:10px Arial, Helvetica, sans-serif;
		color:#c86d18;
		line-height:18px;
		font-weight:bolder;
		text-transform:uppercase;
		text-decoration:none;
		}
		
	p a:hover {
		border-bottom:1px dotted #c86d18;
		}

	p a:active {
		color:#003366;
		border-bottom:1px dotted #003366;
		}
		
	p .date {
		font:10px Arial, Helvetica, sans-serif;
		color:#666666;
		line-height:18px;
		font-weight:bolder;
		text-transform:uppercase;
		}
		
	.signup {
		font:10px Arial, Helvetica, sans-serif;
		color:#953721;
		font-weight:bolder;
		text-transform:uppercase;
		border:1px #953721 solid;
		}
		
	.dark {
		color:#333333;
		}
		
	.rightalign {
		text-align:right;
		}
		
	#footer p, #footer-port p {
		font-size:10px;
		}
	
	#footer p a:link, #footer p a:visited, #footer-port p a:link, #footer-port p a:visited {
		text-transform:none;
		text-decoration:none;
		font-weight:normal;
		color:#666666;
		}
		
	#footer p a:hover, #footer-port p a:hover {
		text-decoration:none;
		color:#c86d18;
		}
		
/*---------- NAVIGATION ----------*/

	#navigation {
		width:349px;
		text-align:left;
		padding-top:41px;
		float:left;
		}

	#nav {
		width: 349px;
		height: 25px;
		position: relative;
		top:41px;
		background: url(../images/navigation.gif);
		margin: 0px 0px 0px 451px;  
  		list-style-type:none;  
  		padding: 0;

	}
	
	#nav li {
		float: left;
	}

	#nav li a {
		position: absolute;
		top: 0;
		margin: 0;
		padding: 0;
		display: block;
		height: 25px;
		background: url(../images/navigation.gif) no-repeat;
		text-indent: -9999px;
		overflow: hidden;
		font-size: 1%;
		}

	li#nav_about a {
		left: 0;
		width: 72px;
		background-position: 0 0;
		}

	li#nav_work a {
		left: 72px;
		width: 94px;
		background-position: -72px 0;
		}

	li#nav_thoughts a {
		left: 166px;
		width: 98px;
		background-position: -166px 0;
		}

	li#nav_contact a {
		left: 264px;
		width: 85px;
		background-position: -264px 0;
		}
	li#nav_about a:hover {
		background-position: 0 -25px;
		}

	li#nav_work a:hover {
		background-position: -72px -25px;
		}
		
	li#nav_thoughts a:hover {
		background-position: -166px -25px;
		}
		
	li#nav_contact a:hover {
		background-position: -264px -25px;
		}
		
	#body_about li#nav_about  a {
		background-position: 0 -50px;
		}
		
	#body_work li#nav_work a {
		background-position: -72px -50px;
		}
		
	#body_thoughts li#nav_thoughts a {
		background-position: -166px -50px;
		}
		
	#body_contact li#nav_contact a {
		background-position: -264px -50px;
		}
		

/*---------- PORTFOLIO ----------*/

	ul {
		margin: 0 6px;
		padding: 0;
		}

	img {
		display: block;
		margin: 0 auto 0px auto;
		}

	p.photo a, p.thumb a, ul.thumbnails a {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		text-align: center;
		}

	p.thumb a, ul.thumbnails a {
		width: 105px;
		margin-right: 9px;
		margin-bottom: 9px;
		}

	p.photo a:hover, p.thumb a:hover, ul.thumbnails a:hover {
		background-color: #eee;
		}

	ul.thumbnails a {
		width: 105px;
		margin-right: 9px;
		margin-bottom: 9px;
		}

	p.thumb, ul.thumbnails {
		margin: 0 0 9px 0;
		padding: 0;
		float: left;
		text-align: center;
		background-color: #fff;
		line-height: 1em;
		list-style: none;
		}

	ul.thumbnails li, ul.navigation li {
		display: inline;
		margin: 0;
		padding: 0;
		}

	.caseimageleft {
		margin:0px 12px 4px 0px;
		border:#999 solid 1px;
		float:left;
		}

	.caseimageright {
		margin:0px 0px 4px 12px;
		border:#999 solid 1px;
		float:right;
		}