@charset "utf-8";
/* CSS Document */

html{height: 100%; font-family:Arial, Helvetica, sans-serif;}

html, body, div, li, ul, img, form, fieldset { margin: 0; padding: 0;}

body{
	font-size: 14px;
	width: auto !important; width: 1014px;
	min-width: 1014px;
	background: #000 url(images/fog2.jpg) top center no-repeat;
}

a{color: #dd3333;}
a:visited{color: #311;}

h3{margin:3px; padding:0;}
	
#page{ 
	position: relative;
	margin: 0 auto;
	width: 860px;
}

#header {
	margin: 20px 0 5px 0;
	text-indent: 380px;
	width: 860px;
}

#header a{ 
	color: #dab541; 
	text-decoration:none;
}
#header a:hover{color: #fd2;}

#header h1{
	margin:0; padding:0;
	font-style: italic;
	font-size: 1.5em;
}

#content{
	position: relative;
	top: 1px;
	width: 634px; height: 476px;
	float: left;
	color: #000;
}

#contentGlow{
	position: absolute;	
	width: 670px; height:506px;
	top: -17px; left: -20px;
	background: url(images/contentGlow.png) top left no-repeat;
	z-index: -10;
}

#contentTop{
	height: 11px; width:634px;
	background: url(images/contentTop.png) top left no-repeat;
}

#content h2{
	margin: 0 0 5px 0;
	padding: 7px 20px;
	height: 27px; width: 558px;
	background: url(images/lineartHeader6.png) top left no-repeat;
	color: black;
	border: 2px solid #977;
	border-top:none; border-left:none;
	
}

#content .head2 h2{background: url(images/lineartHeader7.png) top left no-repeat;}/*Meet the Artist*/
#content .head4 h2{background: url(images/lineartHeader3.png) top left no-repeat;}/*Resume*/
#content .head5 h2{background: url(images/lineartHeader4.png) top left no-repeat;}/*EventPhotography*/
#content .head6 h2{background: url(images/lineartHeader5.png) top left no-repeat;}/*DrawingTable*/
#content .head12 h2{background: url(images/lineartHeader1.png) top left no-repeat;}/*Boutique*/
#content .head8 h2{background: url(images/lineartHeader2.png) top left no-repeat;}/*Contact*/

#post {
	padding: 17px;
	width: 600px; 
	height: 414px;
	overflow: hidden;
	background: url(images/contentFill.png) top left repeat-y;
	border-top:none; border-bottom:none;
}

#postcontent{
	padding: 3px;	
}

#post p{
	margin: 1px 0 10px 0;
}

#contentBottom{
	height: 11px;
	width: 634px;
	background: url(images/contentBottom.png) top left no-repeat;
	position: relative;
}

#sidebarGlow {
	display: block;
	position: absolute;
	z-index: -5;
	background: url(images/sidebarGlow.png) center no-repeat;
	height: 500px; width: 280px;
	top: -15px; left: -35px;
}

#sidebar{
	position: relative;
	width: 214px; height: 472px;
	float: right;
	text-align: center;
	z-index:2;
}

#sidebar ul { 
	list-style: none;
}

#sidebar li a{
	padding-top: 18px;
	display: block;
	height: 41px;
	width: 214px;
	background: url(images/navButton.png);
	font-size: 1.2em;
	color: #fff;
	text-decoration: none;
}

#sidebar li.first a{ background: url(images/navButtonFirst.png);}
#sidebar li.last a{	background: url(images/navButtonLast.png);}

#sidebar li a:hover{color: #e4e385;}

#sidebar li a:active{ background: url(images/navButtonClick.png);}
#sidebar li.first a:active{ background: url(images/navButtonFirstClick.png);}
#sidebar li.last a:active{ background: url(images/navButtonLastClick.png);}

#footer{
	color: #dab541;
	position: relative;
	top: -10px;
	text-align: center;
}

#footer p{margin:4px; padding: 0;}

#footer a{
	color:#dab541;
	text-decoration: none;
}
#footer a:hover{color:#fd2; text-decoration: underline;}
#footer strong{font-weight: bold;}
.clear{	clear:both;}

