body	{ 	
	background-image:url(images/webtreats-grungy-teal.jpg);
	 opacity: .9; font-family:Arial, Helvetica, sans-serif;
 }


p a {color:#356581; text-decoration:none;}
p a:hover {border-bottom:2px dotted #235677;}


#containter {margin:0;}
  
#element {float:right; margin:-5px -53px 0px 0px; position:relative; z-index:1}
#element_bottom {background-image:url(images/element_small.png);   height:120px; width:1000px; background-repeat:repeat-x; margin:0px auto; margin-top:-100px; opacity: .6;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; 
	filter: alpha(opacity=60);					
}

  
#content { width:1000px; min-height:100%; min-height:650px; padding-bottom:100px;
  	background:#fff;background-image:url(images/); 
	 margin:0px auto; margin-top:-10px;
	-moz-box-shadow:  5px 5px 5px 5px #333;
  	-webkit-box-shadow: 5px 5px 5px 5px #333;
  	box-shadow: 5px 5px 5px 5px #333;}
#content p {margin:20px; line-height:25px;letter-spacing:1px;}
#content h3 {text-transform:uppercase;margin:20px; line-height:35px; font-size:20px;letter-spacing:2px; text-align:center;}

	
#banner {margin:10px 10px; height:200px;}
#banner2 {margin:10px 10px; height:130px;}
#banner2 a, #banner a {border:0px}

#text {font-size:16px; margin-top:0px; color:#073551; float:right; width:300px; margin-right:0px; text-align:right; letter-spacing:2px;font-family: 'Signika', sans-serif;}


#nav {}


#nav ul
{
	list-style-type:none;
	margin:0 0 0 0; 
	padding:0;
	overflow:hidden;
	background: #5092A2; /* Fallback background */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8cc1c7), to(#3b7a83));
  	background-image: -webkit-linear-gradient(top, #8cc1c7, #3b7a83);
  	background-image: 	 -moz-linear-gradient(top, #8cc1c7, #3b7a83);
  	background-image:     -ms-linear-gradient(top, #8cc1c7, #3b7a83);
  	background-image: 	   -o-linear-gradient(top, #8cc1c7, #3b7a83);
  	background-image:  	      linear-gradient(top, #8cc1c7, #3b7a83);
  	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8cc1c7', EndColorStr='#3b7a83'); /* IE6â€"IE9 */
	height: 100px; width:1000px;
	
	-moz-box-shadow: 1px 1px 1px 1px #999;
  	-webkit-box-shadow: 1px 1px 1px 1px #999;
  	box-shadow: 1px 1px 1px 1px #999;}

#nav li
{
	float:left; height: 100px; 

}
#nav  li a {
	display:block;
	min-width:180px; /* Adjust this based on how you want the items to display - this is set up for four separate navigation items, but will change if you have more or less */
	font-size: 18px; padding:0px 9px 0px 8px;
	line-height: 100px;
	 margin:0px;
	color: #fff;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	border-right: 2px solid #235677; 
}

#nav  li a:hover {background:#336699; color:#fff;}

.active, .active a {background-color:#336699; border-right:3px solid #336699; color:#fff !important;}

#columnbox {min-height:700px;}
.column {float:left; width:50%;}

