/* CSS Document */

body {margin:0px auto auto auto;}

#menu-mobile {position:absolute;right:5vw;top:1vw;width:5vw;cursor:pointer;z-index:50}

.largetext {font-size:1.5em}
.xlargetext {font-size:2em}

.largetext1 {font-size:2.5em}

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

.spacer {height:1.5em}


#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;
}

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


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

.title {font-size:2em;text-decoration:underline;text-align:center;z-index:2;text-shadow: 2px 2px 4px #000000}
      
#header2
{
position:relative;
text-align:center;
color:#fff;
margin:10px auto auto auto
}

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

#footer
{
padding-top:20px;
padding-bottom:30px;
border-top:solid 4px #555;
}

#footnav
{
text-align:center;
margin:auto auto 20px auto;
max-width:80%;
line-height:180%;
}

#footnav a:link {color:#fff;margin:10px;white-space:nowrap; }
#footnav a:visited {color:#fff; }
#footnav a:hover {color:#ccc; } 
#footnavbreak {display:none;}

#footnavclose{display:none;}

/* CONTENT */

.maincontent
{ 
position:relative;
margin:0.5em auto;
max-width:1400px;
padding:0px 2vh;
}


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

.topright img{
width:100%; 
height:auto;
margin:0px auto 2em auto;
}

.maintext{width:48%;}

.topleft {
float:left;
width:58%;
text-align:left;
}

#sform {margin:auto}

.fullpagetext{ font-size:1.5em}

/* portfolio */   
.portfolio a {display:inline-block;width:23%;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%}