/*
Theme Name:FosterProps
Theme URI: http://fosterprops.com
Description: The theme for fosterprops.com
Author: Simon Foster
Author URI: http://simonfosterdesign.com
Version: 1
.
This theme can not be used for commercial or non-commercial, please don't steal
.
*/


/* reset  */

html, body, div, a, p, img, ul, li, footer, header, section, h1, span, time, hgroup, a img, aside, form, input, article, h2, h3, h4, label, textarea, small {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	text-decoration:none;
}
footer, section, article, header, aside, hgroup { 
    display:block;
}
:focus {
    outline:none;	
	}
::-moz-selection, ::selection { 
    color:#000;
	background:#fff; 
	}
ul {
    list-style:none;
	}
h1, h2, h3 {
   font-weight:lighter;
   }
/* end reset */   

html {
   background:url(fig/sfondo0002.png) fixed;
   }
   
body {
     font-size:16px;
	 font-family:ff-meta-serif-web-pro, Georgia, Times, serif;
	 background:#f2f7f6;
	 color:#252525;
	 -webkit-text-size-adjust:100%;
	 line-height:1.3em;
	 width:100%;
	 max-width:1120px;
	 margin:0 auto;
	 overflow:auto;
	 -moz-box-shadow: 0 2px 7px #ccc;
	 -webkit-box-shadow: 0 2px 7px #ccc;
	 box-shadow: 0 2px 7px #ccc;
	 }
header.masthead {
    width:85.7%;
	margin:0 0 0 7.15%;
	padding:55px 0;
	float:left;
	border-bottom:solid 1px #e1e1e1;
	}
.masthead h1 {
     display:block;
     width:255px;
     height:172px;
     background:url(fig/PLS19-logo.gif) no-repeat;
	 text-indent:-20000px;
	 float:left;
	 -o-transition:all .125s linear; 
    -moz-transition:all .125s linear; 
    -webkit-transition:all .125s linear;
	transition:all .125s linear;
     }
.masthead h1:hover {
     opacity:0.8;
	 -o-transition:all .125s linear; 
    -moz-transition:all .125s linear; 
    -webkit-transition:all .125s linear;
	transition:all .125s linear;
     }
.masthead ul {
    float:right;
    margin:80px 0 0 0;
    font-family:proxima-nova-sc-osf-ext-cond, Helvetica neue, Arial, sans-serif;
    font-size:1.4em;
	text-transform:uppercase;
    }	
.masthead li {
    display:inline;
    float:left;
    margin:0 0 0 25px;
    }	
.masthead ul a, h2 a {  
    color:#252525;
	}
a:hover {
     color:#ff5000;
	 -o-transition:all .125s linear; 
    -moz-transition:all .125s linear; 
    -webkit-transition:all .125s linear;
	transition:all .125s linear;
	}
.masthead ul a:hover, a, h2 a:hover {
    color:#776c67;
	-o-transition:all .125s linear; 
    -moz-transition:all .125s linear; 
    -webkit-transition:all .125s linear;
	transition:all .125s linear;
	}   
.intro {
    width:85.7%;
	margin:0 0 60px 7.15%;
    float:left;
    }	
.intro p {
   padding:30px 0;
   width:100%;
   text-align:center;
   border-bottom:solid 1px #e1e1e1;
   }   
nav {
   width:85.7%;
   float:left;
   margin:0 0 80px 7.15%;
   padding:0 0 60px 0;
   border-bottom:solid 1px #e1e1e1;
   }
.portfolio_link {
   width:46.875%;
   }
.portfolio_link img {
   width:100%;
   height:auto;
   float:left;
   -o-transition:all .125s linear; 
    -moz-transition:all .125s linear; 
    -webkit-transition:all .125s linear;
	transition:all .125s linear;
   }
.portfolio_link img:hover {
   opacity:0.8;
   -o-transition:all .125s linear; 
    -moz-transition:all .125s linear; 
    -webkit-transition:all .125s linear;
	transition:all .125s linear;
   }
.portfolio_link h2 {
   width:100%;
   float:left;
   text-align:center;
   margin:20px 0 0 0;
   }
span {
    font-size:1.2em;
	margin:3px 0 0 0;
	}
