@charset "utf-8";
/* CSS Document */

/*-----------------------
 Initial CSS styling
-----------------------*/


html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; color:#a6a8ab; }
body 	{ font-family:"Times New Roman", Times, serif;
		  font-size: 62.5%;
		  background:url(/images/background_inner.jpg) top center no-repeat #000;
		}
body.home{background:url(/images/background_home.jpg) top center no-repeat #000;}
body.creatingaclock_home{background:url(/images/background_creatingaclock.jpg) top center no-repeat #000;}
body#generic_page{background:url(/images/background_generic.jpg) top center no-repeat #000;}

ul, li, ol, dl, dd, dt { list-style:none; padding:0; margin:0; }
a 		{ outline:none; /* Stops the dotted outline on click */
		  text-decoration:none;
		  color:#939598;
		  }
a:hover{
		text-decoration:underline;
	}
img 	{ border:0;}
 
.floatLeft 				{ float:left; }
.floatRight				{ float:right; }
.textCenter 			{ text-align:center; }
.textRight 				{ text-align:right; }
.clear					{ clear:both; }
.bottomPadding			{ padding-bottom:10px; }
.topPadding				{ padding-top:10px; }
.leftPadding			{ padding-left:10px; }
.rightPadding			{ padding-right:10px; }
.paddingTL				{ padding:20px 0 0 20px; }
.galleryPadding			{ margin:10px 0 0 15px;}
.introPadding			{ margin:20px 0 0 20px;}
.introPadding_generic	{ margin:20px 0 0 20px; width:600px;}
.briefHistoryPadding	{ margin:20px 0 0 20px;}
.interestPadding		{ margin:20px 0 0 25px;}
.leftMargin				{ margin-left:10px; }
.rightMargin			{ margin-right:10px; }
.topMargin				{ margin-top:10px; }
.noTopMargin			{ margin-top:0!important;}
.border					{ border:solid #FF0000; }
.onehundredwide			{ width:100%;}
.sevenhundredtenwide	{width:718px; padding:0; margin:0;}
.hidden					{ visibility:hidden; }
.removeText				{ text-indent:-3000em; font-size:1px; overflow:hidden;}
.display-none			{ display:none;}

.clearfix:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */	

.limitedwidth440{
	width:440px;
	float:left;
}

.limitedwidth595{
	width:595px;
	float:left;
}

.white, a.white{
	color:#fff;
}

#generic_page h2{
	margin:20px 0 0 0;
}

#generic_page #contentinner ul, #generic_page #contentinner ol, #generic_page #contentinner_generic ul, #generic_page #contentinner_generic ol{
	font-size:15px;
	color:#ccc!important;
	margin:10px 0;
	list-style:circle;
	padding:0 0 0 20px;
}


/*----------------------
 Containers
-----------------------*/

#container
{
    margin:0 auto;
    width:944px;
	position:relative;
}

#flash-wrapper{
	text-align:center;
	margin:26px 0 0 0;
}

