html, body, div, span, h1, h2, h3, h4, h5, p, blockquote, a, img, small, strong, ol, ul, li, fieldset, form, label, legend, table, caption, tr, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a img {border: none; } 

/*=========================================================================================*/
body {			
background-image: url("../_images/pattern.jpg"); background-repeat:repeat;
font-family:verdana,arial,sans-serif;
font-size:12px; /* font size at 62.5%, you end up with a font size of 10 pixels */
color: #636363;
text-align:center;
}

a {color: #aaa;}
a:hover {color: #564b47;}

p {
line-height:24px;
}
h1 {
margin-top:26px; /* desired amt - 5 */
margin-bottom:15px;
font-size:21px;
font-family:georgia,verdana,arial,sans-serif;
color:#f28505;
}
h2 { /* article titles (snippets) */
margin-top:15px;
margin-bottom:15px;
font-size:13px;
font-family:georgia,verdana,arial,sans-serif;
font-weight:bold;
color:#f28505;
}
h3 { /* product category */
margin-top:15px;
margin-bottom:15px;
font-size:12px;
font-family:verdana,arial,sans-serif;
font-weight:bold;
}
h4 { /* rightnav titles */
margin-top:15px;
margin-bottom:15px;
margin-left:38px; 
font-size:13px;
font-family:georgia,verdana,arial,sans-serif;
font-weight:bold;
color:#f28505;
}
h5 { /* contactform */
font-size:11px;
margin-top:15px;
margin-bottom:5px;
color:#73a075;
}


/* special cases ***************************/
.product {
font-size:11px;
line-height:15px;
}
.form #label {
padding-top:-20px;
padding-left: 5px;
font-size:11px;
font-weight:bold;
line-height:15px;
color:#73a075;
}
#val p {
font-size:11px;
font-weight:bold;
line-height:15px;
color:#61373b;
}


/* containers ***************************/
#outercontainer {
background-image: url("../_images/dropFull.png"); background-repeat:repeat-y; /* see ie.css */
width: 984px;
margin-left:  auto;
margin-right: auto;
text-align:left;
} 

#container {
width: 960px; 
margin-left:  auto;
margin-right: auto;
} 

/* header styles ***************************/
#header {
clear:both;
float:left;
width:100%;
height:197px;
background-image: url("../_images/header60.jpg"); background-repeat:no-repeat;
}
#header #logo {
float:left;
width:545px;
margin-left:10px;
margin-top:65px;
}
#header #dir {
float:right;
width:245;
padding-right:125px;
margin-top:157px;
}

/* nav styles ***************************/
#nav { 
margin-top:0px; /* see ie.css */
clear:both;
background-image: url("../_images/navGrad.png"); background-repeat:repeat-x;
width:100%;
height:50px;
position:relative;
overflow: hidden;
font-family:verdana, arial, sans-serif;
font-weight:bold;
font-size:11px;
}
#nav ul {
overflow: hidden;
float: left;
width: 100%;
margin-left:29px;  /* see ie.css */
background: black url("../_images/navGradshort.png") center center repeat-x;
border-left: 1px solid #6e7f73;
}
#nav li.sel{
display: inline;
float: left;
padding: 14px 36px 10px 36px;
border-right: 1px solid #6e7f73;
background: transparent url("../_images/navGradHovershort.png") center center repeat-x;
color: #fff;
}
#nav li.unsel{
display: inline;
}
#nav a{
float: left;
display: inline;
padding: 14px 36px 10px 36px;
border-right: 1px solid #6e7f73;
color: #fbf1df;
text-decoration: none;
}
#nav a:hover {
background: transparent url("../_images/navGradHovershort.png") center center repeat-x;
color: #564b47;
}

