/* CSS Document Tony Aldrich ta.css website design by SpotlessMedia.com */

body {
	color: #666666;
	background: #FFFFFF;
	font: 12px/20px Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 30px;

}

#wrapper {
	width: 900px;
	margin: auto;

}
#innerWrapper {
	width: 900px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF url(images/innerWrapper_bg.gif) repeat-x bottom;
	padding-bottom: 20px;
}

#header {
	background: #999b86 url(images/tonyaldrich.gif) no-repeat 10px 20px;
	height: 80px;
	width: 900px;

}
#topNav {
	text-align: right;
	padding-right: 20px;
	background: #999B86;
	height: 18px;
}
#topNav a {
	color: #F2F2F2;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}
#topNav a:hover {
	color: #5A5C46;
}
.navFloat {
	float: right;
}
#worksNav {
	background: #646655;
	border-top: 2px solid #FFFFFF;
	text-align: right;
	padding-right: 20px;
	color: #FFFFFF;
}
#worksNav a {
	color: #F2F2F2;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}
#worksNav a:hover {
	color: #292B24;
}



#contentWrap {
	color: #252620;
}
#content {
	width: 555px;
	margin-top: 50px;
	text-align: justify;
	margin-left: 175px;
}
#content a {
	color: #5B5C4E;
	text-decoration: none;
}
#content a:hover {
	color: #999999;
}
#worksContent {
	padding-top: 50px;
	width: 800px;
	margin: auto;
	padding-bottom: 100px;
}

.drawings #content {
	width: 700px;
	margin-top: 50px;
	text-align: justify;
	margin-left: 125px;
}
.thankyou #content {
	height: 560px;
}


#worksTable {
	width: 100%;
}
#worksTable td {
	width: auto;
	text-align: center;
}
#worksTable a {
	text-decoration: none;
	color: #999999;
	font: lighter 14px Verdana, Arial, Helvetica, sans-serif;
}
#worksTable a:hover {
	color: #000000;
}
.contentTable {
	width: 95%;
	text-align: center;
}
.contentTable img {
	margin: 50px;
	border: 1px solid #CCCCCC;
}








#rightSide {
}
#logos {
	text-align: right;
	width: 850px;
	padding-right: 50px;
	height: 50px;
}
#imageHolder {
	width: auto;
	text-align: center;
	margin: 75px 45px 55px;
}
#imageHolder img {
	border: 1px solid #CCCCCC;
	margin: auto;
}
.paintingImage #content, .drawingImage #content {
	width: 500px;
	margin: auto;
}





#footer {
	padding-top: 5px;
	font-size: 10px;
}
#footerNav {
	float: left;
	width: 500px;
}
#footerNav a {
	color: #666666;
	text-decoration: none;
}
#footerNav a:hover {
	text-decoration: underline;
}







/*****************************************************  Spotless link at bottom of page *************/
#spotless {
	font-size: 9px;
	width: 300px;
	text-align: right;
	float: right;
}
#spotless a {
	color: #999999;
	text-decoration: none;
}
#spotless span {
	color: #FF9966;
}
h1 {
	font: lighter 24px Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: left;
}

.imgLeft {
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
}
.contact img {
	float: left;
	margin-right: 30px;
}

.backToGallery {
	text-decoration: none;
	color: #999999;
}
.backToGallery:hover {
	color: #333333;
}
.quote {
	padding-left: 20px;
	padding-right: 20px;
	font-style: italic;
}
.title {
	font-size: 16px;
	color: #333333;
}
/************************************************************ gallery styles *******************

.a, .a:visited {color:#000;}

a.gallery, a.gallery:visited {
	display:inline;
	text-decoration:none;
	border:0px solid #666;
	width:75px;
	height:75px;
	float:left;
	margin:10px 16px;
	position:relative;
	color: #666666;
	
}
a.slide01 {
	background:url(images/sml01.jpg);
	margin-right: 25px;
}
a.slide02 {
	background:url(images/sml02.jpg);
	margin-right: 25px;
}
a.slide03 {background:url(images/sml03.jpg);
			margin-right: 25px;}
a.slide04 {background:url(images/sml04.jpg);margin-right: 25px;}
a.slide05 {background:url(images/sml05.jpg);margin-right: 25px;}
a.slide06 {background:url(images/sml06.jpg);margin-right: 25px;}
a.slide07 {background:url(images/sml07.jpg);margin-right: 25px;}
a.slide08 {background:url(images/sml08.jpg);margin-right: 25px;}
a.slide09 {background:url(images/sml09.jpg);margin-right: 25px;}
a.slide10 {background:url(images/sml10.jpg);margin-right: 25px;}

#gallery span {
	visibility:hidden; 
	display:block; 
	position:absolute; 
	width:auto; 
	height:auto; 
	top:0px; 
	left: -3px; 
	/*background:#fff; 
	text-align:center; 
	border:1px solid #fff; 
	cursor:default;*/
	
