/*
***********************************************************

Title:			styleMain.css
Browser(s): 	All

Author: 		Elliot Jay Stocks (elliotjaystocks.com)
Created: 		05.12.2007
Last modified: 	05.12.2007

***********************************************************
*/





/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}





/* Global reset-RESET */
/* The below restores some sensible defaults */

strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }
* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dashed borders */
a img { border:none } /* Gets rid of IE's blue borders */

br.cheapNastyFix { clear:both; height:1px; margin:-1px 0 0 0 }






/* Typography - basics */

h1, h2 { text-indent:-9999px; position:absolute; top:0; left:0 }
body, h4, h5, p, li, dt, dd, th, td, label, input, textarea { font-family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif }
h3 { font-size:14px; line-height:24px; text-transform:uppercase; letter-spacing:1px }
h4 { font-size:14px; line-height:18px }
h5 { font-size:11px; line-height:18px; font-weight:bold }
body, p, li, dt, dd, th, td, label { font-size:11px; line-height:18px; text-align:left; vertical-align:top }
p { margin:2px 0 20px 0 }
input, textarea { font-size:11px; padding:2px }
dt { font-weight:bold; padding:0 0 0 110px }
dd { padding:0 0 20px 110px }
th { color:#ff9; font-weight:bold; font-size:14px; line-height:18px }
td { color:#ff9 }
label { color:#9c9 }
textarea, input { color:#000 }



h3.lovinglyHandmade { background:url(../images/presentation/text-lovinglyHandmade01.gif); width:378px; height:109px; text-indent:-9999px }





/* Typography - image replacement */

h3.oggie { background:url(../images/presentation/title-oggie01.png); width:188px; height:105px; text-indent:-9999px; position:absolute; top:-40px; left:-25px }
h3.nanny { background:url(../images/presentation/title-nanny01.png); width:113px; height:82px; text-indent:-9999px; position:absolute; top:-40px; left:-25px }
h3.toy { background:url(../images/presentation/title-toyStory01.png); width:135px; height:91px; text-indent:-9999px; position:absolute; top:-40px; left:-25px }
h3.framed { background:url(../images/presentation/title-framed01.png); width:119px; height:96px; text-indent:-9999px; position:absolute; top:-40px; left:-25px }
h3.jo { background:url(../images/presentation/title-joLo01.png); width:103px; height:80px; text-indent:-9999px; position:absolute; top:-40px; left:-25px }
h3.evelyn { background:url(../images/presentation/title-evelyn01.png); width:113px; height:81px; text-indent:-9999px; position:absolute; top:-40px; left:-25px }

div.theStory { position:relative; padding:40px 0 0 0 }
div.theStory h3 { background:url(../images/presentation/title-theStory01.png); width:200px; height:120px; text-indent:-9999px; position:absolute; top:-60px; left:170px }

div.getYourHug h3 { background:url(../images/presentation/title-getYourHug01.png); width:201px; height:127px; text-indent:-9999px; position:absolute; top:-60px; left:200px }
div.getYourHug div.info h4 { background:url(../images/presentation/title-info01.gif); width:39px; height:23px; text-indent:-9999px }
div.getYourHug div.getIt h4 { background:url(../images/presentation/text-soAsWe01.gif); width:537px; height:110px; text-indent:-9999px }

h3.titlePackaging { background:url(../images/presentation/title-packaging01.gif) top right no-repeat; width:405px; height:23px; text-indent:-9999px }
h3.titleJournal { background:url(../images/presentation/title-journal01.gif); width:185px; height:23px; text-indent:-9999px }

h4.day1 { background:url(../images/presentation/title-day101.gif); width:69px; height:21px; text-indent:-9999px }
h4.day2 { background:url(../images/presentation/title-day201.gif); width:69px; height:21px; text-indent:-9999px }
h4.day3 { background:url(../images/presentation/title-day301.gif); width:69px; height:21px; text-indent:-9999px }
h4.day4 { background:url(../images/presentation/title-day401.gif); width:69px; height:21px; text-indent:-9999px }





/* Links */

a { color:#06c; border-bottom:1px dashed #06c; text-decoration:none }
a:hover { color:#06c; border-bottom:1px solid #06c }

a.iWantaHug { background:url(../images/presentation/button-iWantaHug01.png); width:162px; height:78px; text-indent:-9999px; display:block; border:none; position:absolute; bottom:-90px; right:12px }
a.iWantaHug:hover { border:none }





/* Layout (basic) */

body { text-align:center; background:#bedcbe url(../images/presentation/body01.gif) top left repeat-x }
div.wrapper { text-align:left; margin:0 auto; padding:0 25px; width:900px; /* border:1px solid red */ }
div.wrapper.first { background:url(../images/presentation/header01.jpg) top center no-repeat }

ol.nav { height:150px; padding:150px 0 10px 0; position:relative }
ol.nav li a { position:absolute; bottom:10px; width:130px; height:150px; text-indent:-9999px; display:block; border:none }
ol.nav li a:hover { border:none }
ol.nav li.navOne a { left:30px }
ol.nav li.navTwo a { left:170px }
ol.nav li.navThree a { left:310px }
ol.nav li.navFour a { left:460px }
ol.nav li.navFive a { left:600px }
ol.nav li.navSix a { left:740px }

div.block { background:#dfeedf; border-top:1px solid #999; border-bottom:1px solid #999; margin:20px 0; padding:20px 20px 0 20px }
div.block div { float:left; width:405px; margin:0 20px 0 0 }
div.block div div { float:left; width:180px }

ul.products li { float:left; width:450px; position:relative }
ul.products li div.first { float:left; width:275px; margin:0 20px 0 0 }
ul.products li div.first img { border:10px solid #fff; margin:0 0 10px 0 }
ul.products li div.second { padding:0 20px 0 0; position:relative }

div.getYourHugWrapper { background:#2c332c }
div.getYourHug { text-align:left; margin:0 auto; padding:20px 25px; width:900px; position:relative }
div.getYourHug h3, div.getYourHug h4, div.getYourHug p { color:#9c9 }
div.getYourHug div.info { float:left; /* position:absolute; top:0; left:0; */ width:250px }
div.getYourHug div.getIt { border-left:1px dashed #666; margin:0 0 0 275px; padding:0 0 0 25px }

div.theStory ol { border-left:1px dashed #666; margin:0 0 0 275px; position:relative }
div.theStory ol li { margin:0 0 100px 25px; position:relative }
div.theStory ol li img { position:absolute; top:0; left:-300px; border:10px solid #fff }

div.breakingUpIsNeverEasy { clear:both; border-top:1px dashed #666; margin:20px 0 }

div.footer { background:#2c332c; width:100%; border-bottom:20px solid #000 }
div.footer div.insidefooter { text-align:left; margin:0 auto; padding:20px 25px; width:900px; position:relative }
div.footer div p { margin:5px 0; color:#9c9 }
div.footer div p.copyright a { color:#fff; border-bottom:1px dashed #fff }
div.footer div p.copyright a:hover { color:#fff; border-bottom:1px solid #fff }
div.footer div a.carsonifiedButton { background:url(../images/presentation/carsonifiedLogo01.gif); width:225px; height:67px; text-indent:-9999px; display:block; border:none; float:left; margin:0 50px 0 0 }
div.footer div a.carsonifiedButton:hover { border:none }