body {
		margin: 0;
		padding: 0;
		border: 0;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 0.5em;
		line-height: 1.5em;
		text-align: center;
		}
		

#frame {
	width: 750px;
	height: 500px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	padding: 0px;
	text-align: left;
	overflow: hidden;
}
		
#thumbpanel
{
float: left;
 padding: 0;
 width: 210px;
height: 500px !important; /*IE doesn't understands this*/
height /**/ : 500px; /*Internet Explorer hack. Only IE understands this*/
background-color:#877F68;
 overflow: hidden;
}

#thumbcontainer
{
  position: relative;
  top: 27px;
  left: 20px;
  width: 210px;
  height: 297px !important; /*IE doesn't understands this*/
height /**/ : 293px; /*Internet Explorer hack. Only IE understands this*/
}

.thumbnail
{
  float: left;
  min-height: 49px;
  height: 51px !important;
  height: 51px;
margin: 0 8px 8px 0;
border-style: solid;
border-width:1px;
border-color: #fff;
overflow: hidden;
}

#colourthumbcontainer
{
  position: relative;
  top: 33px;
  left: 20px;
  width: 540px;
  height: 444px;
  overflow: hidden;
  
}
.colourthumbnail
{
float: left;
width: 158px;
height: 158px;
margin: 0 10px 10px 0;
  border-style: solid ;
  border-width:1px ;
  border-color: #fff;
  overflow: hidden;
}

#doubleimagecontainer
{
  position: relative;
  top: 33px;
  left: 20px;
  width: 540px;
  height: 444px;
  overflow: hidden;
  
}
.doubleimagecontainer
{
float: left;
width: 240px;
height: 370px;
margin: 0 15px 15px 0;
  border-style: solid ;
  border-width:1px ;
  border-color: #fff;
  overflow: hidden;
}

.clearboth { clear: both; }

#thumbcontainerrain
{
  position: relative;
  top: 27px;
  left: 20px;
  width: 210px;
  height: 190px;
}

#nav
{
float: right;
 width: 540px ;
 height: 56px;
 background-color: #191414;
}

#content
{
float: right;
  width: 540px ;
  height: 444px ;
  background-color: #191414;
}

#img_portrait
{
  position: relative;
  width: 498px;
  min-height: 370px;
  height: 368px !important;
  height: 370px;
  margin: 0 auto;
  border-style: solid;
  border-width: 1px;
  border-color: #fff;
  top: 33px;
  overflow: hidden;
}

 #navcontainer ul
{
position: relative;
top: 34px;
left: 20px;
height: 20px;
margin: 0;
padding: 0;
list-style-type: none;
overflow: hidden;
}

#navcontainer ul li { display: inline; }

#navcontainer a {
	float: left;
	padding: 18px 0px 0 0;
	margin: 0 19px 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win */
	}
	
#navcontainer a:hover {
	background-position: 0 0px;
	}

#navcontainer a:active, #navcontainer a.selected {
	background-position: 0 0px;
	}
	
#thome a  {
	width: 29px;
	background: url(images/nav1.gif) top left no-repeat;
	}
#tgallery a  {
	width: 45px;
	background: url(images/nav2.gif) top left no-repeat;
	}	
#ttouch a  {
	width: 100px;
	background: url(images/nav3.gif) top left no-repeat;
	}	
#twhatif a  {
	width: 81px;
	background: url(images/nav4.gif) top left no-repeat;
	}		
#tyouandchild a  {
	width: 104px;
	background: url(images/nav5.gif) top left no-repeat;
	}
#tcontact a  {
	width: 46px;
	background: url(images/nav6.gif) top left no-repeat;
	}	

#toprule
{
position: relative;
top: 20px;
border-top-style: solid;
border-top-width: 1px;
border-top-color: #fff;
}


#bottomrule
{
position: relative;
top: 36px;
left: 0;
border-top-style: solid;
border-top-width: 1px;
border-top-color: #fff;
}

#logo
{
  height: 63px;
  width: 210px;
  position: relative ;
  top: 0px;
  overflow: hidden;
}

#tagline
{
margin-top: 56px;
background-color: #fff;
 height: 84px;
 width: 210px;
}

#taglinegallery
{
margin-top: 56px;
background-color: #fff;
 height: 84px;
 width: 210px;
}

#taglineintro
{
margin-top: 66px;
background-color: #fff;
 height: 84px;
 width: 210px;
}

#raincopy
{
  position: relative;
  top: 33px;
  left: 20px;
  height: 150px;
  width: 174px;
  font-size: 1.4em;
  line-height: 1.3em;
  z-index: 3;
}	

#taglinerain
{
 position: relative;
 top: 13px;
 left: 0;
 background-color: #fff;
 height: 81px;
 width: 210px;
 
}

#colourcopy
{
  position: relative;
  top: 25px;
  left: 20px;
  height: 287px;
  width: 174px;
  font-size: 1.4em;
  line-height: 1.3em;
}

#colourcopy a {
	text-decoration: none;
	color: #000;
	}
#colourcopy a:visited {
	text-decoration: none;
	color: #000;
	}
	
#contentpic  {
	position: relative;
	top: 30px;
	left: 0px;
	height: 220px;
	width: 130px;
	margin-left: 25px;
	border-style: solid;
	border-width: 1px;
	border-color: #fff;
	overflow: hidden;
	}
#yourgallery  {
	position: relative;
	left: 25px;
	top: 40px;
	width: 130px;
	}
	
#contentcopy  {
    float:right;
	position: relative;
	width: 340px;
	height: 444px;
	top: 22px;
	font-size: 1.3em;
	line-height: 2em;
	color: #fff;
	text-align: left;
	padding-right: 20px;;
	clear: right;
	}
	
a:link, a:visited {
	text-decoration: none;
	color: #fff;
	}