@import url(content.css);

html, body {
	background-color: #0F1A1E;
	font-family:"Trebuchet MS", Arial, san Serif;
	margin : 0;
	padding: 0;
	text-align: center;
}

#site-holder {
	margin: 0 auto;
	width: 960px;
	text-align: left;
}

#switch-site-nav {
	height: 70px;
	width: 960px;
	background-color: #CCC;
	margin: 1px 0 1px 0;
} 

#switch-site-nav  ul, #switch-site-nav  ul li, #switch-site-nav  ul li a  {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#switch-site-nav  ul li {
	display: inline;
}

#switch-site-nav  ul li a {
	float: left;
	text-indent: -999%;
	width: 320px;
	height: 70px;
	display: block;
	outline: none;
}

#switch-site-nav  ul li a:hover {
	background-position:  0 -70px;
}

#switch-site-nav  ul li a.active {
	background-position:  0 -70px;
}

#switch-site-nav  ul li a#laing-fine {
	background-image: url(../sitepix/nav/laing-fine-jewellery.png);
}

#switch-site-nav  ul li a#laing-watch {
	background-image: url(../sitepix/nav/laing-watch-gallery.png);
}

#switch-site-nav  ul li a#laing-boutique {
	background-image: url(../sitepix/nav/laing-boutique.png);
}


#header {
	width: 960px;
	height: 163px;
	background-color: #333;
}

#nav {
	width: 960px;
	background-color: #CCC;
	height: 45px;
	background-image: url(../sitepix/structural/nav-bg.png);
	margin-bottom: 1px;
	border-top: solid 1px #585655;
	border-bottom: solid 1px #7C7A7A;
}

#nav ul.dropdown {
	margin: 0 0 0 145px;
	padding: 0;
	list-style-type: none;
}

#nav ul.dropdown li {
	float: left; 
	zoom: 1;
}

#nav ul.dropdown li.hover, #nav ul.dropdown li:hover {
	position: relative;	
}

#nav ul.dropdown li a {
	height: 45px;
	display: block;
	text-indent: -9999%;
	outline: none;
	color: #FFF;
}

#nav ul.dropdown li a:hover {
	background-position: 0 -45px;
}

#nav ul.dropdown li a.active {
	background-position: 0 -90px;
}

#nav ul.dropdown ul { 
	border-top: 1px solid #000;
	visibility: hidden;
	position: absolute;
	top: 100%; 
	left: 0;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#nav ul.dropdown ul li { 
	font-weight: normal; 
	background: #E8E8E8;
	border-bottom: 1px solid #000; 
	float: none; 
}
									  
#nav ul.dropdown ul li a { 
	border-right: none; /* IE 6 & 7 Needs Inline Block */
	width: 200px;
	display: inline-block;
	color: #000;
	font-size: 12px;
	height: 20px;
	text-indent: 0;
	text-decoration: none;
	padding: 5px;
}

#nav ul.dropdown ul li a:hover {
	color: #FFF;
	background-color: #290F65;
}

#nav ul.dropdown li a#home {
	background-image: url(../sitepix/nav/home.png);
	width: 90px;
}

#nav ul.dropdown li a#about {
	background-image: url(../sitepix/nav/about.png);
	width: 116px;
}

#nav ul.dropdown li a#services {
	background-image: url(../sitepix/nav/services.png);
	width: 111px;
}

#nav ul.dropdown li a#news {
	background-image: url(../sitepix/nav/news.png);
	width: 124px;
}

#nav ul.dropdown li a#catalogue {
	background-image: url(../sitepix/nav/catalogue.png);
	width: 128px;
}

#nav ul.dropdown li a#contact {
	background-image: url(../sitepix/nav/contact.png);
	width: 128px;
}


#content-holder {
	background-image: url(../sitepix/structural/main-bg.jpg);
	overflow: hidden;
	height: 100%;
}

#left-nav {
	width: 151px;
	float: left;
}

#left-nav ul {
	margin: 20px 0 0 0;
	padding: 0;
	list-style-type: none;
	width: 150px;
}

#left-nav ul li a {
	margin: 0 0 15px 0;
	padding: 0;
	width: 150px;
	display: block;
	text-indent: -999px;
	outline: none;
}

#left-nav ul li a:hover {
	background-position: 0 -36px;
}

#left-nav ul li a.active {
	background-position: 0 -36px;
}

#left-nav ul li a#wbrands {
	background-image: url(../sitepix/nav/watchgallery-watch-brands.gif);
	width: 150px;
	height: 36px;
}

#left-nav ul li a#pwatches {
	background-image: url(../sitepix/nav/preowned-watch-brands.gif);
	width: 150px;
	height: 36px;
}

#left-nav ul li a#wclinc {
	background-image: url(../sitepix/nav/watch-gallery-watch-clinic.gif);
	width: 150px;
	height: 36px;
}


#left-nav ul li ul {
	margin:  0 0 20px 0;
	padding: 10px 0 5px  0;
	background-color: white;
	text-align: center;
}

#left-nav ul li ul li {
	margin: 0 0 0.5em 0;
	padding: 0;
}

#left-nav ul li ul li a {
	margin: 0;
	padding: 0;
	display: block;
	text-indent: 0;
	color: #4A4746;
	font-size: 13px;
	text-decoration: none;
}

#left-nav ul li ul li a:hover {
	color: #290C6D;
}

#content {
	float: left;
	width: 638px;
	padding: 20px 10px;
	display: inline;
	background-image: url(../sitepix/structural/text-area-bg.png);
	background-position: top center;
	background-repeat: no-repeat;
}

#right-side {
	float: right;
	width: 150px;
}

#right-side #logos {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#right-side #logos a {
	outline: none;
}

#right-side #logos img {
	border: none;
}

#footer {
	width: 960px;
	height: 65px;
	clear: both;
	position: relative;
	background-image: url(../sitepix/structural/footer-bg.png);
	background-repeat: no-repeat;
	margin-top: 1px;
	padding-top:10px;	text-align: center;
}

#footer p {
	margin: 0;
	padding: 0;
	color: #666;
}

#footer a {
	color: #666;
	text-decoration: none;
}

#footer a:hover {
	color:#8B1E23;
}