/*Contact Form*/
fieldset{
	border:none;
	position: relative;
}

label {
	display: block;
	margin: 0 0 1px 0 ;
	padding: 0;
	text-indent: 9px;
}

input, textarea{ margin: 0 0 5px 0;
	background: #fea;
	border: inset 2px #ec6;
}

.text, .textarea { 
	font-family: Arial, Helvetica, sans-serif;
}

.text{ 
	width: 300px;
}

.textarea {
	display: block;
}

#contactGraphic{
	z-index: 2;
	position: absolute;
	top: 80px; left: 340px;
}

input.button{
	margin: 11px 5px 5px 9px;
	padding-bottom:5px;
	display: inline;
	width: 100px;
	height: 35px;
	border: none;
	background: url(images/sendButton.png);
	font-size: 1.1em;
	float: left;
}
.button:active{background:url(images/sendButtonClick.png);}

.error{
	margin: 3px 0 0 12px;
	width:400px;
	font-size: .9em;
	color: #900;
	float: left;
}

<!--WebLogin Form-->
#WebLoginLayer0{ 
	width: 400px;
	padding-top: 30px;
}
#weblogin label{
	width: 130px;
	display: inline-block;
	margin: 4px 6px 1px 0;
}
#weblogin input{display: inline;}

#weblogin p{ margin: 0; padding: 0;}

#weblogin .button{margin-left: 70px;}

.logout{
	text-align:right;
	position: relative;
	top: -8px;
}

<!--etc-->
.blackT{
	background: url(images/contentTopBlack.png) top left no-repeat;	
	height: 11px; width:634px;
	position: relative;
	top: -11px; left:-2px;
}
.blackTop{
	background: url(images/contentTopBlack.png) top left no-repeat;
	height: 11px; width:634px;
	position: relative;
	left: -2px; top: -11px;
}

.blackBottom{
	background: url(images/contentBottomBlack.png) top left no-repeat;
	height: 11px; width:634px;
	position: relative;
	left: -2px; top: -8px;
}

.swf{
	background: url(images/contentFillBlack.png) top left repeat-y;
	padding: 0 2px;
	width: 634px; height: 456px;
	position: absolute;
	top: 11px;
}

.xButton{
	display: block;
	cursor: pointer;
	background: url(images/xButton.png) 0 2px no-repeat;
	width: 20px; height: 20px;
	position: absolute;
	top: -10px; left: 600px;
	z-index: 100;
}

.xButton:active{
	background:url(images/xButtonClick.png)	top left no-repeat;
}

.EventWayfinder ul{
	list-style: none;
}
.EventWayfinder li{
	margin: 17px 14px;
	text-align:center;
	float: left;
	background: url(images/photoThumb.png) center no-repeat;
	width: 160px;
	height: 160px;
}
.EventWayfinder img{margin:11px 14px 5px 14px; outline:0; display: block;}
.EventWayfinder a{
	text-decoration:none; 
	color: #600;
	display: block;
	width: 160px; height: 160px;
}
.EventWayfinder a:hover{color:#633;}

.resumepost{ font-size: 12px; line-height: 14px;}
#resumeList{
		position: absolute;
		top: 150px;
		left: 340px;
		height: 150px;
		width: 150px;
		background: url(images/resumeList.png);
		text-indent: -9000px;
		list-style: none;
}
.resumepost ul{margin: 0 0 14px 0;}
.resumepost h3{
	font-size: 18px; font-weight: bold;
	padding: 0; margin: 0;
	margin-bottom: 10px;
	text-align: center;
}
#resumePage{ 
	position: absolute;
	top: 445px; left: 410px;
}
#resumePage a{
	text-decoration: none;
}
#resumeIndustry{
	position: absolute; 
	top: 110px; 
	left: 192px; 
	text-align: center;
}

/*tinyMCE*/
.leftFloat25{float:left; width: 25%;}
.leftFloat50{float:left; width: 50%;}
.leftFloat75{float:left; width: 75%;}
.rightFloat25{float:right; width: 25%;}
.rightFloat50{float:right; width: 50%;}
.rightFloat75{float:right; width: 75%;}
.noBullets{list-style:none;}
