/*-----------------------------------------------
Author:   Jason Cooper
Date:  Jan 1 2010

Colour palette:
#555555 / Dark Grey
#555555 / Dark Grey
#555555 / Dark Grey
----------------------------------------------- */


/* Browser Resets
----------------------------------------------- */

html, body, div, h1, h2, h3, ul, ol, li, form, fieldset,  input, textarea {  
	margin: 0;
	padding: 0;  
	font-size: 100%;  
	}  
ul {list-style: none;}  
img, fieldset {border: 0;}  
h1, h2, h3 {font-weight: normal;}  
em {font-style: italic;}  
strong {font-weight: bold;}  

p {
	margin: 8px 0 8px 0;
	}


/* Global 
----------------------------------------------- */
h1 {
	font-family: helvetica, tahoma, sans-serif;
  	font-size: 20px;
  	line-height: 24px;	
	}
h2 {
	font-family: helvetica, tahoma, sans-serif;
  	font-size: 18px;
  	line-height: 20px;	
	}
h3 {
	font-family: helvetica, tahoma, sans-serif;
  	font-size: 16px;
  	line-height: 20px;	
	}	

a:link, 
a:visited, 
a:active {
	color: #3c2314;
    text-decoration: underline;
    font-weight: bold;
	}    
a:hover {
	color: #00423e;
    text-decoration: none;
	}  

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
	.clearfix { display: inline-block; }
	/* start commented backslash hack \*/
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }
	/* close commented backslash hack */

hr {
  border: none;
  background-color: #ffcd61;
  color: #ffcd61;
  height: 1px;
}

 img, div, input { behavior: url("iepngfix.htc") }


	
/* Header 
----------------------------------------------- */	
#header {
	height: 221px;
	}
	#photoRotate {
		float: left;
		width: 400px;
		margin: 0 0 0 40px;
		}
	#welcome {
		float: right;
		width: 425px;
		margin: 70px 90px 0 0;
		}
	
	
/* Body 
----------------------------------------------- */
body {
	background: #00423e url("../media/mainBg.jpg") no-repeat top center;
  	font-family: arial, sans-serif;
  	font-size: 15px;
  	line-height: 18px;
  	color: #3c2314;
  	text-align: center;
	}

body#iphone {
	background: #014042 url("../media/mainBg2.jpg") no-repeat top center;
  	font-family: arial, sans-serif;
  	font-size: 15px;
  	line-height: 18px;
  	color: #3c2314;
  	text-align: center;
	}


#container {
	margin: 0 auto;
	width: 960px;
	}
	
#main {
  	text-align: left;
	}	
	#main a:link {
		margin: 10px 0 0 0;
		position: relative;
		top: 10px;
		}
	#main #col1 {
		float: left;
		width: 255px;
		margin: 0 0 0 40px;
		padding: 0 20px 0 0;
		}
		#main #col1 .imgHeader {
			height: 138px
			}
	#main #col2 {
		float: left;
		width: 275px;
		margin: 0 0 0 25px;
		padding: 0 0 0 0;
		}
		#main #col2 .imgHeader {
			height: 138px
			}
			#main #col2 .imgHeader img{
			position: relative;
			top: 50px
			}	
	#main #col3 {
		float: right;
		width: 275px;
		margin: 0 20px 0 0;
		padding: 0 0 0 0;
		}
		#main #col3 .imgHeader {
			height: 138px
			}	
			#main #col3 .imgHeader img{
			position: relative;
			top: 50px
			}		
			
#newBraunfels {
	margin: 80px 0 0 0;
	}


/* Common
----------------------------------------------- */	
.imgLeft {
	float: left;
	padding: 0 20px 20px 0;
	}
.imgRight {
	float: left;
	padding: 0 20px 20px 0;
	}
	

/* Footer 
----------------------------------------------- */
#footer {
	text-align: center;
	margin: 70px 0 0 0;
	font-size: 9px;
	color: #fff;
	}	
	#footer a:link, 
	#footer a:visited, 
	#footer a:active {
		color: #fff;
		text-decoration: underline;
		}    
	#footer a:hover {
		text-decoration: none;
		}  
	#footer  #col1 {
		float: left;
		width: 290px;
		margin: 0 0 10px 45px;
		}
	#footer  #col2 {
		float: left;
		width: 290px;
		margin: 0 0 10px 0;
		}
	#footer  #col3 {
		float: left;
		width: 290px;
		margin: 0 0 10px 0;
		}