body {

 margin: 0px;
 padding: 0px;
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
  background: #fff;
}

#wrapper {
width:780px;

/* margin: 115px auto 0 auto;  For IE 5 Mac */
position: absolute;
left: 50%;
/* before September 2009 changes
height:468px;
top:50%; 
margin: -234px 0 0 -390px !important;*/
margin: 0 0 0 -390px !important;
/*background: #3c9;*/ 
} 

#wrapperhome {
width:780px;

/* margin: 115px auto 0 auto;  For IE 5 Mac */
position: absolute;
left: 50%;
/* before September 2009 changes

top:50%; 
margin: -234px 0 0 -390px !important;*/
margin: 0 0 0 -390px !important;
/*background: #3c9;*/ 
} 

#logo {
position: relative;
/*position: absolute;*/
height: 55px;
top: 20px;
/*padding: 20px 0 0 0x;
background: #666; */

}
#mainnavbar {
/* background: #666; */
position: absolute;
/*position: relative;*/
top: 75px;
height: 49px;
width: 780px;
padding-bottom: 0px;
/**/
}

#mainnav {
	margin: 0 ;
	/*padding: 15px 0 15px 0;*/
	border-top: 1px solid #999;
}

#mainnav li{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#mainnav a {
float: right;
line-height: 48px;
font-size: 80%;
margin: 0 0 0 20px;
text-decoration: none;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
color: #666;
}

#mainnav a.active, #mainnav a:hover {
color: #690;
}

/*#homeImage {
position: relative;

was padding-top: 141px;
top: 132px;
 height: 94px;
}*/

#homeImage2 {
/*position: relative;

was padding-top: 141px;*/
padding-top: 69px;
height: 522px;
}

/*
#homeTextBox {
position: relative;
width: 780px;
top: 133px;
height: 187px;
}*/

#homeTextBox2 {
	position: absolute;
	width: 225px;
	top: 142px;
	padding-left:20px;
}

#homeText {
	position: absolute;
    bottom: 0;
	text-align: left;
	font-size: 85%;
	color: #666;
	left: 0;
}

#homeText2 {
	/*position: absolute;
    bottom: 0;*/
	text-align: left;

	font-size: 90%;
	color: #666666;
	left: 0;
	font-family: Big Caslon, Georgia, "Times New Roman", Times, serif;
}

#homeText3 {
	position: relative;
	font-family: Big Caslon, Georgia, "Times New Roman", Times, serif;
    bottom: 30px;
	text-align: right;
	font-size: 90%;
	color: #333333;
	right:20px;
	
}

#homeText .statement {
	position: absolute;
    bottom: 0;
	text-align: left;
	font-size: 80%;
	color: #666;
	left: 0;


}
#contactImage {
position: relative;
/*was padding-top: 141px;*/
top: 132px;
 height: 94px;
}


/*oribinal page layout design*/
#contactText {
/*position: absolute;*/
position: relative;
width: 780px;
top: 133px;
/*was height: 141px;*/
height: 187px;
}

#contactText .statement {
	position: absolute;
	bottom: 0;
	/*text-align: left;*/
	font-size: 80%;
	color: #666;
	left: 0;

	
}
#contactText a {
	margin: 0 ;
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	color: #666;
}

#contactText a.active, #contactText a:hover {
color: #690;
}


#contact2TextBox {
position: relative;
float: right;
width: 520px;
height: 374px;
top: 69px;
}

#contact2Text {
	position: absolute;
	font-size: 80%;
	color: #666;
	bottom: 0;
	left: 0;
	}
	
#contact2Google {
	position: absolute;
	top: 185px;
	right: 180px;
	}
	
	

#contact2Text a {
	margin: 0 ;
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	color: #666;
}

#contact2Text a.active, #contact2Text a:hover {
color: #690;
}

#portfolioItem {
position: relative;
float: right;
/* width: 520px; previous width to sep 09 update*/
width: 436px;
height: 374px;
top: 69px;
}

#portfolioImage {
position: absolute;
bottom: 47px;
right: 0px;
}

#secondaryPortfolioNavbar {
position: absolute;
top: 327px;
/* width: 520px; previous width to sep 09 update*/
width: 436px;
}

#secondaryPortfolioNav {
	list-style-type: none;
	margin: 0 0 0 0 ;
	padding: 0;
		
}

#secondaryPortfolioNav li{
margin: 0;
padding: 0;
display: inline;
list-style: none;

}

#secondaryPortfolioNav a {
	float: left;
	font-size: 80%;
	margin: 12px 20px 0 0;
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	color: #666;
}

