@charset "UTF-8";


/* CSS Reset
-------------------------------------------------------------- */

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, 
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td 
	{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}

:focus {outline: 0;}
body {line-height: 1.5;}
ol, ul {list-style-type: none;}
table {border-collapse: collapse; border-spacing:0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote, q {quotes: "" "";}
img {margin: 0; padding: 0;}
a img { border: none; }


/* Default Setting
-------------------------------------------------------------- */

* { margin: 0; padding: 0; }

html { height:101%; }

body {
	font: 12px/16px Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	color: #444;
	background-color:#000;
	margin: 0;
	padding: 0;
	}


/* Layout
-------------------------------------------------------------- */

#wrap { margin: auto; width:900px; }

.column { width: 440px; }

.column-split { width: 200px; } 

.column-full { width: 900px; }

.thumb { float: left; margin: 0 20px 20px 0; }

.end { float: left; margin-bottom: 20px; }

div.clear { clear: both; }

.left { float: left; }

.right { float: right; }


/* Navagation Menu
-------------------------------------------------------------- */	

#nav { height: 80px; overflow: hidden; background: transparent url(assets/menu-new.gif) no-repeat left top; padding-left: 327px; }
#nav #menu { display: block; list-style-type: none; float: left; }
#nav #menu li { display: block; height: 80px; float: left; }
#nav #menu li a { display: block; float: left; height: 80px; text-decoration: none; text-indent: -5000px; overflow: hidden; }


/* ------ tab widths ------ */

#nav #menu li.home a 			 { width: 57px; }
#nav #menu li.about-us a 		 { width: 79px; }
#nav #menu li.lookbook a 		 { width: 83px; }
#nav #menu li.products a 		 { width: 82px; }
#nav #menu li.shop a	 		 { width: 51px; }
#nav #menu li.news a 			 { width: 59px; }
#nav #menu li.stockists a 		 { width: 84px; }
#nav #menu li.contact-us a 		 { width: 78px; }
	
#nav #menu li a.active,
#nav #menu li a:hover { background: transparent url(assets/menu-new.gif) no-repeat left top; }

/* ------ tab start points ------ */

#nav #menu li.home a.active,
#nav #menu li.home a:hover 		 { background-position: -327px bottom; }
#nav #menu li.about-us a.active,
#nav #menu li.about-us a:hover 	 { background-position: -384px bottom; }
#nav #menu li.lookbook a.active,
#nav #menu li.lookbook a:hover 	 { background-position: -463px bottom; }
#nav #menu li.products a.active,
#nav #menu li.products a:hover 	 { background-position: -546px bottom; }
#nav #menu li.shop a.active,
#nav #menu li.shop a:hover 		 { background-position: -628px bottom; }
#nav #menu li.news a.active,
#nav #menu li.news a:hover 		 { background-position: -679px bottom; }
#nav #menu li.stockists a.active,
#nav #menu li.stockists a:hover  { background-position: -738px bottom; }
#nav #menu li.contact-us a.active,
#nav #menu li.contact-us a:hover { background-position: -822px bottom; }
		

/* Headings
-------------------------------------------------------------- */
	
h1	{
	width: 900px; 
	height: 350px;
	margin-bottom: 20px; 
	text-indent: -5000px;
	}
	
h1.home 		{ height: 0; margin-bottom: 0; }
h1.about-us 	{ background-image: url(assets/banner-about-us.jpg); }
h1.lookbook 	{ background-image: url(assets/banner-lookbook.jpg); }
h1.products 	{ background-image: url(assets/banner-products.jpg); }
h1.news			{ background-image: url(assets/banner-news.jpg); }
h1.stockists	{ background-image: url(assets/banner-stockists.jpg); }
h1.contact-us 	{ background-image: url(assets/banner-contact-us.jpg); }
h1.hot-neon-lights 	{ background-image: url(assets/banner-hot-neon-lights.jpg); }

#flash { 
	width: 900px; 
	height: 600px;
	margin-bottom: 20px;
	}
	
h2 { 
	width: 900px; 
	height: 25px; 
	text-indent: -5000px; 
	margin-bottom: 20px; 
	}
	
h3 { color: #121f78; margin:30px 0 10px 0;}

h4 {
	color: #f03f37;
	margin-bottom: 10px;
	font-size: 14px; 
	}

h2.about-us 	{ background-image: url(assets/title-about-us.gif); }
h2.lookbook 	{ background-image: url(assets/title-lookbook.gif); }
h2.products 	{ background-image: url(assets/title-products.gif); }
h2.news			{ background-image: url(assets/title-news.gif); }
h2.stockists	{ background-image: url(assets/title-stockists.gif); }
h2.contact-us 	{ background-image: url(assets/title-contact-us.gif); }


/* Styles
-------------------------------------------------------------- */

p { margin-bottom:10px; }
p em { font-style: oblique; }
p strong { font-weight: normal; color: #fff }
p img { margin: 10px auto; }
	
a { color: #ee2b7b; text-decoration: none; }
a:hover { text-decoration: underline; }

hr { 
	color: #999; 
	background: #888; 
	border: 0; 
	height: 1px; 
	margin: 20px 0; 
}


/* Footer
-------------------------------------------------------------- */		

#footer {
	font-size: 10px;
	height: 80px;
	margin-top: 20px;
	padding-top: 10px;
	width: 900px;
	border-top: 1px solid #fff; 
	text-align: right;
	}

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