@charset "utf-8";
/* CSS Document */
.sliderframe { position: relative; overflow: auto; }
    .sliderframe li { list-style: none; }
        .sliderframe ul li { float: left; }

body { 
	background-image:url(images/nashville_bkg.jpg);
	background-repeat: no-repeat; 
	background-attachment: fixed; 
	background-size:cover; 
	font-family: "Open Sans", sans-serif;
	font-size: 12px; 
	text-align: center; 
	color: #333;
	margin-left: 80px;
	margin-right: 60px;
	margin-top: -20px;
	margin-bottom: 20px;
	padding: 2em; 
}

hr { display: block; height: 1px; border: none; border-top: 2px solid #D90000; margin: 1em 0; padding: 0; box-shadow: 3px 3px 3px #333;}

h1 {color: #D90000; font-size:16px; font-weight:bold; padding-bottom:3px;}
h2 {color: #333; font-size:14px; font-weight:bold;}
h3 {color: #D90000; font-size:14px; font-weight:bold;letter-spacing: .1em;}

	a { color: #D90000; text-decoration: none; }
	a:hover { text-decoration: underline; }
	
#css-table { display: table; }
		
	#css-table .col-main { 
			display: table-cell; 
			width:70%;
			margin: 0px 30px 0px 0px; 
			text-align: left; 
			font-size:14px;
			line-height: 1.3 em;
			overflow:auto; 
			background: #fff; 
			padding: 20px; 
			opacity: 0.95;
			box-shadow: 5px 5px 10px #222;
	}
	#css-table .col-gap { 
			display: table-cell;
			padding:10px; 
	}
	#css-table .col-side { 
			display: table-cell;
			background: #fff; 
			opacity: 0.95;
			text-align: left; 
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 14px;
			padding: 20px;
			overflow:auto;
			box-shadow: 5px 5px 10px #222; 
	}


header { overflow: hidden; clear: both; line-height:normal; }
		
	header hgroup { margin-left: auto; margin-right: auto; margin-bottom:-40px; }
			header hgroup h1 { font-family:"Goblin One", serif; font-size: 90px; text-transform: uppercase; text-shadow: 10px 10px 20px #000; letter-spacing: .4em;}
			header hgroup h2 { font-size: 26px; text-shadow: 1px 1px 0 #000; font-weight: normal; }
			
			header nav { float: left; margin-top:50px; }
				header nav ul { margin: 0; padding: 0; overflow: hidden; text-align:left;}
					header nav ul li { list-style: none; display: block; margin: 0; padding: 0;  font-size: 14px; letter-spacing: .3em; text-transform: uppercase; }
					header nav ul li:last-child { border: 0; }
						header nav ul li a { 
							text-align: left; 
							display: block;  
							padding: 6px 6px; 
							color: #fff; 
							text-decoration: none;
							-webkit-transition-property: background; 
							-webkit-transition-duration: .5s; 
							-webkit-transition-timing-function: linear;  }
						header nav ul li a:hover { text-decoration: none; color: #D90000; }
						

.picbox_right {
	float:right; 
	margin: 0 0 0 10px;
}
.picbox_left { 
	float:left; 
	margin: 0 10px 0 0; 
}
.clearfix {clear:both;}		
		
section {text-align:left;width:48%; float:left;}
	section ul {
		margin-top: 1em;
		margin-bottom: 1em;
		margin-left: 0;
		margin-right: 0;
		padding-left: 10px;
	}
			section ul li{
			display: block;
			list-style-type: none;
		}

footer { 
	margin-top: 5px;
	padding: 10px 20px; 
	font-size: 13px; 
	letter-spacing: .2em; 
	color: #D90000; 
	text-align:center;
	clear:both;
}
		
		footer nav ul { margin: 0 0 8px 0; padding: 0; text-align:center;}
			footer nav ul li { list-style: none; display: inline;font-size: 14px; margin-right: 12px; }
				
				.style13 {font-size:13px;}
				.styleCOPY {font-size:12px;}
				.style11 {font-size:11px;}
				.styleITAL {font-style:italic}
				.styleTITLE {font-size:16px; color:#D90000; font-weight:bold;}
				.styleNAVcolor {color: #D90000;}
				
img {
    -webkit-box-shadow: 3px 3px 3px #333;
    box-shadow: 3px 3px 3px #333;
	border-style:none;
    }
				
@media (max-width: 1200px) {

	body {margin-left:20px; margin-right:10px;}

}
/* --------------------------------------------
  iPad in landscape TO PUBLISH:
  @media (max-device-width: 1024px) and (orientation: landscape) {
-------------------------------------------- */

/* 	
	TO PREVIEW ON THE DESKTOP, REPLACE THE QUERY WITH THE FOLLOW:
	@media (max-width: 1024px) {  } 
*/
	
@media (max-device-width: 1024px) and (orientation: landscape) {	

body {margin-left:10px;}
section img {display: none;}
	

}

/* --------------------------------------------
  iPad in portrait  TO PUBLISH:
  @media (max-device-width: 1024px) and (orientation: portrait) {
-------------------------------------------- */

/* 	
	TO PREVIEW ON THE DESKTOP, REPLACE THE QUERY WITH THE FOLLOW:
	@media (max-width: 768px) {  } 
*/

  @media (max-device-width: 1024px) and (orientation: portrait) {
	
		#css-table { margin-right:30px;	}

		 #css-table .col-main { 
			display: block;
			width:100%;
			padding: 15px; 
        }
		#css-table .col-gap {
			display: block;
		}
		#css-table .col-side { 
			display: block; 
			width:100%;
			padding: 15px;
        }
	
section {float:none; width:auto;}

	
	header hgroup {margin-top: 50px;}
	header hgroup h1 {  font-size:60px; }
	header nav ul li { line-height:1em; }
	
}

@media (max-width: 600px) {

	body {margin-left: 0; margin-top:10px; margin:5; padding:0;}
	
	
			#css-table .col-gap { padding:5px; }


			header hgroup h1 { font-size: 48px; }
			header hgroup h2 { font-size: 14px; }
	


	footer { padding: 10px; font-size: 12px; }
}