/*-----------------------
	HEADER
-----------------------*/

	#topmenu{
		position:absolute;
		top:12px;
		right:0;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
	}
	
		#topmenu li{
			float:left;
			margin:0 14px 0 0;
		}
		
			#topmenu li a.selected{
				text-decoration:underline;
			}

	#main_menu{
		font-size:11px;
		font-weight:bold;
		position:absolute;
		top:50px;
		right:0;
		text-transform:uppercase;
		margin:0;
		padding:0;
	}
	
		#main_menu li{
			float:left;
			background:url(../images/main_menu_bullet.gif) right 5px no-repeat;
			padding:0 10px 0 7px;
		}
		
			#main_menu li a:hover{
				text-decoration:none;
			}
		
			#main_menu li a:hover, #main_menu li a.selected{
				color:#fff;
			}
			
			#topmenu li.last{
				padding:0 0 0 7px;
				margin:0;
				background:none;
			}
			
			#main_menu li.last {
				margin:0;
				background:none;
				padding:0 0 0 7px;
			}

	#logo{
		position:absolute;
		top:10px;
		left:0;
	}

	#submenu{
		font-size:11px;
		font-weight:bold;
		position:absolute;
		top:140px;
		left:235px;
		text-transform:uppercase;
		margin:0;
		padding:0;
	}
	
		#submenu li{
			float:left;
			margin:0;
			padding:0 10px;
			background:url(../images/submenu_bullet.gif) right 5px no-repeat;
		}
		
			#submenu li a{
				color:#997449;
			}
			
			#submenu li a:hover, #submenu li a.selected{
				color:#fff;
				text-decoration:none;
			}


			#submenu li.last{
				background:none;
			}

	#nextprevious, #gallery_nextprevious{
		font-size:11px;
		font-weight:bold;
		position:absolute;
		top:140px;
		right:0;
		text-transform:uppercase;
		margin:0;
		padding:0;
	}
	
		#nextprevious li, #gallery_nextprevious li{
			float:left;
			margin:0;
			padding:0 10px;
			background:url(../images/submenu_bullet.gif) right 5px no-repeat;
		}
		
			#nextprevious li a, #gallery_nextprevious li a{
				color:#997449;
			}
			
			#nextprevious li a:hover, #nextprevious li a.selected, #gallery_nextprevious li a.selected{
				color:#fff;
				text-decoration:none;
			}


			#nextprevious li.last, #gallery_nextprevious li.last{
				background:none;
				padding:0 0 0 10px;
			}


/*-----------------------
	HOME
-----------------------*/

#contenthome{
	position:absolute;
	top:210px;
	left:30px;
	width:390px;
	font-size:15px;
	color:#a6a8ab;
	letter-spacing:1px;
	font-family:"Times New Roman", Times, serif;
}

	#contenthome p{
		line-height:20px;
	}

	.wh_colour{color:#ac906c;}
	a.wh_colour:hover{
		color:#fff;
		text-decoration:none
	}



/*-----------------------
	INNER CONTENT AREA
-----------------------*/

.disclaimer{font-size:8pt!important;}

#gallery_image_holder{
	position:absolute;
	top:159px;
	left:232px;
	width:715px;
	height:371px;
	background:url(/images/pop_up_bg.jpg) top left no-repeat;
	display:none; /* Incase JS is disabled / not available */
}

	#gallery_image_holder_links{
		position:absolute;
		bottom:0;
		right:0;
		width:270px;
		height:20px;
		background:#000;
		font-size:12px;
		padding:5px;
		border:1px solid #ccc;
	}


#archivetimepieces{
	background:url(/images/gallery_archive.jpg) top left no-repeat;
	width:221px;
	height:166px;
	display:block;
}

#creatingperfection{
	background:url(/images/gallery_creating_perfection.jpg) top left no-repeat;
	width:221px;
	height:166px;
	display:block;
}

#thefinishedtimepiece{
	background:url(/images/gallery_finished_timepiece.jpg) top left no-repeat;
	width:221px;
	height:166px;
	display:block;
}

	#archivetimepieces:hover, #creatingperfection:hover, #thefinishedtimepiece:hover{
		background-position:bottom left;
	}




#creatingaclock #contentinner{
	min-height:400px;
}

#creatingaclock2, #creatingaclock3, #creatingaclock4, #creatingaclock5, #creatingaclock6, #creatingaclock7{
	height:380px;
}

#creatingaclock1{
	height:360px;
}

#contentinner{
	position:absolute;
	top:159px;
	left:229px;
	width:695px;
	padding: 0;
	margin:0;
	height:420px;
}

