body {background:#000000 url(images/background.png); text-align:center;/* IE hack to center page contents */
	margin:10px 0 20px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ccc;}

h1, h2, h3, h4 {padding:0; margin:0; font-weight:normal; color:#FFFFFF !important;}
h1, h2 {font-size:20px; padding-bottom:10px;} /*page titles */
h3 {font-size:14px; line-height:22px; font-weight:normal; padding-bottom:5px;} /*page sub titles */
h4 {font-size:14px; line-height:22px; font-weight:normal; padding-bottom:5px;border-bottom:1px solid #292726; margin-bottom:8px;}

p {font-size:12px; color:#ccc; margin:0; padding:0 0 12px 0; line-height:18px;}

ul {padding:0 0 12px 0; margin:0 0 0 20px;}
li {padding:0 0 8px 0; }

img {border:0;}
.clearFloats {clear:both; line-height:0px; height:0px; font-size:0px;}
.skiplink {display:none;}


/* fix PNG transparency in IE6- */
.featurebox {behavior:url(js/iepngfix.htc);}


/* ---- links ----------------------------------------- */
a {color:#ccc; text-decoration:underline;}  
a:visited {}
a:hover {color:#FFF;}
a:active {}
a:active, a:focus {outline:none;}

a.showtitle {font-size:14px;}
a.pdf {background:url(images/icon-pdf.gif) no-repeat; padding:0 0 0 24px;}


/* ---- forms ----------------------------------------- */
form {margin:0;}
#contactForm {}
	#contactForm .inputfield {width:220px; margin:4px 0;}
	#contactForm .inputmessagefield {width:220px; height:100px; margin:4px 0;}


/* ---- ids & classes ----------------------------------------- */
#frame { /* this centers the page */
	 width:824px; margin:0 auto; padding:0; text-align:center; background:#000;}
	 
#content { /* this centers the page */
	 width:800px; margin:0 auto; padding:0; text-align:left;}
	
#header {position:relative; width:800; height:75px; border-bottom:1px solid #353535;}
	#logo {position:absolute; top:40px; left:25px; width:184px; height:21px; background:url(images/logo.png) no-repeat;}
		#logo {text-indent:-4000px;}
		#logo a {display:block; width:184px; height:21px;}
	#metanav {position:absolute; top:48px; right:25px; color:#666; text-align:right;}
		#metanav ul {margin:0; padding:0; list-style:none;}
		#metanav ul li {float:left; margin:0; padding:0;}
		#metanav ul li.first {border-right:1px solid #666;}
		#metanav ul li {}
		#metanav ul li a {color:#ccc; padding-left:10px; padding-right:10px; text-decoration:none;}
		#metanav ul li a.on {color:#fff;}
		#metanav ul li a:hover {color:#fff;}
	
	#navmenu {position:absolute; width:400px; top:43px; left:220px;}
		#navmenu ul {margin:0; padding:0 0 0 5px; list-style:none;}
		#navmenu ul li {display:inline; margin:0; padding:0; line-height:25px; text-decoration:none;}
		#navmenu a {color:#999; font-size:14px; float:left; padding:0 14px; margin:0; text-decoration:none;}
		#navmenu a.on, #navmenu a:hover {color:#fff;}
		
	#homeback {width:800px;}
	
	#features {padding-left:13px;}
		.featurebox {float:left; width:250px; margin:0 0 0 12px; background:url(images/back_feature.png) no-repeat;}
		.featurebox .border {padding:15px;}
		.featurebox a {color:#ccc; text-decoration:none;}
		.featurebox img {display:block; padding-bottom:10px;}
		.featurebox h3{ float:left; padding-bottom:8px;}
		a.blog {display:block; text-decoration:none; margin-top:2px; float:right; padding:0 22px 0 0; background:url(images/icon_blog.gif) right top no-repeat; color:#838383;}
		
		#postlist {border-top:1px solid #292726; clear:both;}
			#postlist .postitem {padding:8px 0 8px 0; border-bottom: 1px dashed #1A1A1A; line-height:18px;}
			#postlist .postitem a {color:#ccc; text-decoration:none;}
			#postlist .postitem a:hover {color:#fff;}
			#postlist .date {color:#666; font-size:11px;}
			
	#pageback {background:url(images/back_portfolio.jpg) no-repeat; line-height:1;}
	
	.intro {padding:65px 25px 35px 25px; }
	
	#portfolio {clear:both;line-height:1;}
		.portbox {float:left; width:220px; height:170px; margin:0 12px 0 25px;}
		.portbox img {display:block; padding-bottom:10px;}
		.portbox a {color:#ccc; text-decoration:none;}
		.portbox h3{ float:left; padding-bottom:8px;}
		
		#galnav {float:right; color:#666; margin:5px 10px 0 0;  text-align:right;}
		#galnav ul {margin:0; padding:0; list-style:none;}
		#galnav ul li {float:left; margin:0; padding:0;}
		#galnav ul li.first {border-right:1px solid #666;}
		#galnav ul li {}
		#galnav ul li a {color:#ccc; padding-left:5px; padding-right:5px; text-decoration:none;}
		#galnav ul li a.on {color:#fff;}
		#galnav ul li a:hover {color:#fff;}
		.portimage img {margin:0 auto; display:block;}
		.desc {padding:8px 25px 20px 25px;}
		.desc p {padding:0;}
		.photo {padding:8px 0px 0px 0px; font-size:10px; color:#666666;}
		.photo p {padding:0;}
		
	#lcol {float:left; width:500px; margin-left:25px;}
	#rcol {float:right; width:220px; margin-right:25px;}
	
	.post_item {margin-bottom:20px;}
		.blognav {color:#666; margin:5px 0 10px 0;}
		.blognav ul {margin:0; padding:0; list-style:none;}
		.blognav ul li {margin:0 0 8px 0; padding:0;}
		.blognav ul li a {color:#ccc; text-decoration:none;}
		.blognav ul li a.on {color:#fff;}
		.blognav ul li a:hover {color:#fff;}
		.posttitle {font-size:16px;}
		.postlinks {}
			.postlinks {color:#666; font-size:11px;}
			.postlinks a {color:#666; font-size:11px;}
		#postinfo, #postinfo p {color:#666; font-size:11px;}
		
		#pagenav {margin-bottom:10px;}
			#pagenav .newer {float:left;}
			#pagenav .older {float:right;}
		

#footer {width:800px; border-top:1px solid #292726; margin-top:15px; }
	#footer .pad {padding:12px 25px 15px 25px;}
	#footer p { font-size:9px; color:#999999; padding:0 0 8px 0;}
	#footer p.props, #footer p.props a {color:#666; padding-top:0; text-decoration:none;}
	#footer a:hover {color:#666; text-decoration:underline;}
	#logosm {float:right; width:112px; height:13px; background:url(images/logo_small.png) no-repeat;}
		#logosm {text-indent:-4000px;}
		#logosm a {display:block; width:112px; height:13px;}
	
	
#adminmenu {
	font:normal 10px Arial, Verdana, Helvetica, sans-serif;
	width:150px;
	clear:both;
	font-size:11px;
	position:absolute;
	right:0;
	top:0;
	}
	#adminmenu table { text-align:left; background-color:#FFFFFF;margin-top:10px;width:150px;}
	#adminmenu a {text-decoration:none; color:#000000;}