/* override broswer dependent styles */
body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote {
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, pre, code {
	font-size: 1em;
}

a {
	text-decoration: none;
}
a img {
	border: none;
}

.media li {
	margin-left: 20px;
}
/* now the ones we want */	
BODY	{
/*scrollbar-base-color: #F0F0F0;*/
	background-color: #999966;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color:#330000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;;
}

p {
	margin-top:10px;
	color:#330000;
}

h1 {
	margin-top:10px;
}

h2 { 
	margin-top:10px;
}

#pageWrapper {
	width:800px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#header {
	padding:0px;
	background-image: none;
	margin: 0px;
	width: 800px;
	height: 135px;
}

#menuWrapper {
	/*background-image:url(images/background179.jpg);*/
	background-image:url(images/designer-menu-background.gif);
	background-repeat:repeat-y;
	background-position:left top;
	margin-top:-5px;
	margin-bottom:0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top:0px;
	padding-bottom:0px;
	float:left;
	width: 800px;
}

#main{
	background-color:#FFFFFF;
	float:right;
	width:585px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	margin: 0px;
	padding-top: 10px;
	min-height:600px;
}

ul.menu
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	list-style-type: none;
	padding: 0;
	margin-left: 0em;
	margin-top:0em;
}

li.menu
{
	background-image: url(images/auction-menu-button.jpg);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 1.7em;
	padding-top:0em;
	margin-top:2em;
	color:#cccc99;
}
/*ul.menu li { display: inline; }

* html ul.menu a { height: 1px; }*/

ul.menu a {
	display:block;
	width:8em;
/*}
/a.menu:link 	{*/
	color:#cccc99;
	text-decoration:none;
	width:150px;
	text-align: left;
	vertical-align: middle;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	/*text-indent: 50px;*/
}

a.menu:visited 	{ 
	  color:#cccc99;
}
.tips {
	margin-left: 15px;
	padding-top: 10px;
}



a.menu:active 	{ 
	  color:#cccc99;
}



a.menu:hover 	{  
	  /*color:#660000; */
	  color:#339900;
}	

.activePage {
	/*color:#660000;*/
	color:#339900;
	}

h1 { color:#3b160a;
	font-weight:bold;
	font-size:x-large;
	margin-bottom:10px;
	}
#memberInfo {
	margin-top: 5px;
	margin-left: 10px;
	padding-top: 20px;
	margin-right: 20px;
	line-height: 20px;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #3b160a;
}

	
h2 { 
	font-weight:bold;
	font-size:large;
	margin-bottom: 0px;
}

h2.teaser { 
	color:#000000;
	font-weight:bold;
	font-size:14px;
	margin-bottom: 0px;
	text-align:center;
}

h3 {
	color:#3b160a;
	font-weight:bold;
	font-size:14px;
	margin-bottom: 0px;
	margin-top: 10px;
}	

.floatRight {
	float: right;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
}

.imgCaption {
	float: right;
	margin: 5px 10px 20px 15px;
	border:thin #666666;
	width:300px;
}

.imgCaptionSmall {
	float: right;
	margin: 5px 10px 20px 15px;
	border:thin #666666;
	width:200px;
}
.imgCaptionLeft {
	float: left;
	margin: 5px 20px 20px 15px;
	border:thin #666666;
	width:350px;
}
.eventTeaserTitle {
	background-image:url(images/auction-event-t-bg.jpg);
	background-repeat:no-repeat;

}

h2.teaser { 
	color:#000000;
	font-weight:bold;
	font-size:14px;
	margin-bottom: 0px;
	text-align:center;
}
.eventTeaserPicture {
	background-image:url(images/auction-event-picture-bg.jpg);
	background-repeat:no-repeat;

}

.eventTeaserEvents {
	background-image:url(images/auction-event-background.jpg);
	background-repeat:no-repeat;

}

.footer {
	text-align:center;
	font-size:10px;
}
.menuLink {

}
.menuButton {
	vertical-align: middle;
	float: none;
}

.moreButton {
	margin-top:3px;
}


