/* Author: Joey Buczek | joe@joeybphotography.com */

/* MAIN BODY ----------------------------------------------------------------------------------------------- */

html, body {
	margin: 0; padding: 0;
	font: 8pt Tahoma, Verdana, sans-serif; color: #000;
	background: #000 url() 0 0 no-repeat;
}

a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	font: 8pt Tahoma, Verdana, sans-serif; color: #bbb;
}

a:hover { color: #eee; }

#menuLeft {
	margin: 0;
	padding: 0;
	width: 200px;
	height: 700px;
	background: #000;
	border-bottom: 1px solid white;
}

#contentRight {
	position: relative;
	left: 200px;
	top: -701px;
	margin: 0;
	padding: 0;
	width: 800px;
	height: 700px;
	background: #000;
	border-bottom: 1px solid white;
}

#viewerRight {
	margin: 0;
	padding: 0;
	width: 800px;
	height: 700px;
}

#menuLeft img { border: none; margin: 0; padding: 0;}
#menuLeft a { margin: 0; padding: 0; }

#mainMenuList {
	position: relative;
	top: 210px;
	left: -20px;
	list-style: none;
	margin: 0;
	padding: 0px;
	text-align: right;
}

.mainMenuListItem {
	margin: 0;
	padding: 5px 0px 0px;
	text-decoration: none;
	color: #aaa;
}

/* INTRODUCTION ---------------------------------------------- */

#introductionIndent {padding: 0 5px;}
#introductionIndent a:hover {color: blue;}
#introductionIndent a {color: black;}
#introductionMain {
	/* overflow-x: auto; */
	/* overflow-y: hidden; */
	margin: 0px; padding: 10px 0 0 10px;
	width: 800px;
	/* border: 1px solid red; */
}

#bannerAreaIntro {
	width: 772px;
	height: 40px;
	position: relative;
	float: left;
	margin: 5px;
	background: url(images/site/longBanner.png) 0 0 no-repeat;
}
#imageWeddings {
	width: 380px;
	height: 400px;
	background: url(images/site/weddingBanner.jpg) 0 0 no-repeat;
}
#imageFashion {
	width: 380px;
	height: 400px;
	background: url(images/site/fashionBanner.jpg) 0 0 no-repeat;
}
#introduction {
	width: 772px;
	height: 400px;
	border: 0px solid #eee;
}
#imageWeddings, #imageFashion, #introduction {
	position: relative;
	float: left;
	margin: 5px
}

/* WEDDINGINFO ---------------------------------------------- */

#bannerWeddingInfoArea {
	width: 772px;
	height: 40px;
	position: relative;
	float: left;
	margin: 5px;
	background: url(images/site/longBanner.png) 0 0 no-repeat;
}

#imageWedding {
	width: 772px;
	height: 200px;
	background: url(images/site/bannerJustMarried.jpg) 0 0 no-repeat;
}

#contentWeddingInfo {
	width: 772px;
	/* height: 400px; */
	border: 0px solid #eee;
}

#imageWedding, #contentWeddingInfo {
	position: relative;
	float: left;
	margin: 5px
}

#indentWeddingInfo {padding: 0 5px;}
#indentWeddingInfo a:hover {color: #88F;}
#indentWeddingInfo a {color: blue;}
#containerWeddingInfo {
	/* overflow-x: auto; */
	/* overflow-y: hidden; */
	margin: 0px; padding: 10px 0 0 10px;
	width: 800px;
	/* border: 1px solid red; */
}



/* CONTACT -------------------------------------------------- */

#bannerContact {
	width: 772px;
	height: 40px;
	position: relative;
	float: left;
	margin: 5px;
	background: url(images/site/longBanner.png) 0 0 no-repeat;
}

#sectionContactInfo {
	width: 772px;
	height: 600px;
	border: 0px solid #eee;
}

#sectionContactInfo p {
	margin: 10px 0 0 5px; padding: 0;
}

#sectionContactInfo {
	position: relative;
	float: left;
	margin: 5px
}

#servicesContactMain {
	overflow-x: auto;
	overflow-y: hidden;
	margin: 0px; padding: 10px 0 0 10px;
	width: 800px;
	/* border: 1px solid red; */
}

#contactNameImage {
	margin: 0;
	padding: 0;
	height: 305px;
}

#contactNameInfo {
	margin: 0 0 0 30px;
	padding: 65px 0 0 0;
	width: 200px;
	text-align: center;
	float: left;
}

#contactImage{
	margin: 0 0 0 50px;
	width: 415px;
	height: 300px;
	background: url(images/contact/BTEAMsm.jpg) 0 0 no-repeat;
	float: left;
}


/* GALLERY -------------------------------------------------- */

#photostream { /*This allows the photographs to scroll horizontally */
	overflow-x: auto;
	overflow-y: hidden;
	margin: 10px 30px 0 15px; padding: 3px;
	height: 540px;
}

#photostream img { margin: 0 8px 0 0; padding: 0; }

/* OTHER ---------------------------------------------------- */

#mainCanvas {
	margin: 0;
	margin-left: 15%;
	height: 700px;
	width: 1000px;
	padding: 0;
	background: #000 url(images/site/titlepageBG2.jpg) 0 0 no-repeat;
	border: 0px solid red;
}

#menuBar {
	margin: 0;
	padding: 0;
	height: 15px;
	width: 400px;
	position: relative;
	top: 24px;
	left: 645px;
	border: 0px solid green;
}

#menuBar a { font-size: 10pt; }

#viewer {
	margin: 0;
	padding: 0;
	height: 600px;
	width: 900px;
	position: relative;
	top: 32px;
	left: 47px;
}

.jText { text-align: justify; }
.redBoldText { color: red; }
.copyrightText { font: 7pt Tahoma, Verdana, sans-serif; color: #AAA; margin: 0px 20px; text-align: right; }