/*-------------------------------------------------------------

Style Sheet (Shockwaves)
version:   1.0
author:    Airlock
website:   http://www.airlock.com/

-------------------------------------------------------------*/
/*Colours

red #ececec
dark red #666666
light red (font) #37afc7
lighter red hover (font) #37afc7

---------------------------------------------------------------*/
/* =Reset CSS
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
-------------------------------------------------------------*/

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;}
ol, ul {
	list-style: none;
}
ol, ul li {
	
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
strong, em {font-weight:bold;}


/* =Core Layout
-------------------------------------------------------------*/
body {
    background:#570708 url("../images/page-bk.gif") top left repeat-y;
    color: #9f5355;
    font-size: 62.5%;
    line-height:1;
}

#inner {
    background:transparent url("../images/bk-flourish.gif") top left no-repeat;
}

#wrapper {
    width: 740px;
    margin: 0 auto; 
    position: relative; 
    font: normal 1em arial, helvetica, sans-serif;
}

/* =Headings
-------------------------------------------------------------*/
h1, h2, h4, h6 {}
h1#nme {
	background:transparent url('../images/nme.png') top left no-repeat;
	height:198px; width:196px;
        margin:-10px 0px 0px -10px;
	text-indent:-9999px;
}
h1#sugarbabes {
	background:transparent url('../images/sugarbabes.png') top left no-repeat;
	height:81px; width:205px;
        margin:2px 0px 0px 2px;
	text-indent:-9999px;
}
h2#choose-style {
	background:transparent url('../images/choose-style.png') top left no-repeat;
	height:179px; width:179px;
        position:absolute; top:96px; left:280px;
	text-indent:-9999px;
}

/* =Links
-------------------------------------------------------------*/
a, a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#9f5355;
}
a:hover, a:active {
	text-decoration:underline;
	font-weight:bold;
	color:#ba6b6c;
}


/* =Header
-------------------------------------------------------------*/
div#header {
	height:100px;
	position:relative;
	width:100%;
}
a#shockwaves {
	text-indent:-9999px;
	background:url('../images/shockwaves.png') no-repeat top left;
	display:block;
	position:absolute;
	top:48px;
	left:10px;
	width:212px;
	height:47px;
}

/* =Main Home
-------------------------------------------------------------*/
div#main {
    height:481px;
    position:relative;
    width:100%;
    background:transparent url("../images/main-bk.png") top left no-repeat;
}
div#left {
    width:352px; height:481px;
    position:absolute; top:6px; left:10px;
    background:transparent url("../images/panel-left.jpg") top left no-repeat;
}
div#right {
    width:352px; height:481px;
    position:absolute; top:6px; right:10px;
    background:transparent url("../images/panel-right.jpg") top left no-repeat;
}
a.enter {
    position:absolute;
    width:352px; height:472px;
    text-indent:-9999px;
}
div#left a.enter {
    top:0px; left:0px;
}
div#right a.enter {
    top:0px; right:0px;
}

/* =Main Sugarbabes
-------------------------------------------------------------*/
div#sugar-main {
    height:1000px;
    position:relative;
    width:100%;
    background:transparent url("../images/smain-bk.png") top left no-repeat; 
}

div#big-pic img {
    position:absolute;
    top:7px; left:10px;
}
div#big-pic p {
    display:none;
}
div#big-pic h1, div#big-pic h2 {
	text-indent:-9999px;
}

div#myspace {
    width:399px; height:428px;
    position:absolute; top:560px; left:3px;
}
div#myspace h2 {
	display:none;
}
div#myspace a.enter {
	z-index:50;
	top:364px; left:316px;
	width:60px; height:30px;
}

div#product-promotion-widget-code {
    width:334px; height:428px; min-height:428px;
    position:absolute; top:560px; left:401px;
}


/* =Footer
-------------------------------------------------------------*/
div#footer {
    
}
div#footer p {
    font-weight:bold;
    font-size:1.2em;
    padding-left:10px;
    padding-top:10px;
}
div#footer p a {
    padding:0px 4px;
}
div#footer p a.border {
    border-right:2px solid #9f5355;
    border-left:2px solid #9f5355;
    padding:0px 6px;
}
/* =Clearing
-------------------------------------------------------------*/


/* Class for self clearing - use this where ever possible */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* Class for clearing floats */
.clear {
	clear: both;
}

/* =WIDGET
--------------------------------------------------------------*/

div.product-promotion-widget-holder div.promotion-gallery-holder div.main-promotion-product, div.product-promotion-widget-holder div.promotion-gallery-stage div.product-promotion {
background:#000000 none repeat scroll 0 0;
font-family:Arial,'sans-serif';
overflow:hidden;
position:relative;
width:100%;
height:358px;
}

div.product-promotion-widget-holder div.promotion-gallery-holder div.main-promotion-product, div.product-promotion-widget-holder div.promotion-gallery-stage div.product-promotion {
        
}
        
div.product-promotion-widget-holder div.promotion-gallery-holder div.main-promotion-product, div.product-promotion-widget-holder div.promotion-gallery-stage div.product-promotion {
        
}

div.product-promotion-widget-holder div.promotion-gallery-holder div.main-promotion-product, div.product-promotion-widget-holder div.promotion-gallery-stage div.product-promotion {
        
}