@charset "UTF-8";
@import "reset.css";
@import "lightbox.css";
@import "menu.css";

/* !Structure for page layout */

html,body {
	background: #ffffff;
}

body {
	background: #e3dcca url('../images/background.jpg') repeat-x;
	margin: 0px;
	padding: 0px;
}

div#mainwrap {
	width: 1000px;
	min-height: 800px;
	margin: 0 auto;
	background: #e3dcca;
	position: relative;
}

div#header {
	height: 96px;
	background: #ffffff;
	position: relative;
}

	a#logo {
		position: absolute;
		top: 22px;
		right: 46px;
	}
	
	#awards_button, #contact_button {
		margin-top: 20px;
	}

div#menu {
	width: 685px;
	height: 30px;
	position: absolute;
	top: 96px;
	left: 295px;
	z-index: 4;
}

div#image_frames {
	position: absolute; 
	right: 35px; 
 
	top: 131px;
	z-index: 3;
	width: 900px;
}

	div.slideshow_image {
		width: 143px; 
		height: 143px; 
		position: relative; 
		float: right; 
		margin-left: 9px;
	}
	
		div.slideshow_image img.frame {
			position: absolute; 
			top: 0px; 
			left: 0px;
		}

div#gallery_content {
	background: #e3dcca;
	padding: 36px 0 0 330px;
	position: relative;
	min-height: 545px;
	_height: 555px;
	z-index: 1;
}

	div#gallery_description {
		width: 545px;
		_width: 500px; /* IE box model fix */
		background: url('../images/gallery_description_bg.gif'); 
		padding: 20px 5px 20px 40px;
		margin: 10px 0 30px 0;
		font-size: 10px;
		line-height: 12px;
	}
	
	img#gallery_hero_image {
		width: 428px;
		height: 343px;
	}
	
div#content {
	background: #e3dcca;
	padding: 180px 0 0 315px;
	_padding: 200px 0 0 315px;
	position: relative;
	min-height: 405px;
	_height: 405px;	
}

	div#content div#hero {
		top: -96px;
	}

	div#content.tracking {
		padding: 0;
		min-height: 585px;
		_height: 585px;	
	}

div#gallery_hero {
	width: 196px;
	min-height: 522px;
	_height: 522px;
	padding: 148px 32px 32px 32px;
	position: absolute;
	top: 0px;
	left: 35px;
	z-index: 2;
	background: #ede9df;
}

	div.gallery_hero_thumbnail {
		position: relative;
		float: left; 
		margin: 0 3px 3px 0;
	}
	
	/* img.gallery_hero_frame {
	} */

div#hero {
	width: 260px;
	height: 670px;
	position: absolute;
	top: 0px;
	left: 35px;
	z-index: 2;
	padding: 0px;
}

	/*
	img#hero_top {
		position: absolute; 
		top: 0px; 
		left: 0px;
		_display: none;
	}
	
	img#hero_bottom {
		position: absolute; 
		bottom: 0px; 
		left: 0px;
		_display: none;
	}*/

	div#hero div.hero_testimonial {
		background: url('../images/white_transparent.png'); 
		padding: 25px 18px; 
		width: 224px; 
		position: absolute; 
		left: 0px; 
		bottom: 65px; 
		font-size: 11px; 
		line-height: 16px; 
		color: #333333; 
		font-style: oblique;
	}

	div#content h1, div#content h2 {
		background: url('../images/h1_bg.gif') repeat-x bottom left;
		margin-right: 90px
	}
	
		div#content h1 span, div#content h2 span {
			background: #e3dcca; 
			padding-right: 10px;
		}


	div#copy, div#news, div#news_articles {
		padding: 0 45px 25px 45px;
	}
		
		div#content.home h1 {
			background: none;
		}
		
		div#content_container {
			width: 500px;
			float: left;
		}
		
		div#logo_container {
			width: 185px;
			float: left;
		}
	
		div.home div#copy {
			padding: 0 90px 0 0;
		}
		
		div#content.tracking-login div#copy {
			padding: 0 90px 25px 0px;
		}
	
		div#copy ul br {
			display: none;
		}		
		
		div#copy ul {
			margin-bottom: -18px;
		}
		
		div#copy ul li {
			list-style: disc outside;
			padding-left: 0px;
			margin-left: 18px;			
		}
		
		div#copy div#copy_image {
			float: right;
		}

		img#copy_image {
			float: right;
		}


		div#content.tracking-login img#copy_image {
			position: absolute;
			top: 400px;
			right: 20px;
			width: 300px;
		}
		
		
	
