/*
grey bg #222, 212121, 1b1b1b
*/
html {margin: 0; padding: 0;}
body {
	margin: 0;
	padding: 0;
	font: 85%/1.5em "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background: #212121;
	text-align: center;
}
#container {
	width: 950px;
	margin: 0 auto;
	text-align: center;
	padding: 0;
}
#maincontent {
	margin: 40px 30px 10px 30px;
}
#homecontent {
	padding: 40px 0 20px 0;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
#flashcontent {
	padding: 0;
	margin: 0 auto;
	width: 800px;
	text-align: center;
}
#gallerycontent {
	padding: 0;
	margin: 30px 0 0 0;
	width: 100%;
	text-align: left;
}
div.categorylabel {
padding: 0;
margin: 0;
text-align: left;
vertical-align: top;
float: left;
/*width: 300px;*/
color: #fff;
width: 250px;
font-size: 15px;
}
#resumecontent, #contactcontent {
padding: 15px 0;
margin: 0;
width: 100%;
text-align: left;
}
td.restitles {
width: 220px;
letter-spacing: 2px;
font-variant: small-caps;
font-size: 1.2em;
}

div.recentContent {
	padding: 0;
	margin: 60px 0 40px 20px;
	
}
div.dynamicContent {
	padding: 12px 0;
	margin: 8px 0;
	float: left;
}
div.dynamicText {
	padding: 0 0 10px 14px;
	border-left: 4px solid #555;
	float: left;
	width: 600px;
}
div.clicktoview {
height: 14px;
padding: 0;
margin: 4px 0 4px 0;
}
div.gallerypicsrow {
padding: 8px 0;
margin: 0;
text-align: left;
font-size: 14px;
width: 100%;
height: 124px;
border-bottom: 1px solid #444;
font-weight: normal;
clear: both;
}
div.gallerypicsrowNoBorder {
padding: 8px 0;
margin: 0;
text-align: left;
font-size: 14px;
width: 100%;
height: 124px;
border-bottom: none;
font-weight: normal;
clear: both;
}
div.categorypics {
padding: 2px;
margin: 0;
text-align: left;
vertical-align: bottom;
float: left;
}
div.togallery {
	padding: 1px 5px 0 5px;
	margin: 0;
	float: right;
	background: #666;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: normal;
}
div.goback {
	padding: 1px 5px 0 5px;
	margin: 2px 0 0 0;
	float: right;
	clear: both;
	background: #666;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: normal;
}
div#artwork {
	margin: 0px auto;
	clear: both;
}
div#artwork div.workimage {
	margin-right: 20px;
	float: left;
	width: auto;
}
div#artwork div.workdesc {
	float: left;
	width: 300px;
}
#recentNav {
	padding: 12px 0 0 0;
	margin: 0;
	width: 100%;
	clear: both;
}
div.windmillcontent {
	margin: 12px 12px 8px 20px;
	width: 57%;
	text-align: left;
	float: left; 
}
div.windmillcontent a {
	text-decoration: underline;
	border-bottom: 1px solid #fff;
}
#windmillimages {
	margin-top: 20px;
}
#windmillimages img {
	padding: 8px 0;
}
div#footer {
padding: 40px 0 0 0;
margin: 0 auto;
width: 950px;
text-align: center;
color: #aaa;
font-size: 12px;
clear: both;
background: #212121;
}


/* ------------------------------------------------- headers
*/

h1 {
margin-bottom: 0;
padding-bottom: 0;
font-size: 170%;
font-family: "century gothic", Arial, Helvetica, sans-serif;
text-align: right;
color: #fff;
font-weight: normal;
text-transform: uppercase;
}
h2 {
font-size: 150%;
font-family: "century gothic", Arial, Helvetica, sans-serif;
text-align: left;
color: #fff;
font-weight: normal;
}
h2.subhead {
margin-top: 10px;
margin-bottom: 30px;
padding: 7px 0 9px 6px;
border-top: 1px solid #ccc;
font-size: 120%;
font-family: "century gothic", Arial, Helvetica, sans-serif;
text-align: left;
color: #fff;
background: #444;
font-weight: normal;
}
h3 {
font-weight: normal;
}


/* ------------------------------------------------------- paragraphs
*/

p {
text-align: left;
line-height: 1.5em;
}
p#disclaimer {
padding: 0 80px;
margin: 0;
font-size : 12px;
color : #333;
text-align : center;
}
p.galleryDesc {
text-align: left;
padding: 8px 0;
clear: both;
}	 
p.galleryDesc:first-letter {
   font-size: 2.0em;
	line-height: .9em;
}
div#footer p {
	color: #fff;
	text-align: center;
}

