/* 
    Created on : Mar 14, 2016
    Author     : Drake Mortimer and Dan Gray
*/
/*header styles*/
#Right  {
    float: right; 
    width: 71.72%; 
    height: 50%; 
    color: white; 
    background: #fff url("../Images/HeaderBackground.jpg"); 
    background-size: cover; 
    text-align: right; 
    padding-bottom: 4.2%; 
    border-left: solid white .3em; }
#Right a  {
    color: white; 
    text-decoration: none;
}
#Right p  {
    padding-right: 3%;
}
#Right a:hover {
    color: gray;
}
#left   {
    float:left; 
    width: 28%; 
    height: 50%; 
    background-color: dimgrey; 
    color: white; font-size: 170%; 
    text-align: center; 
    font-family: georgia; 
    text-shadow: 1px 1px 1px white;
}
#nav_menu	{
    clear: both; 
    width: 90%;
}
#Header		{
    position: fixed; 
    top: 0; 
    width: 90%; 
}
ul {
    list-style-type: none; 
    margin: 0; padding: 0; 
    overflow: hidden; 
    border: solid 1px #e7e7e7; 
    background-color: #e7e7e7; 
    position: fixed; 
    width: 89.91%; }
li {
    float: left;
}
li a {
    display: block; 
    color: black; 
    font-weight: bold; 
    border-right: solid 1px black; 
    text-align: center; 
    padding: 14px 16px; 
    text-decoration: none; 
    text-shadow: 1px 1px 1px gray; }
li a:hover  {
    background-color: #666666; 
    color: white; 
    text-shadow: 1px 1px 1px white;
}
/*Body styles*/
body    {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    width: 100%;
    margin: 0 auto; 
    overflow: scroll;
    background: #fff url("../Images/Background.png");
}
.Body {
    position: absolute;
    top: 24%;
    background-color: white;
    width: 90%;  
    padding-bottom: 2%;
}
div	{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    margin: 0 auto;}
#Container  {
    width: 90%; 
    background-color: white; 
    box-shadow: 5px 5px black;
}
.Map {
    position: relative;
    float: right;
    border: 2px solid black;
    margin-right: 1%;
    margin-top: 1%;
    padding: .2%;
    box-shadow: 0px 0px 10px black;
    border-radius: 5px;
    
}
.Contact {
    float: left;
    margin-left: 8%;
}
.Contact h2 {
    font-size: 90%;
    text-align: center;
}
.Contact h1 {
    font-size: 200%;
    text-align: center;
    
}
.form {
    border: 1px solid black;
    border-radius: 5px;
    padding: 5%;
}
.form h2 {
    font-size: 110%;
    margin-left: 0%;
}
.form br {
    font-size: 150%;
}
.current {
    background-color: gray;
}

/*Social Media Styles*/
#linked_in  {
    float:right;
}
#facebook_like  {
    float: right;
    margin-right:.5%;
    margin-top: .1%;
}
.fb-page {
   float: right;
   border: solid 1px black; 
   box-shadow: 5px 5px 5px black; 
   margin-right: .9%; 
   margin-bottom: 1%; 
   margin-top: .8%; 
}
.fb-like {
    padding-top: 13%;
    padding-left: 15%
}
/*Footer Styles*/
#footer {
    position: fixed; 
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    text-align: center;
    font-weight: bold;
    margin-bottom: -1%;
    clear: both;
}


/*Mobile Styles*/



/* hide the mobile menu initially */
#mobile_menu {
	display: none;
}
/* media queries */

/* tablet portrait to standard 960 */
@media only screen and (max-width: 959px) {
#nav_menu ul li a {
	font-size: 100%;                      /* 14 / 16 */
}
section h1, article h1 {
	font-size: 1.5em;                       /* 24 / 16 */
}
section h2, aside h2 {
	font-size: 1.125em;                     /* 18 / 16 */
}
}

/* mobile landscape to tablet portrait */
@media only screen and (max-width: 770px) and (min-width: 760px) {
#Right  {
    float: right; 
    width: 71.39%; 
    height: 50%; 
    color: white; 
    background: #fff url("images/HeaderBackground.jpg"); 
    background-size: cover; 
    text-align: right; 
    padding-bottom: 4.2%; 
    border-left: solid white .3em; }
