body {
	width: 100%;
}

/*Background Images*/

#one {
	background: url('images/background-work-1280x575.jpg') no-repeat top center fixed;
	background-size: cover;
    margin: 0;
    padding: 0;

}

#two {
	background: url('images/background-about-1280x575.jpg') no-repeat top center fixed;
	background-size: cover;
    margin: 0;
    padding: 0;
}

/*Header/Logo*/

header {
	margin: auto;
}

header #logo {
	float: left;
	margin-left: 10px;
}

.enlarge {
    background-image: url(images/logo-88x88.png);
    background-size: 65px;
    background-repeat: no-repeat;
    background-position: center;
    background-clip: border-box;
    transition: background-size 0.2s;
    -webkit-transition: background-size 0.2s;
    transition-timing-function: cubic-bezier(.07,1.41,.82,1.41);
    display: inline-block;
    width: 88px;
    height: 88px;
    text-decoration: none;
    cursor: pointer;
}

.enlarge:hover {
    background-size: 75px;
}


/*Navigation*/

nav {
	float: right;
	margin-right: 15px;
	padding-right:10px;
	margin-top: 25px;
}

nav a {
	text-align: right;
	font-family: "lato", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 200;
	font-size: 16pt;
	padding-left: 95px;
	text-decoration:none;
	color:#fff;
	opacity: 0.5;
    filter: alpha(opacity=50);
}

nav a:hover {
	text-decoration:none;
	color:#fff;
	opacity: 1.0;
    filter: alpha(opacity=100); 
}

nav a.b {
	text-decoration:none;
	color:#fff;
	opacity: 1.0;
    filter: alpha(opacity=100);
}


/*Large Header Text*/

header #main_text {
	clear:both;
	float:none;
	padding-top: 240px;
	padding-left:25px;
	padding-bottom:80px;
	margin-left: auto;
	margin-right:auto;
	font-family: "museo-sans", Helvetica, Arial, sans serif; 	
	font-style: normal; 	
	line-height: 90%;  	
	letter-spacing: 2px;  	
	font-weight: 700; 	
	color: #fff; 	
	font-size: 100px; 	
	text-align:left;
}

/*Work - White Sections*/

main {
	display:block;
}

main #proj {
	clear:both;
	margin-left:auto;
	margin-right:auto;
	padding-top:15px;
	background-color: #fff;
	overflow:hidden;
	width:100%;
}

main #proj #wrapper {
	width: 1280px;
	margin: 0 auto;
	position:relative;

}

main #proj #proj-img {
	float: right;
	padding-left: 5px;
	padding-right: 35px;
	padding-bottom:105px;
	padding-top: 95px;
	background-color: #fff;
	margin-left:auto;
	margin-right:auto;
}

main #proj #proj-text {
	float: left;
	padding-left: 35px;
	padding-right: 5px;
	padding-bottom:105px;
	padding-top: 95px;
	width: 400px;
	margin-left:0px;
}

main #proj #proj-text p {
	font-family: "lato", Helvetica, Arial, sans-serif;
	font-weight: 200;
	font-size: 16pt;
	color: #282728;
}

main #proj #proj-text a{
	text-decoration:none;
	color: #a3a3a3;
}

main #proj #proj-text a:hover{
	color: #a3caca;
}


/*Work - Gray Sections*/

main #proj.gray {
	clear:both;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	background-color: #f0f0f0;
	overflow:hidden;

}

main #proj.gray #proj-img.gray {
	background-color: #f0f0f0;
}


/*About Me*/

main #about {
	clear:both;
	margin-left:auto;
	margin-right:auto;
	padding-top:25px;
	overflow:hidden;
	background-color: #fff;
	width:100%;
	background: url('images/img-about-main.jpg') no-repeat top center fixed;
	background-size: cover;
    margin: 0;
    padding: 0;
}

main #about #wrapper {
	width: 1280px;
	margin: 0 auto;
	position:relative;
}

main #about #about-img {
	float: right;
	padding-left: 5px;
	padding-right: 25px;
	padding-bottom:45px;
	padding-top:25px;
}

