/* CSS Document */

body {
margin:0px auto auto auto;
}


#menu-mobile {z-index:40;position:absolute;right:3vw;top:1em;width:4em;cursor:pointer}

#popnav{left:15vw;right:15vw;top:10vh;bottom:10vh;}


#header
{        
background-color:#708090;
background-image:url('images/header.jpg');
border-bottom:solid 1px #000; 
position:relative;    
}

#menusearch{
position:absolute;right:5vw;bottom:20%;z-index:10000;
}


#header1
{
margin:auto;
position:relative;
text-align:center;
height:140px;
white-space:nowrap;
overflow:hidden;
font-size:1.5em;   
}

.title {font-size:2em;text-decoration:underline;text-align:center;z-index:2;text-shadow: 2px 2px 4px #000000}


.headerlock
{position:fixed;left:0px;right:0px;top:0px;z-index:50}
.headerpad {height:170px}
.headerunlock{position:relative}

#logoimage {max-width:306px;height:140px;position:absolute;left:2em;top:0px;z-index:0; }

#header2
{
position:relative;
text-align:center;
color:#fff;
margin:10px auto auto auto
}


#headnav
{
max-width:800px;
font-size:1.0em;
}

@media (max-width: 720px) {
.gpp {display:none;}
#headnav {font-size:1.3em};
}

#headnav2
{
position:relative;
margin:auto;
text-align:center;
z-index:2;
}

@media (max-height: 720px)
{
#menu-mobile {top:1em;}
}

#footer
{
padding-top:10px;
padding-bottom:10px;
border-top:solid 2px #555;
}

#footnav
{
text-align:center;
margin:auto auto 15px auto;
line-height:180%;
}
#footnav a {color:#fff;margin:10px}
#footnav a:hover {color:#ccc}
#footnavclose{display:none;}

     
      /* CONTENT */

.maincontent
{
position:relative;
margin:0.em;
padding:0px 1vw;
}

.breakmargin
{margin-left:-3vw;margin-right:-3vw}


                      
#topimage img:last-child {display:none;}
#topimage {text-align:center}
#topimage img {width:49%;margin:0}

.topleft {width:60%;float:left;}

.topright
{                                                                               
display:inline;
float:right;
width:38%;
height:auto;
overflow:auto;
text-align:center;
}  

#sform {margin:auto}
  

.maintext{
width:48%;
}   

/* portfolio */   
.portfolio a {display:inline-block;width:31%;margin:1%;padding:0}  

.vert-horiz  {text-align:left}
.vert-horiz img {max-height:15em;width:auto;max-width:80%;;margin-left:5%}


.lfloat30
{float:left;width:28%}

.rfloat30
{float:right;width:28%}

.lfloat70
{float:left;width:68%}

.rfloat70
{float:right;width:68%}

.lfloat50
{float:left;width:48%}

.rfloat50
{float:right;width:48%}