body{
	margin: 0; 
	font: 13px normal Arial, Helvetica, sans-serif; 
	color: #000;
	width: 100%;
	text-align:center;
	background: #fff url(images/background.gif) repeat;
}
a, a:link, a:visited, a:hover {
	color: #974706;
	border: 0;
}
#containerMain{
	width: auto;
	margin: auto;
	background-color: #fff;
	text-align: left;
	vertical-align: bottom;
}
#header{
	background-color: #fff;
	color: #fff;
	width: 100%;
	height:160px;
}
#logo{
	float: left;
	width: 675px;
	font-size: 14px;
}
#advert{
	width: 33%;
	float: left;
	text-align: center;
}
#images{
	width: 100%;
}
#contact{
	float: right;
	text-align: right;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 0;
	height: 150px;
}
#nav{
	clear: both;
	height: 23px;
	color: #fff;
	padding:0;
	float: right;
	width: 100%;
	background: #036;
	}
#nav ul{
	text-align:center;
	margin: 0;
	padding: 2.5px 0 0 0;
}
#footer li, #nav li{
	display:inline;
	list-style:none outside none;
	margin: 0;
}
#nav li{
	padding: 0 8px;
}
#nav li a{
	color: #fff;
	font-weight: bold;
	text-decoration: none;	
	font-size: 85%;
}
#nav li a:link, #nav li a:hover, #nav li a.visited, #nav li a.active{
	color: #fff;
}
#footer p{
	color: #999;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin: 10px 0;
	font-style: italic;
}
#footer ul{
	color: #000;
	text-align: center;
	font-size: 9px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#footer a{
	color: #000;
}
#main{
	background-color: #036;
	color: #fff;
	width: 100%;
	background: #036 url(images/about_pic.jpg) no-repeat left;
}
#colLeft{
	float: left;
	width: 140px;
	margin: 9px;
	height: auto;
	
}
#colLeft ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#colLeft li{
	margin: 0;
	border-bottom: 1px solid #fff;
	padding: 7px 3px;
}
#colLeft a{
	color: #fff;
	list-style: none;
	text-decoration: none;
	display: block;
}
#colLeft li a:link, #colLeft li a:hover, #colLeft li a.visited, #colLeft li a.active{
	color: #fff;
}

#mainCol{
	background-color: #fff;
	min-height: 160px;
	margin: 10px 0 0 150px;
}
#gallery{
	background-color: gray;
	color: #fff;
	width: 100%;
}
#content{
	background-color: #fff;
	color: #000;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	clear: none;
	float: none;
	top: 0px;
}
#contentImageGallery{
	background-color: gray;
	color: #fff;
	width: 100%;
}
#footer{
	width: 100%;
	clear: both;
	background-color: #fff;
	padding: 10px 0;
}
/* Centered content */
img{
	border: none;
}
h1{
	font-size: 17px;
	color: #974706;
}
h2{
	font-size: 15px;
	color: #ee4035;
}
h3{
	font-size: 13px;
	color: #003964;
}
table.specInt{
	width: 100%;
}
.postcontent table{
	width: 90%;
}
.postcontent td, table.specInt td{
	width: 33%;
	text-align: center;
	padding: 10px 0;
}
.postcontent img {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #DDDDDD;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 5px;
}
.rndBtn {
	background: none repeat scroll 0 0 #aabbbb;
	border: 2px solid #aabbbb;
	border-radius: 25px 25px 25px 25px;
	box-shadow: 2px 2px 1px #999;
	color: #000080;
	float: none;
	font-weight: bold;
	height: 110px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 1px;
	padding-bottom: 0;
	padding-left: 1px;
}
.rndBtn a{
	text-decoration: none;
	color: #fff;
}
.rndBtn a:hover{
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}
.candy{
	font-size: larger;
}
table.products{
	margin: 20px 0;
	width: 100%;
}
.products td{
	padding: 10px 0;
	vertical-align: middle;
	text-align: center;
}
img.deeLogo{
	margin-top: -50px;
}
.red_med{
	color: #900;
	font-weight: bold;
}
.cs{
	color: #c32b5a;
}
.fb{
	clear: both; 
	margin: 25px 0 20px;
	float: right;
	
}
ul.stack{
	list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    clear: both;
}
/* The three rotated elements */
.stack li, .stack a, .stack img {
    border: 0;
    display: inline-block; /* Isn't really required if float: left is included but would it'd be nice to remove the float one day. */
    float: left; /* Fixes bug in FF where inline elements don't seem to rotate on the correct axis. */
    background-color: #fff;
    -webkit-box-shadow: 0 0 4px #333;
    -moz-box-shadow: 0 0 4px #333;
    -o-box-shadow: 0 0 4px #333;
    -ms-box-shadow: 0 0 4px #333;
    box-shadow: 0 0 4px #333;
}

/* First rotation */
.stack li {
    margin: 0 25px 25px 0;
    padding: 1px;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
}

/* Second rotation will appear as -2deg. */
.stack a {
    padding: 0;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
}

/* Third rotation will appear as 0. */
.stack img {
    padding: 5px;
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
}#containerMain #nav ul li strong em {
	color: #FFFF80;
}
#containerMain #nav ul li a em strong {
	color: #FFFF80;
}
#containerMain #nav ul li em strong {
	color: #FFFF80;
}
#containerMain #main #colLeft ul li strong em {
	color: #FFFF80;
}
#containerMain #main #colLeft ul li .candy em {
	color: #FFFF80;
}
#containerMain #main #colLeft ul li em strong {
	color: #FFFF80;
}
#containerMain #main #mainCol #content #contentText h2 a {
	color: #974706;
}
#containerMain #main #mainCol #content #contentText h2 strong em {
	color: #974706;
}
#containerMain #main #mainCol #content #contentText h2 strong {
	color: #974706;
}
#containerMain #main #mainCol #content #contentText div {
	color: #974706;
}
#containerMain #main #mainCol #content #contentText p strong {
	color: #974706;
}
#containerMain #main #mainCol #content #contentText h2 {
	color: #974706;
}
#containerMain #nav ul li em {
	color: #FFFF80;
}
#containerMain #main #mainCol #content #contentText p {
	color: #974706;
}
#containerMain #main #mainCol #content #contentText p strong {
	color: #974706;
}
#containerMain #main #colLeft ul li a .DEE em strong {
	color: #FFF;
}
#main #colLeft div ul li strong em {
	color: #FFFF80;
}
#nav ul li strong em {
	color: #FFFF80;
}
#main #colLeft ul li a em strong {
	color: #FFF;
}
#containerMain #main #mainCol #content h2 {
	color: #974706;
}
#containerMain #main #mainCol #content #contentText p a {
	color: #974706;
}
#main #mainCol #content #contentText h2 {
	color: #974706;
}
#containerMain #main #mainCol #content p {
	color: #974706;
}