#Right a  {
    color: white; 
    text-decoration: none;
}
#Right p  {
    padding-right: 3%;
}
#Right a:hover {
    color: gray;
}
#Wrapper    {
    
}
#left   {
    float:left; 
    width: 28%; 
    height: 50%; 
    background-color: dimgrey; 
    color: white; 
    font-size: 110%; 
    text-align: center; 
    font-family: georgia; 
    text-shadow: 1px 1px 1px white;
}
body    {
    font-family: Arial, Helvetica, sans-serif;
    width: 100%; 
    overflow: scroll;}
div	{
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 auto;}
#Container  {
    width: 90%; 
    background-color: white; 
    box-shadow: 5px 5px black;
}
#nav_menu	{
    clear: both; 
    width: 90%;
}
#Header		{ 
    width: 90%; 
    position: fixed;
}
ul {
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    overflow: hidden; 
    border: solid 1px #e7e7e7; 
    background-color: #e7e7e7; 
    position: fixed; 
    width: 89.81%; 
}
li {
    float: left;
}
li a {
    display: block; 
    color: black; 
    font-weight: bold; 
    border-right: solid 1px black; 
    text-align: center; 
    padding: 14px 16px; 
    text-decoration: none; 
    text-shadow: 1px 1px 1px gray; 
    font-size: 100%; 
}
li a:hover  {
    background-color: #666666; 
    color: white; 
    text-shadow: 1px 1px 1px white;
}
#footer {
    position: fixed; 
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    text-align: center;
    font-weight: bold;
    margin-bottom: -3.5%;
    font-size: 70%;
}
.Body {
    position: absolute;
    top: 20%;
    background-color: white;
    width: 90%;  
    padding-bottom: 2%;
}
.fb-page {
   float: right;
   border: solid 1px black; 
   margin-right: .5%; 
   margin-bottom: 1%; 
   margin-top: .1%; 
}
.fb-like {
    padding-top: 15%;
}
/* mobile portrait to mobile landscape */
@media only screen and (max-width: 479px) {
    #mobile_menu    {
        display: block;
        text-align: center;
    }
    #mobile_menu li a {
        text-decoration: none;
    }
    #nav_menu   {
        display: none;
    }
    .slicknav_menu {
	background-color: #e7e7e7 !important; text-decoration: none;	
    }
#Right  {
    float: right; 
    width: 70.39%; 
    height: 50%; 
    color: white; 
    background: #fff url("images/HeaderBackground.jpg"); 
    background-size: cover; 
    text-align: right; 
    padding-bottom: 4.2%; 
    border-left: solid white .3em; }
#Right a  {
    color: white; 
    text-decoration: none;
}
#Right p  {
    padding-right: 3%;
}
#Right a:hover {
    color: gray;
}
#Wrapper    {
    
}
#left   {
    float:left; 
    width: 28%; 
    height: 50%; 
    background-color: dimgrey; 
    color: white; 
    font-size: 71%; 
    text-align: center; 
    font-family: georgia; 
    text-shadow: 1px 1px 1px white;
}
body    {
    font-family: Arial, Helvetica, sans-serif;
    width: 100%; 
    overflow: scroll;}
div	{
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 auto;}
#Container  {
    width: 90%; 
    background-color: white; 
    box-shadow: 5px 5px black;
}
#nav_menu	{
    clear: both; 
    width: 90%;
}
#Header		{ 
    width: 90%; 
    position: fixed;
}
ul {
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    overflow: hidden; 
    border: solid 1px #e7e7e7; 
    background-color: #e7e7e7; 
    position: fixed; 
    width: 89.81%; 
}
li {
    float: none;
}
li a {
    display: inline; 
    color: black; 
    font-weight: bold; 
    border-right: none; 
    text-align: center; 
    padding: 14px 16px; 
    text-decoration: none; 
    text-shadow: 1px 1px 1px gray; 
    font-size: 100%; 
}
li a:hover  {
    background-color: #666666; 
    color: white; 
    text-shadow: 1px 1px 1px white;
}
#footer {
    position: fixed; 
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    text-align: center;
    font-weight: bold;
    margin-bottom: -3.5%;
    font-size: 70%;
}
.Body {
    background-color: white;
    width: 90%;  
    padding-bottom: 2%;
    clear: both;
    
}
.fb-page {
   float: none;
   border: solid 1px black; 
   width: 30%;
   margin-right: .5%; 
   margin-bottom: 1%; 
   margin-top: .1%; 
}
.fb-like {
    padding-top: 1%;
}
.linked_in  {
    float: none;
}
.facebook_like  {
    float: none;
}
}
}