/* DESKTOP STYLESHEET */


/* OUTER ELEMENTS */

html {
margin:0;
padding:0;
height:100%;
}

body {
height:100%;
background-color: #ffffff;
color: #031329;
font-family: 'Lato', sans-serif;
font-weight:400;
font-size: 1em;
line-height:1.5em;
margin: 0px;
padding: 0px;
width: 100%;
position:relative;
}

div.main {
min-height:100%;
position:relative;
}

.lower {
padding-bottom:7em;
border:0;
}

.upper {
border-bottom:1px solid #666;
padding-bottom:3em;
}

/* HEADER */

header {
width:100%;
background-color:#4c4c4c;
}


#logo {
display:inline-block;
max-width:400px;
margin-top:20px;
margin-bottom:20px;
margin:20px, auto;
}


/* NAVIGATION */

nav {
width:100%;
padding:0px;
text-align:center;
text-align:center;
}

nav ul {
display:block;
margin:0;
padding:0;
background:#fff; 
}

nav li {
color:#4c4c4c; 
font-family: 'Lato', sans-serif;
font-size:.9em;
display:inline-block; 
list-style:none; 
padding:1em 1em;
margin:0px;
text-transform:uppercase;
letter-spacing: .08em;
}

li, li a, a h3 {
color:#367BC3; 
text-decoration:none;
}


nav li a {
display:block; 
width:inherit; 
height:inherit;
}

nav li:hover > a, nav li:hover {
color:#fff; 
background:#56000e; 
transition: background-color .30s ease-in-out, color .10s ease-in-out;
-moz-transition: background-color .30s ease-in-out, color .10s ease-in-out;
-webkit-transition: background-color .30s ease-in-out, color .10s ease-in-out;
}



/* BODY */

.mobile {
display:none;
}

.nomobile {
display:inline;
}

div.container {
position:relative;
width:100%;
max-width: 1200px;
margin: 0px auto;
padding: 0px;
vertical-align: top;
}

div.container + div.container {
margin-top: 2em;
}

img {
max-width:100%;
margin-top:1em;
}

img.icon {
max-width:60px;
display: inline;
margin:10px;
margin-right:3px;
padding:0;
}

img.bio {
margin-top:20px;
width:100%;
}

section {
padding:20px;
margin:0px;
overflow:hidden;
color:#031329;
}

.contact {
background: url(images/mike_rick.jpg) no-repeat center center;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.home {
background: url(images/iatm.jpg) no-repeat center center;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.hosp {
background: url(images/trucks.jpg) no-repeat center center;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.design {
background: url(images/design.jpg) no-repeat center center;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.mgmt {
background: url(images/mgmt.jpg) no-repeat center center;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.about {
background: url(images/cypress.jpg) no-repeat center center;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.headline {
color:#fff;
height:500px;
}

/* FOOTER */

footer {
height:7em;
font-size:.8em;
width: 100%;
margin:0px;
padding: 0px;
position:absolute;
bottom:0;
left:0;
background-color:#4c4c4c;
}


/* COLUMNS */


.column {
display:inline-block;
margin:0px;
padding:0px;
vertical-align:top;
overflow:hidden;
}


.three {
width:30%;
margin-right:4.5%;
padding:0;
}

.two {
width:47%;
margin-right:5%;
}

.three:last-of-type, .two:last-of-type {
margin-right:0;
}





/* TEXT */

a {
color: #163f88;
text-decoration:none;
}

a:hover {
color: #68aafe;
}


p, h2, h3 {
margin:0px;
margin-top:1em;
}

p.firstp {
margin-top:.5em;
margin-bottom:2em;
text-align:center;
}

hr {
width:50%;
text-align:center;
color: #b3b3b3;

}

p.caption {
font-size:.8em;
margin-top:-5px;
padding:0;
font-style:italic;
}

p.news {
text-transform:uppercase;
font-weight:bold;
}

div.button {
position:relative;
}

p.buttontext {
margin:0;
display:block;
position: absolute;
top:40%;
left:0;
border-top:2px solid #fff;
border-bottom:2px solid #fff;
font-family: 'Lato', sans-serif;
width:100%;
max-width:100%;
padding-top:1em;
padding-bottom:1em;
font-size:1em;
font-weight:400;
text-align:center;
text-transform:uppercase;
letter-spacing: .1em;
background:#031329;
}


div.button a {
color:#fff;
}

div.button a.dark {
color:#7196ac;
}

div.button a:hover {
color:#d8be91; 
}

h1, h2 {
font-family: 'Lato', sans-serif;
margin:10px;
font-size:2em;
font-weight:400;
text-align:center;
text-transform:uppercase;
letter-spacing: .1em;
}

h2 {
line-height:1em;
}

h3 {
font-size:1.2em;
font-weight:400;
font-family: 'Playfair', serif;
text-align:center;
letter-spacing: .05em;
font-style:italic;
}

h3.headertext {
padding-top:200px;
}

.shadow {
text-shadow: 1px 1px 3px #000;
}

p.footer {
color:#fff;
margin:20px;
}

p.footer a {
color:#a0cbe3;
}



/*CONTACT FORM */


form {
display:block;
max-width:700px;
margin:0px auto;
line-height: 1em;
}

fieldset {
text-align:center;
border: 0px;
margin:0px;
padding:0px;
padding-right:20px;
padding-left:10px;
}

input, select, textarea {
font-family: 'Lato', sans-serif;
font-size: 1em;
line-height: 150%;
background-color: #ffffff;
border: 1px solid #b3b3b3;
width:100%;
}

textarea {
    height: 150px;
    line-height: 150%;
    resize:vertical;
}

.rounded {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
outline: 0;
-webkit-appearance: none;
padding-left:.5em;
}

input:focus, textarea:focus
{
background-color:#ffffb0;
}

input.submitbutton {
float: none;
display: block;
width: 50%;
max-width: 15em;
height: 2em;
margin: 1em auto;
text-align: center;
background-color:#291c03;
color: #ffffff;
border: 0px solid #000000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
outline: 0;
-webkit-appearance: none;
}

input.submitbutton:hover {
background:#031329; 
color:#d8be91; 
cursor: pointer;
}

input.submitbutton:active {
background-color:#000000;
color: #ffffff;
}


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder  {
color: #888888;
font-size: .85em;
padding-left:.1em;
}

input::-moz-placeholder, textarea::-moz-placeholder {
color: #888888;
font-size: .75em;
padding-left:.1em;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #888888;
font-size: .75em;
padding-left:.1em;
}


/* VIDEO */

div.outerwrapper {
width:100%;
margin: 0px;
max-width:100%;
}


div.videowrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
}

.videowrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}