/* top_home styles ***************************/
#topHome { 
margin-top:0px; /* see ie.css */
clear:both;
background-color:#9aa79d;
width:100%;
height:315px;
}
#topHome div#flashteaser { 
width:672px;
height:315px;
float:left;
}
#topHome div#twitter {
width:288px;
height:315px;
float:right;
}
#topHome div#flashtwitter {
margin-top:0px; /* see ie.css */
height:178px;
}
#topHome img#followus {
padding-left:38px;
padding-bottom:6px;
}
#topHome a#twit {
display:block;
background-image: url("../_images/twitter.jpg"); background-repeat: no-repeat;
width:101px;
height:33px;
float:left;
margin-left:36px; /* see ie.css */
}
#topHome a#twit:hover {
background-image: url("../_images/twitter_hover.jpg"); background-repeat: no-repeat;
}
#topHome a#face {
display:block;
background-image: url("../_images/facebook.jpg"); background-repeat: no-repeat;
width:92px;
height:33px;
float:right;
margin-right:55px;/* see ie.css */
}
#topHome a#face:hover {
background-image: url("../_images/facebook_hover.jpg"); background-repeat: no-repeat;
}


/* top styles ***************************/
#top { 
margin-top:0px; /* see ie.css */
clear:both;
background-color:#9aa79d;
width:100%;
height:195px;
}
#top img#teaser { 
width:672px;
height:195px;
float:left;
}
#top div#twitter {
width:288px;
height:195px;
float:right;
}
#top div#flashtips {
margin-top:0px; /* see ie.css */
height:178px;
}


/* main content area styles -- left ***************************/
#outer {
border-left:  solid 642px #fcfdfc; /* color of the left column 672 */ /* watch out for ie!!! */
border-right: solid 287px #fcfdfc; /* color of the right column #fcfdfc */
} 

#inner {		
margin:0; 
width:100%; 
} /* The ie/pc pecularity */ 

#left {
width:642px;
float:left;
position: relative; 
padding-left:14px; /* half of desired value */
margin-left:-628px; /* == #left (-width + padding-left) -582 */
margin-right:1px;
text-align:left;
/*background:green;*/
/* this may need an IE hack for float/margin in same direction */
}
#left p {
padding-right:28px;
}
#left #pp {
margin-left:50px; 
}

/* main content area styles -- right  ***************************/
#right {
width:287px;
/* min-height hack for ie6 */
	min-height: 326px;
	height: auto !important;
	height: 326px;
float:right;
position: relative;  
margin-top:13px; 
margin-left:1px; 
margin-right:-286px; /* == #right (-width + margin-left) + #left margin-right */
background-image: url("../_images/rightGrad.png"); background-repeat:repeat-x;
}
#right ul {
list-style-type:square;
padding-left:5px;
margin-left:33px; 
margin-bottom:5px; 
font-size:11px;
font-family:verdana,arial,sans-serif;
font-weight:normal;
line-height:20px;
color: #5f7e5f;
}
#right p {
padding-left:5px;
margin-left:33px;
padding-right:25px;
margin-bottom:5px; 
font-size:11px;
font-family:verdana,arial,sans-serif;
font-weight:normal;
line-height:20px;
color: #5f7e5f;
}
#right a {color: #5f7e5f;}
#right a:hover {color: #564b47;}

#right #map {
width:287;
height:354px;
background-image: url("../_images/map2.jpg"); background-repeat:no-repeat;
}
#map p {
padding-left:5px;
margin-left:33px; 
margin-bottom:5px; 
font-size:11px;
font-family:verdana,arial,sans-serif;
font-weight:normal;
line-height:15px;
color: #5f7e5f;
}
#map a#maplink {
margin-top:198px;
display:block;
background-image: url("../_images/maplink.jpg"); background-repeat: no-repeat;
width:287px;
height:26px;
}
#map a#maplink:hover {
background-image: url("../_images/maplink_hover.jpg"); background-repeat: no-repeat;
}


/* middle and cleaner divs ***************************/
#middle {
position: relative;
margin: 0px;
}
.cleaner {
clear:both;
height:1px;
font-size:1px;
border:none;
background:transparent;
}

/* footer styles ***************************/
#footer { 
margin-top: 30px;
padding-left:28px;
font-size:11px;
font-weight: normal;
text-transform: none;
color:#73a075;
}
#footer a { color: #999999; }
#footer a:hover { color: #333333; }