/* CSS Document */

body {
	margin:0;
	padding:0;}
	
#wrapper {
	width:900px;
	margin:0 auto;
	padding:0;
	background-color:#fff;}
	
#wrapper img {
	margin:0;
	padding:0;
	border:none;}
	
h1 {
	font: 36px Arial, Helvetica, sans-serif;
	margin:0 auto;
	padding:10px 0 20px 0;
	text-align: left;}
	
h2 {
	font: 20px Arial, Helvetica, sans-serif;
	margin:0 0 20px 0;
	padding:0 0 0 0;
	text-align:center;}
	
h3 {
	font: 16px Arial, Helvetica, sans-serif;
	margin:0;
	padding: 0 0 20px 0;}
	
p {
	font:  12px Verdana, Arial, Helvetica, sans-serif;
	line-height:20px;
	margin:0;
	padding:5px 0;}
	
li {
	font:  12px Verdana, Arial, Helvetica, sans-serif;
	line-height:20px;
	margin:0;
	padding:5px 0;}
	
a {
	padding: 5px 0 0 0;
	text-align:center;
	color:#ccc;}
	
.center {
	text-align:center;
	margin:0 0 5px 0;
	padding:0;}
	
.marginTop {
	margin:0 0 5px 0;
	padding:0;
	text-align:center;}

.paddingBottom {
	text-align:center;
	margin:0;
	padding:0 0 15px 0;}
	
	
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;}
	
/*header area*/

#logoLeft {
	width:344px;
	float:left;
	margin:0 0 0 30px;
	padding:0;
	/*background-color:#F60;*/}
	
	
#logoLeft img{
	margin:0 0 0 30px;
	padding:0;
	border:none;}
	
#contactRight {
	width:536px;
	margin:0;
	margin: 0 0 0 384px;
	padding:0;
	/*background-color:#FF6;*/}
	
#contactRight p a{
	color:#777777;}
	
	
	
.tabBox .tabs {
    margin: 18px 0 0 20px;
    padding: 0 10px;
    overflow: hidden;
    margin-bottom: -1px;
    height: 2.25em;}

.tabBox .tabs li {
	font: .875em Verdana, Geneva, sans-serif;
    float: left;
    list-style: none;
    margin: 0;
    padding: .55em .25em 0;
    height: 2em;
    overflow: hidden;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #FFF;}

.tabBox .tabs li.selected {
    z-index: 3;}

.tabBox .tabs a {
    float: left;
    height: 2em;
    line-height: 2em;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    background: #EEE;
    border: 1px solid #CCC;
    border-bottom: 0;
    padding: 0 10px;
    color: #000;
    text-decoration: none;
    behavior: url(../PIE.htc);}

.tabBox .tabs .selected a {
    background: #FFF;
    -webkit-box-shadow: #CCC 0 0 .25em;
    -moz-box-shadow: #CCC 0 0 .25em;
    box-shadow: #CCC 0 0 .25em;}

.tabBox .tabs a:hover {
    background: -webkit-gradient(linear, 0 0, 0 70%, from(#EEF), to(#FFF));
    background: -moz-linear-gradient(#f6f6f7, #FFF 70%);
    background: linear-gradient(#f6f6f7, #FFF 70%);
    -pie-background: linear-gradient(#f6f6f7, #FFF 70%);}

.tabBox .contentSites {
    clear: left;
    position: relative;
    z-index: 2;
    padding: 2em 1em;
    border: 1px solid #CCC;
    background: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: #CCC 0 0 .25em;
    -moz-box-shadow: #CCC 0 0 .25em;
    box-shadow: #CCC 0 0 .25em;
    behavior: url(../PIE.htc);
	margin: 0 20px 0 20px;}
	
	
#left {
	width:330px;
	height:340px;
	float:left;
	margin:0 0 0 40px ;
	padding: 20px 10px 0 20px;
	border: 1px solid #999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	 -webkit-box-shadow: #CCC 0 0 .25em;
    -moz-box-shadow: #CCC 0 0 .25em;
    box-shadow: #CCC 0 0 .25em;
	behavior: url(file:///Mac%20HD/Users/amanda/Documents/PIE.htc);
	background: -webkit-gradient(linear, 0 0, 0 70%, from(#f6f6f7), to(#FFF));
    background: -moz-linear-gradient(#f6f6f7, #FFF 70%);
    background: linear-gradient(#f6f6f7, #FFF 70%);
    -pie-background: linear-gradient(#f6f6f7, #FFF 70%);}
	
#google {
	width:330px;
	height:340px;
    border: 1px solid #999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	 -webkit-box-shadow: #CCC 0 0 .25em;
    -moz-box-shadow: #CCC 0 0 .25em;
    box-shadow: #CCC 0 0 .25em;
	behavior: url(file:///Mac%20HD/Users/amanda/Documents/PIE.htc);
	padding: 20px 0 0 20px;
	margin:0 0 0 440px;
	background: -webkit-gradient(linear, 0 0, 0 70%, from(#f6f6f7), to(#FFF));
    background: -moz-linear-gradient(#f6f6f7, #FFF 70%);
    background: linear-gradient(#f6f6f7, #FFF 70%);
    -pie-background: linear-gradient(#f6f6f7, #FFF 70%);}
	
#HallsCreekImage {
	/*width:330px;*/
	height:340px;
	float:left;
	margin:0 0 0 40px ;
	padding: 20px 0 0 20px;
	border: 1px solid #999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	 -webkit-box-shadow: #CCC 0 0 .25em;
    -moz-box-shadow: #CCC 0 0 .25em;
    box-shadow: #CCC 0 0 .25em;
	behavior: url(file:///Mac%20HD/Users/amanda/Documents/PIE.htc);
	background: -webkit-gradient(linear, 0 0, 0 70%, from(#f6f6f7), to(#FFF));
    background: -moz-linear-gradient(#f6f6f7, #FFF 70%);
    background: linear-gradient(#f6f6f7, #FFF 70%);
    -pie-background: linear-gradient(#f6f6f7, #FFF 70%);}
	
#HallsCreekImage img {
	padding: 0 20px 0 0;
	margin:0;
	border:none;}
	
#hallsCreek{
	width:330px;
	height:340px;
	margin:0 0 0 440px;
	padding: 20px 0 0 20px;
	border: 1px solid #999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	 -webkit-box-shadow: #CCC 0 0 .25em;
    -moz-box-shadow: #CCC 0 0 .25em;
    box-shadow: #CCC 0 0 .25em;
	behavior: url(file:///Mac%20HD/Users/amanda/Documents/PIE.htc);
	background: -webkit-gradient(linear, 0 0, 0 70%, from(#f6f6f7), to(#FFF));
    background: -moz-linear-gradient(#f6f6f7, #FFF 70%);
    background: linear-gradient(#f6f6f7, #FFF 70%);
    -pie-background: linear-gradient(#f6f6f7, #FFF 70%);}
	
#bottom {
	margin:20px 0 0 0;
	padding:0;}
	
#footer {
	text-align:center;
	margin:0 auto;
	font: .9em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding:20px 0 20px 0;}
	
#footer a {
	color:#FD5554;
	text-decoration:none;
	outline:none;}