.left {
    float:left;
	}
.right {
     float:right;
	 }
article {
    width:85.7%;
	margin:0 0 60px 7.15%;
	float:left;
	 border-bottom:solid 1px #e1e1e1;
	}
article:last-of-type {
    margin:0 0 80px 7.15%;
	}
article section {
    width:64.6%;
	float:left;
	}
section img {
     width:auto;
	 height:auto;
	 float:left;
	 margin:0 0 60px 0;
	 }
iframe embed object {
     float:left;
	 }
.fluid-width-video-wrapper {
     float:left;
	  margin:0 0 60px 0;
	 }
aside {
     width:35.4%;
	 float:right;
	 }
aside h1 {
     float:right;
	 margin:0 0 0 20px;
	 }
.about {
    width:85.7%;
	margin:0 0 80px 7.15%;
    float:left;
	border-bottom:solid 1px #e1e1e1;
	padding:0 0 60px 0;
    }
.about h2 {
    font-family:proxima-nova-sc-osf-ext-cond, Helvetica neue, Arial, sans-serif;
    font-size:1.4em;
	text-transform:uppercase;
    float:left;
	clear:both;
	margin:20px 0 20px 0;
	}
.about p {
     float:left;
	 clear:both;
	 margin:0 0 20px 0;
	 }
.about ul {
    float:left;
	clear:both;
    margin:0 0 20px 0;
    }
.about li {
    float:left;
	clear:both;
	margin:0 0 5px 0;
	}
	
   	
footer {
    width:85.7%;
	margin:0 0 0 7.15%;
	padding:100px 0;
	}
footer small {
    font-size:0.9em;
	width:100%;
	display:block;
	text-align:center;
	}
	 
	 
@media (max-width: 768px){
html {
    background:#fff;
	}
.masthead ul {
    font-size:1.3em;
    }
}


@media (max-width: 720px){
.masthead h1 {
     float:none;
	 margin:0 auto;
     }
.masthead ul {
    float:left;
	}
.masthead li {
    margin:0 25px 0 0;
	}
}



@media (max-width: 480px){

.masthead ul {
    margin:20px 0 0 0;
    font-size:1.6em;
	padding:40px 0 0 0;
	width:100%;
    }	
.masthead li {
    float:left;
    width:100%;
	margin:0 0 15px 0;
	text-align:center;
	letter-spacing:1px;
    }
.intro {
	margin:0 0 20px 7.15%;
    }	
.portfolio_link {
   width:100%;
   margin:0 0 60px 0;
   }
.portfolio_link img {
    display:none;
	}
nav {
   padding:0 0 20px 0;
   }
.portfolio_link h2{
    font-size:1.2em;
   }
article {
	margin:0 0 40px 7.15%;
	}
aside {
     width:100%;
	 float:left;
	 }
aside h1 {
     float:left;
	 width:100%;
	 text-align:center;
	 margin:20px 0;
	 }
article section {
    width:100%;
	float:left;
	}
section img {
	 margin:0 0 40px 0;
	 }
.next_prev {   
	margin:0 0 40px 7.15%;
	padding:0 0 40px 0;
	}
}

/* flexslider box styles */

.flexslider {
    width:85.7%;
	margin:0 0 60px 7.15%; 
	padding: 0; 
	float:left; 
	background:#fff; 
	 position: relative; 
	 zoom: 1;
	}
.flexslider .slides > li {
    display: none;
	position: relative;
	} 
.flexslider .slides img {
    max-width: 100%; 
	display: block;
	}
.flex-pauseplay span {
    text-transform: capitalize;
	}
.slides:after {
     content: "."; 
	 display: block; 
	 clear: both; 
	 visibility: hidden; 
	 line-height: 0; 
	 height: 0;} 
html[xmlns] .slides {
    display: block;
	} 
* html .slides {
    height: 1%;
	}
.no-js .slides > li:first-child {
     display: block;
	 }
.flexslider .slides {
    zoom: 1;
	}
.flex-container {
   zoom: 1;
   position: relative;
   }
.flex-direction-nav li a {
   display:none;
   }
.flex-control-nav {
    display:none;
	}