/* GENERAL --------------------------- */
html, body {
	margin:0;
	padding:0;
}
body {
	background:#333;
	font-family:Arial, Helvetica, san-serif;
	font-size:11px;
}
img {
	border:none;
}
/* PAGE STRUCTURE --------------------------- */
#mainCont {
	width:1000px;
	margin:0 auto;
	padding:0;
	position:relative;
}
/* HEADER ----------------------------------- */
#header {
	position:fixed;
	z-index:100;
	width:1000px;
	height:40px;
	background-color:#222;
	border-bottom:1px solid #444;
	/* for IE */
	filter:alpha(opacity=90);
	/* CSS3 standard */
	opacity:0.9;
}
#header p {
	position:relative;
	top:-28px;
	left:760px;
	height:20px;
	width:170px;
	color:#fc0;
	font-size:11px;
	font-weight:normal;
	font-style:italic;
}
/* NAVIGATION ------------------------------- */
#nav, #nav ul {
	float:left;
	height:40px;
	list-style:none;
	line-height:1;
	font-weight:bold;
	border:none;
	padding:0;
	margin:0;
}
#nav a {
	display:block;
	color:#999;
	text-decoration:none;
	padding:14px 10px 16px 20px;
	border:none;
	font-weight:normal;
}
#nav a:hover {
	color:#fe3300;
	border:none;
}
#nav li {
	float:left;
	padding:0;
	height:40px;
}
#nav li li a {
	color:#222;
}
#nav li li a:hover {
	color:#fff;
}
#nav li#afStudio {
	float:left;
	padding:0;
	width:200px;
	border-right:1px solid #222;
}
#nav li#afStudio a {
	margin:0;
	padding:15px 10px 5px 20px;
	font-weight:bold;
	font-size:11px;
	color:#222;
	width:170px;
	height:20px;
	text-align:left;
	background-color:#fffb33;
}
#nav li#afStudio a:hover {
	color:#fff;
	background-color:#fe3300;
}
#nav li#painting {
	float:left;
	padding:0;
	width:68px;
}
#nav li#photography {
	float:left;
	padding:0;
	width:92px;
}
#nav li#design {
	float:left;
	padding:0;
	width:64px;
}
#nav li#store {
	float:left;
	padding:0;
	width:56px;
}
#nav li#flickr {
	float:left;
	padding:0;
	width:57px;
}
#nav li#twitter {
	float:left;
	padding:0;
	width:63px;
}
#nav li#about {
	float:left;
	padding:0;
	width:59px;
}
#nav li#email {
	float:left;
	padding:0;
	width:56px;
}
#nav li ul {
	position:absolute;
	left:-999em;
	height:auto;
	width:200px;
	w\idth:200px;
	font-weight:normal;
	margin:0;
	padding:0px;
	/*border:1px solid #ccc; */
	background-color:#fffb33;
	/* for IE */
	filter:alpha(opacity=90);
	/* CSS3 standard */
	opacity:0.9;
}
#nav li li {
	width:200px;
}
#nav li ul a {
	position:relative;
	width:180px;
	w\idth:180px;
}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul {
	left:auto;
	top:41px;
}
#nav li li:hover, #nav li li.sfhover {
	background:#fe3300;
}
#nav li:hover, #nav li a.sfhover {
	color:#fe3300;
}
/* TYPOGRAPHY ------------------------------- */
a {
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
	color:#036;
}
a:hover {
	color:#fe3300;
}
p {
	color:#999;
	font-size:11px;
	line-height:1.5;
	text-align:left;
}
h1, h1 a {
	position:relative;
	color:#fff;
	width:180px;
	left:10px;
	margin:11px 0 0 0;
	font-size:11px;
	font-weight:bold;
}
h1 a:hover {
	color:#7e1900;
}
h2 {
	position:relative;
	font-weight:bold;
	font-size:11px;
	line-height:1.5;
	width:178px;
	text-align:left;
}
/* TOP MODULE ----------------------- */
.topModule {
	position:relative;
	width:1000px;
	margin:0;
	height:120px;
	border-bottom:1px solid #444;
}
.topModule h2 {
	position:relative;
	left:18px;
	top:31px;
	margin:0;
	padding:0;
	color:#fff;
	width:960px;
	font-size: 36px;
	font-weight:bold;
	text-align:left;
}
.topModule h3 {
	position:relative;
	margin:0;
	padding:0;
	top:6px;
	left:730px;
	width:200px;
	font-weight:normal;
	font-size:11px;
	color:#999;
	text-align:left;
}
/* SECTION HEADERS------------ */
.sectionHeader {
	postion:relative;
	margin:80px 0 0 0;
	padding:0;
	height:40px;
}
.sectionHeader h2 {
	position:relative;
	left:19px;
	font-weight:bold;
	font-size:22px;
	margin:0;
	padding:0;
	color:#fff;
	width:180px;
	height:40px;
	border-right:1px solid #444;
}
.sectionHeader p {
	position:relative;
	top:-28px;
	left:220px;
	margin:0;
	padding:0;
	color:#999;
	font-size:11px;
	width:400px;
}
/* MODULES ---------------------------------- */
#modules {
	position:relative;
	margin:40px 0 0 0;
	padding:0;
	float:left;
	width:1000px;
}
.module {
	position:relative;
	margin:40px 0 0 0;
	padding:0;
	color:#222;
	background-color:#222;
	/*border:1px solid #d5d5d5;*/
	width:1000px;
}
.module a {
	position:relative;
	margin:0;
	padding:0;
}
/* MODULE INFO TEXT  ---------------------------------- */
.moduleInfo {
	position:relative;
	margin:0;
	padding:0;
	height:40px;
	width:1000px;
	background-color:#333;
}
.moduleInfo h2 {
	position:relative;
	margin:0;
	padding:12px 0 0 20px;
	font-weight:bold;
	font-size:11px;
	width:180px;
	height:28px;
	text-align:left;
	background-color:#36f;
}
.moduleInfo p {
	position:relative;
	top:-28px;
	left:220px;
	width:780px;
	margin:0;
	padding:0;
}
.moduleInfo a {
	position:relative;
	top:-43px;
	left:900px;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
	color:#fffb33;
	border:none;
	margin:0;
	padding:0;
	width:100px;
}
.moduleInfo a:hover {
	border:none;
	color:#fe3300;
}
#viewPaintings {
	position:relative;
}
#viewPhotos {
	position:relative;
	left:908px;
}
#viewSite {
	position:relative;
	left:925px;
}
#viewPosters {
	position:relative;
	left:905px;
}
#viewLogos {
	position:relative;
	left:911px;
}
#viewComps {
	position:relative;
	left:907px;
}
#viewPrototype {
	position:relative;
	left:893px;
}
#photoColor {
	background-color:#9c3;
}
#designColor {
	background-color:#f93;
}
/* MODULE IMAGE  ---------------------------------- */
.moduleImage {
	position:relative;
	margin:0;
	padding:0;
	background-color:#222;
	height:460px;
	width:1000px;
}
.moduleImage a {
	margin:0;
	padding:0;
	width:1000px;
	height:460px;
}
.moduleImage a img {
	border-top:1px solid #444;
}
.moduleImage a:hover img {
	border-top:1px solid #fe3300;
}
/* INDIVIDUAL MODULES ----------------------- */
/* SIMPLE GALLERY ------------------------------- */
/***********************************************
* Simple Controls Gallery- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
#simplegallery1 {
	position:absolute; /*keep this intact*/
	visibility:hidden; /*keep this intact*/
	width:1000px;
	height:460px;
	display:block;
	margin:0px;
	z-index:90;
	border-width:1px;
	border-style:solid;
	border-color:#d5d5d5;
}
#simplegallery1 .gallerydesctext {
	text-align:left;
	padding:10px;
}
/* ABOUT ----------------------- */
div#about {
	postion:relative;
	margin:40px 0 0 0;
	width:1000px;
	height:320px;
	background-image:url(../IMGS/about.jpg);
	background-repeat:no-repeat;
}
div#about p {
	position:relative;
	left:520px;
	width:480px;
	margin:0;
	padding:0;
	color:#999;
	font-size:14px;
	line-height:1.8;
	color:#999;
}
div#about a {
	font-size:14px;
	font-weight:normal;
	color:#0cc;
}
div#about a:hover {
	color:#fe3300;
}
/* FOOTER  ---------------------------------- */
#footer {
	position:relative;
	margin:160px 0 0 0;
	padding:0;
	height:40px;
	border-top:1px solid #fffb33;
}
#footer p {
	position:relative;
	text-align:center;
	color:#cc6600;
	font-size:11px;
	font-weight:normal;
	font-style:italic;
}