﻿/************************************************************************************STRUCTURE*************************************************************************************/
#topbar { height:4px; width:100%; background-color:#DF0101; }
#pagewrap { padding: 5px; width: 960px; margin: 0 auto; }

#content {color:#3B240B;	width: 960px; float: left; }
#sidebar {	width: 300px; float: right;}


.modtable { width: 100%; border-collapse: collapse; }
.modtable td {
border: 1px solid #B43104;
padding: 0.2em;
vertical-align: top;
color: #B43104;
}
.modtable td a {
padding: 0.2em;
vertical-align: top;
color: #B43104;
}
.modtable th {
border: 1px solid #B43104;
background-color: #81DAF5;
color: #B43104;
padding: 0.2em;
}

 
* {	padding: 0; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

a {color:#669; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { font: bold 36px/100% 'Palatino Linotype' , 'Trebuchet MS' , Arial; }
img { border-style:none; }	
ul { list-style: none;}
nav { width: 80%; margin: 1px auto; overflow: hidden; left:50%; }
nav ul { list-style: none; overflow: hidden; margin: 0 auto; }
nav li a { background: #61210B; border-right: 2px solid #FFFFFF;  display: block; float: left;  font-weight:bold; padding: 10px; text-align: center; text-decoration: none; text-transform: uppercase; width: 16.5%; 
           	/*TRANSISTIONS*/
	-webkit-transition: background 0.5s ease;
	   -moz-transition: background 0.5s ease;
	     -o-transition: background 0.5s ease;
	    -ms-transition: background 0.5s ease;
	        transition: background 0.5s ease;
}

table {
white-space: normal;
line-height: normal;
font-weight: normal;
font-size: medium;
font-variant: normal;
font-style: normal;
color: -webkit-text;
text-align: -webkit-auto;
}

/*HOVER*/
nav li a:hover {
	background: #B43104;
}

/*SMALL*/
nav small {
	font: 100 12px/1 'Palatino Linotype', Verdana, Arial, sans-serif;
	text-transform: none;
	color: #FFF;
}

/*BORDER FIX*/
nav li:last-child a {
	border: none;
}

/* MEDIA QUERIES*/
@media only screen and (max-width : 1220px),
only screen and (max-device-width : 1220px){
	nav { width: 80%; margin: 1px auto; overflow: hidden; }
	nav li a {
		width: 33%;
		border-bottom: 1px solid #fff;	
		font: 400 12px/1.4 'Cutive', Helvetica, Verdana, Arial, sans-serif;
	}
	
	nav small {
		font: 100 10px/1 'Palatino Linotype', Verdana, Arial, sans-serif;
	}
}

@media only screen and (max-width : 930px), /* ipad */
only screen and (max-device-width : 930px){
		
	nav li:last-child a {
		border-right: none;
	}
	
	nav li:nth-child(5) a, nav li:nth-child(6) a, nav li:nth-child(7) a, nav li:nth-child(8) a {
		border-bottom: none;
	}
	
	#content, #footer
	{
	    width: 95%;
	}	
	
	#sidebar
	{
	    width: 30%;
	
	}
}

@media only screen and (max-width : 580px),
only screen and (max-device-width : 580px){
	nav li a {
		width: 50%;
		font: 400 12px/1.4 'Cutive', Helvetica, Verdana, Arial, sans-serif;
		padding-top: 12px;
		padding-bottom: 12px;
	}
	
	nav li:nth-child(even) a {
		border-right: none;
	}
	
	nav li:nth-child(5) a, nav li:nth-child(6) a {
		border-bottom: 1px solid #fff;
	}
	
	h1  
	{
	    font-size: 24px; 
	}	
    #sidebar 
    { 
        display: none; 
    }    
    
    
    #content, #footer
    {
        width: 95%    
    }
}

@media only screen and (max-width : 320px), /* iphone */
only screen and (max-device-width : 320px){
	nav { width: 80%; margin: 1px auto; overflow: hidden; }
	nav li a {
		font: 600 16px/1.4 'Cutive', Helvetica, Verdana, Arial, sans-serif;
	}
	#content, #footer
	{
	    width: 95%;
	}	
}

.clear {clear:both;}

.logo {
  float: left;
}
/* ~~ Top Navigation Bar ~~ */

#navigation-container {
  width: 100%;
  margin: 0 auto;
  min-height: 96px;
  padding-left:2%;
}

.navigation-bar {
background-image: linear-gradient(#B43104, #FA8258);
  width: 100%;
  text-align:center;
}

.navigation-bar img{
  width:10%;
  float:left;
}

.navigation-bar ul {
  padding: 0px;
  margin: 0px;
  text-align: center;
  display:inline-block;
  vertical-align:top;

}

.navigation-bar li {
  list-style-type: none;
  padding: 0px;
  margin-top: 4px;
  margin-bottom: 4px;
  display: inline;
}

.navigation-bar li a {
  color: white;
  font-size: 18px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-decoration: none;
  line-height: 20px;
  padding: 5px 10px;
  opacity: .8;
  width: 180px;
  height: 50px;
}

#copyright {margin: 5px 0 0 0; color:#B43104； font-size:14px; font-family:Arial; text-align:center; }
#footer { width: 100%; text-align:center; font-size:14px;}
#copyright a {color:#3B240B; text-decoration: none; font-weight:bold; font-size:14px;}
#copyright a:hover { text-decoration: underline; }

body {margin:0; font: 1em/150% 'Palatino Linotype' , 'Trebuchet MS' , Arial;background-color: #81DAF5; }

h2 {
background-image: linear-gradient(to right,#B43104, #FA8258);
padding:10px;
background-position: left center;
background-repeat: no-repeat;
color:#FFFFFF;
}

* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */

.column {
  float: left;
  width: 50%;
  padding: 5px;
  border-width: 0px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  display: block;
  width: 100%;
  }

.rslides ul {
  position: absolute;
  width: 100%;
  display: block;
  left: 0;
  top: 0;
  }

.rslides li {
  position: absolute;
  width: 100%;
  display: block;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  width: 100%;
  align:center;
  border: 0;
  }

.contact-form{
  width:100%;
  border-style:solid;
  border-color: gray;
  text-align:left;
  padding-top: 10px;
  padding-right:10px;
  padding-left:50px;
  background: #086A87;
  color:#ffffff;
 font-size: 15px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

p, p a{
   font-size: 15px;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #61210B;
}
