/*
Plugin: jQuery Parallax
Version 1.1.3
Author: Ian Lunn
Twitter: @IanLunn
Author URL: http://www.ianlunn.co.uk/
Plugin URL: http://www.ianlunn.co.uk/plugins/jquery-parallax/

License: http://creativecommons.org/licenses/by-sa/3.0/ (Attribution Share Alike). Please attribute work to Ian Lunn simply by leaving these comments in the source code or if you'd prefer, place a link on your website to http://www.ianlunn.co.uk/.
*/

@charset "utf-8";
/* CSS Document */

body{
	margin: 0;
	min-width: 980px;
	padding: 0;
}

p{
	margin: 0 0 20px 0;	
}

p, ul{
	font-family:"Proxima Nova Light", 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size-adjust:0.488;
	font-weight:200;
	font-style:normal;
}

img{
	border: 0;
}

h1, #pixels{
	font-family:"Museo 900", Verdana, serif;
	font-size-adjust:0.40;
	font-weight:700;
	font-style:normal;
}

h2{
	font-family:"Beau Sans Pro Book", Verdana, sans-serif;
	font-size-adjust:0.531;
	font-weight:500;
	font-style:normal;
}

#header h1, #pixels{
	color: #48941A;
}

.float-left{
	float: left;	
	margin: 0 0 0 20px;
}

.float-right{
	float: right;
	margin: 0 20px 0 0;
}

.center{
	font-size: 2.5em;
	padding: 80px 0 0 0;
	text-align: center;
}

#nav{
	background: transparent;
    clear: none;
    display: block;
    float: none;
    padding: 6px 0 0;
    text-align: center;
    width: 100%;
	
}

#navbar-top {
	margin:0px auto;
	max-width:1920px;
	background-color:#262625;
	top: 0;
	width: 100%;
	z-index: 99;
	position: fixed;
}

.navigation-top a{
	
	color: #a9a99c;
	font: 700 0.923em "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	height: 54px;
	left: 0;
	letter-spacing: 0.2em;
	margin: 0;
	padding: 0;
	
	text-transform: uppercase;
	
}

#nav li{
	display:inline;
	height:100%;
}



#logo, #header, #intro, #second{
	width: 100%;
}

#logo{
	/*background:transparent url(images/logo-background.jpg) no-repeat 0 0;*/
	background-color:#EEE;
	background-size:100% 100%;
	height:auto;
	margin: 0 auto;
	padding: 25px 0;
}

#logo img { display:block; margin:0px auto; padding: 60px 10px 0px; max-width:80% }
.slogan { margin:0 auto; display:block; color:#E28C05; font-size:14px; text-align:center; font-family:700 31.61px "Trebuchet MS", Tahoma, Arial, sans-serif; font-weight:bold; text-transform:uppercase;  } 
.slogan span { padding:2px 6px; }

#intro{
	background:#222;
	color: white;

	margin: 0 auto;
	padding: 0;
}

#profile{
	background: #EEE;
	color: black;
	min-height:300px;
	margin: 0 auto;
	padding: 50px 0;
	
}

.storyblock{
	margin-top:25px;
}

.blockheading h3{
	color:orange;
	padding-bottom:15px; 
	border-bottom:1px solid #CCC;
}


#projects{
	background: url(images/blueprint-wallpaper-6.jpg) 0 500px no-repeat fixed;
	color: white;
	min-height: 700px;
	padding: 100px 0 50px 0;	
}

#projects h2{
	color:#EEE;

}

#projects h4{
	font-style:italic;
	color:#DDD;
	font:serif; 
}

#tabs{
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.tab-pane{
	min-height:350px;
	height:auto;
	padding:20px 5px 10px;
}

#projects div.projectA ,
#projects div.projectB,
#projects div.projectC,
#projects div.projectD {
	background-color:#f0dc82;
	border:1px solid #888;
	border-top:0px;
	box-shadow: inset -5px 5px 5px rgba(255, 255, 255, 0.25), inset 5px -5px 5px rgba(0, 0, 0, 0.25);
}

#projects .nav-tabs>li>a {
	background-color:#F8F5E1;
}

#projects .nav-tabs>li.active>a, #projects.nav-tabs>li.active>a:hover, #projects.nav-tabs>li.active>a:focus {
	background-color:#f6df85 !important;
}


#projects div.projectA { }
#projects div.projectB { }
#projects div.projectC { }

#projects img {
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    -webkit-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.75);
    margin-bottom:20px;
}

#projects img:hover {
  filter: none; /* IE6-9 */
  -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */
 
}


#contact{
	background: #ccc;

	margin: 0 auto;
	padding: 20px 0 20px 0;
}

#footer{
	background: #eee;
	height: 200px;
	margin: 0 auto;
	padding: 40px 0 0 0;
}

.story{
	margin: 0 auto;
	min-width: 980px;
	max-height: 800px;
	text-align:center;
	width: 100%;

}

.story h4{
	font-style:italic;
	color:#515154;
	font:serif; 
	font-size:17px;
}

.story h2{
	color:#454443;
	
}

.blocktext{
	text-align:left;
}

.carousel-caption{
	background-color:rgba(266, 140, 5, 0.85);
	border-radius:5px 5px 0 0;
	max-width:400px;
	margin:0px auto;
	bottom:0px !important;
}

.carousel-indicators{
	bottom:0px !important;
}

.story .float-left, .story .float-right{
	padding: 50px 0 0 0;
	position: relative;
	width: 80%;	
}

.imgwrapper {
	display:inline-block;
}


::-moz-selection{background:#D8E6F0}
::selection{background:#D8E6F0}

#colright,#colleft{
	text-align:left;
}

.story #address,.story #phone { font-size:15px; }