#contactInfo {
	font-size: 14px;
	font-weight: bold;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#contactForm {
	padding: 20px;
	margin: 5px;
	background-color: #CCCCCC;
	width: 575px;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
}
.errorMsg {
	font-weight: bold;
	color: #FF0000;
	margin-top:0px;
}
.testimonial {
	font-family: "Comic Sans MS", cursive;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	margin-top: 15px;
}
#memberLogo {
	border-top-width: medium;
	border-top-style: solid;
}
#memberTitle {
	margin-left: 10px;
	margin-top: 20px;
}
#tagLine {
	font-family: "Comic Sans MS", cursive;
	font-size: 14px;
	color: #b9b083;
	font-weight: bold;
	font-variant: normal;
	height: 40px;
	width: 330px;
	position: relative;
	top: 80px;
	right: 0px;
	left: 450px;
	font-style: italic;
	text-transform: none;
	letter-spacing: 2px;
}
.imgBorder {
	border: thin solid #3b160a;
	padding: 3px;
	margin-left: 12px;
}
.letter {
	font-family: "Comic Sans MS", cursive;
	font-size: 12px;
	font-style: italic;
}
.imgCaption h3 {
	margin: 0px;
}
.floatLeftBox {
	float: left;
	width: 120px;
	margin-top: 5px;
	margin-left: 80px;
	margin-right: 0px;
	vertical-align: top;
}
.floatRightBox {
	float: right;
	width: 120px;
	margin-top: -10px;
	margin-right: 80px;
	margin-left: 80px;
	vertical-align: top;
}

.question {
	font-family: "Comic Sans MS", cursive;
	font-size: 16px;
	font-weight: normal;
}
#nextPage {
	background-image: url(images/next-page.png);
	vertical-align: middle;
	text-align: right;
	background-repeat: no-repeat;
	background-position: right center;
	line-height: 24px;
	margin-top: 10px;
	text-indent: 30px;
	width: 200px;
	height: 24px;
	float: right;
}
#previousPage {
	background-image: url(images/previous-page.png);
	vertical-align: middle;
	text-align: left;
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 24px;
	text-indent: 30px;
	margin-top: 10px;
	width: 200px;
	float: left;
	height: 24px;
}
.testimonialGiver {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: double;
	border-bottom-color: #999966;
	padding-bottom: 5px;
	text-align: right;
	margin-right: 20px;
	margin-left: 20px;
}
.gallerycontainer{
	position: relative;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
	border: 1px solid #3b160a;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 15px;
}

.thumbnail:hover{
background-color: transparent;
}



.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	/*background-color: lightyellow;*/
	background-color: #3b160a;
	left: -1000px;
	/*border: 1px groove gray;*/
	border:thick solid #8bc541;
	color:#FFFFFF;
	text-decoration: none;
	width: 565px;
	padding: 10px;
	height: 325px;
	visibility: hidden;
}
.beforePhoto {
	position: relative;
	left: 5px;
	top: -40px;
}


.thumbnail span img{ /*CSS for enlarged image*/
	/*border-width: 5;
border:thick #FFFFCC;*/
	background-color:#FFFFFF;
	padding: 5px;
	margin: 0px;
}

/*.thumbnail:hover span{ /*CSS for enlarged image*/
/*visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
/*z-index: 50;
}*/

.thumbnail:focus span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 230px;
	left: 0px; /*position where enlarged image should offset horizontally */
	z-index: 50;
	/*height: 300px;*/
	margin: 0px;
}

.thumbnail:active span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 230px;
	left: 0px; /*position where enlarged image should offset horizontally */
	z-index: 50;
	margin: 0px;
	/*height: 300px;
	height: 400px;*/
}

.thumbnail p{
	color:#FFFFFF;
	font-family: "Comic Sans MS", cursive;
	font-size: 14px;
}

#thumbnailRow1 {
	width: 585px;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	height: 90px;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#thumbnailRow2 {
	width: 585px;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	height: 90px;
}

.spacerRow {
	background-color: #FFFFFF;
	width: 585px;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	height: 375px;
}


.photoDesc {
	position: absolute;
	width: 200px;
	left: 20px;
	top: 185px;
	height: 75px;
	margin: 0px;
	padding: 5px;
}

.beforeLabel {
	position: absolute;
	width: 50px;
	left: 95px;
	top: 10px;
	height: 20px;
	margin: 0px;
	padding: 5px;
}
.afterLabel {
	position: absolute;
	width: 50px;
	left: 385px;
	top: 65px;
	height: 20px;
	margin: 0px;
	padding: 5px;
}
.gallerycontainer p {
	margin: 0px;
}
.afterPhoto {
	left: 30px;
	top: 85px;
	position: relative;
}
.media ul {
	margin-left: 20px;
}

.contactForm {
	width:400px;
}