/* import other stylesheets into this document */
@import url('reset.css'); 

/* ----------- =page structure ------------ */
body {
	margin: 0;
	padding:0;
	text-align: center; /* to center layout in IE */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #000;
	line-height: 1.4em;
	background: #920802 url(../images/pg_bkgd.jpg); }

h1, h2, h3, h4, h5 h6{
	font-weight: bold;
	padding: 5px 0 0 0;
	line-height: 1.4em;
	 }

h1 {font-size: 1.9em; }
h2 {font-size: 1.5em; }
h3 {font-size: 1.3em; }
h4 {font-size: 1.1em; }
h5 {font-size: 1em; }
h6 {font-size: .95em; }

p {
	margin: 1em 0; }

a, a:link, a:visited, a:hover {
	text-decoration:underline; } 
a:link, a:visited {
	color: #006666;}
a:hover {
	color: #CC3333;}
	
a: outline {none;}

ul {
	margin:0;
	padding: 0;
	list-style-type: none; }

li {
	margin: 0 0 0 0px; /* left indent */
	padding: 5px 0px; /* sets list padding*/
	background: url(../images/content_bullet.jpg) no-repeat 0 9px; /* horizontal & vertical position of bullet */
}


#container {
	width: 980px;
	margin: 0 auto; /* centers layout */
	padding: 0;
	color: #000;
	line-height: 1.4em;
	text-align: left;
	background: url(../images/container_bg.jpg) repeat-y;
}

#container-inner {
	width: 980px;
	margin: 0 auto; /* centers layout */
	padding: 0;
	color: #000;
	line-height: 1.4em;
	text-align: left;
	background: url(../images/container_bkgd_inner.jpg) no-repeat;
}

/* ----------------- =header ------------------ */
#header {
	margin: 0;
	padding: 0;
	height: 178px;
	width: 980px;
	 }
	 
.header-logo {
	position: absolute;
	margin: 29px 0 0 42px;
	padding: 0;
	height: 185px;
	width: 184px;
	z-index: 100;}
	
#header h1, #header h2 {
	padding: 0;
	margin: 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #fff;
	line-height: 1.5em;}

#header h1 {
	font-size:24px;}

#header h2 {
	font-size:18px; }

	
/* --------------- =top navigation ------------------ */

#navbar {
	position: relative;
	margin: -73px 25px 0 230px;
	padding: 0;
	height: 64px;
	width: 728px;
		background: url(../images/navbar.jpg) no-repeat top;
	}

#nav li {margin: 0 0 0 10px; padding: 0; background-image: none; list-style: none; position: absolute; top: 0;}

#nav li, #nav a {height: 65px; display: block; text-indent: -9999px; overflow: hidden;}
#nav_tips {left: 0px; width: 125px;}
#nav_testimonial {left: 155px; width: 105px;}
#nav_faqs {left: 284px; width: 60px;}
#nav_corner {left: 365px; width: 110px;}
#nav_order {left: 495px; width: 102px;}
#nav_contact {left: 615px; width: 92px;}

#nav_tips a:hover {background: transparent url(../images/navbar.jpg)  0px -63px no-repeat;}
#nav_testimonial a:hover {background: transparent url(../images/navbar.jpg) -155px -63px no-repeat;}
#nav_faqs a:hover {background: transparent url(../images/navbar.jpg) -284px -63px no-repeat;}
#nav_corner a:hover {background: transparent url(../images/navbar.jpg) -365px -63px no-repeat;}
#nav_order a:hover {background: transparent url(../images/navbar.jpg) -495px -63px no-repeat;}
#nav_contact a:hover {background: transparent url(../images/navbar.jpg) -615px -63px no-repeat;}

/* "you are here" states applied to body tag */
#body_tips li#nav_tips {background: transparent url(../images/navbar.jpg)  0px -63px no-repeat;}
#body_testimonial li#nav_testimonial {background: transparent url(../images/navbar.jpg) -155px -63px no-repeat;}
#body_faqs li#nav_faqs {background: transparent url(../images/navbar.jpg) -284px -63px no-repeat;}
#body_corner li#nav_corner {background: transparent url(../images/navbar.jpg) -365px -63px no-repeat;}
#body_order li#nav_order {background: transparent url(../images/navbar.jpg) -495px -63px no-repeat;}


/* ----------------- =subheader --------------------- */

#subhead {
	position: absolute;
	margin: 175px 0 0 235px;
	padding: 0;
	height: 156px;
	width: 265px;
	text-align: center;
	z-index: 101;
	 }
	 
#rotating {
	float: right;
	width: 250px;
	height: 100px;
	margin: 50px 90px 20px 10px;
	padding: 10px 0 0 0;
	text-align: center;
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1.43em;
	}


