@charset "utf-8";

@import url("content_layout.css");
@import url("gallery.css");

/* CSS Document created by Michael Dakwa for NKA group.
20th April 2009 */


/* reset.css courtesy blueprint css*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, 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; list-style-type:none;}
body {line-height:1.5;}

ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}

blockquote, q {quotes:"" "";}
a img {border:none;}


/* typography.css */
body {font-size:12px;color:#CA9549;background:#000;font-family:Arial, Helvetica, Helvetica Neue, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;color:#FFF;}
h1 {font-size:18px;line-height:1.2em;margin-bottom:15px;}
h2 {font-size:14px;margin-bottom:0.75em;}
h3 {font-size:12px;line-height:12px;margin-bottom:1em; letter-spacing:1px;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

#newsreel p{font-size:11px; color:#E3C89D;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#fff;text-decoration:underline;}


em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}

pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}

ol {list-style-type:none;}



/* _________________________________________________________________________________________ */

body{ background: url(../images/main_bg.png) repeat-x #000; }

#wrapper{ width: 1017px; margin: 0 auto;}
#header{ height:193px; background:url(../images/bg_header.jpg) no-repeat; position:relative;}
#content{ height:447px; background:url(../images/bg_content.jpg); overflow:hidden;}
#leftcolumn{width:607px; height:327px;overflow:auto; margin-top:22px; float:left; }
#leftcolumn .padding{ padding:10px 17px; }
#rightcolumn{height:355px; width:405px; overflow:hidden; float:left;}


/* _________________________________________________________________________________________ */




#footer{ height:20px; position:relative;}


.flower{ position:absolute; top 0; left:0; overflow:hidden; width:178px; height:193px; background:url(../images/bg_flower.jpg) no-repeat;}
.logo{ position: absolute; top:0; left:402px; overflow:hidden; width:268px; height:117px; background:url(../images/bg_logo.jpg) no-repeat;}

.logo a{ display:block; text-indent:-99999em; overflow:hidden; width:268px; height:128px;}


.home #maincontent, .links #maincontent{ width:526px;}
.home #rightcontent, .links #rightcontent{width:483px;}
#contentlong{ width:1016px; height:364px; overflow:hidden; margin-bottom:32px; float:left;}

#maincontent{ height:364px; overflow:hidden; margin-bottom:32px; width:655px; float:left;}
#rightcontent{ height:396px; overflow:hidden; width:354px; float:left;}
.makeup #rightcontent{ width: 570px;}


#newsreel{height:40px; overflow:hidden; clear:both; font-size:11px; color:#E3C89D;}
#newsreel .padding{width:573px; margin-left:17px; overflow:hidden; margin-right:17px;}


#footer_right{ overflow:hidden; position:absolute; left:982px; top:0;}
#footer_right a{ display:block; width: 20px; height:20px; overflow:hidden; background:url(../images/bg_deslogo.jpg) no-repeat; text-indent:-99999em;}
#credits{ position:absolute; overflow:hidden; left:878px; top:-54px; background:url(../images/bg_credits.jpg) no-repeat; text-indent:-99999em; width:128px; height:54px; visibility:hidden; }


/*
_________________________________________________________________________

 | home| bespoke | makeup | accesories | shop | contact | links  |
__________________________________________________________________________
	
*/

#nav{ width:690px; height:76px;overflow:hidden; position:absolute; top:117px; left:163px;}
#nav ul{width:690px;}
#nav ul li{display: inline;float: left; height: 76px;}
#nav ul li a {overflow:hidden; height:76px ; float: left; background: url(../images/bg_links.jpg) no-repeat; text-indent:-9999em; }

#nav ul li.home a{ width:81px;  background-position:0 0;}
#nav ul li.home a:hover{ background-position:0 -76px;}
.home #nav ul li.home a{ background-position:0 -76px;}


#nav ul li.bespoke a{ width:99px;  background-position:-81px 0;}
#nav ul li.bespoke a:hover{ background-position:-81px -76px;}
.bespoke #nav ul li.bespoke a{ background-position:-81px -76px;}


#nav ul li.makeup a{ width:108px;  background-position:-180px 0;}
#nav ul li.makeup a:hover{ background-position:-180px -76px;}
.makeup #nav ul li.makeup a{ background-position:-180px -76px;}

#nav ul li.accesories a{ width:130px;  background-position:-288px 0;}
#nav ul li.accesories a:hover{ background-position:-288px -76px;}
.accesories #nav ul li.accesories a{ background-position:-288px -76px;}

#nav ul li.shop a{ width:73px;  background-position:-418px 0;}
#nav ul li.shop a:hover{ background-position:-418px -76px;}
.shop #nav ul li.shop a{ background-position:-418px -76px;}

#nav ul li.contact a{ width:100px;  background-position:-491px 0;}
#nav ul li.contact a:hover{ background-position:-491px -76px;}
.contact #nav ul li.contact a{ background-position:-491px -76px;}

#nav ul li.links a{ width:77px;  background-position:-591px 0;}
#nav ul li.links a:hover{ background-position:-591px -76px;}
.links #nav ul li.links a{ background-position:-591px -76px;}