@charset "UTF-8";
/* Pohl Communications */

/* =Body
-------------------------------------------------------------------------------------------------------------------------------- */
html, body {
margin:0;
padding:0; 
height:100%;
color:black;
font-family:'Open Sans', Arial, Helvetica, sans-serif;
background-image:url(../images/);
background-repeat:repeat-x;
background-color:white;
}

img {
outline:none;
margin:none;
padding:none;
}

/* =clearfix
-------------------------------------------------------------------------------------------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}



/* =Fonts and colors
-------------------------------------------------------------------------------------------------------------------------------- */


p, ul#address, .information p {
line-height:20px;
font-weight:100;
color:#333;
font-size:12px;
text-align:justify;
padding: 0 0 20px 0;
}

/*navigation*/
ul#nav li a {
color:#6A7B7F;
}

/*links*/
p a, li a, .back-to-top a {
color:#6A7B7F;
}

p a:hover, ul#address a:hover, .back-to-top:hover {
text-decoration:underline;
}

.image-nav-header, h2, h3, h4 {
color:#6A7B7F;	
}

h2 {
font-family:'Open Sans', Arial, Helvetica, sans-serif;
text-transform:lowercase;	
font-size:24px;
font-weight:100;
background-image:url(../images/h2-underline.gif);
background-position:bottom;
background-repeat:no-repeat;
background-size:contain;
padding: 0 0 3px 0;
margin: 0 0 10px 0;
}

h3 {
font-family:'Open Sans', Arial, Helvetica, sans-serif;
font-size:17px;
font-weight:100;
padding: 0 0 0 15px;
margin: 0 0 0 0;
float:left;

}

h4 {
font-family:'Open Sans', Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:100;
background-image:url(../images/h2-underline.gif);
background-position:bottom;
background-repeat:no-repeat;
background-size:contain;
padding: 0 0 3px 0;
margin: 0 0 10px 0;
}


/* =Links
-------------------------------------------------------------------------------------------------------------------------------- */
a {
text-decoration:none;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}


/* =Structure
-------------------------------------------------------------------------------------------------------------------------------- */
div#container {
width:760px;
margin:0 auto;
padding: 0 0 150px 0;
display:block
}


/* =Nav-Bar
-------------------------------------------------------------------------------------------------------------------------------- */
ul#nav {
text-transform:lowercase;	
float:right;
margin: 20px 0 40px 0;
}

ul#nav li {
font-size:12px;
display:inline;
padding: 0 5px 0 20px;
letter-spacing:1px;
}




ul#nav li.sub-menu {
position:relative;
}

.sub-nav {
font-size:10px;
}

ul#nav li ul {
position:absolute;
left:-9999px;
padding: 7px 0 5px 0;
border-left:solid #CCC 1px;
border-right:solid #CCC 1px;
border-bottom:solid #CCC 1px;
width:130px;
}

ul#nav li:hover ul {
left:0;
background-image:url(../images/white-80-percent.png);
margin:2px 0 0 0;
}

ul#nav li:hover ul li {
display:block;
padding: 2px 0 2px 30px;
font-size:10px;
}

ul#nav li:hover ul li:hover{
left:0;
display:block;
background-color:#E6E6E6;
text-decoration:none;
}

.contact-line {
padding: 0  30px 0 0;
border-right: solid #CCC 1px;
}

.underline a:hover {
text-decoration:underline;
}




/* =Masthead
-------------------------------------------------------------------------------------------------------------------------------- */

h1#masthead {
padding:35px 0 0 30px;
}


/* = Image Nav Bar
-------------------------------------------------------------------------------------------------------------------------------- */
div#image-nav {
width:760px;
padding: 50px 0 30px 0;
clear:both;
background-image:url(../images/divider-top.jpg);
background-position:top;
background-repeat:no-repeat;
}

.image-nav-section {
padding: 0 0 0 20px;
font-size:12px;
float:left;
height:inherit;
}

.image-nav-section-border {
border-right: solid #CCC 1px;

}

.image-nav-header {
font-size:14px;
margin:0 0 5px 0;
text-transform:uppercase;
}

.image-nav-section li {
padding: 0 0 7px 0;
}

.image-nav-section li a:hover {
text-decoration:underline;
}





/* =content
-------------------------------------------------------------------------------------------------------------------------------- */
div#content {
width:760px;
margin:20px auto 0 auto;

}

.iframe-index {
padding: 0 0 0 80px;
}

.video-portfolio {
float:right;
padding: 20px 0 0 0;
}

.image-x, .image-y {
margin: 0 0 30px 0;
}


/* =About
-------------------------------------------------------------------------------------------------------------------------------- */

div#about, div#contact {
clear:left;
width:600px;
margin:0 auto;
padding: 70px 0 0 0;
}

/* =Address
-------------------------------------------------------------------------------------------------------------------------------- */

div#contact {
display:block;
}

ul#address a {
letter-spacing:1px;
line-height:20px;
font-family:'Arial', Helvetica, sans-serif;
font-weight:100;
color:#A7B3C0;
}

.address-space {
padding: 0 0 10px 0;
color:#6A7B7F;
}

.mail {
float:left;
display:block;
}

.phone-email {
display:block;
float:right;
}



/* =Information
-------------------------------------------------------------------------------------------------------------------------------- */

.information {
width:220px;
float:left;
margin: 20px 0 0 0;
}

/* =Iamge-X
-------------------------------------------------------------------------------------------------------------------------------- */
.image-right {
float:right;
margin: 0 0 30px 0;
}

/* =catigory-nav
-------------------------------------------------------------------------------------------------------------------------------- */

h4 span {
font-size:11px;
}

ul.catigory-nav {
float:right;
margin: 0 0 5px 0;
padding: 0 0 10px 0;
background-image:url(../images/h2-underline.gif);
background-position:bottom;
background-repeat:no-repeat;
background-size:contain;
}

ul.catigory-nav li {
display:inline;
padding: 0 20px 0 20px;
border-left: solid #CCC 1px;
font-size:9px;
text-transform:lowercase;
}

ul.catigory-nav li:first-child {
border:none;
}

ul.catigory-nav li a:hover {
text-decoration:underline;
}


/* =image-thumb-nav
-------------------------------------------------------------------------------------------------------------------------------- */
ul.thumb-nail-nav {
clear:both;
width:740px;
margin: 10px auto 10px auto;
text-align:center;
}

ul.thumb-nail-nav li {
display:inline;
}

img.thumb-order {
margin: 0 30px 0 0;
}



/* =Footer
-------------------------------------------------------------------------------------------------------------------------------- */

div#footer {
width:760px;
clear:both;
margin: 120px 0 0 0;
padding: 10px 0 60px 0;

background-image:url(../images/divider-bottom.jpg);
background-position:bottom;
background-repeat:no-repeat;
}

ul#socal-links, ul#credits {
width:760px;
margin: 30px 10px auto;
}

ul#socal-links li{
display:inline;
padding: 0 1px 0 0;
}

.back-to-top {
float:right;
font-size:12px;
}

ul#credits {
font-size:10px;
}

ul#credits li.pohl-small {
float:left;
}

ul#credits li.canada {
float:right;
}


a.current {
text-decoration:underline;
}

div#image-align {
text-align:center;
}

p.showreellink {
float: right;
padding: 10px 20px 0 0;
margin-right:65px;
}