/* ===== main body stylings ===== */

html, body {
	height: 100%;
}

body {
	background: #210b00;
	font-size: 86.5%;
	margin: 0px;
	padding: 0px;
	color: #f5e5e8;
}
#page {
	height: 100%;
	width: 1000px;
}


/* ===== intro page stylings ===== */

#intro {
	text-align: center;
}

#intro {
	color: #63000b;
	text-decoration: none;
	font: 1.25em Times, "Times New Roman", Georgia;
}

#intro ul {
	list-style: none;
	padding: 0px;
	margin: 15px 0px 0px 0px;
}

#intro ul li {
	display: inline;
	margin: 0px 20px;
}


/* ===== gallery page stylings ===== */
/* border color: #5a000b */

#mainTitle {
	padding: 0px 0px 55px 310px;
}

#projectContainer {
	height: 435px;
	width: 243px;
	float: left;
}

#projectListing {
	width: 270;
	border: 1px solid #5a000b;
}

#projectListing .title {
	font: 1em Arial;
	margin: 20px 0px 10px 20px;
	text-transform: uppercase;
}

#projectListing ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 20px 40px;
}

#projectListing ul li {
	font: 12px Georgia;
	margin: 3px;
	width: 175px;
	max-height: 10px;
}

#projectListing ul li img {
	margin-left: 5px;
}

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

#projectListing a:hover {
	background-color: #f5e5e8;
	color: #210b00;
}

#projectKey {
	height: 30px;
	width: 240px;
	font-size: 11px;
	margin-top: 10px;
	text-align: center;
}

#projectKey img {
	float: left;
	margin-right: 5px;
}

#projectKey table tr td {
	padding: 3px;
}

#galleryImage {
	width: 370px;
	border: 1px solid #5a000b;
	float: left;
	height: 400px;
	position: relative;
	margin: 0px 0px 0px 15px;
	text-align: center;
}

#galleryImage .projectTitle {
	font: 1.75em Georgia;
	margin: 25px 0px;
	text-align: center;
	font-weight: normal;
}

#galleryImage .imageTitle {
	font: 1em Georgia;
	margin: 15px 0px;
	text-align: center;
	font-weight: normal;
}

#slideNav {
	margin-top: 10px;
}

#slideNav a, #slideNav a:visited {
	color: #fff;
	text-decoration: none;
	padding: 2px;
	margin: 1px;
	border: 1px solid #3C0200;
}

#slideNav a:hover {
	color: #fff;
	text-decoration: none;
	padding: 2px;
	margin: 1px;
	border: 1px solid #5F0300;
}

#imageThumbnail {
	text-align: center;
	margin: 0px auto;
	max-width: 200px;
	max-height: 200px;
	overflow: hidden;
	padding: 5px;
	border: 1px solid #5a000b;
}

#imageThumbnail img {
	border: 0px;
}

#aboutProject {
	width: 320px;
	border: 1px solid #5a000b;
	float: left;
	height: 400px;
	max-height: 400px;
	overflow: auto;
	position: relative;
	margin: 0px 0px 0px 15px;
}

#aboutProject .title {
	font: 1em Arial;
	margin: 20px 0px 10px 20px;
	text-transform: uppercase;
}

#aboutProject .content {
	font: 12px Georgia;
	margin: 10px 20px 10px 30px;
	line-height: 15px;
	text-align: justify;
}

#footer {
	margin-top: 450px;
	text-align: center;
	font: 17px Arial;
	letter-spacing: 5px;
}

#footer a, #footer a:visited {
	color: #5F0300;
	text-decoration: none;
}

#footer a:hover {
	color: #fff;
}

#footer-bio {
	margin-top: 25px;
	text-align: center;
	font: 12px Arial;
	line-height: 25px;
	letter-spacing: 1px;
}

#footer-bio a, #footer-bio a:visited {
	color: #5F0300 !important;
	text-decoration: none !important;
	font: 17px Arial !important;
	letter-spacing: 5px !important;
}

#footer-bio a:hover {
	color: #fff !important;
}

/* ===== bio stylings ===== */

#bio {
	background: #210b00 url('/img/bg-bio.jpg') no-repeat scroll top center;
}

#bio a, #bio a:visited {
	color: #fff;
	font-weight: bold;
}

#bio a:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#bioNews {
	width: 300px;
	height: 375px;
	border: 1px solid #5a000b;
	overflow: auto;
	margin: 0px 50px 0px 0px;
	float: left;
}

#bioNews .title {
	font: 1em Arial;
	margin: 20px 0px 10px 20px;
	text-transform: uppercase;
}

#bioNews p {margin: 20px 0px; padding: 0px;}

#bioNews .content {
	padding: 0px 40px;
	font: 1em Georgia;
	line-height: 1.25em;
}

#bioDetail {
	width: 525px;
	height: 375px;
	border: 1px solid #5a000b;
	overflow: auto;
}

