/*==================================================================================*/
/* OVERRIDES -----------------------------------------------------------------------*/
HTML, BODY {
	height: 100%;
}

BODY {
	margin: 0;
	padding: 0;
	background-color: #ffc;
}

P, BODY, TD, DIV, SPAN {
	font-family: Verdana, sans-serif;
	font-size: 14px;
}

H1 {
	display: block;
	margin: 0;
	text-align: left;
	font: italic bold 16px Verdana, sans-serif;
	color: #753433;
}

H2 {
	display: block;
	margin: 0;
	text-align: left;
	font: italic bold 14px Verdana, sans-serif;
	color: #753433;
}

H3 {
	display: block;
	margin: 0;
	text-align: left;
	font: italic bold 12px Verdana, sans-serif;
	color: #753433;
}

FORM {
	margin: 0;
	padding: 0;
}

/*==================================================================================*/
/* SIZES ---------------------------------------------------------------------------*/
.size36	{ font-size: 36px; }
.size30	{ font-size: 30px; }
.size24	{ font-size: 24px; }
.size18	{ font-size: 18px; }
.size16	{ font-size: 16px; }
.size14	{ font-size: 14px; }
.size13	{ font-size: 13px; }
.size12	{ font-size: 12px; }
.size11	{ font-size: 11px; }
.size10	{ font-size: 10px; }
.size9	{ font-size: 9px; }
.size8	{ font-size: 8px; }
.size7	{ font-size: 7px; }

/*==================================================================================*/
/* LINKS ---------------------------------------------------------------------------*/
A:link, A:visited {
	color: #753433;
	text-decoration: none;
}
A:hover, A:active {
	color: #4C191A;
	text-decoration: none;
}

/*==================================================================================*/
/* LAYOUT --------------------------------------------------------------------------*/
TABLE#canvas {
	width: 100%;
	height: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
}
	TABLE#canvas TD.center {
		vertical-align: middle;
		text-align: center;
	}

/*==================================================================================*/
/* PAGE WRAPPER --------------------------------------------------------------------*/
#pagewrapper {
	position: relative;
	width: 980px;
	height: 600px;
	margin: auto;
	background: url('/images/subpage/pagebg.jpg') no-repeat;
	text-align: left;
}
	#pagewrapper.homepage {
		/*
			The homepage's background art cannot be an overlay because
			it is processed in Soft Light blending mode in the original
			Photoshop file.
		*/
		background-image: url('/images/homepage/pagebg.jpg');
	}

/*==================================================================================*/
/* LOGO ----------------------------------------------------------------------------*/
#pagewrapper.homepage DIV#logo {
	position: absolute;
	top: 77px;
	left: 90px;
	width: 314px;
	margin: 0 auto;
	/* use height, padding and overflow to hide text contents */
		height: 0;
		padding-top: 265px;
		overflow: hidden;
	/* end */
	cursor: pointer;
	background: url('/images/homepage/logo.jpg') no-repeat left top;
}

#pagewrapper.subpage DIV#logo {
	position: absolute;
	top: 25px;
	left: 30px;
	width: 219px;
	margin: 0 auto;
	/* use height, padding and overflow to hide text contents */
		height: 0;
		padding-top: 185px;
		overflow: hidden;
	/* end */
	cursor: pointer;
	background: url('/images/subpage/logo.jpg') no-repeat left top;
}

/*==================================================================================*/
/* PAGE BODY -----------------------------------------------------------------------*/
#pagewrapper.subpage #pagebody {
	position: absolute;
	z-index: 1000;
	top: 39px;
	right: 0;
	width: 540px;
	height: 520px;
	overflow: visible;
}
	
#pagewrapper.homepage #pagebody {
	position: absolute;
	z-index: 1000;
	top: 65px;
	right: 0;
	width: 530px;
	height: 300px;
}

/*==================================================================================*/
/* BACKGROUND OVERLAYS -------------------------------------------------------------*/
#pagewrapper DIV#overlay {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
	#pagewrapper DIV#overlay.graphic-design {
		background: url('/images/overlay/graphic-design.png') no-repeat;
	}
	#pagewrapper DIV#overlay.illustration {
		background: url('/images/overlay/illustration.png') no-repeat;
	}
	#pagewrapper DIV#overlay.fine-art {
		background: url('/images/overlay/fine-art.png') no-repeat;
	}
	#pagewrapper DIV#overlay.content {
		background: url('/images/overlay/content.png') no-repeat;
	}