main #about #about-text {
	float: left;
	padding-left: 30px;
	padding-right: 25px;
	padding-bottom:45px;
	width: 475px;
}

main #about #about-text p {
	font-family: "lato",sans-serif;
	font-weight: 200;
	font-size: 14pt;
	color: #fff;
}

main #contact {
	clear:both;
	overflow:hidden;
	background-color: #fff;
}

main #contact #wrapper {
	width: 1280px;
	margin: 0 auto;
	position:relative;
}

main #contact #info {
	float: left;
	padding-left: 30px;
	padding-right: 15px;
	padding-bottom:150px;
	padding-top: 150px;
	width: 450px;
}

main #contact #info p {
	font-family: "lato",sans-serif;
	font-weight: 200;
	font-size: 14pt;
	color: #282728;
}

main #contact #info p a{
	font-family: "lato",sans-serif;
	font-weight: 200;
	font-size: 14pt;
	color: #a3a3a3;
	text-decoration:none;
	padding-right:10px;
}

main #contact #info p a:hover{
	font-family: "lato",sans-serif;
	font-weight: 200;
	font-size: 14pt;
	color: #a3caca;
}

main #contact #info h1 {
	color: #282728;
	text-align:left;
}

main #instagram {
	padding-left: 15px;
	padding-right: 10px;
	padding-bottom:150px;
	padding-top: 180px;
	font-family: "lato",sans-serif;
}

main #instagram p a{
	font-family: "lato",sans-serif;
	font-weight: 300;
	color: #a3a3a3;
	text-decoration:none;
	padding-right:10px;
}

main #instagram p a:hover{
	font-family: "lato",sans-serif;
	font-weight: 300;
	color: #a3caca;
}


/*Case Studies/Project Pages*/

header #main_text-cs {
	clear:both;
	float:none;
	padding-top: 10px;
	padding-left:25px;
	padding-bottom:0px;
	margin-left: auto;
	margin-right:auto;
	font-family: "museo-sans", Helvetica, Arial, sans serif; 	
	font-style: normal; 	
	line-height: 95%;  	
	letter-spacing: 2px;  	
	font-weight: 700; 	
	color: #fff; 	
	font-size: 110px; 	
	text-align:left;
	}

main #project-cs {
	clear:both;
	margin-left:auto;
	margin-right:auto;
	padding-top:15px;
	overflow:hidden;
	background-color: #fff;
	width:100%;
}

main #project-cs #wrapper {
	width: 1280px;
	margin: 0 auto;
	position:relative;
}

main #project-cs #project-cs-img {
	float: right;
	padding-left: 5px;
	padding-right: 45px;
	padding-top:65px;
}

main #project-cs #project-cs-img img{
	text-align:center;
	display:block;
	margin:auto;
	padding-bottom: 45px;
}

main #project-cs #project-cs-text {
	float: left;
	padding-left: 30px;
	padding-right: 5px;
	padding-bottom:55px;
	padding-top:55px;
	width: 445px;
}

main #project-cs #project-cs-text p {
	font-family: "lato",sans-serif;
	font-weight: 200;
	font-size: 14pt;
	color: #282728;
}


/*Footer*/

footer {
	background-color: #1c1b1c;
	font-family: "lato",sans-serif;
	font-weight: 200;
	font-size: 9pt;
	color: #fff;
	overflow:hidden;
	clear:both;
}

footer p.left {
	text-align:left;
	float:left;
	padding-left: 15px;
	padding-top: 8px;
	
}

footer p.right {
	text-align:right;
	padding-right: 15px;
	float:right;
}

footer p.right a {
	padding-left: 8px;
	opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

footer p.right a:hover {
	padding-left: 8px;
	opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}


/*Text*/

h1 {
	font-family: 'Old Standard TT', Times New Roman, serif; 	
	font-style: italic; 	
	font-weight:400; 	
	color:#282728; 	
	text-align:left; 

}

.bold {
	font-weight: 400;
	text-transform:uppercase;
	letter-spacing: 3px;
	font-size: 14pt;
	line-height: 230%;
}

.big {
	font-weight: 300;
	font-size: 16pt;
}

a:active,
a:focus {
  outline: none;
  -moz-outline-style: none;
}