/* Three Column Liquid
Method: Floats
Browsers: min-width doesn't work in IE6
Resource: css mastery, by Andy Budd
*/

body{
	color: #fff;
	background: #000;	
}
#wrapper {
	max-width: 1024px;
	border: 2px solid #666;
	background: #ced4e4;
}
#content {
	padding-top: 20px;
	color: #2f3042;
}
#branding{
	position: relative;
	height: 500px;
	background: transparent url(../../media/img/cssImages/onTheEdge.jpg) no-repeat left top;
	border-bottom: 2px solid #666;
}
/* = Changing masthead images */
.portfolioPage #branding{
	background: transparent url(../../media/img/cssImages/theBridge.jpg) no-repeat left top;
}
#branding h1, #branding h2 {
	text-indent: -9999px;
}
/* = mainNav (thanks http://css.maxdesign.com.au/listamatic2) for the base */
#mainNav ul ul{
	margin: 0 0 0 0;
}
#mainNav ul {
	margin: 0 0 0 30px;
	padding: 0;
	list-style-type: none;
}
#mainNav li {
	margin: 0 0 1px 0;
}
#mainNav li a.branch {
	margin: 0 0 1px 0;
}

/* top-level links */
#mainNav a {
	display: block;
	padding: 10px 15px;
	width: 140px;
	color: #fff;
	background-color: #036;
	text-decoration: none;
}

#mainNav a:hover {
	color: #fff;
	background-color: #69C;
	text-decoration: none;
}

#mainNav ul ul li {
	margin: 0 0 1px 0;
}

/*Sub menu links*/
#mainNav ul ul a,
#mainNav ul ul a:link,
#mainNav ul ul a:visited {
	display: block;
	padding: 10px 10px 10px 35px;
	width: 125px;
	color: #fff;
	background-color: #369;
	text-decoration: none;
}

#mainNav ul ul a:hover,
#mainNav ul ul a:focus,
#mainNav ul ul a:active {
	color: #fff;
	background-color: #69C;
	text-decoration: none;
}

/* == Page Specific Layout adjustements */
.portfolioPage	#secondaryContent {
	display: none;
	}
.portfolioPage	#mainContent {
		width: 90%;
	}	

/* == Here you are / active Menu Styles  */
.portfolioPage #mainNav a.portfolio,
.linksPage #mainNav .links a,
.contactPage #mainNav .contact a,
.homePage #mainNav .home a,
.gristmill #mainNav .gristmill a,
.harbourHouse #mainNav .harbourHouse a,
.maryBarry #mainNav .maryBarry a,
.olivers #mainNav .olivers a,
.resumePage #mainNav .resume a,
#photographyPage #mainNav .photography a,
.applecore #mainNav .applecore a,
.maxxim #mainNav .maxxim a,
.avalonDental #mainNav .avalonDental a,
.targaNewfoundland #mainNav .targa a,
.twillingate #mainNav .twillingate a {
	color: #fff;
	background-color: #69C;
	text-decoration: none;
}