/* ------------------------------------------------------ links
*/

a {
	color: #fff;
}
a:hover {
	color: #fff;
}
#gallerycontent a:link {
	text-decoration: none;
}
#gallerycontent a:visited {
	text-decoration: none;
}
#gallerycontent a:hover {
}
div.dynamicContent a, div.dynamicContent a:visited {
	text-decoration: underline;
}
#gallerycontent .dynamicText a, #gallerycontent .dynamicText a:visited {
	text-decoration: underline;
}
#gallerycontent .dynamicTextLinks a, #gallerycontent .dynamicTextLinks a:visited {
	text-decoration: underline;
}
div#footer a {
	color: #fff;
}
div#footer span.siteby, div#footer span.siteby a {
	color: #888;
}
div.gallerypicsrow a, div.gallerypicsrowNoBorder a {
	font-weight: normal;
}

div.categorylabel a {
	color: #fff;
	text-align: right;
	font-size: 15px;
	text-decoration: none;
	background: #212121 url(../images/underline.gif) repeat-x bottom left;
}
div.categorylabel a:hover {
	text-decoration: none;
	color: #fff;
}



/* ------------------------------------------------------------ lists
*/

div#footer ul, div#footer ul li {
	list-style: none;
	text-decoration: none;
	display: inline;
}
div#footer ul li {
	padding: 4px 8px;
}
div.categorypics ul {
	display: inline;
	list-style: none;
}
div.categorypics ul li {
float: left;
display: inline;
cursor:pointer;
border-right: 6px solid #000;
}



/* ---------------------------------------------------------- misc
*/

#gallerycontent a img {
	border: none;
}



div.categorypics ul li img {
	width: 120px;
	height: 120px;
}
div.categorypics ul li:hover {
}
div.categorypics ul li a {
display: block;
}
div.categorypics ul li img:hover {
}

/*div.categorypics ul li.transOFF {width: 90px; height: 120px; opacity: .7; filter: alpha(opacity=70); -moz-opacity: .7; }
div.categorypics ul li.transON {width: 120px; height: 120px; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; }

div.flyouts img.transOFF {cursor:pointer; margin-right: 0px; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; }
div.flyouts img.transON {cursor:pointer;margin-left: 40px; padding-right: 0px; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; }
div.flyouts img.transONFirst {cursor:pointer;margin-left: 0;padding-right: 0px; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; }*/

div.flyouts div.transOFF {cursor:pointer; margin-right: 0px; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; }
div.flyouts div.transON {cursor:pointer;margin-left: 40px; padding-right: 0px; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; }
div.flyouts div.transONFirst {cursor:pointer;margin-left: 0;padding-right: 0px; opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; }

div.flyouts {
	position: relative;
}
div.flyouts div {
	display: inline;
	background: transparent url(../images/img-shadow.png) no-repeat top right; width: 130px; height: 120px; margin-right: 0px; position: absolute; left: 0px;
}


/* ------------------------------------------------- navigation
*/


#mainnav {
	margin: 16px 0;
	padding: 0;
	text-align: center;
	background: #212121;
}
#mainnav ul {
	margin: 0;
	padding: 0;
}
#mainnav ul li {
	padding: 0 26px;
	text-decoration: none;
	list-style: none;
	display: inline;
}
#mainnav ul li a {
	margin: 0  0 0;
	padding: 1px;
	text-decoration: none;	
  	color: #fff;
	font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
   letter-spacing: 1px;
   text-transform: uppercase;
	font-size: 16px;
}



#recentNav ul {
	padding: 0;
	margin: 0;
	width: 880px;
}
#recentNav ul li {
	padding: 9px 0 0 0;
	margin: 0;
	list-style: none;
	background: #000 url(../images/menu-recentworks-bg.gif) no-repeat top left;
	width: 220px;
	height: 30px;
	text-align: center;
	line-height: normal;
	float: left;
	border-bottom: 1px solid #555;
}
#recentNav ul li a, #recentNav ul li a:visited {
	/*color: #ccc;*/
}
#recent #recentNav ul li.recent, #ideas #recentNav ul li.ideas, #links #recentNav ul li.links, #getupdates #recentNav ul li.getupdates {
	border-bottom: none;
	background: #000 url(../images/menu-recentworks-active-bg.gif) no-repeat top left;
}
#recent #recentNav ul li.recent a, #ideas #recentNav ul li.ideas a, #links #recentNav ul li.links a, #getupdates #recentNav ul li.getupdates a {
	color: #fff;
}