/* resets */

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
	}


/* body */

body {
	color:#bbb;
	font-family: Arial, helvetica, sans-serif;
	font-size:11px;
	line-height:1.5em;
	background: url('images/sitebg.gif') repeat-x;
	background-color:#000;

}




/* main page structure */	

#outer-wrapper {
	width:960px;
	margin:0 auto;
	}
	
#content {
	width:960px;
	float:left;
	margin:50px 0 0 0;
	}
	


	
/* float clearing mechanisms */
.clear-fix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}

.clear-floats {
	clear:both
	}


/* Hides from IE-mac \*/
* html .clear-fix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


	
/* page branding */	

#branding {
	width: 960px;
	margin: 20px 0 10px 0;
	float: left;
	}
	
* html #branding {
	margin: 0 0 20px 0;
	}
	
		
#branding img{
	padding: 0;
	margin: 0;
	border: 0;
	float: left;
}
	


/* functional navigation */

#function-nav {
text-align:right;
	width:960px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	}
	
* html #function-nav {
	width:960px;
	height:18px;
	margin:0 0 30px 0;
	padding:6px 0 5px 0;
	}

#function-nav ul{
	list-style-type:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
	}
	
* html #function-nav ul{
	margin:0 0 1px 0;
	}

#function-nav ul li{
	font-size:110%;
	font-weight:normal;
	display:inline;
	padding:0 8px 0 8px;
	margin:0 0 0 0;
	border-right: 1px solid #ccc
	}
	
#function-nav ul li a{
	color:#aaa;
}

#function-nav ul li a:hover{
	color:#fff;
}
	
#function-nav ul li.selected a{
	font-weight:bold;
	margin:0;
	/*padding:6px 5px 5px 5px;*/
	color:#fff;
	}
	

	
	
#function-nav ul li.more{
	font-weight:bold;
}
	
	
/* main navigation */

#main-nav {
	width:960px;
	margin:0 0 0 0;
	float:left;
	}


#main-nav ul{
	list-style-type:none;
	padding:6px 0 3px 0;
	margin:-6px 0 0 0;
	border-left:1px solid #999;
	}
	

#main-nav ul li{
	color:#eee;
	font-size:13px;
	font-weight:normal;
	display:inline;
	border-right:1px solid #999;
	padding:8px 12px 6px 12px;
	}

#main-nav ul li a {
	color: #eee;
}

#main-nav ul li.first{
	border:0;
	padding:0 8px 0 0;
	}
	
#main-nav ul li.selected{
	color:#f30;
	font-weight:bold;
	}

#main-nav ul li.selected a{
	color:#f30;
	font-weight:bold;
	}
	
#main-nav ul li.selected-first a{
	color:#f30;
	font-weight:bold;
	}

	
/* section navigation */

#section-nav {
	width:960px;
	height:18px;
	margin:0 0 30px 0;
	padding:0 0 0 0;
	}
	
* html #section-nav {
	width:960px;
	height:18px;
	margin:-20px 0 30px 0;
	padding:6px 0 5px 0;
	}

#section-nav ul{
	text-align:left;
	list-style-type:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
	}
	
* html #section-nav ul{
	margin:0 0 1px 0;
	}

#section-nav ul li{
	color:#444;
	font-size:110%;
	font-weight:normal;
	display:inline;
	padding:0 8px 0 8px;
	margin:0 0 0 0;
	border-left: 1px solid #ccc
	}

#section-nav ul li.first{
	padding:0 8px 0 0px;
	margin:0 0 0 0;
	border-left:0px
	}
	
#section-nav ul li.selected{
	color:#000;
	font-weight:bold;
	margin:0;
	padding:6px 5px 5px 5px;
	background-color:#ddd;
	}
	
#section-nav ul li.more{
	font-weight:bold;
}



/* default typography styles */

a {
	color:#c5e7ef;
	text-decoration:none;
	}

a:hover {
	text-decoration:underline;
	}


