body
{
	background: url('../interface/line.gif') top left repeat;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	margin: 0;
	padding: 0;
	height: 100%;
}

.wrapper
{
	width: 740px;
	margin: 0 auto 0 auto;
	padding: 0;
	background: white;
	border: 10px solid white;
}

.page
{
	display: block;
	background: white;
	width: 740px;
	margin: 0;
	padding: 0;
}

.copy
{
	line-height: 12pt;
	font-size: 11px;	
	width: 360px;
	float: right;
	margin: 15px 0 0 0;
	padding: 0 20px 0 0;
	background: white;
}

.copy p
{
	line-height: 12pt;
	font-size: 11px;
	font-weight: normal;
	color: black;
	margin: 0 0 0 0;
	padding: 9px 0 10px 0;
	background: none;
	text-decoration: none;
}

.copy h1
{
	line-height: 12pt;
	font-size: 12px;
	font-weight: bold;
	color: black;
	margin: 0;
	padding: 10px 0 5px 0;	
	background-image: url(../images/dotted.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.copy h2
{
	line-height: 12pt;
	font-size: 12px;
	font-weight: bold;
	color: #088CD8;
	margin: 0;
	padding: 10px 0 5px 0;	
	background-image: url(../images/dotted.gif);
	background-repeat: repeat-x;
	background-position: left bottom;	
}

.copy h3
{
	line-height: 12px;
	font-size: 12px;
	font-weight: bold;
	color: black;
	margin: 0;
	padding: 10px 0 5px 0;
	background-image: url(../images/dotted.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	border: 2px solid red;	
}

.copy h4
{
	line-height: 12px;
	font-size: 11px;
	font-weight: bold;
	color: black;
	padding: 15px 0 5px 0;
	margin: 0 0 0 0;	
}

.copy .photo
{
	line-height: 12pt;
	font-size: 11px;	
	width: 300px;
	float: right;
	margin: 30px 10px 40px 0;
	padding: 0 20px 0 0;
	background: white;
}

.copy .photo img
{
	width: 300px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: right;
	background: white;
}

.copy .photos:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.copy .img
{
	width: 300px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: white;
	border: 2px solid red:
}

.copy li
{
	margin: 10px 0 0 15px;
	padding: 0 0 0 0;
	color: black;
	list-style-image: url(../images/arrow.gif);
	list-style-position: left bottom;
}

.copy ul
{
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 14px;
}

.copy a
{
	line-height: 12pt;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: black;
}


.copy .menu
{
	padding: 32px 30px 0 0;
	margin: 0 0 0 0;
	width: 300px;
	float: right;
}

.copy .menu img
{
	position: absolute;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	display: block;
	width: 300px;
}

.copy .menu li
{
	padding: 0 0 15px 0;
	margin: 0;
	font-size: 11px;
	line-height: 14px;
	color: black;
	font-weight: normal;
	float: left;
}

.copy a
{
	text-decoration: underline;
	color: black;
}

.copy ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.copy a:hover
{
	text-decoration: underline;
}

.copy li.selected
{
	background: black;
}

.copy a:hover
{
	text-decoration: underline;
	color: #088CD8;
}

.copy .contact p
{
	line-height: 12pt;
	font-size: 11px;
	font-weight: normal;
	color: black;
	margin: 0 0 0 0;
	padding: 9px 0 0 0;
	background: none;
	text-decoration: none;
}

.table
{
	line-height: 12pt;
	font-size: 11px;	
	width: 360px;
	float: right;
	margin: 15px 0 0 0;
	padding: 0 20px 0 0;
	background: white;
	text-decoration: none;
}

.table h1
{
	line-height: 12pt;
	font-size: 11px;
	font-weight: bold;
	color: black;
	margin: 0;
	padding: 10px 0 2px 0;
}

.table h2
{
	line-height: 12pt;
	font-size: 12px;
	font-weight: bold;
	color: #088CD8;
	margin: 0;
	padding: 10px 0 5px 0;	
	background-image: url(../images/dotted.gif);
	background-repeat: repeat-x;
	background-position: left bottom;	
}	

.imagebig
{
	width: 740px;
	height: 185px;
	border-top: 1px solid white;
}

.imagebig img
{
	position: absolute;
	opacity: 0;
	filter: Alpha(Opacity=100);
	z-index: 13;
}

.imagebig img.initial
{
	filter: Alpha(Opacity=100);
	opacity: 100;
}


.images
{
	width: 740px;
	height: 185px;
	background: url('../images/gradient_background.jpg') top left repeat-x;
	border-top: 1px solid white;
}

.images p
{
	color: white;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	padding: 15px 6px 0 15px;
	width: 290px;
}

.images img
{
	position: absolute;
	opacity: 0;
	margin-left: 339px;
	border-left: 2px solid white;
	filter: Alpha(Opacity=100);
	z-index: 13;
}

.images img.initial
{
	filter: Alpha(Opacity=100);
	opacity: 100;
}

.quote
{
	display: block;
	float: left;
	height: 100%;
	width: 311px;
	padding: 0 15px 15px 15px;
	margin: 1px 0 0 0;
	background: url('../images/quote_background.gif') top left repeat-x;
}

.quote .menu
{
	padding: 8px 0 0 0;
	margin: 15px 0 0 0;
	width: 310px;
}

.quote .menu ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.quote .menu li
{
	padding: 0 0 0 0;
	margin: 0 0 0 15px;
	font-size: 11px;
	line-height: 12px;
	font-weight: normal;
	color: black;
	list-style-image: url(../images/arrow_left.gif);
	list-style-position: right;
}

.quote .menu li a:hover
{
	text-decoration: underline;
	color: #088CD8;
}

.quote .menu li.selected
{
	background: black;
}

.quote .menu li:hover
{
	text-decoration: underline;
	color: #088CD8;
}

.quote .menu a
{
	text-decoration: underline;
	color: black;
}

.quote .menu a:hover
{
	text-decoration: underline;
}


.leftcopy .menu a
{
	text-decoration: underline;
	color: black;
}


.quote img
{
	display: block;
	float: left;
	width: 311px;
	padding: 0 0 0 0;
	margin: 23px 0 0 0;
}



.quote p
{
	line-height: 12pt;
	font-size: 11px;
	font-weight: normal;
	display: block;
	float: left;
	padding: 0 0 0 0;
	margin: 23px 0 0 0;
}

.quote p.citation
{
	line-height: 12pt;
	font-size: 11px;
	font-style: italic;
	color: #555555;
	padding: 0;
	margin: 5px 0 10px 0;
}


.leftpic
{
	display: block;
	float: left;
	height: 100%;
	width: 311px;
	padding: 0 15px 23px 15px;
	margin: 1px 0 0 0;
}

.leftpic img
{
	display: block;
	float: left;
	width: 311px;
	padding: 0 0 0 0;
	margin: 23px 0 0 0;

}

.left .menu
{
	position: absolute;
	margin: 219px 0 0 0;
	padding: 18px 0 0 0;
	display: block;
	width: 339px;
	height: 200px;
	background: url('../images/quote_background.gif') top left repeat-x;
}

.left .menu li
{
	padding: 0 0 5px 0;
	margin: 10px 15px 0 15px;
	font-size: 11px;
	color: black;
	font-weight: normal;
	float: left;
	width: 339px;
	background-image: url(../images/dot_left.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.left .menu a
{
	text-decoration: none;
}

.left ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.left li a:hover
{
	text-decoration: underline;
}

.left li:hover
{
	color: #088CD8;
}	

.homeleft
{
	line-height: 14px;
	font-size: 11px;
	display: block;
	float: left;
	height: 240%;
	width: 309px;
	padding: 15px 15px 0 15px;
	margin: 1px 0 0 0;
	background: url('../images/quote_background.gif') top left repeat-x;
}

.homeleft h1
{
	line-height: 12pt;
	font-size: 12px;
	font-weight: bold;
	color: #088CD8;
	padding: 9px 0 5px 0;	
	margin: 0 0 0 0;
	background-image: url(../images/dot_left.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.homeleft h2
{
	line-height: 12pt;
	font-size: 11px;
	font-weight: bold;
	color: black;
	padding: 10px 0 5px 0;	
	margin: 0 0 0 0;
}

.homeleft a
{
	text-decoration: underline;
	color: black;
}

.homeleft a:hover
{
	text-decoration: underline;
}




.leftcopy
{
	line-height: 14px;
	font-size: 11px;
	display: block;
	float: left;
	height: 240px;
	width: 309px;
	padding: 15px 15px 0 15px;
	margin: 1px 0 0 0;
	background: url('../images/quote_background.gif') top left repeat-x;
}

.leftcopy p
{
	line-height: 12pt;
	font-size: 11px;
	font-weight: normal;
	color: black;
	margin: 15px 0 0 0;
	padding: 10px 0 0 0;
	background: none;
	text-decoration: none;
}

.leftcopy h1
{
	line-height: 12pt;
	font-size: 12px;
	font-weight: bold;
	color: #088CD8;
	padding: 9px 0 5px 0;	
	margin: 0 0 0 0;
	background-image: url(../images/dot_left.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.leftcopy h2
{
	line-height: 12pt;
	font-size: 11px;
	font-weight: bold;
	color: black;
	padding: 10px 0 5px 0;	
	margin: 0 0 0 0;
}

.leftcopy h3
{
	line-height: 12pt;
	font-size: 11px;
	font-weight: bold;
	color: black;
	padding: 10px 0 5px 0;	
	margin: 0 0 10px 0;
	background-image: url(../images/dot_left.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.leftcopy .menu
{
	padding: 8px 0 0 0;
	margin: 15px 0 0 0;
	width: 310px;
}

.leftcopy .menu img
{
	padding: 5px 5px 0 0;
	margin: 0 0 0 0;
	clear: both;
}

.leftcopy .logo img
{
	padding: 10px 0px 0 90px;
	margin: 10px 0 0 0;
	float: bottom;
	border: 0;
}

.leftcopy .team img
{
	padding: 20px 0px 20px 0;
	margin: 10px 0 0 0;
	float: bottom;
	border: none;
}

.leftcopy .menu li
{
	padding: 0 0 8px 0;
	margin: 0 0 0 15px;
	font-size: 11px;
	line-height: 12px;
	font-weight: normal;
	color: black;
	list-style-image: url(../images/arrow_left.gif);
	list-style-position: right;
}

.leftcopy a
{
	text-decoration: underline;
	color: black;
}

.leftcopy a:hover
{
	text-decoration: underline;
}


.leftcopy .menu a
{
	text-decoration: underline;
	color: black;
}

.leftcopy ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.leftcopy li a:hover
{
	text-decoration: underline;
}

.leftcopy li.selected
{
	background: black;
}

.leftcopy li:hover
{
	text-decoration: underline;
	color: #088CD8;
}

.leftcopy .detail img
{
	padding: 20px 8px 0 15px;
}

.aerial_description
{
	line-height: 12px;
	font-size: 10px;
	display: block;
	float: left;
	height: 378px;
	width: 192px;
	padding: 15px 15px 0 15px;
	margin: 1px 0 0 0;
	background: url('../images/quote_background.gif') top left repeat-x;
}


.aerial_text
{
	display: none;
	visibility: hidden;
	float: left;
	width: 192px;
}

.aerial_text p
{
	line-height: 11pt;
	font-size: 10px;
	font-weight: normal;
	color: black;
	margin: 0 0 0 0;
	padding: 8px 0 0 0;
	background: none;
	text-decoration: none;
}

.aerial_text h1
{
	line-height: 12pt;
	font-size: 12px;
	font-weight: bold;
	color: #088CD8;
	background: none;
	padding: 9px 0 4px 0;	
	margin: 0 0 0 0;
}

.aerial_text h2
{
	line-height: 12pt;
	font-size: 10px;
	font-weight: bold;
	color: black;
	background: none;
	padding: 5px 0 0 0;	
	margin: 0 0 0 0;
}

.visible
{
	display: block;
	visibility: visible;
}

.aerial
{
	line-height: 14px;
	font-size: 11px;
	display: block;
	float: right;
	height: 378px;
	width: 517px;
	padding: 0 0 0 0;
	margin: 1px 0 0 0;
}

.aerial img
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: none;
}
.masterplan
{
	line-height: 12pt;
	font-size: 11px;	
	width: 200px;
	height: 378px;
	float: right;
	margin: 15px 0 0 0;
	padding: 0 20px 0 0;
	background: white;
	border: 2px solid red;
}

.masterplan p
{
	line-height: 12pt;
	font-size: 11px;
	font-weight: normal;
	color: black;
	margin: 0 0 0 0;
	padding: 9px 0 10px 0;
	background: none;
	text-decoration: none;
}
.masterplan h1
{
	line-height: 12pt;
	font-size: 12px;
	font-weight: bold;
	color: #088CD8;
	margin: 0;
	padding: 10px 0 5px 0;	
}

.masterplan h2
{
	line-height: 12pt;
	font-size: 12px;
	font-weight: bold;
	color: black;
	margin: 0;
	padding: 10px 0 5px 0;	
}

.masterplan h3
{
	line-height: 12px;
	font-size: 12px;
	font-weight: bold;
	color: black;
	margin: 0;
	padding: 10px 0 5px 0;
}

.masterplan h4
{
	line-height: 12px;
	font-size: 11px;
	font-weight: bold;
	color: black;
	padding: 0 0 0 0;
	margin: 0 0 0 0;	
}



.gallerycopy
{
	line-height: 14px;
	font-size: 11px;
	display: block;
	float: left;
	height: 100%;
	width: 309px;
	padding: 15px 15px 0 15px;
	margin: 1px 0 0 0;
	background: url('../images/quote_background.gif') top left repeat-x;
}

.gallerycopy p
{
	line-height: 12pt;
	font-size: 11px;
	font-weight: normal;
	color: black;
	margin: 0 0 0 0;
	padding: 9px 0 0 0;
	background: none;
	text-decoration: none;
}

.gallerycopy h1
{
	line-height: 12pt;
	font-size: 12px;
	font-weight: bold;
	color: #088CD8;
	padding: 9px 0 5px 0;	
	margin: 0 0 0 0;
	background-image: url(../images/dot_left.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.gallerycopy .menu
{
	padding: 3px 0 0 0;
	margin: 15px 0 0 0;
	width: 310px;
	border: none;
}

.gallerycopy .menu img
{
	padding: 0 5px 5px 0;
	margin: 0 0 0 0;
	clear: both;
	border: none;
}

.footer
{
	display: block;
	clear: both;
	width: 740px;
	height: 25px;
	background: #c3d3dd;
}

.footer .menu
{
	display: block;
	height: 25px;
	padding: 0 0 0 30px;
}

.footer .menu li
{
	padding: 7px 10px 7px 10px;
	font-size: 10px;
	color: black;
	font-weight: normal;
	float: left;
	background-image: url(../images/line_small.gif);
	background-repeat: no-repeat;
	background-position: right;
}

.footer .menu li a
{
	color: black;
	text-decoration: none;
}

.footer .menu li a:hover
{
	text-decoration: underline;
}

.footer ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}	

.footer li a:hover
{
	text-decoration: underline;
}

.header
{
	margin: 0;
	padding: 0;
	border: 0;
}

.header .menu
{
	width: 740px;
	height: 28px;
	background: #989DA5;
	border-bottom: 6px solid #088CD8;
}

.header .menu ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

.header .menu li
{
	background: #989DA5;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	float: left;
	padding: 7px 6px 7px 5px;
	text-decoration: none;
	background-image: url(../images/line_white.gif);
	background-repeat: no-repeat;
	background-position: right;
}

.header .menu li.selected
{
	background: #088CD8;
}

.header .menu li a:hover
{
	background: none;
}

.header .menu li a
{
	color: white;
	text-decoration: none;
}

.header .menu li a:hover
{
	text-decoration: underline;
}

.header .banner
{
	width: 740px;
	height: 80px;
	margin: 0;
	padding: 0;
	border: none;
	background: url('../interface/butterfield_logo.jpg') top left no-repeat;
	border:1px solid white;
}

.header .banner p
{
	text-indent: -1000px;
}

.header .banner img
{
	float: right;
	background: white;
	border: 0;
	padding: 0;
	margin: 0;
}

.submenu
{
	display: block;
	float: left;
	width: 740px;
	height: 23px;
	top: 293px;
	margin: 0;
	padding: 0;
	background: #C0C0C0;
}

.submenu .menu
{
	display: block;
}

.submenu .menu ul
{
	list-style: none;
	padding: 0 0 0 0;
	margin: 0;
}

.submenu .menu li
{
	background: #088CD8;
	color: white;
	font-size: 11px;
	height: 18px
	font-weight: normal;
	float: left;
	margin: 0;
	padding: 5px 6px 5px 6px;
	background-image: url(../images/download_line.gif);
	background-repeat: no-repeat;
	background-position: right;
}

.submenu .menu a
{
	color: white;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

.submenu li:hover
{
	background: #888888;
	background-image: url(../images/download_line.gif);
	background-repeat: no-repeat;
	background-position: right;
}

.submenu .menu li a:hover
{
	color: white;
	text-decoration: underline;
	background: #888888;
}

.submenu .menu li .selected
{
	color: white;
}

.actions
{
}

.actions ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

.actions p
{
	font-size: 11px;
	font-weight: normal;
	color: white;
	float: right;
	background: #088CD8;
	height: 18px;
	margin: 0;
	padding: 5px 6px 0 6px;
	background-image: url(../images/download_line.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.actions li
{
	float: right;
	background: #088CD8;
	height: 18px;
	margin: 0;
	padding: 5px 6px 0 6px;
	background-image: url(../images/download_line.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.actions li a
{
	color: white;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

.actions li a:hover
{
	text-decoration: underline;
}

.actions li.selected
{
	color: white;
	background: #088CD8;
}

.actions li:hover
{
	background: #888888;
	background-image: url(../images/download_line.gif);
	background-repeat: no-repeat;
	background-position: left;
}