#bioDetail .title {
	font: 1em Arial;
	margin: 20px 0px 10px 20px;
	text-transform: uppercase;
}

#bioDetail p {margin: 20px 0px; padding: 0px;}

#bioDetail .content {
	padding: 0px 40px;
	font: 1em Georgia;
	line-height: 1.25em;
}

/* ===== multiBox v1.1 stylings ===== */

.MultiBoxContainer {
	position: absolute;
	border: 10px solid #000;
	background-color: #111;
	display: none;
	z-index: 2;
}

.MultiBoxContentContainer {
	background-color: #111;
}

.MultiBoxLoading {
/*	background: url(/img/loader.gif) no-repeat center; */
	background-color: #111;
}

.MultiBoxContent {
	position: relative;
	background-color: #111;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.MultiBoxClose {
	position: absolute;
	background-color: #111;
	top: -26px;
	right: -26px;
	background: url(/img/close.png) no-repeat;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.MultiBoxControlsContainer {
	overflow: hidden;
	height: 0px;
	position: relative;
}

.MultiBoxControls {
	width: 100%;
	height: auto;
	position: relative;
	background-color: #000000;
}

.MultiBoxPrevious {
	position: absolute;
	background: url(/img/left.png) no-repeat;
	width: 24px;
	height: 24px;
	left: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNext {
	position: absolute;
	background: url(/img/right.png) no-repeat;
	width: 24px;
	height: 24px;
	right: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNextDisabled {
	cursor: default;
	background: url(/img/rightDisabled.png) no-repeat;
}

.MultiBoxPreviousDisabled {
	cursor: default;
	background: url(/img/leftDisabled.png) no-repeat;
}

.MultiBoxTitle {
	position: relative;
	margin: 10px 0 0 35px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	text-align: left;
}

.MultiBoxNumber {
	position: relative;
	width: 50px;
	margin: 10px 35px 0 0;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: right;
}

.MultiBoxDescription {
	clear: left;
	position: relative;
	margin: 0 35px 0 35px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: left;
}


/* ===== image gallery slider stylings ===== */

#sliderContainer {
	position: relative;
	width: 370px;
	height: 280px;
	overflow: hidden;
}

#galleryItem1 {
	position:absolute;
	top:0px;
	left:0px;
	width:370px;
	height:350px;
	display:inline;
}

#galleryItem2 {
	position:absolute;
	top:0px;
	left:740px;
	width:370px;
	height:350px;
	display:inline;
}

#galleryItem3 {
	position:absolute;
	top:0px;
	left:1110px;
	width:370px;
	height:350px;
	display:inline;
}

#galleryItem4 {
	position:absolute;
	top:0px;
	left:1480px;
	width:370px;
	height:350px;
	display:inline;
}

#galleryItem5 {
	position:absolute;
	top:0px;
	left:1850px;
	width:370px;
	height:350px;
	display:inline;
}

#galleryItem6 {
	position:absolute;
	top:0px;
	left:2220px;
	width:370px;
	height:350px;
	display:inline;
}

#galleryItem7 {
	position:absolute;
	top:0px;
	left:2590px;
	width:370px;
	height:350px;
	display:inline;
}

#galleryItem8 {
	position:absolute;
	top:0px;
	left:2960px;
	width:370px;
	height:350px;
	display:inline;
}

#galleryItem9 {
	position:absolute;
	top:0px;
	left:3330px;
	width:370px;
	height:350px;
	display:inline;
}

#galleryItem10 {
	position:absolute;
	top:0px;
	left:3700px;
	width:370px;
	height:350px;
	display:inline;
}

#galleryItem11 {
	position:absolute;
	top:0px;
	left:4070px;
	width:370px;
	height:350px;
	display:inline;
}

#galleryItem12 {
	position:absolute;
	top:0px;
	left:4440px;
	width:370px;
	height:350px;
	display:inline;
}

#galleryItem13 {
	position:absolute;
	top:0px;
	left:4810px;
	width:370px;
	height:350px;
	display:inline;
}

#galleryItem14 {
	position:absolute;
	top:0px;
	left:5180px;
	width:370px;
	height:350px;
	display:inline;
}

#galleryItem15 {
	position:absolute;
	top:0px;
	left:5550px;
	width:370px;
	height:350px;
	display:inline;
}

#galleryItem16 {
	position:absolute;
	top:0px;
	left:5920px;
	width:370px;
	height:350px;
	display:inline;
}

#galleryItem17 {
	position:absolute;
	top:0px;
	left:6290px;
	width:370px;
	height:350px;
	display:inline;
}

#galleryItem18 {
	position:absolute;
	top:0px;
	left:6660px;
	width:370px;
	height:350px;
	display:inline;
}

#galleryItem19 {
	position:absolute;
	top:0px;
	left:7030px;
	width:370px;
	height:350px;
	display:inline;
}

#galleryItem20 {
	position:absolute;
	top:0px;
	left:7400px;
	width:370px;
	height:350px;
	display:inline;
}