@import url(fonts/stylesheet.css);

*{
	margin: 0;
	padding: 0;
}


.clear
{
	display: block;
	clear: both;
}

body
{
	font: 1em Verdana, Geneva, Arial, sans-serif;
	background: #000 url('../images/background.jpg') no-repeat center top;
	color: #959595;
	text-align: center;
}

a img
{
	border: 0;
}

/* TEXT STYLES ************************/

h1, h2, h3, h4, h5, h6
{
	color: #959595;
	font-family: 'AdobeCaslonProRegular';
}

h2{	font-size: 1.875em; /*30px*/ margin-bottom: 10px;}
h3{	font-size: 1.5em; /*24px*/ margin-bottom: 10px;}
h4{	font-size: 1.25em; /*20px*/ margin-bottom: 10px;}
h5{	font-size: 1em; /*16px*/ margin-bottom: 10px;}

h6{ /*substituted for span in CMS therefore needs to be same size as p tag */
	color: #32ccfe;
	float: left;
	font-family: Verdana;
	font-size: 0.8125em;
	font-weight: 400;
	margin-right: 0.3em;
}

p /* STANDARD PARAGRAPH STYLE */
{
	font-size: 0.8125em;
	margin-bottom: 15px;
}

address{
	font-size: 0.8125em;
	font-style: normal;
	margin-bottom: 10px;
}

/* LIST STYLES *************************/

#content ul, #sidebar ul 
{
	list-style-position: outside;
	margin-bottom: 10px;
}

#content ol, #sidebar ol{
	list-style-position: outside;
	margin-bottom: 10px;
	padding-left: 8px;
}

#content li, #sidebar li
{
	font-size: 0.8125em; /*needs to match p font-size*/
	margin-left: 15px;
	margin-bottom: 10px;
	
}

/* LAYOUT DIVS *************************/

.container
{
	width: 858px;
	height: auto;
	margin: 0 auto;
	text-align: left;
}

#watches{
	background: url('../images/container-watches.jpg') no-repeat left top;
}

#home{
	background: url('../images/jewellers.jpg') no-repeat left top;
}

#services{
	background: url('../images/services.jpg') no-repeat left top;
}

#jewellery{
	background: url('../images/jewellery.jpg') no-repeat left top;
}

#contact{
	background: url('../images/contact.jpg') no-repeat left top;
}

#preowned{
	background: url('../images/preowned.jpg') no-repeat left top;
}

#header{
	height: 420px;
	width:100%;
}

#header h1 a
{
	background: url('../images/logo.png') left top no-repeat;
	float: right;
	height: 169px;
	text-indent: -9999px;
	width: 95px;
}

#header p{
	font-family: 'AdobeCaslonProRegular';
	float: right;
	font-size: 1.3125em;
	margin: 30px 15px 0 0;
}

#nav
{
	position: absolute;
	top: -115px; right: 0;
	font-family: 'AdobeCaslonProRegular';
	font-size: 1.3125em;
	float: right;
	height: auto;
	text-align: right; 
	width: 125px;
	
}
	#nav ul{
		list-style: none;
		margin-bottom: 0;
	}
	
	#nav li{
		line-height: 1.2em;
		margin-bottom: 0;
	}
	
	#nav a
	{
		color: #959595;
		text-decoration: none;
	}
	
	#nav a:visited
	{
		color: #959595;
		text-decoration: none;
	}
	
	#nav a:hover, #nav a.active
	{
		color: #fcc900;
		text-decoration: none;
	}

.content
{
	
	float: left;
	margin: 0 0 6px;
	height: auto;
	position: relative;
	width: 100%;
}
	.content h2{
		border-bottom: 1px solid #2d2d2c;
		font-weight: 400;
		margin-bottom: 15px;
		
	}
	
	#content-internal{
		float: left;
		width: 520px;
	}

#sidebar
{
	clear: right;
	float: right;
	width: 276px;
	height: auto;
	margin-bottom: 6px;
}
	#sidebar img{
		margin-bottom: 15px;
	}

	#sidebar p{
		color: #3c3c3c;
		text-align: right;
	}

#footer
{
	clear: both;
}

