@charset "utf-8";

/* CSS Document */

*
{
	outline: none;
}

body
{
	background-color:#000;
	color:white;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 0.8em;
}

#container
{
	position:relative;
	margin:auto;
	width:1000px;
	background-color:#000;
}

#header
{
	width:1000px;
	height:160px;
}

#logo
{
	width:337px;
	height:160px;
	margin:auto;
	background-image:url(images/logolennon.png);
	background-repeat:no-repeat;
}

.spacer
{
	height:30px;
	clear:both;
}

#content
{
	position:relative;
	margin:auto;
	width:800px;
	height:400px;
	background-color:#000;
}

#navBar
{
	height:100px;
	background-color:#000;
}

#navButtons
{
	width:800px;
	margin:auto;
	height:100px;
	background-color:#000;
}

.button
{
	height:100px;
	width:200px;
	float:left;
	cursor:pointer;
}

/*buttons*/

#homeButton
{
	background-image:url(images/home.png);
}

#homeButton:hover
{
	background-image:url(images/homeOVER.png);
}

#aboutButton
{
	background-image:url(images/about.png);
}

#aboutButton:hover
{
	background-image:url(images/aboutOVER.png);
}

#galleriesButton
{
	background-image:url(images/gall.png);
}

#galleriesButton:hover
{
	background-image:url(images/gallOVER.png);
}

#contactButton
{
	background-image:url(images/contact.png);
}

#contactButton:hover
{
	background-image:url(images/contactOVER.png);
}

/*buttons*/


/*footer*/
#copyrightInfo
{
	text-align:center;
}

#copyrightInfo p
{
	font-size: 0.8em;
	color:#FFF;
	line-height: 0.8em;
}

#copyrightInfo a
{
	color: #ddd;
	font-weight: bold;
	text-decoration: none;
}

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

/*footer*/

/*HOME*/

#home
{
	display:none;
}

/*ABOUT*/
#about
{
	width:1000px;
	display:none;
}

#aboutLeft
{
	width:380px;
	height:380px;
	float:left;
}

#aboutRight
{
	width:420px;
	height:380px;
	float:left;
}

#elyseImageFrame
{
	position:relative;
	top:60px;
	right:80px;
	margin:auto;
	width:167px;
	height:240px;
	float:right;
	background-color:#FFF;
}

#elyseImage
{
	position:relative;
	margin:auto;
	top:10px;
	width:147px;
	height:220px;
	background-image:url(images/elyse2.jpg);
}

#aboutTitle
{
	position:relative;
	width:300px;
	height:50px;
	background-image:url(images/aboutTitle.png);
}

#aboutTextBox
{
	position:relative;
	top:50px;
	width:300px;/*margin:auto;*/
}

#aboutParagraph
{
	position:relative;
}

#aboutParagraph p
{
	font-size:13px;
	color:#FFF;
	margin-top:10px;
	line-height:1.3em;
	text-align:center;
}

.contactHeading
{
	font-size:13px;
	text-align:center;
}

.contactParagraph
{
	font-size:12px;
	color:#FFF;
	margin-top:10px;
	line-height:1.3em;
	text-align:center;
}

/*END OF ABOUT*/

/*CONTACT*/

#contact
{
	width:1000px;
}

#contactLeft
{
	width:400px;
	float:left;
	height:400px;
}

#contactRight
{
	width:400px;
	float:left;
	height:400px;
}

#contactTitleBar
{
	width:400px;
	height:56px;
}

#contactTitle
{
	width:160px;
	margin:auto;
	height:56px;
	background-image:url(images/contactTitle.jpg)
}

#formContainer
{
}

#fm_name
{
	width:200px;
}

#fm_email
{
	width:200px;
}

#fm_subject
{
	width:200px;
}

#formResult
{
	display: none;
}

#formFields
{
}

#formName
{
}

#formEmail
{
}

#formSubject
{
}

#formMessage
{
}

.error
{
	color: #f00;
}

#formLoading
{
	display: none;
	width: 300px;
	height: 300px;
	background: url(images/loading.gif) center no-repeat;
}