/*==================================================================================*/
/* PRIMARY NAVIGATION : Homepage ---------------------------------------------------*/
#pagewrapper.homepage DIV#navbar1 {
	position: absolute;
	top: 390px;
	left: 0;
	width: 980px;
	height: 82px;
	overflow: hidden;
	background: url('/images/homepage/nav1.jpg') no-repeat 0 0;
}
	#pagewrapper.homepage DIV#navbar1 UL {
		float: left;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	#pagewrapper.homepage DIV#navbar1 LI {
		float: left;
		display: inline;
		padding: 0;
	}
	#pagewrapper.homepage DIV#navbar1 LI A {
		float: left;
		width: 318px;
		height: 0;
		margin: 0;
		padding-top: 82px;
		overflow: hidden;
		background: transparent url('/images/homepage/nav1.jpg') no-repeat;
	}
		/* Widths + Offsets */
		#pagewrapper.homepage DIV#navbar1 LI#tab1-1 A { width: 290px; margin-left: 73px; }
		#pagewrapper.homepage DIV#navbar1 LI#tab1-2 A { width: 247px; margin-left: 61px; }
		#pagewrapper.homepage DIV#navbar1 LI#tab1-3 A { width: 164px; margin-left: 71px; }

		/* States: off */
		#pagewrapper.homepage DIV#navbar1 LI#tab1-1 A { background-position: -73px 0; }
		#pagewrapper.homepage DIV#navbar1 LI#tab1-2 A { background-position: -422px 0; }
		#pagewrapper.homepage DIV#navbar1 LI#tab1-3 A { background-position: -740px 0; }

		/* States: on */
		#pagewrapper.homepage DIV#navbar1 LI#tab1-1 A:hover { background-position: -73px -82px; }
		#pagewrapper.homepage DIV#navbar1 LI#tab1-2 A:hover { background-position: -422px -82px; }
		#pagewrapper.homepage DIV#navbar1 LI#tab1-3 A:hover { background-position: -740px -82px; }

/*==================================================================================*/
/* PRIMARY NAVIGATION : Subpage ----------------------------------------------------*/
#pagewrapper.subpage DIV#navbar1 {
	position: absolute;
	top: 245px;
	left: 0;
	width: 318px;
	height: 225px;
	overflow: hidden;
}
	#pagewrapper.subpage DIV#navbar1 UL {
		float: right;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	#pagewrapper.subpage DIV#navbar1 LI {
		display: block;
		padding: 0;
	}
	#pagewrapper.subpage DIV#navbar1 LI A {
		float: left;
		width: 318px;
		height: 0;
		margin: 17px 0 0;
		padding-top: 58px;
		overflow: hidden;
		background: transparent url('/images/subpage/nav1.png') no-repeat;
	}
		/* States: off */
		#pagewrapper.subpage DIV#navbar1 LI#tab1-1 A { background-position: 0 0; }
		#pagewrapper.subpage DIV#navbar1 LI#tab1-2 A { background-position: -318px 0; }
		#pagewrapper.subpage DIV#navbar1 LI#tab1-3 A { background-position: -636px 0; }

		/* States: on */
		#pagewrapper.subpage DIV#navbar1 LI#tab1-1 A:hover { background-position: 0 -58px; }
		#pagewrapper.subpage DIV#navbar1 LI#tab1-2 A:hover { background-position: -318px -58px; }
		#pagewrapper.subpage DIV#navbar1 LI#tab1-3 A:hover { background-position: -636px -58px; }

		/* States: at */
		#pagewrapper.subpage DIV#navbar1.tab1-1 LI#tab1-1 A { background-position: 0 -58px !important; }
		#pagewrapper.subpage DIV#navbar1.tab1-2 LI#tab1-2 A { background-position: -318px -58px !important; }
		#pagewrapper.subpage DIV#navbar1.tab1-3 LI#tab1-3 A { background-position: -636px -58px !important; }

/*==================================================================================*/
/* PRIMARY NAVIGATION : Sub Navigation ---------------------------------------------*/
#navbar1sub {
	position: absolute;
	top: 45px;
	left: 270px;
	width: 160px;
}
	#navbar1sub UL {
		float: right;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	#navbar1sub LI {
		float: right;
		display: block;
		width: 100%;
		text-align: right;
		padding: 0;
	}
	#navbar1sub LI A:link, #navbar1sub LI A:visited {
		float: right;
		margin: 15px 0 0;
		font: 15px Verdana, sans-serif;
		text-decoration: none;
	}
		#navbar1sub LI A:link, #navbar1sub LI A:visited {
			color: #9d6e65;
		}
		#navbar1sub LI A:hover, #navbar1sub LI A:active, #navbar1sub LI A.on {
			color: #753433;
		}
		#navbar1sub LI.at A {
			color: #753433 !important;
		}

