/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* VMN STYLES */

body {
  background:#333;
  font-family: 'PT Sans Caption', sans-serif;;
/* END BACKGROUND GRADIENT */
}
ol, ul, li, h1, h2, h3, h4, h5, h6, p {color:#333;}

a {color:#ff6; font-weight:bold;}
a:visited { color:#ff9; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

em {color:#ff9;}
ol li {padding:3px; margin:0 0 10px 0; }

#container { margin:0; padding:0;}

header{ min-height:64px; background-color:#000; border-bottom:2px solid #222; padding:0; margin:0;}

header h1 { display:none; }
header a {text-decoration:none;}

header div.container {max-width:960px; margin:0 auto;}

header div.logo { display:inline-block;  }
header div.logo img{height: 60px; width:132px; padding:0 0 0 1em;}
header div.fb-like {display:inline-block;  padding-top:1em; vertical-align: top;}

/*header img{float:left; padding:0 0 10px 0;} */

header h2{float:right; display:inline; width:300px;margin:0; padding:8px 0 0 0; color:#999;}

header h1 { font-size:2.4em; color:white; text-transform:uppercase; line-height:1.5em; margin:0; padding:0; }
header h1 em {color:red;
-webkit-text-fill-color: red;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: yellow;}

header nav{
  display:inline-block;
  margin:1.6em 1em 0 1em;
  font-size:1.2em;
  vertical-align: top;

}

header nav a:visited,
header nav a {text-decoration:none; text-transform:uppercase; color: #ddd;}
header nav a:hover {color: #ff9;}

#main{ max-width:720px; clear:both; margin:0 auto; padding:0;}

footer {position:fixed; bottom:0; background-color:#222; width:100%; color:#ddd; font-size:1em; line-height:2em; border-top:1px solid black; font-weight:normal;}
footer div {max-width:760px; margin:0 auto; text-align:center;}
footer strong { color:#ff9;}

article {background:white; padding:.2em 0;}
article p,article h1, article h2, article h3, article h4, article h5, article section {padding:0 1em;}
 article a ,article a:visited,article a:hover{color:blue; font-weight:bold;}
article em {color:orange;}

article.home {padding:0; }
article.home .demoreel {height:400px;}
article.home .demoreel iframe {width:100%; height:100%}
article.home section.missionstatement { max-width:720px;}
article.home section.missionstatement div { max-width:640px; margin: 0 auto; }
article.home section.missionstatement h4 { float:left; margin:0 15px 0 0; padding:0; line-height:20px; font-size:20px; color:#333; }
article.home section.missionstatement p { line-height:28px; color:#333; }

.clientspage .clientbanner{ width:640px; height:200px}
.img-brake { display:block; padding-bottom:10px}

@media only screen and (max-width: 480px) {
header {min-height: 2px;}
 header .logo{display:block; width:100%; text-align:center; margin:0 auto; line-height:1.2em;}
 header .logo h1 {display:block;}
 header .logo img {display:none;} 
 header nav {display:block; text-align:center; margin:0; padding:0;line-height:1.2em; font-size:1em;}
 header div.fb-like {display:none;} 
 #main { margin:0; padding:0;}
 #main p { padding: 0 1em; margin:0;}
 article {margin:0;}
 article.home .demoreel {height:234px;}
 footer {position:relative;}
}

@media only screen and (min-width: 480px) {
  header {height: 64px;}
  header div.container {width:860px; margin:0 auto;}
  article.home {
    margin-top:1em; padding:0 0 2em 0;
    -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft:6px;border-bottom-right-radius: 6px; border-bottom-left-radius:6px;
  }
  article.services, article.team, article.contact {
    max-width:720px;
    margin:0; overflow:hidden;
    padding:.5em 0; -moz-border-radius: 6px; -moz-border-radius:6px;border-radius: 6px;
    margin-top:1em;
  }
}


/* TEAM PAGE */
img.headshot {clear:both; float:left; width:80px; height:80px;padding:0 20px 10px 0; margin:0 0 0 0;}

/* CLIENTS PAGE */
.UIButton {
clear:both;
display:inline-block;
margin:0;
padding:0;
float:right;
vertical-align:bottom;
background-color:#69A74E;
border-color:#3B6E22 #3B6E22 #2C5A15;
border-style:solid;
border-width:1px;
border-style:solid; 
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}

.UIButton_Text {
margin:0 auto;
padding:4px 10px;
color:#FFFFFF;
background-color:transparent;
border:none;
cursor:pointer;
display:block;
font-size:28px;
font-weight:bold;
line-height:28px;
overflow:visible;
width:auto;
}


.UIButton:hover, .UIButton:active {
text-decoration:none;}