@charset "UTF-8";

body
{
  background-color: #f1f1f1;
  margin:0 auto;
  font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  letter-spacing: 0em;
}

#preload
{
  display: none;	
}

textarea
{
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;	
}

a img
{
  border: 0px;	
  outline: none;
}

#headerContainer, #footerContainer
{
  position: relative;
  width: 998px;
  margin: 0px auto;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

#headerContainer
{
  height: 135px;
  background-image: url(../images/bg-header.gif);
  background-repeat: repeat-x;
	
}

#imageBodyContainer, #galleryBodyContainer, #contactBodyContainer, #galleryHomeContainer
{
  position: relative;
  width: 1000px;
  height: 400px;
  overflow: hidden;
  margin: 0px auto;
  background-color: white;
}

#galleryHomeContainer
{
  background-color: #7a6fbe;
}

.galleryButtonContainer
{
  float: left;
  margin: 0px;
  width: 250px;
  font-size: 14px;
  border-top: 1px solid white;
}

.galleryButtonContainer img
{
  margin-bottom: 10px;
  outline: none;	
}

.galleryButtonContainer a
{
  text-decoration: none;
  color: white;
  outline: none;
}

.galleryTextLink {
  margin:0 auto;
  width:100%;
  text-align:center;
  outline: none;
  float:left; /* Required for IE */
}

#contactBodyContainer
{
  background-image:url(../images/contact-visual-life.jpg);
}

#galleryMainImage
{
 float: left;	
   opacity:0;
  filter:alpha(opacity=0);
}

#galleryLoader
{
  z-index: 2;
  position: absolute;
  top: 170px;
  left: 492px;
}

#contactAddress, #contactPhoneEmail
{
	position: absolute;
	font-size: 12px;
	color: white;
	overflow: auto;
}

#contactAddress
{
	left: 560px;
	top: 100px;
	width: 140px;
	height: 70px;	
}

#contactPhoneEmail
{
	left: 720px;
	top: 100px;
	width: 180px;
	height: 70px;
}

#contactEmailFormContainer
{
	position: absolute;
	top: 200px;
	width: 340px;
	height: 161px;
	left: 560px;
}

#contactEmailForm
{
  position: relative;
  margin: 0px;
  padding: 0px;
  width: 340px;
  height: 161px;
}

#contactEmailForm form
{
  margin: 0px;
  padding: 0px;
}

#contactEmailForm .inputBox
{
	background-color: white;
	border: 1px solid white;
	background: none;
	background-image:url(../images/bg-contact-box.png);
	background-repeat: repeat;
	color: #444444;
	font-size: 12px;
	padding: 4px;
}

#contactName, #contactEmail, #contactPhone
{
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  width: 90px;
}

#contactPhone
{
  margin-right: 0px;	
}

#contactMessage
{
  width: 330px;
  height: 70px;
}

#contactSend
{
  position: relative;
  float: right;
  margin-top: 20px;
}

#galleryThumbnailsContainer
{
  position: relative;
  float: right;
  width: 402px;
  height: 401px;
  overflow: hidden;
  opacity:0;
  filter:alpha(opacity=0);
}

#galleryThumbnailsContainer img
{
  float: left;
  margin-left: 1px;
  margin-bottom: 1px;
}

#headerLogo
{
	position: absolute;
	top: 30px;
	left: 39px;
}

#logo {
	width:216px;
	height:47px;
	position: absolute;
	top: 10px;
	left: 39px;
}