#contentinner_generic{
	position:absolute;
	top:160px;
	left:231px;
	width:716px;
	padding:0;
	margin:0;
	background:#2e2d2b;
}

	#contentinner h1.intro, #contentinner h2, #contentinner_generic h1.intro, #contentinner_generic h2{
		color:#fff;
		font-weight:normal;
		font-size:18px;
		letter-spacing:2px;
	}
	
		#contentinner h1, #contentinner_generic h1{
			color:#b1b0b0;
			font-size:13px;
			line-height:20px;
		}
	
	#contentinner_generic h2{
		margin:20px 0 0 0;
		font-size:14px;
		text-transform:uppercase;
	}
	
	#contentinner p, #contentinner_generic p{
		color:#ccc;
		font-size:14px;
		line-height:16px;
		margin:0 0 10px 0;
		letter-spacing:1px;
	}

.leftcolumn{
	float:left;
	display:inline;
	width:400px;
	margin:28px 0 0 0;
	padding:0;
}
	
	.leftcolumn p{
		padding:0;
		margin:0;
	}

.rightcolumn{
	float:right;
	width:268px;
	margin:27px 0 0 0;
	padding:0;
}

	#creatingaclock .rightcolumn{
		float:right;
		width:288px;
		margin:27px 0 0 0;
		padding:0;
	}

	.blackborder img{
		border:1px solid #000;
	}

.nocolumn{
	float:left;
	width:680px;
	margin:28px 0 0 0;
}

/*** INTRO PAGE ***/
	#leftcolumn_intro{
		float:left;
		width:450px;
		margin:28px 0 0 0;
	}
	
	#rightcolumn_intro{
		float:right;
		width:210px;
		margin:28px 0 0 0;
	}
	
		#rightcolumn_intro p{
			font-size:12px;
			color:#999;
			padding:0 0 0 5px;
		}
	
		#outerglow{
			float:left;
			background:url(../images/right_image_conatiner_glow.jpg) no-repeat top left;
			height:128px;
			width:217px;
			overflow:hidden;
			padding-top:4px;
			padding-left:5px;
		}
	

	.largeitalic{
		color:#ccc;
		font-size:19px!important;
		line-height:22px!important;
		letter-spacing:1px!important;
		font-style:italic;
		margin:30px 0 0 0!important;
	}
	
	.italic17{
		color:#ccc;
		font-size:17px!important;
		line-height:22px!important;
		letter-spacing:1px!important;
		font-style:italic;
		margin:20px 0 0 0!important;
	}


/*-----------------------
	AREA STYLES
-----------------------*/

#creatingaclock .leftcolumn{
	margin:0 0 0 20px;
	padding:20px 0 0 0;
}

	#creatingaclock .leftcolumn h1.intro{
		margin:0 0 50px 0;
	}

#thegallery_ul{
	text-align:center;
	float:left;
	margin:0;
	padding:0;
}

	#thegallery_ul li{
		float:left;
		margin:0 0 0 8px;
		padding:0;
		text-transform:uppercase;
		color:#ac906c;
	}
	
		#thegallery_ul li.first{
			margin:0;
		}

		#thegallery_ul li p a{
			color:#ac906c;
			font-size:11px;
		}
		
			#thegallery_ul li p a:hover{
				color:#fff;
				text-decoration:none;
			}

	#gallery{
		margin:0;
		padding:0;
	}
	
	#gallery li{
		float:left;
		margin:0 5px 4px 0;
		padding:0;
	}

/*-----------------------
	FOOTER
-----------------------*/

	#footer{
		position:absolute;
		top:565px;
		left:0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#666;
		padding-bottom:40px;
	}
		
		#footerwrapper{
			position:relative;
		}
	
		#footercontainer{
			position:absolute;
			bottom:-40px;
			left:-228px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#666;
		}


/*-----------------------
	CUFON STYLES
-----------------------*/

#contenthome h1{
	color:#fff;
	margin:10px 0 30px 0;
	font-weight:normal;
	font-size:25px;
	letter-spacing:5px;
}

	#contenthome h1 span{
		color:#ac906c;
	}