/* 	Brace Design Stylesheet
		
		date created:	2nd April 2007
		date modified: 	2nd April 2007
		author: 	Sam Hampton-Smith
		version: 	1.0

	*/

	body {
		font-size:	66%;
		font-family: 	arial, helv, verdana, sans-serif;
		text-align: 	left;
		background:	#ffffff url(camotile.jpg) repeat top center;
		color:		#000000;
	}

	
	#container {
		position:	relative;
		width:		872px;
		margin:		auto;
		background:	none;
	}

	#pageHeader {
		width:		87px;
		height:		45px;
		background:	transparent url(logo.gif) no-repeat top left;
	}

	#pageHeader h1 {
		display:	none;
	}


	#navigation {
		height:		17px;	
	}

	#navigation ul {
		margin:		0px;
		padding:	0px;
	}
	
	#navigation ul li {
		float:		left;
		list-style:	none;
		border-left:	1px solid black;
		line-height:	1.2em;
		font-weight:	900;
		margin-bottom:	3px;
	}

	#navigation ul li.first {
		border-left:	none;
	}

	#navigation ul li a {
		display:	block;
		padding-left:	5px;
		padding-right:	5px;
		color:		#303030;
		text-decoration:none;
	}
	
	#navigation ul li a:hover, #navigation ul li.on a {
		color:		#EC1C24;
	}

	#mininav {
		position:	absolute;
		top:		22px;
		right:		0px;
	}

	#mininav h2 {
		color:		#303030;
		text-align:	right;
		font-size:	2em;
		margin:		0px;
		padding:	0px;
	}

	#mininav ul {
		margin:		0px;
		padding:	0px;
	}
	
	#mininav ul li {
		float:		left;
		list-style:	none;
		border-left:	1px solid black;
		line-height:	1.2em;
		font-weight:	900;
		margin-bottom:	3px;
	}

	#mininav ul li.first {
		border-left:	none;
	}

	#mininav ul li a {
		display:	block;
		padding-left:	5px;
		padding-right:	5px;
		color:		#303030;
		text-decoration:none;
	}
	
	#mininav ul li a:hover, #mininav ul li.on a {
		color:		#EC1C24;
	}


	#panel {
		margin-top:	-10px;
		width:		872px;
		height:		393px;
	}

	#panel h3 {
		visibility:	hidden;
	}

	#panel.homepage, .homepage {
		background:	transparent url(panelHome.jpg) no-repeat top left;
	}

	#panel.homepagespecial, .homepagespecial {
		background:	transparent url(panelHomeSpecial.jpg) no-repeat top left;
	}

	#panel.branding, .branding {
		background:	transparent url(panelBranding.jpg) no-repeat top left;
	}

	#panel.contact, .contact {
		background:	transparent url(panelContact.jpg) no-repeat top left;
	}
	#panel.stationery, .stationery {
		background:	transparent url(panelStationery.jpg) no-repeat top left;
	}
	#panel.portfolio, .portfolio {
		background:	transparent url(panelPortfolio.jpg) no-repeat top left;
	}
	#panel.retail, .retail {
		background:	transparent url(panelRetail.jpg) no-repeat top left;
	}
	#panel.sales, .sales {
		background:	transparent url(panelSales.jpg) no-repeat top left;
	}

	#panel.web, .web {
		background:	transparent url(panelWeb.jpg) no-repeat top left;	
	}

	#panel.links, .links {
		background:	transparent url(panelLinks.jpg) no-repeat top left;
	}

	#panel.sitemap, .sitemap {
		background:	transparent url(panelSitemap.jpg) no-repeat top left;
	}


	#content {
		position:	relative;
		background:	#000000;
		color:		#ffffff;
	}

	#content * {
		position:	relative;
		z-index:	500;
	}

	#clearer {
		clear:		left;
	}

	p {
		margin-top:	0px;
		line-height:	1.15em;
		font-size:	1em;
	}

	.col {
		z-index:	100;
		float:		left;
		width:		45%;
		padding:	10px;
		color:		#ffffff;
	}

	img {
		border:		none;
	}