/* MAIN WEBSITE CODE */
body{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 75%;
	margin: 0;
	padding: 0;}
p{
	color: #666666;
	font-size: 0.8em;}
li{
	list-style:  square;
	color: #666;
	padding-bottom: 1px;
	font-size: 0.8em;}
	
/* GENERAL LINK STYLES ON WEBSITE */	
a:link{
	text-decoration: underline;
	color: #666;}	
a:hover{
	text-decoration: underline;
	color: #000;}
a:visited{
	text-decoration: underline;
	color: #666;}		
a:active{
	text-decoration: underline;
	color: #666;}
	
/* CONTENT POSITIONING */
#mainframe{
	margin: 3em auto;
	text-align: left;
	width: 38.5em;
	font-size: 1.4em;}
#header{
	margin-bottom: 2em;
	height: 58px;}
#content{
	clear: both;
	text-align: left;
	margin-bottom: 2em;
	min-height: 15em;}
	
/* LOGO POSITIONING and STYLES */
#logo{
	float: left;
	border-right: 2px solid #00CCCC;
	padding-right: 10px;
	width: auto;}
.brucemunton{
	color: #000000;
	font-size: 2em;
	text-align: right;}
.photography{
	color: #00CCCC;
	font-size: 1.3em;
	text-align: right;}
#pagetitle{
	float: left;
	padding-left: 5px;
	color: #00CCCC;
	font-size: 2.5em;
	text-align: left;}
.numbers{
	float: right;
	margin-top: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 0.8em;}
.tel{
	font-weight: bold;
	border-right: 2px solid #00CCCC;
	padding-right: 1px;}
	
#header:after, #content:after, #footer:after{
	content: ".";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;}
	
.center{margin-top: 30px; text-align: center; width: 100%; float: left; display: block; clear: both;}	
	
/* FOOTER POSITIONING and STYLES */
#footer{margin-bottom: 10px;
	clear:both;
	text-align: center;
	height: 2em;
	line-height: 2em;
	font-size: 0.8em;
	border-top: 2px solid #00CCCC;
	border-bottom: 2px solid #00CCCC;
	}
.footer{
	color: #00CCCC;
	font-size: 0.9em;}
.footer a:link{
	text-decoration: none;
	color: #000;
	font-weight: bold;}
.footer a:link{
	text-decoration: none;
	font-weight: bold;
	color: #000;}
.footer a:hover{
	color: #00CCCC;
	text-decoration: underline;
	font-weight: bold;}
.footer a:visited{
	color: #000;
	text-decoration: none;
	font-weight: bold;}

#copyright{
	float: right;
	color: #666;
	font-size: 0.8em;}	
#siteby{
	float: left;
	color: #666;
	font-size: 0.8em;}
	
/* GALLERY PAGE POSITIONS AND IMAGES */
.thumbnails{
	position: relative;
	left: 393px;
	top: 5px;}
.thumbnail img{
	border: 2px solid white;
	margin: 0px;}
.thumbnail:hover{
	margin: 0px;}
.thumbnail:hover img{
	margin: 0px;}
.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	width: 393px;
	height: 236px;
	visibility: hidden;
	margin: 0px;}
.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;}
.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: 2px;
	left: -398px; /*position where enlarged image should offset horizontally */
	z-index: 50;}
		
/* CONTACT PAGE FORM POSITIONING and STYLES */

#form{
	border: 0;}
#form ul {
	list-style: none;
	margin: 15px 0 0;
	padding: 0;}
#form li {
	list-style: none;
	padding-bottom: 1em;}
label {
	width: 17em;
	text-align: right;
	margin-right: 0.5em;
	float: left;
	display: block;}

#submit{
	background-color: #00CCCC;
	border: 1px solid #000;}
#reset{
	background-color: #00CCCC;
	border: 1px solid #000;}

	
/* HOMEPAGE - FLASH MOVIE */	
#flashmovie{
	height: 262px;
	width: 643px;}	
#flash{
	height: 262px;
	width: 643px;
	background: url("/images/flash-images/1.gif") #FFFFFF no-repeat;}
/* Contact Page */