/*==================================================================================*/
/* SECONDARY NAVIGATION ------------------------------------------------------------*/
#navbar2 {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 39px;
	overflow: hidden;
	background: url('/images/subpage/nav2bg.jpg') no-repeat right top;
}
	#navbar2 UL {
		float: right;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	#navbar2 LI {
		display: inline;
		padding: 0;
	}
	#navbar2 LI A {
		float: left;
		height: 0;
		margin: 0 25px;
		padding-top: 39px;
		overflow: hidden;
		background: transparent url('/images/subpage/nav2.png') no-repeat;
	}
		/* Widths */
		#navbar2 LI#tab2-1 A { width: 97px; }
		#navbar2 LI#tab2-2 A { width: 83px; }
		#navbar2 LI#tab2-3 A { width: 128px; }
		
		/* States: off */
		#navbar2 LI#tab2-1 A { background-position: 0 0; }
		#navbar2 LI#tab2-2 A { background-position: -97px 0; }
		#navbar2 LI#tab2-3 A { background-position: -180px 0; }

		/* States: on */
		#navbar2 LI#tab2-1 A:hover { background-position: 0 -39px; }
		#navbar2 LI#tab2-2 A:hover { background-position: -97px -39px; }
		#navbar2 LI#tab2-3 A:hover { background-position: -180px -39px; }

		/* States: at */
		#navbar2.tab2-1 LI#tab2-1 A { background-position: 0 -39px !important; }
		#navbar2.tab2-2 LI#tab2-2 A { background-position: -97px -39px !important; }
		#navbar2.tab2-3 LI#tab2-3 A { background-position: -180px -39px !important; }

/*==================================================================================*/
/* HORIZONTAL RULES ----------------------------------------------------------------*/
HR {
	color: #753433;
	background-color: #753433;
	height: 0;
	border: 0 solid #753433;
	border-top-width: thin;
}
DIV.hr {
	width: 100%;
	height: 0px;
	margin: 0;
	padding-top: 1px;
	font-size: 0;
	overflow: hidden;
	background-color: #753433;
}

/*==================================================================================*/
/* CONTENT -------------------------------------------------------------------------*/
#pagebody #content {
	width: 500px; /* 540px - padding */
	height: 480px; /* 520px - padding */
	padding: 20px 25px;
	background-color: #ffc;
	color: #753433;
	font-family: Verdana, sans-serif;
	font-size: 14px;
}

/*==================================================================================*/
/* GALLERY -------------------------------------------------------------------------*/
#gallery IMG#fullpic {
	display: block;
	width: 540px;
	height: 298px;
	border: none;
}

#gallery #fullcaption {
	display: block;
	width: 540px;
	height: 30px; /* 50px - padding */
	padding: 10px 0;
	overflow: hidden;
	font: 15px Verdana, sans-serif;
	color: #753433;
	text-align: left;
	line-height: normal;
}

#gallery #thumbs {
	display: block;
}
	#gallery #thumbs .thumb {
		float: left;
		width: 73px;
		margin-right: 35px;
		margin-bottom: 2px;
		cursor: pointer;
	}
		#gallery #thumbs .thumb IMG {
			display: block;
			width: 73px;
			height: 73px;
			border: 0;
			margin-bottom: 5px;
		}
		#gallery #thumbs .thumb .caption {
			display: block;
			width: 100%;
			height: 24px;
			overflow: hidden;
			font: 10px Verdana, sans-serif;
			color: #753433;
			text-align: center;
			line-height: 12px;
		}

/*==================================================================================*/
/* BORDERS -------------------------------------------------------------------------*/
.border {
	border: 1px solid #753433;
}

/*==================================================================================*/
/* ICONS LISTS ---------------------------------------------------------------------*/
DIV.icons {
	margin: 0;
	padding: 0;
}
	DIV.icons DIV {
		min-height: 20px;
		margin: 1em 0;
		padding: 2px 0 0 37px;
		background-repeat: no-repeat;
		background-position: left top;
	}
		DIV.icons DIV.phone {
			background-image: url('/images/icons/phone.png');
		}
		DIV.icons DIV.email {
			background-image: url('/images/icons/email.png');
		}

/*==================================================================================*/
/* LISTS ---------------------------------------------------------------------------*/
UL.compact, OL.compact {
	margin: 0 0 0 1.2em;
	padding: 0;
}
UL.spaced LI, OL.spaced LI {
	margin: 1em 0;
}