@charset "UTF-8";
*
{
  outline: none;
}

body {
	background-color: #FFFFFF;
	background-image: url(../images/background2.jpg);
	background-repeat: repeat;
	background-position: left top;
	margin: 0px;
	font-family: 'Lucida Grande', 'Tahoma', Helvetica, Arial, Tahoma, sans-serif;
	font-size: 0.9em;
	color: #6d6e71;
}

a img
{
  border: 0px;	
}

#headerBar
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100px;
	background-image: url(../images/bg-header.png);
	background-repeat: repeat-x;
}

#homeContentHolder
{
  position: absolute;
  width: 100%;
  top: 20%;
  text-align: center;
}

#homeLogo
{
  position: relative;
  top: 100px;
}

#homeLinksHolder
{
	position: relative;
	top: 150px;
	font-size: 1em;
}

#homeLinksHolder a, #linksHolder a
{
	padding: 2px;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 0px;
	margin-left: 7px;
}

a.homeLink:link, a.homeLink:visited, .com
{
  color: #e691ba;
}

a.homeLink:hover
{
  background-color: #e691ba;
  color: white;
}


a.aboutLink:link, a.aboutLink:visited, .brindle
{
  color: #5cabc9;
}

a.aboutLink:hover
{
  background-color: #5cabc9;
  color: white;
}

a.portfolioLink:link, a.portfolioLink:visited, .allen
{
	color: #b6c360;
}

a.portfolioLink:hover
{
	background-color: #b6c360;
	color: white;
}

a.contactLink:link, a.contactLink:visited, .dot
{
  color: #edb700;
}

a.contactLink:hover
{
  background-color: #edb700;
  color: white;
}

#webDesignGraphicDesignPhotography
{
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: #6d6e71;
}

#richmondNorthYorkshireEngland
{
  position: absolute;
  bottom: 20px;
  right: 20px;
  color: #6d6e71;
}

#webDesignGraphicDesignPhotography em, #richmondNorthYorkshireEngland em, #homeLinksHolder em
{
  color: #999999;
  font-style: normal;
}

#contentHolder
{
  position: relative;
  width: 100%;
}

#linksHolder
{
  position: relative;
  text-align: center;
  margin: 30px 0px 40px 0px;
}

#pageTitle
{
  position: relative;
  text-align: center;
}

#footerHolder
{
  text-align: center;
  margin-bottom: 30px;
}

#footerHolder a:link, #footerHolder a:hover, #footerHolder a:visited
{
  text-decoration: none;
}

#portfolioHolder
{
  position: relative;
  width: 747px;
  margin: 41px auto 15px auto;
  font-size: 0px;
}

#mainHolder
{
	  position: relative;
  width: 600px;
  margin: 30px auto 30px auto;
  font-size: 14px;
}

#mainHolder em.contact
{
  font-style: normal;
  color: #edb700;
}

#portfolioHolder img
{
  margin: 0px 24px;
  position: relative;
}

#photosHolder
{
  position: relative;
  width: 714px;
  margin: 28px auto 30px auto;
  font-size: 0px;
}

#photosHolder img
{
  margin: 8px;
  position: relative;
  cursor: pointer;
  float: left;
}

#fadeLayer
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 870px;
  z-index:2;
  background-color: #FFFFFF;
	background-image: url(../images/background.gif);
	background-repeat: repeat-x;
	background-position: left top;
  opacity: 0.6;
  filter: alpha(opacity=60);
  display: none;
}

.floatingPhotosLandscapeHolder
{
  z-index:0;
  position: absolute;
  width: 100%;
  height: 506px;
  left:0px;
  top: 210px;
}

#photosRow1
{
  top: 135px;
}

.floatingPhotosWideHolder
{
  z-index:0;
  position: absolute;
  width: 100%;
  height: 440px;
  left:0px;
  top: 246px;
}

.floatingPhotoLandscape
{
  position: relative;
  width: 720px;
  height: 506px;
  margin: 0px auto;
  display: none;
  background-image: url(../images/portfolio/photography/bg-photograph.png);
}

.floatingPhotoWide
{
  position: relative;
  width: 720px;
  height: 438px;
  margin: 0px auto;
  display: none;
  background-image: url(../images/portfolio/photography/bg-photograph-wide.png);
}

.closeButton
{
  position:absolute;
  top:22px;
  left:22px;
  z-index:4;
  cursor: pointer;
}

.photo
{
  position: absolute;
  top:40px;
  left: 40px;
}

#photosFooter
{
  position: relative;
  width: 690px;
  text-align: center;
  margin: 0px auto;
  padding: 0px 0px 30px 0px;
}

#photosFooter a
{
  text-decoration: none;
}