/**************** COLOURS ***************

	#1C1C1C		dark backgrounds
	#4A4514		gold borders
	#808080		menu text grey
	#DBC701		yellow text
	#A6A6A6		carousel thumbnail borders

*/
/**************** CSS RESET ****************/
/* courtesy of Eric Meyer */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/**************** UTILITY ****************/

.clearfix:after {
	clear: both; 
	content: "."; 
	display: block;
	height: 0; 
	visibility: hidden;
}
.clearfix {
	display:inline-block;
}
.clearfix {
	display:block;
}

#SilverStripeNavigatorMessage {
	display:none;
}

/**************** TAGS ****************/

html {
}

body {
	background:#333333 url('../images/body_bg.jpg');
	font-size:69%;
}
html > body {
	font-size:12px;
}


a {
	text-decoration:none;
}
	 a:link {
	}
		a:focus {
		}
		a:active {
		}
		a:visited {
		}
		a:hover {
		}

h1 {
	padding:1em 0;
	color:#DBC701;
	text-transform:uppercase;
	font-family:"times new roman";
	font-size:1.45em;
	font-weight:bold;
}


/**************** STRUCTURE ****************/

.container {
	width:854px;
	margin:0px auto;
	position:relative;
}

#Header {
	background:#1C1C1C url('../images/header_bg.png') top left repeat-x;
	padding:0 3px 3px 3px;
}
	#InnerHeader {
		height:223px;
		border:1px solid #4A4514;
		border-top:0;
	}


#Content {
	padding:20px 97px 16px 442px;
	width:321px;
}

#Gallery {
	background:#1C1C1C;
	padding:3px;
}
	#InnerGallery {
		min-height:87px;
		padding-top:20px;
		border:1px solid #4A4514;
	}


/**************** HEADER ****************/

#Logo {
	position:absolute;
		left:97px;
		top:79px;
	text-indent:-999em;
}
	#Logo a {
		background:url('../images/monique_therese_logo.png') center center no-repeat;
		display:block;
		width:229px;
		height:48px;
	}

#CreatifLogo {
	background:url('../images/creatif_design_logo.png') center center no-repeat;
	position:absolute;
		right:97px;
		top:61px;
	text-indent:-999em;
	display:block;
	width:109px;
	height:92px;
}


/**************** MAIN MENU ****************/

#MainMenu {
	list-style-type:none;
	position:absolute;
		bottom:4px;
		left:97px;
}
	#MainMenu li {
		float:left;
		border-right:1px solid #4A4514;

	}
		#MainMenu li.first a {
			padding-left:0px;
		}
		#MainMenu li.last {
			border-right:0px;
		}
	
	#MainMenu a {
		display:block;
		font-size:1.0em;
		color:#808080;
		text-transform:uppercase;
		padding:23px 14px 18px 14px;
		font-family:"times new roman";
	}
	
	#MainMenu span {
		padding:0 0 2px 0;
	}
	#MainMenu .current span, #MainMenu a:focus span, #MainMenu a:hover span {
		color:#DBC701;
		padding-bottom:1px;
		border-bottom:1px solid #4A4514;
	}


/**************** CONTENT STRUCTURE ****************/

#ContentContainer {
	
}

#ImageContainer {
	width:300px;
	float:left;
	margin:1px 0 0 -344px;	min-height:300px;	display:block !important;
}

	#ImageContainer img {
		border:5px solid #FFFFFF;
		margin-bottom:1em;
	}
	#ImageContainer p {
		font-size:0.91em;
	}



/**************** CAROUSEL ****************/

#GalleryCarousel {
	position:relative;
	margin:0px auto 0 auto;
	width:693px !important;
}

#GalleryCarousel ul {
	list-style-type:none;
	
}
	#GalleryCarousel li {
		float:left;
		padding:0 0 22px 0;
		margin:0 15px 0 16px;
		background:url('../images/carousel_item_bg.png') center bottom repeat-x;
		display:inline;
	}

	
	#GalleryCarousel img {
		border:5px solid #A6A6A6;
	}
		#GalleryCarousel a:hover img, #GalleryCarousel li.current img {
			border:5px solid #FFFFFF;
		}


.carouselButton {
	background:url('../images/carousel_buttons.gif') left center no-repeat;
	display:block;
	height:60px;
	width:20px;
	text-indent:-999em;
	position:absolute;
		top:24px;
}
	#CarouselPrevious {
		left:62px;
	}
		#CarouselPrevious:hover {
			background-position:-30px center;
		}
	#CarouselNext {
		background-position:right center;
		right:62px;
	}
		#CarouselNext:hover {
			background-position:-70px center;
		}