/*********** CSS Reset ***********/
*	{ 
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	font-family:Arial, Helvetica, sans-serif;
}

/* ++++++++++++++++++++++ final CSS ++++++++++++++++++++++++*/

aside, article, section, header, footer, nav, html, body, p, h1, h2, h3, div {
	  margin: 0;
	  padding: 0;
}

html {
	  background-image:url(../images/texture0216.jpg);
	  position:relative;
	  min-height:100%;
}

body {
	  margin:0 auto 5em 0; /*5em is footer height*/
	  font: 16px Tahoma, Geneva, sans-serif;
/*	  width:80%;
	  max-width:960px;*/
}


/* CONTENT Styles */
  
header {
	 	display:block;
	  padding: 1.5em 0 0.5em 0;
		margin:auto;
}
header img {
		display:block;
		width:800px;
		max-width:80%;
		margin:auto;
		text-decoration:none;
		border:0px;
}
section {
	width:768px;
	min-height:400px;
	margin:1em auto 0 auto;
	text-align:left;	
}

section ul {
	margin:0 auto 2em auto;
	max-width:80%;
}

section li {
	list-style-type: none;
	margin-bottom:1em;
}

h2.pageid{
	  padding: 0 1em 0 0;
	  color:rgb(150, 168, 156);
	  font-size: 1.3em;
}

h1 {
	 font-size:1.6em;
	 margin:0 0 .5em .5em;
}

h2 {
	  font-size: 1.3em;
	  color:rgb(126,90,30);
	  margin:0 0 .5em 1em;
}

h3	{
	font-size: 1.15em;
	color:rgb(126,63,21);
	margin:0 0 .5em 1.5em;
}

h4	{
	font-size: 1em;
	color: #000;
	margin:0 0 .5em 2em;
}

p {
	  margin:0 auto 1em auto;
	  max-width:90%;
	  background-color:none;
}

.bottom-space { 
	padding-bottom:8em;
	
}

figure {
	text-align:center;
	padding:1em;
}

.go-right {
	float:right;
}

.go-left {
	float:left;	
}

.go-clear{
	clear:both;	
}

figcaption {
	color:rgb(184,81,68);
	font-style:oblique;
}

section figure img {
	border: 3px solid rgb(184,81,68);	
}

section ul li {
	padding-top:2em;
}

a {
	text-decoration: none;
	color:rgb(126,51,34);
}
a:hover {
	color:rgb(184,81,68);
}

/*++++++++++ NAV ++++++++++*/
#main-menu-contain	{
	margin-top:1em;
	width:100%;
	height:2.65em;
	background-color:rgb(126,51,34);
}

#main-menu	{
	max-width:960px;
	margin:0 auto;
	text-align:center;
}
#main-menu ul	{
	max-width:768px;
	list-style-type:none;
	margin:0 auto;
	position:relative; /*for positioning subnav as absolute*/
}

#main-menu ul li	{
	width:25%;
	/*width:33.333%;*/
	float:left;
}

#main-menu li a	{
	display:block;
	padding: .73em 3% .8em 3%;
	color:#fff;
}

#main-menu li a:hover	{
	background-color:rgb(244,123,41);
	color:#000;
	transition: visibility 0s linear 0.5s, opacity 0.5s linear;
}
/*#main-menu li a:hover	{
	background-color:rgb(184,145,68);
	color:#000;
	++++++++++Slowing the transition on hover ++++++++++
	transition-property:background-color, color;
	transition-duration:0.4s;
	-moz-transition-property:background-color, color;
	-moz-transition-duration:0.4s;
	-webkit-transition-property:background-color, color;
	-webkit-transition-duration:0.4s;	
}*/
/*++++++++++++++++++++++++SUBNAV+++++++++++++++++++*/
#main-menu ul li ul	{
	position:absolute;
	visibility:hidden;
	opacity:0;
	transition: visibility 0s linear 0.5s, opacity 0.5s linear;
	margin-left:5em;
}

#main-menu ul li:hover ul {
	visibility:visible;
	opacity:1;
	transition-delay:0s;
	color:rgb(244,123,41);
}

#main-menu ul li ul li {
	float:none;
	width:200%;
	background-color:rgb(184,145,68);
}

#main-menu ul li ul li a {
	color:#000;
}

#main-menu ul li ul li a:hover {
	color:#fff;
}

footer {
		clear:both;
		margin-top:1em;
	  position:absolute;
	  bottom:0;
	  padding:.2em 0 1em 0;
	  width:100%;
	  height:auto; 
	  background: rgb(184,145,68);
	  font:0.75em Tahoma, Geneva, sans-serif;
	  letter-spacing: 0.2em;
	  text-align: center;
	  color: #fff;	  
}

footer ul {
		margin:0 auto;
		width:768px;
	    list-style-type: none;
    	text-align: center;
    	padding: 0.5em;
}

footer li {
	margin: 0 .15em;
	list-style: none;
	display: inline-block;
    }
  
footer li a {
	color:#fff;
    text-decoration: none;
    }
  
footer li a:hover
    {
    color:rgb(255, 116, 11);
    }
footer p {
	margin:0 auto;
	padding:0 0 .3em 0;
	text-align: center;
	color:#fff;
	background:none;
}
/*+++++++++++++++++++++++++++++ Form ++++++++++++++++++++++++*/	

formwrap	{
	padding:20px;
	background-color:#fff;
	color:#06966f;
	
	border:2px solid #000;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
}

form	{
	font-family:Tahoma, Geneva, sans-serif;
	max-width:85%;
	margin:0 auto;
}
	
label {
    display:block;
    padding-top:1em;
	margin-bottom:1em;

}
	
input {
	max-width:60%;
	height:2em;
	background:#EEE;
	border:1px solid rgb(195, 171, 131);
	padding:.5em .2em;
    font-size:0.9em;
}

textarea {
	max-width:80%;
	height:15em;
	background:#EEE;
	border:1px solid rgb(195, 171, 131);
	padding:.5em .2em;
    font-size:0.9em;
	margin-bottom:1em;
}

input:focus, textarea:focus {
    border:1px solid rgb(255, 116, 11);
}

.radio {
	width:3em;
	height:2em;
}

.sendButton{
	display:block;
	padding:1em;
    width:5em;
    height:3em;
	margin-bottom:3em;
	font-size:0.9em;
}
/*.area	{width: 3em;}
.exchange	{width: 3em;}
.lastfour	{width: 4em;}*/
.stretch	{width:90%;}

.sendButton:hover {
	 opacity:0.5;
	 background:#8B3D3E;
	}
.client	{
	font-size:1.2em;
	font-weight:bold;
	font-style:oblique;
	width:100%;
}
/* RESPONSIVE BREAK POINTS AND STYLES */
@mediascreen and (max-width:768px) {
	body {
		max-width:80%;	
	}
	section {
		max-width:70%;
	}
	img {
		max-width:400px;
	}
}
@mediascreen and (max-width:320px) {
	body {
		max-width:90%;	
	}
	section {
		max-width:90%;
	}
	img {
		max-width:80%;	
	}
}