p.caption {
	font-size:100%;
	margin:0;
	}
	 	
 	
h1 {
	color:#aaa;
	font-weight:normal;
	font-size:200%;
	line-height:1.2em;
	margin:0 0 0 0;
	padding:0 0 0 0;
	}
	
h1 a{
	color:#aaa;
}
	
h2 {
	color:#abb76d;
	font-weight:bold;
	font-size:140%;
	line-height:1.2em;
	margin:20px 0 5px 0;
	padding:0 0 0 0;
	}


h2.main {
	font-size:150%;
	padding:0 0 0 0;
	margin:0 0 5px 0;
	border:0;
	}
	
		
h2.no-border {
	border:0;
	padding:0 0 10px 0;
	}	
	
h2.no-border-first {
	border:0;
	margin:0 0 5px 0;
	padding:0 0 10px 0;
	}	

h4 { font-size:110%; }



	
/* lists */	

li {
	margin:5px 0 5px 0;
	line-height:1.5em;
	padding:0 0 0 14px;
	background: url('images/green-bullet.gif') no-repeat 6px 7px;
	list-style-type:none;
	}
	
ul.feature li {
	margin:0 0 0 0;
	line-height:1.2em;
	padding:0 0 8px 0;
	list-style-type:none;
	background:none;
	}
	

	
	
/* images */	

img {
	border:0;
	float:left;
	margin:0 0 5px 0;
	}
	
img.thumb {
	float:left;
	margin:0 10px 10px 0;
	}		

img.plain {
	border:0;
	float:left;
	margin:0;
}

img.icon {
	border:0;
	margin:0;
	padding:0 5px 0 0;
	}
	



/* feature column */	
	
#feature {
	width:220px;
	float:right;
	margin:0 0 0 20px;
}
	
#feature p {
	line-height:1.4em;
	font-size:110%;
	margin:0 0 18px 0;
	color:#ddd;
}	

#feature p a, #feature p a:hover{
	text-decoration: underline;
}

#feature h4{
}

#feature h4 a {
}
	


	
/* main column */

#main.gallery-main {
	width:940px;
	float:left;
	margin:0 20px 0 0;
	}
	
#main.gallery-main img{
	float:left;
	margin:0 35px 50px 0;
	border: solid 1px #bbb;
}

#main.gallery-main img.last{
	float:left;
	margin:0 0 50px 0;
	border: solid 1px #bbb;
}


* html #main.gallery-main {
	margin:0 10px 0 0;
	}


#main.archive h1 {
	font-weight:normal;
	font-size:220%;
	line-height:1.3em;
	margin:0 0 5px 0;
	}

#main{
	width:640px;
	height:500px;
	float:left;
	margin:0 20px 0 0;
	}
	
#home{
	width:960px;
	height:400px;
	float:left;
	margin:-30px 0 0 0;
}
	
* html #home{
	width:960px;
	height:400px;
	float:right;
	margin:0 0 0 0;
}
	
#home h1{
	color:#666;
	font-size:160%;
	line-height:1.2em;
	text-align: right
}

#home p{
	margin:10px 0 0 0;
	color:#666;
	font-size:100%;
	line-height:1.6em;
	text-align:right;
}

#home img{
	float:left;
	margin:0 30px 30px 0;
	border: solid 1px #bbb;
}

* html #home img{
	float:left;
	margin:0 30px 30px 0;
	border: solid 1px #bbb;
}
	
#home img.last{
	float:right;
	margin:0 0 30px 0;
	border: solid 1px #bbb;
}

* html #home img.last{
	float:right;
	margin:0 0 30px 0;
	border: solid 1px #bbb;
}
	
#main img{
	float:left;
	margin:0 30px 30px 0;
	border: solid 1px #bbb;
}
	
#main.portfolio{
	width:400px;
	float:left;
	margin:0 20px 0 0;
	}

#main.portfolio img{
	margin:0 0 20px 0;
	}
	
