
html * {
		margin:0;
		padding:0
	}
	
body {
		background:  url(images/green/body_bkg.gif) #7e925b no-repeat top left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		height:100%;
		text-align:center
	}

.clear {
		clear:both
	}

.hidden {
		display:none
	}

#wrapper {
background: url(images/wrapper_bkg.png) no-repeat top left;
	 		height:450px;
		margin:-235px 0 0 -351px;padding:10px;		position:absolute;
		top:50%;
		left:50%;
		text-align:left;
		width:690px;	}

a {
		color:#565b31;
		font-weight:650;
		text-decoration:none;
	}

a:hover {
		text-decoration:underline;
	}
a.launch img{
		border:none;
	}

p {
		margin:0 0 1em 0
	}
	
#masthead {
		height:450px;
		width:63px;
		text-indent:-10000px
	}
#masthead li {
		float:left;
		list-style:none
	}
#masthead a {
		border-right:1px solid #7e925b;
		display:block;
		height:450px;
		text-decoration:none;
		width:20px
	}

a.home {background:  url(images/green/links.gif) no-repeat 0px 0px}
a.web {background:  url(images/green/links.gif) no-repeat -20px 0px}
a.print {background:  url(images/green/links.gif) no-repeat -40px 0px}
a.home:hover {background:  url(images/green/links.gif) no-repeat -60px 0px}
a.web:hover {background:  url(images/green/links.gif) no-repeat -80px 0px}
a.print:hover {background:  url(images/green/links.gif) no-repeat -100px 0px}

#contents {
		background:#262a22;
		height:450px;
		width:627px;
		display:table;
		position:absolute;
		
	 top:10px;
		left:74px;	}
div#left_contents {
		background:#FFF;
		float:left;
		height:450px;
		overflow: visible;
		width:470px
	}

div#left_wrap {
		background:#FFF;
		padding:0 10px 0 10px;
		position: absolute;
		top: 30%;
		width:450px;
			}
div#left_wrap.sub {top:10%}
 
div#left_contents h2 {
		color:#262a22;
	}

img.portrait {
		background:#FFF;
		border:1px solid #bbbbbb;
		float:right;
		margin:0 0 0 5px;
		padding:3px;
	}
	
div#right_contents {
		background:#262a22;
		float:right;
		font-size:11px;
		height:450px;
		overflow: visible;
		width:155px;
		color:#FFF
	}

div#right_wrap {
		padding:0 5px 0 5px;
		position: absolute;
		top:2%;	}

div#right_contents address {
		font-size:1em
	}
	
div#right_contents a {
		color:#97af6a;
		font-weight:100;
	}

div#right_contents h2 {
		color:#FFF;
	}

div#right_contents h2.photos { clear:both }
div#right_contents h2.photos a { color:#FFF; font-weight:bold }

form.contact {
		clear:both;
	}

form.contact fieldset {
		border:none
	}
	
form.contact legend {
		color:#FFF;
		font-size:1.25em;
		font-weight:bold;
		margin:0 0 5px 0;
			}
	
form.contact label {
		display:block;
		margin:4px 0 1px 0;	}
	
form.contact input, form.contact textarea, form.contact button {
				border:1px solid #bbbbbb;
		padding:1px;
	}

form.contact input, form.contact textarea {
		clear:both;
		width:93%;	}

form.contact textarea {
}

/*div#submit {
		text-align:center
	}*/
	
form.contact button {
		color:#FFF;
		background:#343a2d;
		font-size:.95em;		margin:3px 3px 3px 0;
		cursor:hand;
		cursor:pointer;
	}
	
address {
		margin:10px 0 10px 0
	}
	

div.thumbs {
		margin:0px;
		padding:0 6px 0 0;
		width:120px;
	}
div.thumbs ul {
		list-style:none;
		width:50px
	}
div.thumbs img {
		background:#FFF;
		border:1px solid #bbbbbb;
		margin:0 0 8px 0;
		padding:3px
	}
div.thumbs img:hover {
		border:1px solid #512415
	}
ul.left {
		float:left
	}
ul.right {
		float:right
	}
	
	
#infowrap {
		margin:10px 0px 10px 0px;
		height:175px;
	}

div#infowrap img {border:1px solid #999999}
div#infowrap a {text-decoration:none}
div#infowrap .info_more { position: absolute; visibility: hidden; }
div#infowrap ul.numberTabs {margin:0px 0px 0px 5px; padding:0px}
div#infowrap ul.numberTabs li {float:left; list-style:none; margin:0px;width:26px}
div#infowrap ul.numberTabs li a {background: url(images/portfolio_tabs.gif) no-repeat bottom left; color:#ffffff; display:block; font-weight:bold; padding:5px 10px 5px 10px;}
div#infowrap ul.numberTabs li a.on {background: url(images/portfolio_tabs.gif) no-repeat bottom right; padding:10px 10px 5px 10px}
div.screenshot_end {clear:both; height:25px}

div.style_select li {float:left; 
margin:0 10px 10px 0; overflow:hidden}
div.style_select button {border:1px solid #bbbbbb; color:#FFF; cursor:hand; cursor:pointer; display:block; padding:1px 0 1px 0;  text-align:center; width:28px}
div.style_select li.red button{ background:#925b5b}
div.style_select li.green button{background:#7e925b}
div.style_select li.blue button{background:#5287ac}
div.style_select li.gold button{background:#baa130}

div.style_select li.red button:hover { border:1px solid #925b5b}
div.style_select li.green button:hover {border:1px solid #7e925b}
div.style_select li.blue button:hover {border:1px solid #5287ac}
div.style_select li.gold button:hover {border:1px solid #baa130}