/*
}

#slide01 span {
	margin-top: 0px;
	margin-left: 0px;
}
a.slide02 span {
	margin-top: 20px;
	margin-left: 10px;}
	
	
a.slide03 span {
	margin-top: 20px;
	margin-left: -110px;}
	
a.slide04 span {
	margin-top: 20px;
	margin-left: -220px;}
a.slide05 span {
	margin-top: 20px;
	margin-left: -330px;}
	
a.slide06 span {
	margin-top: -75px;
	margin-left: 120px;}
a.slide07 span {
	margin-top: -75px;
	margin-left: 10px;}
	
a.slide08 span {
	margin-top: -75px;
	margin-left: -110px;}
a.slide09 span {
	margin-top: -75px;
	margin-left: -220px;}
a.slide10 span {
	margin-top: -75px;
	margin-left: -330px;}
a.gallery:hover {white-space:normal; border:0px solid #ccc; z-index:100;}
a.gallery:hover span {visibility:visible; z-index:100;}
a.gallery:hover span img {margin:10px; border:1px solid #ccc; position:relative; z-index:100;}*/

.menu a {
	display: block;
}
.menu ul {
	padding: 0;
	margin: 0;
	position: relative;
	list-style-type: none;}
.menu ul a {
}


/* get rid of the table */
.menu table {
	position: absolute;
	border-collapse: collapse; 
	top: 0; 
	left: 0; 
	z-index: 100;}

/* style the links */
.mainMenu a {
	text-decoration: none;
	color: #FFFFFF;
	width: 185px;
	border-top: 1px solid #FFFFFF;
	padding-top: 3px;
	padding-bottom: 6px;
	font-size: 10px;
	padding-left: 20px;
	text-decoration: none;
	
}

.mainMenu a:hover {
	color: #F60;
	position:relative;
	
}


.menu li:hover {
	position:relative;
	
}

.mainMenu {
	background-image: url(images/nav-buttons-bg.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.menuIndent a {
	text-indent: 20px;
	background: #D8D3C0 url(images/nav-buttons-bg.gif) no-repeat right center;
	text-decoration: none;
	color: #57532D;
	width: auto;
	border-top: 1px solid #FFFFFF;
	padding-top: 3px;
	padding-bottom: 6px;
	font-size: 10px;
	padding-left: 20px;
	
	border-right: 1px solid #BDB495;
}

 
.menu li ul {
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 195px;
	text-align: left;
	list-style-image: none;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;
	

	
}
	
.menu li ul a {
	border-bottom: 1px solid #CCC;
	text-decoration: none;
	background: #FFFFFF;
}

.menu li:hover > ul {visibility:visible;} /* for firefox and others */
.menu ul a:hover ul {visibility:visible;} /* for ie */

#imageLayer1 {
	position: absolute;
	top: 187px;
	left: 393px;
	visibility: hidden;
	z-index: 100;
	border: 5px solid #FFFFFF;
	background: #FFFFFF;
}

#imageLayer2 {
	position: absolute;
	top: 187px;
	left: 393px;
	visibility: hidden;
	z-index: 100;
	border: 5px solid #FFFFFF;
}
#contactForm {
	margin-top: 70px;
}
.contactField {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	color: #999B86;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 400px;
	margin-left: 5px;
}
.contact li {
	list-style: none;
}