/* green 60693B */
/* yellow FAB725 */



body {
	margin: 0 40px; padding: 0; 
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 85%;
	color: #300;
	font-weight; normal;
	background-color: #AE926B;
	line-height: 1.5em;
	color: #000;
	}
#main {
	margin: 0 0px; padding: 0; 
	text-align: left;
	width: 922px;
}
#header {
	background: #333 url(images/headerimage.gif) top left repeat-x;
	margin: 0; padding: 0 0;	
	border-left: solid 1px #000;
	border-right: solid 1px #000;
}
	
#header img {
	border: none;
	}

#content-portfolio {
	background: #fff url(../images/content-background.gif) top right repeat-y;
	margin: 0; padding: 0px;	
	width: 922px;
	border-bottom: solid 1px #000;
}
#content-portfolio-horizontal {
	background: #fff url(../images/content-background.gif) top right repeat-y;
	margin: 0; padding: 0px;	
	width: 922px;
	border-bottom: solid 1px #000;
}

#contentin-home {
	background: #fff url(../images/home-bg.jpg) top left;
	padding: 20px 20px 20px 80px;	
	width: 620px; 
	height: 500px;
	float: left;
}


#content {
	background: #E1B861 url(../images/content-background-yellow.gif) top right repeat-y;
	margin: 0; padding: 0px;	
	width: 922px;
	border-bottom: solid 1px #000;
}

#contentin {
	margin: 20px 40px;	
	width: 640px; 
	float: left;
}
	
#menu {
	background-color: #60693B;
	margin: 0; padding: 0;	
	width: 198px;
	float: left;
	}


#menu ul {
	margin: 50px 20px 50px 20px; padding: 0;
	list-style: none;
	}
#menu li {
	margin: 5px 0; padding: 0;
	list-style: none;
	}
	
