/* CSS Document */
* {margin:0; padding:0;}

body {
   font-family:Arial, Helvetica, sans-serif;
   font-size:.99em;
   background:#fff;}

a:link{color:#666633}
a:visited{color:#666666}
a:hover{color:#663300;}
a:active{}

h2, h3, h4, h5 {}
h2 {font-size:1.8em; margin:0;}
h3 {font-size:1.5em; margin:10px 0;}
h4 {font-size:1.3em; margin:10px 0; font-weight:lighter;}
h5 {font-size:1.1m; margin:10px 0; font-weight:lighter;}
h6 {font-size:1em; margin:10px 0; font-weight:lighter;}
p {margin:10px 0;}

#container {
   width:900px;
   margin:0 auto;
   background:url(../images/bg.jpg) repeat-y}

#header {
   background:url(../images/header.jpg) no-repeat;
   width:892px;
   height:214px;
   margin:0 auto;
   z-index:0;
   position:relative;}
   
#header h1 a:link, #header h1 a:visited{
   width:345px;
   height:172px;
   display:block;
   border:none;}
#header h1 {
   text-indent:-1000px;
   overflow:hidden;
   letter-spacing:-1000px;
   z-index:50;
   position:absolute;
   top:15px;
   left:15px;}
.tagline {
   position:relative;
   z-index:40;
   top:70px;
   left:-240px;}
img.hpic1 {
	position:absolute;
	top:5px;
	right:120px;
	z-index:50}
img.hpic2 {
	position:absolute;
	top:5px;
	right:10px;
	z-index:60}
#header h2 {
   color:#ffffff;
   text-align:right;
   padding:0 20px 0 0;
   font-style:italic;}
#header h3 {
   clear:both;
   text-align:right;
   font-size:1.1em;
   padding:90px 10px 0 0;}

#nav {
   float:left;
   width: 892px;
   font-size: 90%;
   line-height:normal;
   margin:0 0 -20px 0; padding:0;
   border-bottom:3px solid #8B8A7D;
   position:relative;
   z-index:30;
   top:-30px;
   left:4px}
#nav ul {
   margin:0 auto;
   padding:0;
   list-style:none;}
#nav li {
   float:left;
   text-align:center;}
#nav li {
   float: right;
   background:url(../images/nav_right.jpg) no-repeat right top;
   margin:0;}
#nav a{
   display:block;
   color:#fff;
   background: url(../images/nav_left.jpg) no-repeat left top;
   text-decoration:none;
   font-weight:bold;
   padding:5px 15px;}
#nav li.active {
   background:url(../images/nav_right_a.jpg) no-repeat right top;}
#nav li.active a {
   background:url(../images/nav_left_a.jpg) no-repeat left top;}

  /* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  #nav a {float:none;}
  /* End IE5-Mac hack */

#nav a:visited {color:#ffffff;}
#nav a:hover {color:#CCCCCC;}

#innerwrapper { zoom: 1; }

/*BODY LAYOUT - HOLY GRAIL CONTENT ON TOP */
body {
  min-width: 896px;         /* 2x (LC fullwidth +
                               CC padding) + RC fullwidth */}
#body_wrapper {
  padding-left: 230px;      /* LC fullwidth */
  padding-right: 40px;        /* RC fullwidth + CC padding */}
#container .column {
  position: relative;
  float: left;}
#content {
  padding: 10px 20px 10px 25px;    /* CC padding */
  width: 100%;}
#products {
  width: 220px;             /* LC width */
  padding: 0 10px;          /* LC padding */
  margin-left: -100%;
  left: -277px;             /* RC width for IE6 */}

.featured {
   border:1px solid #666633;
   float:left;
   width:180px;
   padding:5px;
   margin:0 15px 15px 0;
   height:330px;
   overflow:auto}  
.featured h3 {
   color:#A13254;
   margin:0 auto;
   text-align:center;}
.featured p {font-size:.8em;}   
.store {
	font-size:.65em; 
	font-weight:bold; 
	text-decoration:none; 
	color:#990033; } 


#content ul, #content ol {
	margin:0 0 0 20px;}

#search{
   margin:5px 0 15px 0;}
.search_box {
   border:1px solid #8B8A7D;
   padding:5px 0;
   font-size:.8em;
   margin:0 0 10px 0;}   
.search_btn {
   background:url(../images/search.gif) no-repeat;
   width:57px;
   height:46px;
   margin:0 0 10px 5px;
   border:none}
   
#products h3{
   font-size:1.4em;
   font-style:italic; 
   color:#A13254}
#products ul {
   font-size:14px;
   list-style-type:none;
   padding:0 0 0 10px;}  
#products li {
   padding:2px 0}      
#products a:link, #products a:visited {text-decoration:none;}
#products a:hover {text-decoration:underline;}


#footer {
   font-size:.7em;
   text-align:center;
   margin:30px 0 0 0;
   border-bottom:3px solid #8B8A7D;
   clear:both}
   
#uni {
   margin:7px 0 50px 0;
   font-size:.7em;}   
/************************/
/***** ADDTL STYLES *****/         
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both;
    visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

img {border:none;}
.left {float:left; margin: 10px 25px 10px 0;}
.right {float:right; margin: 10px 0 10px 25px;}
.center {text-align:center;}
.clear{ clear:both;}

/*for accessibility and print styles*/
.hidden{
   position:absolute;
   margin: -25000px 0 0 -25900px;}
.nostyles{display:none;}   
.invis {display:none;}

/*testimonials*/
.test {margin:15px 0;}
.test_quote {
	line-height:1.5em;}
.test_author {
	font-style:italic;
	font-weight:bold;
	font-size:.9em;
	line-height:2em;}
.test_rule {
	background:#A13254;
	width:70%;
	margin:0 auto;}		

/* Universal formatting tools */
.nospace{
   padding:0px;
   margin:0px;}
.floatr{float:right;}
.talign_r{text-align:right;}
.talign_c{text-align:center;}
.talign_l{text-align:left;}

.padtop{padding-top:5px;}
.padr5{padding-right:5px;}
.pad3{padding:3px;}

.martop{margin-top:5px;}
.marbot{margin-bottom:5px;}
.marbot20{margin-bottom:20px;}
.marrt400{margin-right:400px;}
.marrt40{margin-right:40px;}
.marrt30{margin-right:30px;}
.marlft30{margin-left:30px;}

.t_white, .t_white  a:link, .t_white  a:hover, .t_white  a:visited, .t_white  a{color:#FFFFFF;}
.t_red, .t_red  a:link, .t_red  a:hover, .t_red  a:visited, .t_red  a{color:#C2292E !important;}
.t_green, .t_green  a:link, .t_green  a:hover, .t_green  a:visited, .t_green  a{color:#006600 !important;} 
.t_bold, .t_bold  a:link, .t_bold  a:hover, .t_bold  a:visited, .t_bold  a{font-weight:bold;}

.t_10px{font-size:.6em;}
.t_12px{font-size:.8em;}
.hide{display:none;}   
.width50{width:50px;}
.width470{width:470px;}
.divgrey{background-color:#D1D0CC;}