/* ##### GLOBAL LAYOUT STYLES ##### */
* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 background: #000 url('../images/bg_body.jpg') top left repeat-x;
 color: #CCCCCC;
 margin: 0;
 padding: 0;
}

#wrapper { 
 margin: 0 auto;
 padding: 0 0 0 50px;
 width: 950px;
 background: url('../images/bg_sidebars.gif') top left no-repeat;
}

/* ##### GLOBAL FORMAT STYLES ##### */

a:link, a:visited { color: #c91d00; }
a:hover, a:active { color: #FFF; }
.hide { display: none; }
img, img:link { border: 0; }
.more { float: right; padding: 5px; }

/* ##### HEADER STYLES ##### */
#header {
 width: 900px;
 height: 120px;
 padding: 0;
 margin: 0;
 background: url('../images/bg_header.jpg') top right no-repeat;
 clear: both;
}
#header h1 {
 width: 445px;
 height: 120px;
 background: url('../images/logo_cloneawillykit.jpg') top left no-repeat;
 display: block;
 float: left;
}

#header .moreDetails {
 font-size: 11px;
 font-weight: bold;
 float: right; 
 top: 0;
 padding: 11px 11px 0 275px;
 height: 39px;
 white-space: nowrap;
}

#header a:link, a:visited { 
 color: #CCC;
}
#header a:hover, a:active {
 color: #FFF;
 text-decoration: none;
}

#navigation a, a:visited { color: #FFF; }
#navigation {
 width: 455px;
 height: 70px;
 float: right;
 background: url('../images/bg_navigation.jpg') top right no-repeat;
}

#navigation ul { 
 width: 455px;
 height: 70px;
 list-style-type: none;
 white-space: nowrap;
 margin: 0;
 padding: 0; 
}

#navigation li {
 list-style-type: none; 
 display: inline;
 float: left;
 height: 70px;
 margin: 0;
 padding: 0;
}

#nav01 a:link, #nav01 a:visited {
 width: 73px;
 height: 62px;
 margin: 0;
 padding: 0;
 display: block;
}
#nav01 a:hover, #nav01 a:active {
 width: 73px;
 height: 62px;
 margin: 0;
 padding: 0;
 background: url('../images/nav01b.jpg') top left no-repeat;
 display: block;
}

#nav02 a:link, #nav02 a:visited {
 width: 68px;
 height: 62px;
 display: block;
}
#nav02 a:hover, #nav02 a:active {
 width: 68px;
 height: 62px;
 background: url('../images/nav02b.jpg') top left no-repeat;
 display: block;
}

#nav03 a:link, #nav03 a:visited {
 width: 58px;
 height: 62px;
 display: block;
}
#nav03 a:hover, #nav03 a:active {
 width: 58px;
 height: 62px;
 background: url('../images/nav03b.jpg') top left no-repeat;
 display: block;
}
	
#nav04 a:link, #nav04 a:visited {
 width: 95px;
 height: 62px;
 display: block;
}
#nav04 a:hover, #nav04 a:active {
 width: 95px;
 height: 62px;
 background: url('../images/nav04b.jpg') top left no-repeat;
 display: block;
}

#nav05 a:link, #nav05 a:visited {
 width: 75px;
 height: 62px;
 display: block;
}
#nav05 a:hover, #nav05 a:active {
 width: 75px;
 height: 62px;
 background: url('../images/nav05b.jpg') top left no-repeat;
 display: block;
}

#nav06 a:link, #nav06 a:visited {
 width: 86px;
 height: 62px;
 display: block;
}
#nav06 a:hover, #nav06 a:active {
 width: 86px;
 height: 62px;
 background: url('../images/nav06b.jpg') top left no-repeat;
 display: block;
}

/* ##### MAIN CALLOUT STYLES ##### */
#mainCallout {
 width: 840px;
 height: 444px;
 padding: 21px 30px 21px 30px;
 margin: 0;
 background: url('../images/bg_mainCallout.jpg') top right no-repeat;
 clear: both;
}

/* ##### CONTENT STYLES ##### */
#contentHome { 
 width: 900px;
 margin: 0;
 padding: 0;
 clear: both;
}

#contentHome ul {  
 list-style-type: none;
 white-space: nowrap;
 margin: 0;
 padding: 0; 
}
#contentHome li {
 list-style-type: none; 
 display: inline;
 float: left;
 margin: 0;
 padding: 0;
}

/* callout 1 */
#homeCallout1 {
 width: 298px;
 display: block;
 background: url('http://www.empirelabs.com/images/banner_summer_getaway_sale.jpg') 30px 16px no-repeat;
}
#homeCallout1 h3 {
 text-align: right; 
 margin: 16px 12px 0 30px;
 width: 268px;
 height: 122px; 
 }
#homeCallout1 h3:hover {
 text-align: right; 
 margin: 16px 12px 0 30px;
 width: 268px;
 height: 122px; 
 background: url('http://www.empirelabs.com/images/banner_summer_getaway_sale.jpg') top left no-repeat;
 }

/* callout 2 */
#homeCallout2 {
 width: 298px;
 display: block;
 background: url('../images/banner_refills_small.jpg') 22px 16px no-repeat;
}
#homeCallout2 h3 {
 text-align: right; 
 margin: 16px 12px 0 22px;
 width: 268px;
 height: 122px; 
 }
#homeCallout2 h3:hover {
 text-align: right; 
 margin: 16px 12px 0 22px;
 width: 268px;
 height: 122px; 
 background: url('../images/banner_refills_small.jpg') top left no-repeat;
 }
 
/* callout 3 */
#homeCallout3 {
 width: 298px;
 display: block;
 background: url('../images/banner_penis_pump.jpg') 12px 16px no-repeat;
}
#homeCallout3 h3 {
 text-align: right; 
 margin: 16px 36px 0 12px;
 width: 268px;
 height: 122px; 
 }
#homeCallout3 h3:hover {
 text-align: right; 
 margin: 16px 36px 0 12px;
 width: 268px;
 height: 122px; 
 background: url('../images/banner_penis_pump.jpg') top left no-repeat;
 }


#teaser { 
 width: 800px;
 padding: 15px 50px;
 margin: 0;
 clear: both;
} 
#teaser h4 {
 padding: 0 0 5px 0;
 border-bottom: 1px solid #222; 
 color: #FFFFFF;
 }
#teaser ul { 
 list-style-type: none;
 white-space: nowrap; 
 margin: 0;
 padding: 0;
}
#teaser li {
 list-style-type: none; 
 display: inline;
 float: left;
 margin: 0;
 padding: 0;
}
#teaser li.teaser1 {
 width: 360px;
 margin: 0px 15px;
 padding: 0;
 white-space: normal;
 }
#teaser li.teaser2 {
 width: 360px;
 margin: 0px 15px;
 padding: 0;
 white-space: normal;
}
.teaserText {
 color: #777;
 padding: 5px;
 font-size: 11px;
}


/* ##### FOOTER STYLES ##### */
#footer { 
 clear: both;
 background: url('../images/bg_footer.gif') bottom left no-repeat;
 font-size: 11px;
 margin: 0;
 padding: 30px 0 70px 70px;
 font-weight: normal;
 }
 
#footer p { 
 margin-top: 0px;
}