@charset "utf-8";

img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

.fluid {
clear: both;
margin-left: 0;
width: 100%;
float: left;
display: block;
}
.fluidList {
list-style:none;
list-style-image:none;
margin:0;
padding:0;        
}
html { 
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
html, button, input, select, textarea { 
font-family: Verdana; 
color: #222; 
}
body { 
margin-left:0; 
font-size: 1em; 
line-height: 1.4;
}
ul, ol { margin: 1em 0; padding: 0 0 0 20px; }
li {margin-bottom:0.5em; list-style:square; }
dd { margin: 0 0 0 20px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
p {
margin-left:0.67em;	
}
a { color: #4D7EE0;
text-decoration:none;
font-weight:bold; }
a:visited { color: #4D7EE0 }
a:hover { color: #A93791; }
a:focus { outline: thin dotted; }
@media only screen and (min-width:320px){
.gridContainer {
margin-left: auto;
margin-right: auto;
width: 95%;
padding-left: 1.82%;
padding-right: 1.82%;
	}
h1 {
display:block;
font-size:1.4em;
font-weight:bold;
margin-top:0.67em;
margin-bottom:0.67em;
margin-left:0;
margin-right:0;
color:#06A4A4;
}
h2,h3,h4 {
display:block;
font-size:1.5em;
font-weight:bold;
margin-top:0.67em;
margin-bottom:0.67em;
margin-left:0;
margin-right:0;
color:#06A4A4;
}
#banner {
border-bottom-color: #06A4A4;
border-bottom-style: solid;
border-bottom-width:3px;
}
#logo {
width: 100%;
text-align:center;
}
#logo img {
width:20%;
}
#title {
width: 100%;
text-align:center;
margin-left:auto;
margin-right:auto;
clear: both;
}
#title img {
width:94%;
}
#call {
width: 100%;
text-align:center;
}
#call img {
width:50%;
padding-bottom:8px;
}
#main {
width: 95%;
display: block;
}
.chrisimage {
display:none;		
}
.topimage{
text-align:center;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
}
.blog-post{
margin-left:auto;
margin-right:auto;
margin-bottom:20px;	
	}
#main img {
margin:auto;
margin-bottom:15px;
}
.contrast-text {
color:#9E9E9E;
font-weight:bold;
font-size:1.2em;
}
.purple {
color:#936;
font-weight:bold;
}
.red {
color:rgba(236,35,38,1.00);
font-weight:bold;
font-size:1.2em;
}
#sidecolumn {
clear: both;
display: block;
background-color:#F8F8F8;
}
.facebook{
display:none;
}
div.form-wrapper {
background-color:#bfebea;
padding:15px 15px 15px 15px;
margin-bottom:20px;
}
#footer {
clear: both;
float: left;
padding-top:20px;
margin-bottom:20px;
width: 100%;
display: block;
border-top-color: #06A4A4;
border-top-style: solid;
border-top-width:3px;
}
}
@media only screen and (min-width: 480px) {
.gridContainer {
width: 90.675%;
padding-left: 1.1625%;
padding-right: 1.1625%;
}
#logo {
width: 100%;
text-align:center;
}
#logo img {
width:15%;
}
#title {
width: 100%;
text-align:center;
margin-left:auto;
margin-right:auto;
clear: both;
}
#title img {
width:94%;
}
#call {
width: 100%;
text-align:center;
}
#call img {
width:50%;
}
#main {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
#sidecolumn {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
.facebook{
display:none;
}
div.wrapper{
text-align:center;
width:auto;
}
#footer {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
}
@media only screen and (min-width:700px) {
.gridContainer {
width: 88.5%;
max-width: 1232px;
padding-left: 0.75%;
padding-right: 0.75%;
margin: auto;
}
#banner{
min-height:70px;
}	
#logo {
width: 10%;
}
#logo img {
width:75%;
margin-top:8%;
margin-left:-40%;
}
#title {
width: 55%;
margin-left:15%;
}
#title img {
width:90%;
margin-top:-13%;
float:left;
}
#call {
float:right;
width: 35%;
}
#call img {
width:75%;
margin-top:-18%;
float:right;
}
#nav {
clear: both;
float: left;
margin-left: 0;
margin-top:18px;
width: 100%;
display: block;
}
#main {
clear: left;
float: left;
width: 55%;
margin-top:-30px;
display: block;
}
#sidecolumn{
float:right;
clear:right;
width:40%	
}
.facebook{
display:none;
}
}
@media only screen and (min-width: 1000px){
#banner{
min-height:100px;		
}
#main{
float:left;
clear:left;
width:66%;
margin-top:2px;
}
.chrisimage {
display:block;
float:left;
clear:left;
width:30%;
margin-right:2px;
margin-top:7px;
}
#sidecolumn {
clear: right;
float:right;
margin-top:30px;
width:27%;
margin-left:7%;
}
.facebook{
display:none;
}
.court-img {
float:left;
margin-right:300px;
margin-bottom:20px;
width:900px;
height:auto;
}
div.wrapper{
width:100%;
}
#footer {
clear: both;
float: left;
margin-left: 0;
width: 100%;
display: block;
}
}
@media only screen and (min-width: 1350px){
.facebook{
display:block;
margin-top: 30px;
}	
}