.footer {
	background-color: #transparent; 
	font-size:.8em; 
	padding: 1em; 
	line-height: 1.2em; 
	color: #000;}

img {border: none;}

.spacer {clear: both;}

#workshop {color: #fff; padding: 10px; border-top: solid 1px #525936; }
#workshop h3 {color: #FAB725; padding: 5px 0; font-weight: bold; margin: 0; }
#workshop .leaflet a:link {color: #FAB725;}
/* LINKS */

a:link {color: #600;}
a:visited {color: #300;}
a:hover {color: #900; text-decoration: none;}
a:active {color: #900;}

#menu a:link {color: #fff; text-decoration: none;}
#menuin a:visited  {color: #fff; text-decoration: none;}
#menuin a:hover  {text-decoration: underline; color: #FAB725;}
#menuin a:active {color: #fff; text-decoration: none;}

#menuin a.on:link {color: #FAB725; text-decoration: none;}
#menuin a.on:visited {color: #FAB725; text-decoration: none;}
#menuin a.on:hover {color: #FAB725; text-decoration: none;}
#menuin a.on:active {color: #FAB725; text-decoration: none;}

.galleryleft a:link {color: #000; font-weight: bold; text-decoration: none;}
.galleryleft a:visited {color: #000; font-weight: bold; text-decoration: none;}
.galleryleft a:hover {color: #000; font-weight: bold; text-decoration: none;}
.galleryleft a:active {color: #000; font-weight: bold; text-decoration: none;}

ul.subnav {margin: 1em; padding: 1em;}
ul.subnav li {margin: 1em; padding: 1em;}

/* HEADERS */

h1 {text-transform: uppercase; display: inline;}
h2 {font-size: 1.3em; margin: 1em 0 0 0;}
h3 {font-size: 1.1em; color: #60693B; margin: 1em 0em 0em 0em;}
h4 {font-size: 1.1em; color: #030; margin: .75em 0 0 0; padding: 3px 0; border-top: solid 1px #668066; width: 50%; }
h5, h6 {font-size: 1em;}


/* TEXT */

dt {font-weight: bold; margin: 1em 0 .25em 0; }
p {margin: 0.25em 0em 1em 0em;}
.testimonial {font-style: italic;  margin: 1em 0; padding: 1em; border-bottom: solid 1px #A6A685;}
.next {padding: 0px 5px;}
.previous {padding: 0px 5px;}

dl.addressinfo dt {display: block;}
dl.addressinfo dd {display: inline;}

.galleryleft em {font-style: normal; font-weight: bold; }

label {text-align: right; display: block;}

.leftcontact {width: 50%; float: left;padding: 0; margin: 0; line-height: 1.1em;}
.rightcontact {width: 45%; float: right; padding: 0 0 0 1em; margin: 0;  border-left: solid 1px #030; }
.messagetext {border-top: dashed 1px #030; padding: 1em 0 0 0;}
p.sold {color: #900; font-size: 1.3em; padding: 20px;}

/* IMAGES */


.photoleft {float: left; margin: 0px 10px 10px 0px; padding: 5px; }
.photoright {float: right; margin: 0px 0px 10px 10px; padding: 5px;}


.photoleft-border {float: left; margin: 10px; padding: 5px;}
.photoright-border {float: right; margin: 10px; padding: 5px; }

.photo-cell {text-align: center;}

/* OLD GALLERY */

#oldgallery #galleryimage {margin: 0px; padding: 0px;}
#oldgallery .gallerythumb { margin: 0 10px 0 0px; border: solid 1px #000;}
#oldgallery #galleryright {float: left; margin: 25px 0; border: none; width: 205px;}




#oldgallery #gallerycontainer {width: 100%;}
#oldgallery .galleryleft {width: 640px;}
#oldgallery .galleryleft img {display: block; float: left;}
#oldgallery .galleryleft .info {width: 200px; margin: 25px 0 0 0; float: left;}
#oldgallery .galleryleft p  {margin: 0.25em 0em 0 0em; padding: 0 !important;
	line-height: 1em;}

.ui-tabs-nav li {display: inline; margin: 0; padding: 0; }
.ui-tabs-nav {list-style: none;margin: 0; padding: 0; width: 205px; }

#oldgallery .gallerynav {width: 200px; float: right; }




	






/* NEW GALLERY */

#newgallery #gallerycontainer { float: left;  padding: 0 0 0 1px;}

#newgallery .galleryleft {width: 720px; height: 1000px;}
#newgallery .gallerygreen {background: #8C8F61; width: 720px; height: 1000px;}
	#newgallery .gallerygreen img, 	#newgallery .galleryleft img {display: block; float: left;}
	#newgallery .gallerygreen .info, #newgallery .galleryleft .info {width: 200px; margin: 25px 25px 0 0; float: right; }
	
	#newgallery .gallerygreen p,  #newgallery .galleryleft p  {margin: 0.25em 0em 0 0em; padding: 0 !important;
	line-height: 1em;}
	
	#newgallery .galleryimage {margin: 0; border: none; width: 205px;}
	#newgallery #galleryimage {margin: 0px; padding: 0px;}


	
#newgallery #galleryright {height: 0; position: relative; top: -800px; left: 495px; margin: 0px 0; border: none; width: 225px; }
	#newgallery .gallerythumb { margin: 0 10px 0 0px; border: solid 1px #000;}

#newgallery .gallerynav {height: 0; position: relative; top: -600px; left: 495px;width: 200px; margin: 0px 25px 0 0; text-align: right;}


/* Caution! Ensure accessibility in print and other media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}



/* NEW GALLERY HORIZONTAL*/
	#newgallery  #content-portfolio-horizontal .galleryleft img { position: absolute; top: 302spx; left: 41px;  }

	#newgallery  #content-portfolio-horizontal .galleryleft .info {margin: 0; padding: 0; width: 200px; position: absolute; top: 650px; left: 75px;}
		#newgallery  #content-portfolio-horizontal  #galleryright {position: absolute; top: 650px; right: 75px; width: 200px; text-align: right;}
	#newgallery   #content-portfolio-horizontal .gallerynav {
				position: absolute; top: 725px; right: 75px; width: 200px;  
				margin: 0px 25px 0 0; text-align: right;
				}


	#newgallery  #content-portfolio-horizontal .galleryleft .info  h2 {margin: 0; padding: 0; }