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

	stonemadsinks.com
	Design and Development by Jez Thompson and James Mills
	[www.thompsonmills.com]
	Document created: 26th April 2007
	
*************************************************************************************************/

* {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

body {
	background-image:url(../assets/slash.png);
	font-size:62.5%;
	margin:10px;
}

.clearFix {
	clear: both;
}
/*************************************************************************************************
Access Links */
ul#accessLinks {
	position:absolute;
	left:-1000px;
	z-index:100;
}
ul#accessLinks a:focus, ul#accessLinks a:active { 
	position:absolute;
	left:1000px;
	width:200px;
	font-weight:bold;
	padding:1em;
	z-index:100;
	color:#000;
	background:#ff9;
	border:1px solid black;
	top:0;
	text-decoration:none;
}
/*************************************************************************************************
Wrapper */
div#wrapper {
	width:750px;
	margin:auto;
	padding: 10px;
	background-color: #fff;
}

/*************************************************************************************************
Branding */
div#branding {
	background-image:url(../assets/gradientBanner.png);
	height:95px;
}
div#branding div#brandingLeft {
	float:left;
}
div#branding div#brandingLeft div#brandingRight {
	float:right;
}
div#branding div#brandingLeft div#logo  {
	background-image:url(../assets/logoBanner.png);
	background-repeat: no-repeat;
	background-position: 50px 10px;
	height: 87px;
	width: 477px;
}
div#branding div#brandingLeft div#logo h1 { text-indent: -9000px; margin: 0; } 
div#branding div#brandingLeft div#logo h1 a { display:block; height:87px; width:477px; } 

div#branding div#brandingRight  p {
	float:left;
	padding-top:60px;
	
	color:#999999;
	font-weight:bold;
	
}
/*************************************************************************************************
Marble Banner */
div#marbleBanner {
	background-image:url(../assets/marbleBanner.png);
	height:100px;
	width:750px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #7b8456;
}

/*************************************************************************************************
Navigation */
div#nav {
	background-image:url(../assets/navBehind.png);
	background-repeat:repeat-x;
	height:49px;
}

div#nav li{
	display:inline;
	float:left;
	height:49px;
	text-indent:-8000px;
}
div#nav li a{
	display:block;
	height:49px;
	background-position:0 0;
	background-repeat:no-repeat;
}
div#nav li a:hover, div#nav li a:focus, div#nav li a:active, #nav li a.selected{
	background-position:0 0px;
}
li#navHome,li#navAbout,li#navSinks,li#navNews,li#navContact{width:100px;}


li#navHome a{
	background-image:url(../assets/nav/home.png);
}
li#navAbout a{
	background-image:url(../assets/nav/aboutUs.png);
}
li#navSinks a{
	background-image:url(../assets/nav/sinks.png);
}
li#navNews a{
	background-image:url(../assets/nav/news.png);
}
li#navContact a{
	background-image:url(../assets/nav/contactUs.png);
}
/*************************************************************************************************
Footer */
div#footerWrapper {
	background-image:url(../assets/gradientFooter.png);
	background-repeat:repeat-x;
	height:89px;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
}
div#footerWrapper div#footer {
	background-image:url(../assets/logoFooter.png);
	background-repeat:no-repeat;
	background-position: 100% 20px;
	height:78px;
	margin-left:50px;
	margin-right:50px;
	padding-top:25px;
	color:#fff;
}
div#footerWrapper div#footer a {
	color:#bdcf89;
	text-decoration:none;
}