/* Style sheet for Cevan Forristt Landscape Design */
/* Created 09 Dec 2006 */
/* Copyright 2007, Cevan Forristt, all rights reserved */

/* Define basic styles for the whole site */

body {
	/*margin: 50px 0px;*/
	margin: 0px 0px;
	padding: 0px; /* Need to set body margin and padding to get consistency between browsers when centering the site contents */
	text-align: center; /* Hack for IE5/Win when centering the pageContainer object (see below) */
	font-family: Arial, "Times New Roman", Times, serif;
	font-size: 95%; /* medium */
	color: #FFFFCC; /* cream */
	background-color: #65642B; /* greenish, orginally 666633*/
	/*background-color: #737131;*/
	/* background-color: #817A51;*/ /* Pantone 315-5 process */
	/*background-color: #827A3C; /* Pantone 315-4 process */  
}

h1 {
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size: 170%;
	font-weight:normal;
	color: #FFFFCC;	/* cream */
}

h1.cvldBannerLarge {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:300%;
	border-bottom:#66FF66 thick solid;
	border-bottom-color:#AA9E0C;
	border-bottom-width:thick;
	border-bottom-style:solid;
	margin-top: 0;
	padding-top: 0;
}

h1.cvldBannerMedium {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:230%;
	/*width:660px;*/
	border-bottom:#66FF66 thick medium;
	border-bottom-color:#AA9E0C;
	border-bottom-width:medium;
	border-bottom-style:solid;
	margin:0;
	padding:0;
	white-space:nowrap;
}

h1.cvldBannerSplitUpper {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:320%;
	white-space:nowrap;
	border-bottom:#66FF66 medium solid;
	border-bottom-color:#AA9E0C;
	border-bottom-width:medium;
	/*border-bottom-width:thick;*/
	border-bottom-style:solid;
	margin-top:0;
	margin-right:0;
	margin-bottom:0;
	padding-top:20px;
	padding-right:0;
	padding-bottom:0;
}

h1.cvldBannerSplitLower {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:275%;
	white-space:nowrap;
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:10px;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 150%;
	font-weight:normal;
	color: #FFFFCC;	/* cream */
}

h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 140%;
	font-weight:normal;
	color: #FFFFCC;	/* cream */
}

h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 130%;
	font-weight:normal;
	color: #FFFFCC;	/* cream */
}

h5 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 120%;
	font-weight:normal;
	color: #FFFFCC;	/* cream */
}

img {
	border:0;
	margin:0;
	padding: 0; 
	max-width: 100%;
}

table { 
	border-spacing: 0px;
	border-collapse: collapse; 
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}

/* define the sitewide anchor behaviour */
a {
	color: #FFFF66;
	font-size: 90%;	
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

a:link {
	color: #FFFF66;
	font-size: 90%;
	font-family:Arial, Helvetica, sans-serif;
}

a:hover {
	/*color: #FFFF66;*/
	color: #D29E60;
	font-size: 90%;
	font-family:Arial, Helvetica, sans-serif;
}

a:active {
	color: #FFFF66;
	font-size: 90%;	
	font-family:Arial, Helvetica, sans-serif;
}

.formText {
	background-color:#FFFFCC;
}

.normalText {
	font-weight:normal;
}

.smallNavText {
	/*padding-top:20px;*/
	font-size:80%;
}

/* define the major divisions on the site */

#pageContainer {
	width: 776px;
	margin:0px auto; /* Right and left margin widths set to auto to center the container in the window */
	text-align:left; /* Counteract to IE5/Win Hack */	
	padding:0;
}

#bioBkgrndContainer {
	margin-top: 50px;
	margin-left: 50px;
	padding:0;
	background-image:url(../media/cfbiopic2.jpg);
	background-image:url(../media/forristt.jpg);
	background-repeat:no-repeat;
	width:720px;
	height:432px;
}

#bioInfoColLeft {
	margin-top:10px;
	margin-left:10px;
	float:left;
	width:310px;
}

#bioInfoColLeft h1 {
	margin:0;
	padding:0;
	padding-top: 10px;
}

#bioInfoColRight {
	margin-top:14px;
	margin-right:12px;
	float:left;
	width:375px;
	text-align:justify;
}

#bioInfoColRight p {
	margin:0;
	padding:0;
	padding-bottom: 1em;
	line-height:120%;
}

#contactBkgrndContainer {
	background-image: url(../media/contactbkgrnd.jpg);
	background-repeat:no-repeat;
	margin-top: 50px;
	margin-left: 50px;
	height: 440px;
}

#contactInfoContainer {
	padding-top:100px;
	padding-left:180px;
	width:410px;
	display: table-cell;
  vertical-align: middle 	
}

#contactInfoContainer p {
	margin:0;
	padding:0;
	font-size:90%;
	/*font-family:Georgia, "Times New Roman", Times, serif;*/
	font-weight:bold;
	line-height:130%;
}

#doubleThumbnailContainer {
	width:260px;
	border:none;
	border-collapse:collapse;
	padding:0px;
	margin:0px;
}

#singleThumbnailContainer {
	width:135px;
	border:none;
	border-collapse:collapse;
	padding:0px;
	margin:0px;
}

#infoForm {
	margin-top:50px;
}

#photoColumnLeft {
	float:left;
	margin-top: 50px;
	/*margin-left:60px;*/
}

#tallPhotoColumnLeft {
	float:left;
	padding-left:78px;
}

#tallPhotoContainer {
	width:160px;
	border:none;
	border-collapse:collapse;
	padding:0px;
	margin:0px;
}

#thumbnailColumnLeft {
	float:left;
	padding-left:0px;
}

#infoColumnRight {
	float:left;
	width:450px;
	margin-top: 50px;
	padding-left:40px;
}

#infoColumnRight p {
	text-align:justify;
}

#infoColumnRight.narrow {
	width:400px;
}

#companyInfo {
	clear:both;
	color: #AA9E0C;
	font-size:70%;
	text-align:left;
	padding-top:120px;
	/*position: relative; bottom:10%;*/
}

#companyInfoSplash {
	color: #AA9E0C;
	font-size:70%;
	text-align:left;
	margin-top:230px;	
	padding-left:10px;
}

#slideshowLargeImage {
	width:550px;
	margin:0px;
	margin-top: 50px;
	padding:0px;
	float:left;
	border:none; 
	border-collapse:collapse;
	text-align:right;

}

#slideshowInfoCol {
	width:180px;
	float:left;
	margin-top: 50px;
	padding-left:30px;
}

#slideshowInfoCol .navMenuIcons {
	margin:0;
	padding-top:10px;
	padding-right:2px;
	padding-bottom:0px;
	padding-left:2px;
	width:200;
}

#splashPage {
	margin-top: 50px;
	text-align:center;
	border-collapse:collapse;
	border:none;
	text-decoration:none;
}

#splashPage .splashImage {
	border-collapse:collapse;
	border:none;
	padding-top:16%;
	/*position: absolute; top:100px;*/
}