/* CSS Document */

br.clear {clear:both;}

* {margin:0; padding:0;}

body {width:99.9%; height:100%; overflow:inherit; background:#ebe6df url(img/texture.gif) repeat;}

div#spacer {width:830px; height:1em; display:block;clear:both; margin:0 auto; text-align:center;}
div.foldfix {height:5em; border-bottom:1px solid #ff7608;}


div#topnav {background-color:#697777; width:100%; height:72px; position:relative; 
	box-shadow: 0px 2px 2px #aaa397;
  -moz-box-shadow: 0px 2px 2px #aaa397;
  -webkit-box-shadow: 0px 2px 2px #aaa397; overflow:hidden;}
  
div.shell {width:830px; height:72px; padding:0 5px 0px 5px; margin:0 auto;} /*Full container width= 840px*/

#navigation {width:414px; height:49px;
			 /*true height = 72px*/ 
			 float:right; 
			 list-style:none;
			  margin:1.917em auto;}
			  
#navigation li {width:59px; height:40px; float: left; text-align:center;}

div.wrapper {width:840px; height:auto; overflow:hidden; margin:0 auto; position:relative;}
div#leftbar {width:401px; height:auto; overflow:hidden; position:relative; float:left; padding:6.667em 0em 0em 0em; margin:0px 5px 0px 5px;}


div#rightbar {width:411px; height:411px; overflow:hidden; position:relative; float:right; background-color:white;
			 box-shadow: 0px 2px 2px #aaa397; 
			 -moz-box-shadow: 0px 2px 2px #aaa397;
			  -webkit-box-shadow: 0px 2px 2px #aaa397;
			  	box-shadow:inset 0px 2px 2px #aaa397;
  				-moz-box-shadow:inset 0px 2px 2px #aaa397;
  				-webkit-box-shadow:inset 0px 2px 2px #aaa397;}

/*280px - (5px + 5px padding) = 270px*/

div#leftbar_about {width:401px; height:auto; overflow:hidden; position:relative; float:left; padding:6.667em 0em 0em 0em; margin:0px 5px 0px 5px;}
div#rightbar_about {width:411px; height:auto; overflow:hidden; position:relative; float:right; padding:6.667em 0em 0em 0em;}

div.column {width:270px; height:auto; float:left; position:relative; margin-top:4em; padding:0px 5px;}
div.twitterborder {border:1px solid #cccccc; width:270px; background:#ebe6df; overflow:hidden;}

div#footer{width:100%; height:72px; position:relative; margin:2em 0px; text-align:center; overflow:hidden;}

#social {list-style:none;
			  margin:0; padding:0;}
			  
#social li {width:30px; height:30px; float: left; text-align:center;}

#social li a img {border:0;}

/* rotator in-page placement */
    div.worksample {
	position:relative;
	width:371px;
	height:371px;
	overflow:hidden;
	margin:20px; 
	background:white;
	border:1px solid #ccc;
	padding:0;
}

/* rotator css */
	div.worksample ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div.worksample ul li a img  {
	border:0;
}
    div.worksample ul li.show {
	z-index:500;
}


/*--- contactform ----*/
table#contactform {color:#7a6a5a; margin-bottom:2em; }

input.contactform, textarea.contactform {background-color:#ebe6df; border: 1px solid #7a6a5a; color:#7a6a5a; margin-bottom:1em; padding:0.5em;}