#main.portfolio p{
	font-size:12px;
	letter-spacing: 1px;
	color:#888;
	}

#main h1 {
	line-height:1.3em;
	margin:0 0 0 0;
	padding: 0 0 0 0;
	}
	
	
#main h3 {
	font-weight:bold;
	font-size:120%;
	line-height:1.2em;
	margin: 0 0 3px 0;
	padding:0 0 0 0;
	}

#main p {
	line-height:1.7em;
	font-size:13px;
	margin:0 0 15px 0;
	}
		
#main p a {
	text-decoration: underline;
	}

#main p a:hover {
	color:#ddd; 
	text-decoration: underline;
	}
	
	
#main p.caption {
	font-size:100%;
	margin:0 0 10px 0;
	}
	
	
	
	

	


/* sidebar column */
	
#sidebar {
	width:300px;
	float:right;
	margin:0 0 0 0;
}

#sidebar img{
	float:left;
	border: solid 1px #bbb;
}


#sidebar.portfolio {
	width:400px;
	float:right;
	margin:0 0 0 0;
}

#sidebar.portfolio img{
	margin:0 0 15px 15px;
	float:right;
}

#sidebar.portfolio p{
	float:right;
	text-align:right;
	margin:20px 0 0 0;
	color:#666;
	font-size:100%;
	line-height:1.6em;
}

#sidebar.portfolio p a{
	color:#999;
}


* html #sidebar.portfolio {
	width:300px;
	float:right;
	margin:0 0 0 0;
}


#sidebar h4{
	color:#6d8d0c;
	}

#sidebar h4 a{
	color:#ff3300;
	}

#sidebar li a {
	text-decoration:none;
	font-size:110%;
	}

#sidebar li a:hover {
	color:#6d8d0c;
	text-decoration:underline;
	}

#sidebar p {
	line-height:1.5em;
	font-size:13px;
	margin:0 0 15px 0;
	}

	
#sidebar p a {
	font-weight:normal;
	text-decoration: underline;
	}

#sidebar p a:hover {
	text-decoration: underline;
	}
		

	
	
	
	
/* sidebar buckets */

#sidebar.uneven .bucket-left {
	width:150px;
	float:left;
	margin:0 20px 0 0;
	}	
	
#sidebar.portfolio .bucket-left {
	width:90px;
	float:left;
	margin:0 20px 0 0;
	}
	
#sidebar.portfolio .bucket-left img{
	width:90px;
	float:right;
	margin:0 20px 20px 0;
	}		
	
#sidebar .bucket-left {
	width:140px;
	float:left;
	margin:0 20px 0 0;
	}
	
#sidebar .bucket-left h4 a{
	font-weight:bold;
	margin:0 0 0 0;
	font-size:100%;
	}		

* html #sidebar .bucket-left {
	margin:0 10px 0 0;
	}

	
	
	
	
#sidebar.uneven .bucket-right {
	width:130px;
	float:right;
	margin:0;
	}
	
#sidebar.portfolio .bucket-right {
	width:90px;
	float:right;
	margin:0;
	}	
	
#sidebar.portfolio .bucket-right img{
	width:90px;
	float:right;
	margin:0 0 20px 0;
	}		
	
#sidebar .bucket-right {
	width:140px;
	float:right;
	margin:0;
	}
	
#sidebar .bucket-right h4 a{
	font-weight:bold;
	margin:0 0 20px 0;
	font-size:100%;
	}	

#sidebar .bucket-right h4 {
	font-weight:normal;
	margin:0 0 0 0;
	font-size:100%;
	}	

#sidebar .bucket-right h4.all {
	font-weight:bold;
	margin:10px 0 0 0;
	font-size:110%;
	text-decoration:none;
	}



	
	

/* footer */

#footer {
	float:left;
	width:960px;
	margin:20px 0 5px 0;
	border-top: 1px solid #454545;
	}

#footer p{
	padding: 10px 0 0 0;
	font-size:12px;
	color:#999;
}