@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}
html,
body {
   margin:0;
   padding:0;
   height:100%;
}
#container {
   min-height:100%;
   min-width:1200px;
   position:relative;
}
#header {
		background-color: transparent;

}
#body {
   padding:10px;
   padding-bottom:190px;   /* Height of the footer */
}
#logo {
	height: 65px;
	min-width: 100%;
	margin-top: auto;
	top: 0px;
	left: 0px;

	overflow:hidden;
}

#logo #logopic {
	min-width: 300px;
	height: auto;
	padding-left: 45px;
	float: left;
}

#logo #navigation {
	min-width: 600px;
	overflow: hidden;
	float: left;
	padding-top: 20px;
	background-image: transparent;
	background-repeat: repeat;
	position: absolute;
	right: 40px;
}

#logo #navigation li
{
	padding-left: 55px;

	display: inline;
	list-style-type: none;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	
		
}	

#logo #navigation li.active{
	color: #CCC;
}
ul li.active a
{
	color:#FFF
	
}
#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:190px;   /* Height of the footer */
   background:#161616;
}

#footer #footerlogo {
float:left;
padding-left:35px;
}

#footer #footerlinks {
	float: left;
	position: absolute;
	margin-top:20px;
	margin-left:100px;
	width:auto;
	
}
#footer #footerlinks li{
	display: inline;
	list-style-type: none;
	font-family: 'Open Sans', sans-serif;
	padding: 25px;
	font-weight: bold;
	margin-top: 20px;
	margin-left: 10px;
}
#footer #subscribelink {
	/**width: 400px;*/
	float: right;
	margin-right: 3%;
	margin-top: 20px;
	color: #FFF;

	
}

input#submitbutton {
border:2px groove #F90;
cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
padding: 3px 15px;
/*give the background a gradient - see cssdemos.tupence.co.uk/gradients.htm for more info*/
background-color:#C64D04; /*required for browsers that don't support gradients*/
background: -webkit-gradient(linear, left top, left bottom, from(#F1F53F), to(#C64D04));
background: -webkit-linear-gradient(top, #F1F53F, #C64D04);
background: -moz-linear-gradient(top, #F1F53F, #C64D04);
background: -o-linear-gradient(top, #F1F53F, #C64D04);
background: linear-gradient(top, #F1F53F, #C64D04);
/*style to the text inside the button*/
font-family:'Open Sans', sans-serif;
color:#FFF;
font-weight: bold;
font-size:1.1em;
letter-spacing:.1em;
font-variant:small-caps;
/*give the corners a small curve*/
-webkit-border-radius: 0 15px 15px 0;
-moz-border-radius: 0 15px 15px 0;
border-radius: 0 15px 15px 0;
/*add a drop shadow to the button*/
-webkit-box-shadow: rgba(0, 0, 0, .75) 0 2px 6px;
-moz-box-shadow: rgba(0, 0, 0, .75) 0 2px 6px;
box-shadow: rgba(0, 0, 0, .75) 0 2px 6px;
}
/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/
input#submitbutton:hover, input#submitbutton:focus {
color:#edebda;
/*reduce the spread of the shadow to give a pushed effect*/
-webkit-box-shadow: rgba(0, 0, 0, .25) 0 1px 0px;
-moz-box-shadow: rgba(0, 0, 0, .25) 0 1px 0px;
box-shadow: rgba(0, 0, 0, .25) 0 1px 0px;
}

input#emailbox{
	
	padding: 5px 15px;
}
#socialmedia {
	margin-left: 5%;
}

#footer #footercopyright{
	border-top-width: 2px;
	border-top-style: groove;
	border-top-color: #666;
	clear: both;
	color: #999;
	font-size: 12px;
}
a:hover{
	-moz-transition:color 0.2s linear;
	-o-transition:color 0.2s linear;
	-ms-transition:color 0.2s linear;
	-webkit-transition:color 0.2s linear;
	transition:color 0.2s linear;
	color: #FFF;	
}
a {
	text-decoration: none;
	/*color: #7d7d7d;*/
	-moz-transition: color 0.2s linear;
	-o-transition: color 0.2s linear;
	-ms-transition: color 0.2s linear;
	-webkit-transition: color 0.2s linear;
	transition: color 0.2s linear;
	color: #999;	
}