#logos{
	display: block;
	height: 47px;
	width: 857px;
}

	#logos li, #jewel-logos li{
		display: block;
		float: left;
	}
	
		#logos li a, #jewel-logos li a{
			display: block;
			height: 47px;
			text-indent:-9999px;
		}
		
		#logos li a
		{
			margin-right:19px;
		}
			#logos li.last a
			{
				margin-right:0;
			}
		#logos li a,
		#logos li a:hover,
		#logos li a.on{
			background-image: url('../images/watch-logos.gif');
		}
		
		#logos li.rolex a{
			width:86px;
			background-position: 0 0;
		}
		
		#logos li.tissot a{
			width:107px;
			background-position:-86px 0;
		}
		
		#logos li.breitling a{
			width:118px;
			background-position:-193px 0;
		}
		
		#logos li.citizen a{
			width:93px;
			background-position:-311px 0;
		}
		
		#logos li.longines a{
			width:133px;
			background-position:-404px 0;
		}
		
		/*#logos li.rotary a{
			width:116px;
			background-position:-537px 0;
		}*/
		
		#logos li.gucci a{
			width:117px;
			background-position:-653px 0;
		}
		
		#logos li.omega a{
			width:87px;
			background-position:-770px 0;
		}
		


#jewel-logos li a{
	background-image: url(../images/jewellery-logos.gif);
}

#jewel-logos li.leo a{
	width:107px;
	background-position:-0px -46px;
}

#jewel-logos li.dunia a{
	width:99px;
	background-position:-107px -46px;
}

#jewel-logos li.fope a{
	width:116px;
	background-position:-206px -46px;
}

#jewel-logos li.furrer a{
	width:122px;
	background-position:-322px -46px;
}

#jewel-logos li.chiamp a{
	width:115px;
	background-position:-444px -46px;
}

#jewel-logos li.bien a{
	width:74px;
	background-position:-559px -46px;
}

#jewel-logos li.paul a{
	width:124px;
	background-position:-633px -46px;
}

#jewel-logos li.georg a{
	width:100px;
	background-position:-757px -46px;
}


/* LINK STYLES *************************/

a
{
	text-decoration: underline;
	color: #fcc900;
	outline: none;
}

a:visited
{
	text-decoration: underline;
	color: #fcc900;
}

a:hover
{
	text-decoration: underline;
	color: #fcc900;
}



#content a{
	color: #fcc900;
	text-decoration: none;
}

#content a:visited{
	color: #fcc900;
	text-decoration: none;
}

#content a:hover{
	color: #fcc900;
	text-decoration: underline;
}

#sidebar a{
	color: #fcc900;
	text-decoration: none;
}

#sidebar a:visited{
	color: #fcc900;
	text-decoration: none;
}

#sidebar a:hover{
	color: #fcc900;
	text-decoration: underline;
}

/* IMAGE ALIGNMENT */

.img-left{
	float: left;
	margin: 0 10px 10px 0;
}

.img-right{
	float: right;
	margin: 0 0 10px 10px;
}

.img-center{
	text-align: center;
	margin: 0 10px 10px;
}

/* TABLE STYLING **/

table, th, td {
	border: 1px solid #000;
	border-collapse: collapse;
}

table{
	width: 100%;
	margin-bottom: 10px;
}

th{
	font-weight: 700;
}

td, th{
	font-size: 0.8125em;
	padding: 3px;
	vertical-align: bottom;
}

/* FORM **/

fieldset{
	background: #32ccfe;
	border: 0;
	margin-bottom: 10px;
	padding: 10px;
}

label
{
	display: block;
	font-size: 0.81253em;
	padding: 10px 0 5px 0;
}

input[type=text]
{
	border: 1px solid #000;
	padding: 3px;
	width: 75%;
}

input[type=text]:focus, textarea:focus{
	background: #d1f4ff;
}

textarea
{
	border: 1px solid #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 100px;
	margin-bottom: 10px;
	padding: 3px;
	width: 75%;
}

input[type=submit]{
	margin-bottom: 10px;
	padding: 2px;
}

/* SLIDER STYLING **/

#slider, .slide
{
	clear: left;
	overflow: hidden;
	height: 250px;
	width: 960px;
	margin-bottom: 10px;
}