#logo h1 a
{
  display: block;
	width:216px;
	height:47px;
  overflow:hidden;
  text-indent:-9999px;
  text-decoration:none;
  margin:0 auto;
  padding:0;
  background-image:url(http://www.stanseatonportraits.co.uk/images/logo.gif);
  background-repeat:no-repeat;
  background-position: top;
  outline:none;
}

ul#navigation
{
  position: absolute;
  height: 35px;
  left: 30px;
  top: 100px;
  list-style:none;
  margin: 0px;
  padding: 0px;
}

ul#navigation li
{
  display: inline;	
  margin: 0px;
  padding: 0px;
  float: left;
  padding-right: 12px;
}

ul#navigation li a
{
 outline:none;
}

#headerAddress
{
	position: absolute;
	top: 73px;
	left: 791px;
}

#headerEmail
{
	position: absolute;
	top: 93px;
	left: 791px;
}

#headerTelephone
{
	position: absolute;
	top: 113px;
	left: 791px;
}


#headerBee
{
	position: absolute;
	top: 66px;
	left: 571px;
}


#headerButterfly
{
	position: absolute;
	top: 25px;
	left: 762px;
}

#subNavigationContainer
{
width: 1000px;
margin: 0px auto;
background-color: #7a6fbe;
position: relative;
font-size: 14px;
padding: 6px 0px;
border-bottom: 1px solid white;
}

ul#subNavigation
{
  list-style:none;
  margin: 0px;
  padding: 0px;
  margin-left: 40px;
}

ul#subNavigation li
{
  display: inline;	
  margin: 0px;
  padding: 0px;
  float: left;
  padding-right: 25px;
}

ul#subNavigation li a
{
  text-decoration: none;
  color: #bdb7df;
}

ul#subNavigation li a.active
{
  color: white;	
}

#homeHeadline
{
	z-index: 2;
	position: absolute;
	top: 25px;
	left: 30px;
}

#homeLinkAbout
{
	z-index: 2;
	position: absolute;
	top: 75px;
	left: 34px;
	width: 300px;
}

#homeLinkGallery
{
	z-index: 2;
	position: absolute;
	top: 75px;
	left: 180px;
}

#aboutText
{
	position: absolute;
	top: 90px;
	left: 560px;
	width: 425px;
	color: white;
	height: 290px;
	font-size: 11pt;
	overflow: auto;
}

#aboutText a
{
  color: white;	
}

#footerContainer
{
	border-bottom: 1px solid #e6e6e6;
	height: 125px;
	background-color: white;
	position: relative;
	background-image: url(../images/bg-footer.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	font-size: 15px;
	color: #eeeeee;
}

#footerLinks
{
	position: absolute;
	top: 20px;
	left: 63px;
}

#footerLinks a
{
  text-decoration: none;	
}

a#footerLinkHome, a#footerLinkCustomerAlbums
{
  color: #46bdef;
}

a#footerLinkAbout
{
  color: #f869ae;	
}

a#footerLinkBlog
{
  color: #ffbc5d;	
}

a#footerLinkGallery
{
  color: #7a6fbe;	
}

a#footerLinkContact
{
  color: #6ec53f;	
}

#subFooterContainer
{
  position: relative;
  width: 1000px;
  margin: 0px auto;
  padding: 10px 0px;
}

#subFooterContainer img
{
  margin-right: 10px;	
}

address {
  position: absolute;
  top: 90px;
  left: 25px;
}

address em
{
  font-style: normal;
  color: #AAAAAA;
}

#footerAddress
{
  position: absolute;
  top: 90px;
  left: 25px;
}

#footerAddress em
{
  font-style: normal;
  color: #AAAAAA;
}

#footerLadybird
{
	position: absolute;
	top: 17px;
	left: 23px;
}

.blogEntryHeader
{
	border: 1px solid #e6e6e6;
	background-color: white;
	position: relative;
	font-size: 15px;
	color: #666666;
	width: 918px;
	padding: 10px 40px;
	margin: 0px auto;
}

h1.blogHeadline
{
 margin: 0px;
 padding: 0px;
 font-size: 20px;
}


.blogEntryHeader h2
{
 margin: 0px;
 padding: 0px;
 font-size: 14px;
 color: #999999;
}

#blogArchiveMenu
{
  float: right;
  text-align: right;
  width: 50%;
  padding-top: 10px;
}

#blogArchiveMenu a
{
  color: #ffbc5d;
  text-decoration: none;
}

.blogImage
{
  position: relative;
  width: 1000px;
  margin: 0px auto;
}

.blogEntry
{
	border: 1px solid #e6e6e6;
	background-color: white;
	position: relative;
	font-size: 15px;
	color: #666666;
	width: 918px;
	padding: 10px 40px;
	margin: 0px auto;
}