body {
margin:0;
padding:.75em 0 0;
height:100%;
color:#4b516b;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
background:#fff url(../img/check.jpg) repeat;
}

a {color:#333;text-decoration:none;
}

a:hover {color:#616161;text-decoration:none;
}

blockquote {margin:.5em 0 .5em 0;padding:.5em;background-color:#D7ECF8;
}

blockquote p {margin:.2em;color:#000000;
}

hr {margin-top:6px;margin-bottom:10px;border:none;width:99%;color:#eeeeee;background-color:#eeeeee;height:1px;clear:both;
}

.clear { clear:both; height:2em;}

.dividerh {margin-top:6px;margin-bottom:10px;border:none;width:99%;color:#eeeeee;background-color:transparent;height:1px;clear:both;
}

#postHeader { 	
margin:0 auto;
padding:0;
width:988px;
vertical-align: middle;	
font-family:Verdana, Arial, Helvetica, sans-serif;
background:white;
}

#postHeader p{ 	
margin:0 auto;
padding:.5em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.85em;
color:#555;
text-align:left;

}

#postHeader span{ 	
margin:-.25em;
float:right;
display:block;
}

#postHeader a.help{ 	
margin:0 auto;
padding:.55em .75em .75em .75em;
font-size:.85em;
color:#616161;
border-left:1px dotted #616161;
}

#main{background:url(images/main.gif) no-repeat; padding-top:27px}
.gallerynav{ margin:1em; float:right}

#centerColumn { 	
margin:0 auto;
padding:1em;
width:960px;
text-align:left;
vertical-align: middle;	
background-color:#FFF;
}

#welcomeBox{ 	
margin:10px 14px 3em 0;
padding:4px;
float:left;
width:600px;
border:1px solid #000;
background-color:#fff;
  /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
}

#centerColumn h3 {
margin:0 0 -.5em 0;
padding:.75em 0 0 0;
font-size:.8em;
font-weight:lighter;
letter-spacing:.1em;
}


#header {
margin:0 -1em 0 -1em;
padding:0;
height:366px;
background: #fff url(../img/collage.jpg) top no-repeat;
}


#header h2 {
margin:.25em 0 .25em;
padding:0 .8em;
font-size:2.75em;
font-family:Tahoma;
text-transform:capitalize;
font-weight:lighter;
width:520px;
color:#444;
}

#header h3 {
margin:0;
padding:1.115em 0 0 .35em;
font-size:.95em;
width:522px;
color:#27293a;
float:left;
border-bottom:3px solid #F1F1F1;
}


#header p {
margin:0 .25em .5em 1.75em;
padding:0 .5em 2.35em;
font-size:16px;
font-weight:lighter;
line-height:140%;
width:500px;
color:#555;
text-shadow: 1px 1px white;
float:left;
}

#header ul {
color:#4b516b;
font-size:10px;
text-transform:capitalize;
}

#topmenu{
margin:0; /* Mozzila attributes */
padding:4px 0;
background: #111 url(../img/bluenav_bg.png) repeat-x;
height:56px;
border-top:2px solid #777;
border-bottom:1px solid white;
}


/* Top Navigation bar menu styling */
#nav{
list-style-type: none;
margin:0;
}

#nav li{
margin:0;
padding:.25em;
float:left;
border-left:1px dotted #777;
}

#nav li a:link, #nav li a:active, #nav li a:visited{
display:block;
width:144px;
padding:6px 0 8px 10px;
text-decoration: none;
outline: none;
text-align:left;
font-size: 18px;
color:#FFF;
}

#nav li a:hover{
color:#e2c855;
}

#nav li.home {
margin-left:-1.95em;
border-left:0;
}

#nav li.selected a{
color:#5e8a62;
}

span.descmenu{
margin:0;
font-size:11px; 
padding:0px 10px 0 9px;
font-size:10px;
color:#616161;
text-align:left;
float:left
}

.stepcarousel{
position: relative; /*leave this value alone*/
border: 0 solid black;
overflow: scroll; /*leave this value alone*/
width: 900px; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 16px; /*margin around each panel*/
width: 890px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#shopCol {
float:left;
width:160px;
border-right:1px dotted #ddd;
}

#products{
margin:0 0 .75em .4em;
padding:8px 0 8px 10px;
float:left;
width:740px;
}

.productList{
margin:0 1em .75em -.5em;
padding:0;
float:left;
width: 166px; /*width of menu*/
border-right:1px solid #f1f1f1
}

