@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
html, body, h1, h2, h3, h4, h5, h6, p, img, ul, ol, li, form, fieldset {
    border: 0px none;
    margin: 0px;
    padding: 0px;
}
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}
	html, body {
		width: 100%;
			height: 100%;
	}
	body {
		background:#e2dcc7;	
	}
	.areaOfLaw a {
		text-decoration:none;	
	}
	
		

@media only screen and (min-width: 300px) and (max-width: 450px){
	#splashContent {
			width:100%;
			overflow:hidden;
			position:relative;
			height:300px;
			background-repeat:no-repeat;
			-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover 	;
	background-position:center;
	text-align:center;
	border-top:5px solid white;
	
		}
			#tagline {
			background:#5b7897;
			border-radius:15px;
			position:absolute;
			height:240px;
			width:260px;
			left:5%;
			opacity:.8;
			margin-top:2em;
		}
			#tagline h3 {
		padding:.5em;
		font-size:130%;	
	}
					#navContent {
			background:#ba8356;
			border-top:5px solid white;
			
			padding-left:5%;
			padding-bottom:1em;
			
		}
		#navContent h1 {
			font-weight:300;
			font-size:140%;	
		}
		.areaOfLaw {
			position:relative;
			display:inline-block;
			width:160px;
			height:160px;
				
			text-align:center;
			margin-left:.5em;
			margin-right:.5em;
			padding-top:.5em;
		}
		.areaOfLaw img {
			width:130px;	
		}
		}
		@media only screen and (min-width: 451px) and (max-width: 780px){
	#splashContent {
			width:100%;
			overflow:hidden;
			position:relative;
			height:300px;
			background-repeat:no-repeat;
			-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover 	;
	border-top:5px solid white;
		}
			#tagline {
			background:#5b7897;
			border-radius:15px;
			position:absolute;
			height:250px;
			width:300px;
			opacity:.8;
			right:10%;
			margin-top:2em;
			margin-left:6em;	
		}
			#tagline h3 {
		padding:.5em;
		font-size:140%;	
	}
					#navContent {
			background:#ba8356;
			border-top:5px solid white;
			
			padding-left:5%;
			padding-bottom:1em;
			
		}
		#navContent h1 {
			font-weight:300;
			font-size:140%;	
		}
		.areaOfLaw {
			position:relative;
			display:inline-block;
			width:160px;
			height:160px;
				
			text-align:center;
			margin-left:.5em;
			margin-right:.5em;
			padding-top:.5em;
		}
		.areaOfLaw img {
			width:130px;	
		}
		}
	@media only screen and (min-width: 781px) and (max-width: 949px){
			#splashContent {
			width:100%;
			overflow:hidden;
			position:relative;
			height:300px;
			background-repeat: no-repeat;
			-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
	border-top:5px solid white;	
		}
		#tagline {
			background:#5b7897;
			border-radius:15px;
			position:absolute;
			height:250px;
			width:300px;
			opacity:.8;
			right:10%;
			margin-top:2em;
			margin-left:6em;	
		}
		#tagline h3 {
		padding:.5em;
		font-size:140%;	
	}
				#navContent {
			background:#ba8356;
			border-top:5px solid white;
			height:180px;
			padding-left:15%;
			
		}
		#navContent h1 {
			font-weight:300;
			font-size:140%;	
		}
		.areaOfLaw {
			position:relative;
			display:inline-block;
			width:160px;
			height:160px;
				
			text-align:center;
			margin-left:1em;
			margin-right:1em;
			padding-top:.5em;
		}
		.areaOfLaw img {
			width:130px;	
		}
		}
	@media only screen and (min-width: 950px) and (max-width: 1199px){
			#splashContent {
			width:100%;
			overflow:hidden;
			position:relative;
			height:350px;
			background-repeat: no-repeat;
			-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
	border-top:5px solid white;	
		}
		#tagline {
			background:#5b7897;
			border-radius:15px;
			position:absolute;
			height:250px;
			width:300px;
			opacity:.8;
			right:10%;
			margin-top:4em;
			margin-left:6em;	
		}
		#tagline h3 {
		padding:.5em;
		font-size:140%;	
	}
			#navContent {
			background:#ba8356;
			border-top:5px solid white;
			height:200px;
			padding-left:10%;
			
		}
		#navContent h1 {
			font-weight:300;
			font-size:140%;	
		}
		.areaOfLaw {
			position:relative;
			display:inline-block;
			width:180px;
			height:180px;
				
			text-align:center;
			margin-left:3em;
			margin-right:3em;
			padding-top:.5em;
		}
		.areaOfLaw img {
			width:150px;	
		}
		}
	@media only screen and (min-width: 1200px) {
		#splashContent {
			width:100%;
			overflow:hidden;
			position:relative;
			height:400px;
			background-repeat: no-repeat;
			-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
	border-top:5px solid white;	
		}
		#tagline {
			background:#5b7897;
			border-radius:15px;
			position:absolute;
			height:280px;
			width:300px;
			opacity:.8;
			right:10%;
			margin-top:4em;
			margin-left:6em;	
		}
		#tagline h3 {
		padding:1em;
		font-size:140%;	
	}
		#navContent {
			background:#ba8356;
			border-top:5px solid white;
			height:200px;
			padding-left:15%;
			
		}
		#navContent h1 {
			font-weight:300;
			font-size:140%;	
		}
		.areaOfLaw {
			position:relative;
			display:inline-block;
			width:180px;
			height:180px;
				
			text-align:center;
			margin-left:3em;
			margin-right:3em;
			padding-top:.5em;
		}
		.areaOfLaw img {
			width:150px;	
		}
	
	}