#secondaryPortfolioNav a.active, #secondaryPortfolioNav a:hover {
color: #690;
}


#portfolioItemDescription {
position: absolute;
top: 360px;
/* width: 520px; previous width to sep 09 update*/
width: 436px;
font-size: 80%;
margin: 0;
color: #666;
}

#contentAbout {
	color: #666;
	line-height: 1.5em;
	float:right;
	width: 520px;
	height: 374px;
	font-size: 80%;

}

#portfolioList {
position: relative;
top: 69px;
background: #fff;
padding: 0;
margin: 0 20px 0 0;
float:left;
width: 240px;
height: 490px;
}

#portfolioNav {
list-style-type: none;
margin: 0;
padding: 0;
}

#portfolioNav li{
list-style: none;
padding: 0 0 1 0;

}

.categoryHeading {
	color: #666666;
	font-size: 80%;
	font-weight: bold;
	
}

.categoryHeading2 {
	color: #666666;
	font-size: 80%;
	font-weight: bold;
	margin-top: 10px;
}


#portfolioNav a {
/*line-height: 2em;*/
font-size: 80%;
margin: 0 0 0 0;
text-decoration: none;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
color: #666;
		
}

#portfolioNav a.active, #portfolioNav a:hover {
color: #690;
}


/* next 4 to make the links list on the links page valign bottom. 
need to find why the mouse over dosent change to green, when 4 paras below change 4 above*/

#linksNav {
	position: absolute;
	list-style-type: none;
	margin: 0;
	padding: 0;
	bottom: 0;
}

#linksNav li{
list-style: none;

}

#linksNav a {
line-height: 2em;
font-size: 80%;
margin: 0 0 0 0;
text-decoration: none;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
color: #666;
}

#linksNav a.active, #linksNav a:hover {
color: #690;
}

#linksListNav {
	position: absolute;
	list-style-type: none;
	margin: 0;
	padding: 0;
	/*bottom: 0;*/
}

#linksListNav li{
list-style: none;
padding: 5 0 0 0;

}

#linksListNav a {
/*line-height: 2em;
font-size: 80%;*/
margin: 0 0 0 0;
text-decoration: none;
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
color: #666;
}

#linksListNav a.active, #linksListNav a:hover {
color: #690;
}
	


h1{
font-size: 120%;
color: #666;
}

#aboutUsTextBox {
position: relative;
float: right;
width: 520px;
height: 450px;
top: 69px;
}

#aboutUsText {
	position: absolute;
	width: 520px;
	font-size: 80%;
	color: #666;
	/*bottom: 0;*/
	top: 170px;
	left: 0;
	}
	
	#aboutUsText2 {
	position: absolute;
	width: 520px;
	font-size: 80%;
	color: #666;
	top: 4px;
	/*bottom: 0;*/
	left: 0;
	}
	
#aboutUsText.links {
	position: absolute;
	font-size: 80%;
	color: #666;
	bottom: 0;
	left: 0;
	}
	
	#commissionsText {
	position: absolute;
	width: 520px;
	font-size: 80%;
	color: #666;
	/*bottom: 0;*/
	top: 170px;
	left: 0;
	}	
	
#portfolioImage1 {
	position: absolute;
	bottom: 47px;
	left: 0px;
	visibility: visible;

}

#portfolioImage2 {
	position: absolute;
	bottom: 47px;
	left: 0px;
	visibility: hidden;

}

#portfolioImage3 {
	position: absolute;
	bottom: 47px;
	left: 0px;
	visibility: hidden;

}

#portfolioImage4 {
	position: absolute;
	bottom: 47px;
	left: 0px;
	visibility: hidden;

}

#portfolioImage5 {
	position: absolute;
	bottom: 47px;
	left: 0px;
	visibility: hidden;

}

#saleImage {

/**/padding-left: 262px;
padding-top: 69px;
height: 75px;
}

#saleImage2 {
/*position: relative;

padding-bottom: 20px;*/
padding-top: 20px;
height: 300px;
}

#saleTextBox1 {
	position: absolute;
	width: 165px;
	top: 460px;
	padding-left:0px;
}

#saleTextBox2 {
	position: absolute;
	width: 298px;
	top: 460px;
	left: 176px;
	padding-left:0px;
}

#saleTextBox3 {
	position: absolute;
	width: 298px;
	top: 460px;
	left: 482px;
	padding-left:0px;
}


#saleText1 {
text-align:center;
	font-size: 80%;
	color: #666666;
	left: 0;
	
}