/*
/////////////////////////////////////////////////////////////////////////////	

	1 General
	
/////////////////////////////////////////////////////////////////////////////	
*/

* {
		margin: 0;
		padding: 0;
		}

body {
		color: #000000;
		background: #d7d7d7;
		font: small Arial, sans-serif;	 
		}
		

/*
/////////////////////////////////////////////////////////////////////////////	

	1 Structure
	
/////////////////////////////////////////////////////////////////////////////	
*/

#wrapper {
		width: 695px;
		position: relative;
		margin: 10px auto;
		background: #ffffff;
		padding: 10px;
		}

#mastheadHome {
		background: url(_images/wigwwd760leftcropnch200.jpg);
		height: 200px;
		margin-bottom: 10px;
		}
		
#mastheadNonhome {
		background: url(_images/wigwwd760leftcrop200.jpg);
		height: 200px;
		margin-bottom: 10px;
		}

#footermargin {
	margin: 0;
	padding: 5px;
	background: #fff;
	}

#footer {
	padding: 10px;
	text-align: center;
	background: #eeeeee;
	}	
	
.valimg {
	display: inline;
	}

#centerColumn {
	background: #eee; /* these need to be specified separately for each col  !!?? */
  	padding: 0;
  	margin: 0;
  	margin-right: 185px;
 	margin-left: 0px;
}

#rightColumn {
	background: #eee; /* these need to be specified separately for each col  !!?? */
  	position: absolute;
  	top: 259px;
  	right: 9px;
  	width: 175px;
  	margin: 0;
  	padding: 0;
}

#centerColumnContent, #rightColumnContent {
  	margin: 0;
  	padding: 1em;
  	background: #eee;
}

#rightColumnContent {
  	padding: 0; /* required for "whitebar" to work */
  	background: #eee;
}

.extraColumn {
	margin: 0;
  	padding: 0;
  	background: #eee;
  	}

#whitebar {
	width: 175px;
	height: 10px;
	margin: 0;
	padding: 0;
	background: #fff;
	}
	
#rightColumnContent ul { 
		list-style-type: none;
		padding-left: 10px;
		}
/*
/////////////////////////////////////////////////////////////////////////////	

	2 Fonts
	
	h2 and h4 in www.css cater for header and subheader in thickbox
	
/////////////////////////////////////////////////////////////////////////////	
*/

h1 { /* header for "WigWamWebsdesign" */
		font: bold 30px Arial, sans-serif;
		margin-top: 40px;		
		margin-bottom: 40px;
		text-align: center;
		color: #00F;
		}
		
h3 { /* header for right column */
		font: bold 13px Arial, sans-serif;
		margin-top: 0px;
		margin-bottom: 5px;
		padding: 3px;
		text-align: center;
		color: #E00000;
		background: #D0D0FF;
		}	
		
h5	{ /* header for right column - for space between lower 2 sections */	
		font: bold 13px Arial, sans-serif;
		margin-top: 30px;
		margin-bottom: 5px;
		padding: 3px;
		text-align: center;
		color: #E00000;
		background: #D0D0FF;
		}	
		
h6	{ /* header for validation images on home page */
		font: bold 13px Arial, sans-serif;
		text-align: center;
		color: #280cad;
		background: #eee;
		}
		
p { /* standard para on all pages */
		font-size: 14px;
		line-height: 1.3em;
		margin-bottom: 1em;
		}

.para1 { /* introductory paras on homePage and contactPage */
		font-size: 18px;
		margin-top: 20px;
		margin-bottom: 1em;
		line-height: 1.3em;
		text-align: center;
		}
		
#footer p {
	font-size: 13px;
	line-height: 1.3em;
	}
			

/*  --------- 2 Other Fonts - Home Page   -------------------------------------- */

#rightColumnContent p { /* text in Customer Login box */
		font-size: 12px;
		padding-left: 10px;
		line-height: 1.3em;
		margin-top: 0;
		margin-bottom: 2em;
		}
		
.extraColumn { /* text in Lower box */
		font-size: 12px;
		}
		
/*
/////////////////////////////////////////////////////////////////////////////	

	4 Navigation
	
/////////////////////////////////////////////////////////////////////////////	
*/
			
		
#navigation {
		background: #9c9c9c;
		font: bold 14px Verdana, Arial, sans-serif;		
		height: 29px;
		margin-bottom: 10px;
		}

#navigation ul {
		padding: 0;
		margin: 0;
		list-style: none;
		}

#navigation li {
		display: inline;
		float: left;
		width: 139px;
		}

#navigation li ul {
		position: absolute;
		left: -999em;
		width: 139px;
		}
		
#navigation li:hover ul, #navigation li.sfhover ul  {
		left: auto;
		}
		
#navigation a {
		display: block;
		width: 139px;
		text-align: center;
		line-height: 29px;
		background: #9c9c9c;
		text-decoration: none;
		color: #ffffff;
		}
	
#navigation a:hover {
		background: #00F;
		color: #fff; 
		}
		
/*
/////////////////////////////////////////////////////////////////////////////	

	6 Page and Footer Identifiers
	
/////////////////////////////////////////////////////////////////////////////	
*/

.homePage #home, .homePage #homeFooter, .websitesPage #websites, .websitesPage #websitesFooter { 
		background: #fcd753;
		color: #280cad; 
		}
	
.photogalleriesPage #photogalleries, .photogalleriesPage #photogalleriesFooter, .customersPage #customers, .customersPage #customersFooter {
		background: #fcd753;
		color: #280cad; 
		}

.contactPage #contact, .contactPage #contactFooter {
		background: #fcd753;
		color: #280cad; 
		}