/* ===== General Styles ===== */
body 
{
	margin: 0px;
	background-image:  url('Site-Graphics/site-bg.jpg');
	background-repeat:repeat;
	background-color: #B9C8A0;
	min-width:320px; 
}

a:link 
{
	font-family: Palatino Linotype, Helvetica, sans-serif;
	color: #46735A;
	font-weight: normal;
	text-decoration: none;
}

a:visited 
{
	font-family: Palatino Linotype, Helvetica, sans-serif;
	color: #46735A;
	font-weight: normal;
	text-decoration: none;
}

a:hover 
{
	font-family: Palatino Linotype, Helvetica, sans-serif;
	color: #01633F;
	font-weight: normal;
	text-decoration: none;
}

a.button:link /* Buttons */
	{
	 font-family:Palatino Linotype, Geneva, sans-serif;
     background-color: #46735A;
     padding: 5px 20px;
     margin: 5px 5px 0px 2px;
     color: #fff; 
     font-size: 1.0em;
     font-weight: normal;  
     text-decoration: none;
     line-height:1.5;
	}

a.button:visited /* Buttons */
	{
	 font-family:Palatino Linotype, Geneva, sans-serif;
     background-color: #46735A;
     padding: 5px 20px;
     margin: 5px 5px 0px 2px;
     color: #fff; 
     font-size: 1.0em;
     font-weight: normal;  
     text-decoration: none;
     line-height:1.5;
	}

a.button:hover /* Buttons */
	{
	 font-family:Palatino Linotype, Geneva, sans-serif;
     background-color: #fff;
     padding: 5px 20px;
     margin: 5px 5px 0px 2px;
     color: #46735A; 
     font-size: 1.0em;
     font-weight: normal;  
     text-decoration: none;
     line-height:1.5;
	}


/* ===== Main Site Layout ===== */

.mobileContact
	{
	display:block;
	position:fixed; 
	width : 100%;
	margin: 0 auto;
	padding-top: 5px;
	z-index:10000;
	height:35px;
	text-align:center;
	background-color: #B9C8A0;
	}

#banner
{
	max-width : 1200px;
	width : 98%;
	margin: 35px auto 0px auto;
	background-color: transparent;
}

#logo
{
	width: 45%;
	float:left;
	background-color: transparent;
}

#catch
{
	width: 48%;
	float:right;
	margin-top: 10px;
	background-color: transparent;
	text-align:right;
}

.siteNav
	{
	width : 35%;
	float:right;
	margin-top: 15px;
	height: 30px;
	background-color: transparent;
	}

.imageHeader
	{
	width : 100%;
	margin: 0px auto;
	background-color: transparent;
	}

.bodyWrapper
	{
	width : 100%;
	background-color: rgba(185, 200, 160, .6);
	}

.content
	{
	max-width : 1200px;
	width : 98%;
	margin: 0px auto;
	padding: 1%;
	background-color: transparent;
	}
			
.center
	{
	max-width : 1200px;
	width : 98%;
	margin: 0% auto;
	padding: 1%;
	background-color: transparent;
	text-align:center;
	}

.hmMain
	{
	width: 70%;
	margin-top: 1%;
	float:left;
	background-color: transparent;
	}
	
.hmCol
	{
	width: 98%;
	background-color: rgba(190, 205, 170, .9);
	margin: 1.5% 0 8% 0;	
	padding:0;
	border: 1px #AFBE91 solid;	
	}
	
.hmImg
	{
	width: 60%;
	float:right;
	margin:0;
	padding:0;
	background-color: transparent;
	}
		
.hmText
	{
	width: 35%;
	float:left;
	padding: 1%;
	background-color: transparent;
	text-align:center;
	}

.hmServices
	{
	width: 25%;
	margin-top: 2%;
	padding: 1%;
	float:right;
	background-color: rgba(190, 205, 170, .9);
	border: 1px #AFBE91 solid;	
	}


.oneCol
	{
	width: 98%;
	background-color: rgba(190, 205, 170, .9);
	margin: 1.5% 0;	
	padding:1%;
	border: 1px #AFBE91 solid;	
	}

.twoCol
{
	float:left;
	width: 45%;
	background-color: rgba(190, 205, 170, .9);
	margin: 1.5% 0 1.5% 2.5%;	
	padding:1%;
	border: 1px #AFBE91 solid;	
}