/* ----------------- =right sidebar --------------------- */

#sidebar {
	float: right;
	width: 345px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 0 40px 0 0;
	padding: 0 0 20px 0;
	}

#news-top {
	width: 275px;
	height: 64px;
	margin: 0 auto;
	padding: 0 10px;
	background: url(../images/list_count_top.jpg) no-repeat; }


#news {
	width: 255px;
	margin: 0 auto;
	padding: 10px 20px 0 20px;
	text-align: left;
	background: url(../images/list_count_center.jpg) repeat-y; }

#news h2 {
	font-size: 1.3em;
	font-weight: bold;
	text-align: left;
	padding: 5px; }

#news  ul { 
	list-style-type:none;
	margin: 0;
	padding: 0; 
	text-align: left;
	font-weight: bold;}

#news ul li {
	margin: 0 0 0 20px;
	padding: 5px 0 5px 20px;
	background: url(../images/counts_bullet.gif) no-repeat left 10px;
	}

#news-bottom {
	width: 275px;
	height: 34px;
	margin: 0 auto;
	padding: 0 10px;
	background: url(../images/list_count_bottom.jpg) no-repeat; }



/* ------------------- =content --------------------- */
#content {
	width: 500px;
	float: left;
	margin: 0;
	padding: 0px 10px 5px 70px;}
	

#content h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #990000;	}
	
#content li {
	margin: 5px 0; /* left indent */
	padding: 5px 30px; /* sets list padding*/
	background: url(../images/content_bullet.jpg) no-repeat 0 9px; /* horizontal & vertical position of bullet */
}

.sublist ul {
	margin:0;
	padding: 0; }

.sublist li {
	margin: 0; /* left indent */
	padding: 2px 0; /* sets list padding*/
	list-style-type: none;
	background: url(../images/bullet_round.jpg) no-repeat 10px 9px !important; /* horizontal & vertical position of bullet */
	}

.heading {
	font-size: 1.3em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
	
/* ---------------------- =footer ---------------------- */
#contact-wrapper {
	width: 980px;
	margin: 0 auto;
	padding: 10px 0 0 0px;
	color: #000;
	text-align: left;
	background: url(../images/contact_bkgd.jpg) no-repeat bottom;

}

#contact {
	width: 788px;
	margin: 0 0 0 146px;
	padding: 20px 0 0 0;
	color: #000;
	text-align: left;
	background: url(../images/kim.jpg) no-repeat 504px bottom;
}

#contact-inner {
	width: 510px;
	padding: 0px 0 20px 40px;}

.contact-logo {
	float: left;
	margin: 0;
	padding: 5px 10px 20px 0;
	height: 79px;
	width: 133px;
}
	
.contact-photo {
	position: relative;
	margin: 0px;
	left: 274px;
	top: 0px;
	z-index: 100;
	}
#footer {
	width: 980px;
	margin: 0 auto; /* centers layout */
	padding: 0;
	height: 93px; 
	font-size: 0.85em;
	color: #fff;
	background: url(../images/footer_bkgd.jpg) no-repeat bottom;
}
	
#footer a:link, #footer a:visited {
	color: #FFF;
	text-decoration: none;
	 }
	 
#footer a:hover {
	color: #FFCC00;
	text-decoration: none;
	 }

#footerWrap {
    margin: 0 auto;
	padding: 12px 5px;
	width: 780px;
	text-align: center;
	font-weight: bold;	}
	 
#footer li{
	list-style-type: none;
	background: none;
	margin: 0;
	padding: 0;
}

span.dropcap
{
 float: left;
 font-family: Arial, Helvetica, sans-serif;
 color: #990000;
 font-size: 300%;
 font-weight: bold;
 line-height: 0.85em;
 margin-right: 0.5em;
 margin-bottom:-0.25em;
}

#home {
	float: right;
	height: 20px;
	width: 118px;
	padding: 18px 10px 10px 0;}
	
#home a {
	color:#FBF8D7;}

/* ------------------- =general styles ------------------- */
.txt-small {
	font-size: .8em; }

.txt-large {
	font-size: 1.3em; }

.bold {
	font-weight: bold; }
	
.bold-large {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.4em;}

.italics {
	font-style:italic; }

.clear {
	clear: both;}

.txt-center {
	text-align: center; }

.txt-left {
	text-align: left; }

.txt-right {
	text-align: right; }

.float-left {
	float: left; }

.float-right {
	float: right; }

.img-left {
	float: left;
	padding: 5px; }

.img-right {
	float: right;
	padding: 5px; }

.nowrap {
	white-space:nowrap;
}