div#footer {
	background: #ffffff url('../images/footer_bg.gif') repeat-x;
	padding: 20px;
}

	div#footer_content {
		width: 1000px;
		margin: 0 auto;
		height: 25px;
		line-height: 25px;
		vertical-align: middle;
		text-align: center;
		font-size: 11px;
	}

	div#footer_content a:hover {
		height: 16px;
		background-color: #92263E;
		color: #fff;
	}

	div.footer_block {
		display: inline;
		padding: 0 38px;
	}
	
/* !Tracking page */

img#update_details_top {
	width: 894px;
	float: right;
	margin: 20px 0 0 0;	
	position: relative;
	z-index: 3;
	_display: none;
}

img#update_details_bottom {
	width: 894px;
	float: right;
	margin: 0 0 20px 0;
	position: relative;
	z-index: 3;
	_display: none;
}

div#update_details {
/* 	display: none; */
	width: 870px;
	_width: 850px;
	background: #f0ebe0;
	border-left: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
	float: right;
	padding: 10px;
	position: relative;
	z-index: 3;
	_border: solid 2px #ffffff;
}

	div#updates {
		background: #231f20 url('../images/tracking_updates_bg.jpg') repeat-x;
		height: 31px;
		line-height: 31px;
		vertical-align: middle;
		margin-bottom: 20px;
		float: left;
	}
		div#updates a {
			display: block;
			width: 20px;
			text-align: center;
			float: left;
			color: #ffffff;
		}
		
		div#updates a:hover, div#updates a.current {
			color: #92263e;
		}
		

	div#thumbnails {
		display: none;
		width: 75px;
		padding: 0 20px;
		margin-right: 10px;
		float: left;
		font-size: 10px;
		line-height: 12px;
	}
	
		div#thumbnails .gallery_thumbnail {
			display: block;
			width: 75px;
			height: 75px;
			position: relative;
			margin-bottom: 3px;
		}
		
			div#thumbnails .gallery_thumbnail img {
				width: 75px;
				height: 75px;
			}
		
	div#current_hero {
		display: none;
		float: left;
		width: 430px; 
		height: 365px;
		position: relative;
	}
	
		div#current_hero img.image_box_loader {
			position: absolute;
			top: 156px; 
			left: 199px; 
			z-index: 2; 
			display: none; /* Hide as it's for AJAX loader */
		}
		
	div#update_details div#description {
		float: left;
		margin: 0 26px;
		width: 250px;
	}

div#galleria {
/* 	display: none; */
/* 	margin: 0 auto; */
	float: left;
	width: 555px;
	height: 440px;
	z-index: 5;
}

/* !Module elements */

div#contact-form {
	margin: 25px 0;
}

	div#contact-form table td {
		padding-right: 15px;
		vertical-align: middle;
	}
	
/* List elements */

div#content #update_details ul br {
	display: none;
	clear: both;
}		

div#content #update_details ul {
	margin-bottom: -18px;
	padding-left: 15px;
}

div#content #update_details li {
	list-style: disc outside;
	padding: 0px;
}

div#content #update_details li a {
	float: right;
	display: block;
}	

/* !Headings */

h1, h2 { 
	font-size: 32px;
	line-height: 36px;
	font-weight: normal;
	margin: 15px 0;
	color: #92263e;
}

h3 {
	font-size: 12px;
	line-height: 18px;
	display: inline;
	font-weight: normal;
	text-transform: uppercase;
	color: #92263e;
}

/* !Standard text */

.stdcopy { 
	color: #888888;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

.smlcopy {
	font-size: 10px;
	line-height: 14px;	
}

.bright {
	color: #92263e;
}

/* !Links */

a {
	color: #92263e;
	text-decoration: none;
}

a:hover, a.current {
	color: #92263e;
}

/* !Form elements */

.form_error {
	color: #d00000;
}

input {
	vertical-align: middle;
}

.stdform, input[type=text], input[type=password], textarea { 
	color: #000000;
	margin: 2px 0px;
	padding: 3px;
	border: solid 1px #ffffff;
	width: 200px;
	background: #f0ece4;
}

.stdform:focus, input[type=text]:focus, input[type=password]:focus, textarea:focus { 
	background: #ffffff;
}

textarea.stdform {
	width: 400px;
	height: 60px;
}

input[type=checkbox], input[type=file] { 
	border: 0;
}

.stdbutton {
	background: #92263e;
	text-transform: uppercase;
	color: #ffffff;
	border: 0px;
	padding: 3px 5px;
}

/* !Clearing floats */

div.clear { 
	clear: both; 
	overflow: hidden; 
	height: 0px; 
	_height: 1px; 
}

div#footer_menu {
	display: none;
	margin-top: 7px;
	height: 25px;
}

.debug {
	display: none;
	width: 100%;
	padding: 30px;
	background-color: #fff;
	color: #000;
	font-size: 20px;
}