/* @override http://deborahhouston.com/main.css */

/* Global (start) */


* {
	margin: 0;
	padding: 0;
	list-style: none;
	
}

body {
	background: url(images/bg01.jpg) no-repeat;
	color: #808080;
	font-family: Helvetica, Arial, sans-serif;
}

/* ClearFix */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

a, a:visited {
	color: #808545;
	text-decoration: none;
}

a:focus {
	outline: none;
}

a:hover {
	color: #CCCCCC;
	
}

a img {
	border: none;
	
}

/* Global (end) */

div#wrapper {
	width: 722px;
	height: 600px;
	margin-left: 40px;
	margin-top: 39px;
	padding-right: 38px;
	padding-left: 38px;
	padding-top: 8px;
}

div#wrapper2 {
	width: 724px;
	height: 591px;
	margin-left: 40px;
	margin-top: 39px;
	padding-right: 38px;
	padding-left: 38px;
	padding-top: 8px;
}

div#hder {
	height: 37px;
	width: 722px;
	margin-top: 60px;
}

img.banner {
	width: 361px;
	float: left;
}

/*****START OF NAV*******/

ul#sitenav {
	width: 311px;
	float: left;
	border-top: 1px solid #CCCCCC;
	position: relative;
	bottom: 13px;
	margin-left: 29px;
	padding-left: 0;
	margin-top: 19px;
	font-size: 14px;
}

ul#sitenav li {
	display: inline;
	margin-left: 18px;
	line-height: 36px;
}

ul#sitenav li a, a:visited {
	color: #CCCCCC;
	text-decoration: none;
}

ul#sitenav li a:hover {
	color: #808080;
}

/*******END OF NAV*********/

/*******START OF SUBNAV*********/
div#subnav {
	width: 217px;
	height: 26px;
}

div#subnav li {
	float: left;
	clear: none;
	margin-left: 12px;
	margin-top: 27px;
}

/*******END OF SUBNAV*********/

/****START OF CONTENT******/
div#content {
	width: 722px;
	height: 376px;
	margin: 0;
	padding: 0;
}

p.pararesume {
	font-size: 11px;
	margin: 0 0 34px 30px;
	padding-top: 32px;
}

span.paratitle {
	text-decoration: underline;
}

div#contact {
	float: left;
	width: 283px;
	height: 138px;
	margin: 254px 0 71px 30px;
	font-size: 20px;
}

div#info {
	float: left;
	width: 301px;
	padding: 0;
	margin-top: 46px;
	margin-left: 78px;
}

div#info img {
	padding-bottom: 11px;
	border-bottom: 1px solid #CCCCCC;
}

div#info p {
	font-size: 15px;
}

div#content h1 {
	font-size: 14px;
	margin-left: 30px;
	margin-top: 106px;
}

p.artstate {
	width: 617px;
	height: 272px;
	margin-top: 24px;
	font-size: 1em;
	margin-left: 30px;
}

/****END OF CONTENT******/

/*******START OF THUMBS*******/

ul#thumbs li {
	float: left;
	width: 57px;
	height: 67px;
}


/****END OF THUMBS******/

div.displaynone {
	display: none;
}


/*******START OF 
DRAWING GALLERY*******/

div#drawing {
	width: 724px;
	height: 472px;
	margin-bottom: -18px;
}

div#drawingleft {
	width: 214px;
	height: 311px;
	float: left;
	margin-top: 43px;
	margin-left: 0;
	clear: both;
}

div#drawingright {
	float: left;
	width: 503px;
	height: 390px;
	padding-left: 0;
	font-size: 12px;
}

div#subdiv1.drawing {
	display:block;
}

div#subdiv1.drawing img {
	margin-left: 80px;
	margin-top: 73px;
}

div#subdiv1.drawing ul {
	position: relative;
	right: 217px;
	top: 6px;
}

div#subdiv2.drawing img {
	margin-left: 125px;
	margin-top: 20px;
}

div#subdiv2.drawing ul {
	position: relative;
	right: 217px;
	bottom: 17px;
}

div#subdiv3.drawing img {
	margin-top: 58px;
	margin-left: 73px;
}

div#subdiv3.drawing ul {
	position: relative;
	right: 217px;
	top: 33px;
}

div#subdiv4.drawing img {
	margin-left: 124px;
	margin-top: 20px;
}

div#subdiv4.drawing ul {
	position: relative;
	right: 217px;
	bottom: 17px;
}

div#subdiv5.drawing img {
	margin-left: 77px;
	margin-top: 47px;
}

div#subdiv5.drawing ul {
	position: relative;
	right: 217px;
	top: 16px;
}


/****END OF DRAWING******/

/*******START OF PAINTING*******/

div#painting {
	width: 724px;
	height: 472px;
	margin-bottom: -18px;
}

div#paintingleft {
	width: 214px;
	height: 311px;
	float: left;
	margin-top: 43px;
	margin-left: 0;
	clear: both;
}

div#paintingright {
	float: left;
	width: 503px;
	height: 390px;
	font-size: 12px;
	
}

div#subdiv1.painting {
	display: block;
}

div#subdiv1.painting img {
	margin-left: 108px;
	margin-top: 20px;
}

div#subdiv1.painting ul {
	position: relative;
	right: 217px;
	bottom: 14px;
}

div#subdiv2.painting img {
	margin-left: 85px;
	margin-top: 21px;
}

div#paintingright div#subdiv2 ul {
	position: relative;
	right: 217px;
	bottom: 15px;
}

div#paintingright div#subdiv3 img {
	margin-top: 48px;
	margin-left: 13px;
}

div#paintingright div#subdiv3 ul {
	position: relative;
	right: 217px;
	top: 11px;
}

div#paintingright div#subdiv4 img {
	margin-left: 13px;
	margin-top: 117px;
}

div#paintingright div#subdiv4 ul {
	position: relative;
	right: 217px;
	top: 122px;
}

div#paintingright div#subdiv5 img {
	margin-left: 9px;
	margin-top: 49px;
}

div#paintingright div#subdiv5 ul {
	position: relative;
	right: 217px;
	top: 9px;
}

div#paintingright div#subdiv6 img {
	margin-left: 12px;
	margin-top: 62px;
}

div#paintingright div#subdiv6 ul {
	position: relative;
	right: 217px;
	top: 46px;
}

div#paintingright div#subdiv7 img {
	margin-left: 78px;
	margin-top: 19px;
}

div#paintingright div#subdiv7 ul {
	position: relative;
	right: 217px;
	bottom: 15px;
}

div#paintingright div#subdiv8 img {
	margin-left: 77px;
	margin-top: 23px;
}

div#paintingright div#subdiv8 ul {
	position: relative;
	right: 217px;
	bottom: 11px;
}

div#paintingright div#subdiv9 img {
	margin-left: 12px;
	margin-top: 64px;
}

div#paintingright div#subdiv9 ul {
	position: relative;
	right: 217px;
	top: 55px;
}


/****END OF PAINTING******/


/*******START OF FOOTER*******/

div#footer {
	color: white;
	text-align: center;
	clear: both;
}

div#footer p {
	margin: 0;
	font-size: 8px;
	padding-top: 23px;
	border-top: 1px solid #CCCCCC;
}

/*******END OF FOOTER*******/