/*---------------------+
 | Site: Sweet Girl    |
 | Part: Master styles |
 +---------------------*/

/* Imports
=====================================================================*/
@import "reset.css"; /* Reset styles */
@import "ie.css"; /* Reset styles */


/* Fonts
======================================================================*/
body, h2 { font-family: Georgia, serif; }
h1 { font-family: "Trebuchet MS", Arial, sans-serif; margin-bottom: 1em; }


/* Basics
======================================================================*/
a { color: #4f3000; text-decoration: underline; }
a:hover { text-decoration: none; }
body { line-height: 1.4; }
blockquote, dl, .hr, ol, p, table, ul { margin-bottom: 1.5em; }
dt, strong { font-weight: bold; }
dt { font-size: 1.3em; margin-top: 1em; }
h1 { color: #4f3000; font-size: 2em; font-weight: bold; line-height: 1.2; text-transform: uppercase; }
h2 { font-size: 1.5em; font-weight: bold; text-transform: uppercase; }
h3 { font-weight: bold; }
hr { background: #ddd; border: 0; color: #ddd; height: 1px; margin: 1em 0; }


/*--- Stock reusables ---*/
.l { float: left; }
.r { float: right; }
ul.flat li { background: none; padding: 0; }


/* Core layout
======================================================================*/
.clear { clear: both; }
.left { text-align: left;}
#page { background: url(../images/bg.jpg) no-repeat 0 0; margin: 4em auto 0; padding-right: 56px; width: 791px; }
#content { padding: 43px 150px 100px 203px; min-height: 326px; position: relative; text-align: center; }



/* Content
======================================================================*/

/*--- File icons ---*/
.file { background-position: 0 50%; background-repeat: no-repeat; padding: 3px 0 3px 23px; }
.file-pdf { background-image: url(/images/shared/icon-pdf.gif); }
.file-doc { background-image: url(/images/shared/icon-doc.gif); }
.file-ppt { background-image: url(/images/shared/icon-ppt.gif); }
.file-xls { background-image: url(/images/shared/icon-xls.gif); }
.file-zip { background-image: url(/images/shared/icon-zip.gif); }

/*--- Home ---*/
#a-dana { left: 425px; }
#a-tara { left: 214px; }
#home { background: url(../images/dessertkit.jpg) no-repeat 0 0; height: 596px; position: relative; text-indent: -9999em; }
#home a { display: block; height: 45px; position: absolute; top: 365px; width: 200px; }
#comingsoon { background: url(../images/home.jpg) no-repeat 0 0; height: 596px; position: relative; text-indent: -9999em; }
#comingsoon a { display: block; height: 45px; position: absolute; top: 365px; width: 200px; }

/*--- Horizontal rules (fancy) ---*/
.hr { border: 3px solid #000; border-width: 3px 0; padding: 1px 0; }
.hr div { border-top: 1px solid #000; }

/*--- Locations ---*/
.locations { text-align: left; }

/*--- Navigation ---*/
#nav { left: 0; position: absolute; top: 0; width: 196px; }
#nav a { display: block; padding: 0.85em 0 0.75em; }
#nav a:hover, #nav .current a { background: url(../images/nav-bg.jpg) repeat-y 0 0; }
#nav a:hover span, #nav .current a span { background-position: 19px -13px; }

#nav a span {
	background-position: 19px 0;
	background-repeat: no-repeat;
	line-height: 0;
	cursor: pointer;
	display: block;
	height: 13px;
	text-indent: -9999em;
}

#nav-about span { background-image: url(../images/nav-about.gif); }
#nav-buy span { background-image: url(../images/nav-buy.gif); }
#nav-home span { background-image: url(../images/nav-home.gif); }
#nav-make span { background-image: url(../images/nav-make.gif); }
#nav-products span { background-image: url(../images/nav-products.gif); }
#nav-purchase span { background-image: url(../images/nav-purchase.gif); }
#nav-wholesale span { background-image: url(../images/nav-wholesale.gif); }