/*======================= CSS STYLE RESET ======================== */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

/*========================== SITE CSS =========================== */
body{
	position: relative;
	background:#DBD9D8;
	color:#797770;
	font-family:Verdana, "Trebuchet MS", Arial;
	font-size: 12px;
	height: 100%;
	text-align: center;
	z-index:1;
	}
	
	/* GENERAL STYLING */ 
	h1{font-size:45px; font-weight:normal; color:#DBD9D8; letter-spacing:5px;}
	h2{font-size:25px; font-weight:normal; color:#595750; letter-spacing:3px; margin-bottom:30px;}
	h3{clear:both; position:relative; color:#EAE8E7;}
	p{line-height:20px; margin:15px 0;}
	
	a{outline:0;}
	a:img{border:0;}
	a:link, a:visited{color:#595750; text-decoration:underline;}
	a:hover, a:active{color:#4B4943; text-decoration:overline;}
	#bottom a{text-decoration:none;}
	
	.floatleft{position:relative; float:left; margin:5px 15px 5px 0;}
	.floatright{position:relative; float:right; margin:5px 0 5px 15px;}
	.imgborder{border:4px solid #DBD9D8;}
	
	/* LAYOUT STYLING */	
	#wrapper{	
		position: relative;
		text-align: left;
		background: #C8C8C6;
		width: 800px;
		margin:0 auto;
		top: 20px;
		z-index:1;
		}
		
		#content{
			position: relative;
			padding: 30px;
			}
			#main_banner{position:relative; left:100px; top:auto; margin-bottom:10px; padding:15px;}
			#loading{position:absolute; top:250px; left:380px;}
			.img_grid{
				position: relative;
				clear: both;
				list-style: none;
				left: -15px;
				}
				.img_grid li{
					position: relative;
					margin: 13px;
					float: left;
					display: block;
					border: 3px solid #DBD9D8;
					}
			#left{
				position: relative;
				float: left;
				width: 400px;
				}
			#right{
				position: relative;
				float: right;
				width: 280px;
				}	
				
		#bottom{
			position: relative;
			bottom: -5px;
			clear: both;
			color: #DBD9D8;
			padding: 0 7px;
			margin-top: 20px;
			}
			#kate_nichols{
				position: relative;
				top: -1px;
				left: 2px;
				}
			#menu{
				position: relative;
				top: 29px;
				float: right;
				list-style: none;
				font-size: 14px;
				width: 386px;
				height: 19px;
				z-index: 10;
				}
				#menu li a{
					position: relative;
					display: block;
					float: left;
					left: 155px;
					height: 19px;
					padding-right: 10px;
					padding-left: 10px;
					}
					#menu .work a{width:51px; background:url(../../images/nav/work.png) no-repeat;}
					#menu .paintings a{width:92px; background:url(../../images/nav/paintings.png) no-repeat;}
					#menu .about a{width:61px; background:url(../../images/nav/about2.png) no-repeat;}
					#menu .contact a{width:92px; background:url(../../images/nav/contact2.png) no-repeat;}
					/* HOVER EFFECT */
						#menu .paintings a:hover,
						#menu .work a:hover,
						#menu .about a:hover,
						#menu .contact a:hover{background-position: 0px -19px;}
						
						
						
#scroll {
height: 200px;
width: 300px;
overflow: auto;
border: 1px solid #666;
background-color: #ccc;
padding: 8px;
}
	
	/*============== FORM STYLING =================*/
	form{font-size:10px; color: #595750; font-weight:normal;}
	input{margin: 3px 0; padding:2px; width:200px; background:#DBD9D8;}
	textarea{font-size:10px; padding:5px; width:500px; height:150px;}
	.submitbutton{width:55px; cursor:pointer; position:relative; left:458px; border:none; color:#595750;}
	.submitbutton:hover{background:#AFB0AD; color:#DBD9D8;}
	.clrInput, .clrTextArea{border:1px solid #ccc; background:#DBD9D8; color:#595750;}
	.inputborder{background:#AFB0AD; color:#DBD9D8;}
	
	
	
	/*============== FORM STYLING =================*/
#GB_overlay {
  background-image: url(../../images/overlay.png); 
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  z-index: 9999;
  width:  100%;
  height: 100%;
}

* html #GB_overlay {
  background-color: #000;
  background-color: transparent;
  background-image: url(../../images/blank.gif);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../images/overlay.png", sizingMethod="scale");
}

#GB_window {
  top: 10px;
  left: 0px;
  position: absolute;
  background: #fff;
  border: 5px solid #aaa;
  overflow: auto;
  width: 400px;
  height: 400px;
  z-index: 150;
}

#GB_frame {
  border: 0;
  overflow: auto;
  width: 100%;
  height: 378px;
}

#GB_caption {
  font: 12px bold helvetica, verdana, sans-serif;
  color: #fff;
  background: #888;
  padding: 2px 0 2px 5px;
  margin: 0;
  text-align: left;
}

#GB_window img {
  position: absolute;
  top: 2px;
  right: 5px;
  cursor: pointer;
  cursor: hand;
}

p.title{ margin-top: -20px; font-size: 10px; }