.twoColCen
{
	float:left;
	width: 45%;
	background-color: rgba(190, 205, 170, .9);
	margin: 1.5% 0 1.5% 2.5%;	
	padding:1%;
	border: 1px #AFBE91 solid;	
	text-align:center;
}

.threeCol
{
	float:left;
	width: 28%;
	background-color: rgba(190, 205, 170, .9);
	margin: 1.5% 0 1.5% 2.5%;	
	padding:1%;
	border: 1px #AFBE91 solid;	
}

.fourCol
{
	float:left;
	width: 20%;
	background-color: rgba(190, 205, 170, .9);
	margin: 1.5% 0 1.5% 2.25%;	
	padding:1%;
	border: 1px #AFBE91 solid;	
}

.hmSpacer
	{
	width: 100%;
	height: 0;
	padding:0;
	background-color: transparent;
	clear:both
	}
	
.spacer
	{
	width: 100%;
	height: 10px;
	background-color: transparent;
	clear:both
	}


/* ===== Text styles ===== */


h1 /* Main Heading Text */
{
	font-family: Palatino Linotype, Helvetica, sans-serif;
	color: #46735A;
	font-size: 2.5em;
	font-weight: normal;
	text-decoration: none;
	margin:0px;
}

h2 /* Main Heading Text */
{
	font-family: Palatino Linotype, Helvetica, sans-serif;
	color: #46735A;
	font-size: 1.5em;
	font-weight: normal;
	text-decoration: none;
	margin:0px;
}

.siteText  
{
	font-family: Palatino Linotype, Helvetica, sans-serif;
	color: #000;
	font-size: 1.0em;
	font-weight: normal;
	text-decoration: none;
}

li 
{
	font-family: Palatino Linotype, Helvetica, sans-serif;
	color: #000;
	line-height:1.5;
	font-size: 1.0em;
	font-weight: normal;
	text-decoration: none;
}


/* ===== Image styles ===== */


img
{
	max-width : 100%;
	height : auto;
	width : auto;
	border:0px;
}

.imgHome
{
	max-width : 100%;
	margin-top: 5px;
	border:0px;
}

.imgGal
{
	max-width : 100%;
	height : auto;
	width : auto;
	margin: 1% 2% 1% 2%;
	-moz-box-shadow: 0px 4px 20px #CACACA;
	-webkit-box-shadow: 0px 4px 20px #CACACA;
	box-shadow: 0px 4px 20px #CACACA;
	border:1px #000 solid;
}

.imgBorder
{
	max-width : 100%;
	height : auto;
	width : auto;
	border: 1px #000 solid;
}

/* ===== Footer styles ===== */

#Footer 
{
	width: 100%;
	background-color: transparent;
	padding: 20px 0;
	clear:both;
	border-top: 1px #46735A dotted;
	font-family: Palatino Linotype, Helvetica, sans-serif;
	color: #000;
	font-size: 1.0em;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
}

/* ===== Media Screen ===== */

@media screen and (max-width: 1200px) 	

	{
		
#logo
	{
	width: 98%;
	margin: 0 auto;
	text-align:center;
	}
	
#catch
	{
	width: 100%;
	margin: 0 auto;
	text-align:center;
	}

.siteNav
	{
	width : 98%;
	margin: 0 auto;
	}
									
	}
	
@media screen and (max-width: 890px) 	

	{

.hmMain
	{
	width: 98%;
	}

.hmServices
	{
	width: 96%;
	float:left;
	}
		
.hmImg
	{
	width: 100%;
	float:left;
	text-align:center;
	}
	
.hmText
	{
	width: 100%;
	float:left;
	}

.twoCol
	{
	width: 95%;
	margin: 1.5% 0 1.5% 2.5%;	
	}

.twoColCen
	{
	width: 95%;
	margin: 1.5% 0 1.5% 2.5%;	
	}
	
.threeCol
	{
	float:left;
	width: 40%;
	margin: 1.5% 5% 4% 2.5%;	
	}
									
	}


@media screen and (max-width: 540px) 	
{

.threeCol
	{
	float:left;
	width: 90%;
	margin: 2% 0% 2% 4%;	
	}

	}