.productList .headerbar{
font: bold 18px Arial;
color: #515151;
text-shadow: 1px 1px #fff;
background: #eaeaea url(media/titlebar.png) repeat-x center left;
margin: 0 0 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.productList ul{
list-style-type: none;
margin:.5em 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.productList ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.productList ul li a{
color: #616161;
background: url(../img/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.productList ul li a:visited{
color: #000;
}

.productList ul li a:hover{ /*hover state CSS*/
color: #333;
background-color: #F3F3F3;
}

#cell_1 {
margin:0 0 .75em 0;
padding:8px;
float:left;
width:280px;
border-right:1px dotted #ddd;
}

#cell_2 {
margin:0 0 .75em .4em;
padding:8px 0 8px 10px;
float:left;
width:310px;
}

#cell_3 {
margin:0 0 .75em .4em;
padding:8px 0 8px 16px;
float:left;
width:310px;
border-left:1px dotted #ddd;

}

#cell_4 {
margin:0 0 .75em .4em;
padding:8px;
float:left;
width:940px;
}

#cell_1 p, #cell_2 p, #cell_3 p, #cell_4 p {
margin:0;
padding:.25em 0 6px .5em;
font-size:.75em;
color:#616161;
}

#cell_1 h2, #cell_2 h2, #cell_3 h2 {
margin:0 0 0 0;
padding:0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:21px;
font-weight: lighter;
font-style:italic;
text-transform: none;
color:#000;
}

#cell_1 h3, #cell_2 h3, #cell_3 h3, #rightside-page h3 {
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bolder;
text-transform:uppercase;
letter-spacing: -3px;
color:#27293a;
}

#cell_4 h2 {
margin:0 auto;
padding:14px 0 18px .5em;
color:#27293a;
font-weight:bolder;
background:#efe8c7;
}

#rightside-page {
margin:0 0 .75em .4em;
padding:8px 0 8px 16px;
float:left;
width:620px;
border-left:1px dotted #ddd;
}

#rightside-page h4 {
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bolder;
color:#27293a;
border-bottom:2px solid #bbb;
}

#rightside-page ul {
margin:1em 2em 2em;
padding:0;
}

#icon-box {
margin:2em .25em .75em .35em;
padding:0;
float:left;
width:176px;
}

a.ovalbutton{
background: transparent url(../img/round-btn-left.png) no-repeat top left;
display: block;
float: left;
font: normal 21px Tahoma; /* Change 13px as desired */
line-height: 36px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 44px; /* Height of button background height */
padding-left: 12px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url(../img/round-btn-right.png) no-repeat top right;
display: block;
padding: 4px 12px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
color:#fafafa;

}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color:#e2c855;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
margin: 0 2em;
}

.barepic {border:none;
}

.right {float:right;margin:5px;padding:2px;
}

.left {float:left;margin:5px;padding:2px;
}

#cell_1 ul, #cell_2 ul, #cell_3 ul {
margin:0 0 0 5px;
padding:0 0 0 0;
list-style:none;
}

#cell_1 li, #cell_2 li, #cell_3 li {
margin:0 0 .3em 0;
padding:5px 0 6px 5px;
font-size:.75em;
}

#boxHolder{
margin:0 -1em 0 -1em;
padding:0;
height:176px;
border-top:3px solid #ccc;
background: #DDD;
}

#box_1 {
margin:0 0 .75em .95em;
padding:8px;
float:left;
width:136px;
}

#box_2 {
margin:0 0 .75em .5em;
padding:8px;
float:left;
width:136px;
}

#box_3 {
margin:0 0 .75em .5em;
padding:8px;
float:left;
width:136px;
}

#box_4 {
margin:0 0 .75em .5em;
padding:8px;
float:left;
width:136px;
}

#box_5, #box_6 {
margin:0 0 .75em .5em;
padding:8px;
float:left;
width:136px;
}

#box_1 p, #box_2 p, #box_3 p, #box_4 p, #box_5 p, #box_6 p {
font-size:.75em;
color:#000000;
}

#box_1 h2, #box_2 h2, #box_3 h2, #box_4 h2, #box_5 h2, #box_5 h2, #box_6 h2 {
color:#333;
font-size:.95em;
margin:0 ;

} 

#box_1 ul, #box_2 ul, #box_3 ul, #box_4 ul, #box_5 ul, #box_6 ul {
margin:0;
padding:0 0 0 0;
list-style:none;
}

#box_1 li, #box_2 li, #box_3 li, #box_4 li, #box_5 li, #box_6 li {
margin:0 0 .3em 0;
padding:5px 0 0 5px;
font-size:.75em;
line-height:94%;
}


 p.areas {margin: 0 auto; padding: .25em 0; color:#333;text-decoration:none;font-size:90%; text-align:left
}

a.areas {color:#444;text-decoration:none;margin:0 1em;padding:.15em; 
}

a:hover.areas  {color:#616161;text-decoration:none;
}


#footer_wrap {
position:relative;
clear:both;
bottom:0;
margin:0 0 0 0;
padding:0;
height:10em;
line-height:2em;
text-align:center;
background: #171717 url(../img/footerwrap_bjpg) top repeat-x;
}

#footer_nav p{
margin:0;
padding: 0;
}

#footer_nav{
margin:0 auto;
padding:.25em 0 .75em;
text-align:center;
font-size:.7em;
background: url(../img/footernav_bg.png) top center no-repeat;
width:990px;
}