/* Global reset */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Remove annoying border on linked images. */
a img {border: none;}

/* Remove annoying border on links in Firefox */
a:active, a:focus
  {outline:0;}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td {text-align: left; font-weight: normal; }
table, td, th {vertical-align: middle;}

/* Clearing without structural markup */
.clear
  {display: inline-block;}   
.clear:after
  {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .clear
  {height: 1%;}
.clear
  {display: block;}
 
 
body {
height:100%;
width:100%;
min-height: 100%;
}

a {
	color:#922d17;
	-webkit-transition: all .8s ease-in;
	-o-transition: all .8s ease-in;

}

a:hover {
	color:#ffc000;
	-webkit-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
}

#parallax {
	background:#2b2320;
	z-index:-20;
	position:fixed;
	overflow:hidden;
	width:100%;
	height:1100px;
	
}

#parallax-div {
	position:relative;
	width:2000px;
	height:1200px;
	background:url('../images/bg.jpg');
}
	 
#container {
	background:url('../images/pattern.gif') repeat;
	display:block;
	position:absolute;
	width:100%;
	z-index:44;
	min-height: 100%;
}

#wrapper {
	width:960px;
	margin:0 auto;
}

#header {
	widh:960px;
	height:155px;
	background:url('../images/header.png') no-repeat;
}

#footer {
	margin:20px 0 30px 0;
	width:920px;
	opacity:0.1;
	filter:alpha(opacity=10);
	-webkit-transition: all .8s ease-in;
	-o-transition: all .8s ease-in;
	padding:20px;
		background:#000;


}

#footer:hover {
	opacity:1;
	filter:alpha(opacity=100);
	-webkit-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	background:#000;

}

#footer p {
	width:100%;
	color:#fff;
	font-family: 'Ludica Sans Unicode' , 'Lucida Grande', Helvetica, Verdana;
	font-size:10px;
}
#footer p span {
	background:transparent;
	padding:0;
	margin:0;
}

#copy {
float: right;
}

#logo {
	position:relative;
	display:block;
	height: 22px;
	width: 244px;
	background:url(../images/logo-normal.gif) 0 0 no-repeat;
	top:30px;
	left:50px;
	text-indent:-9999px;
}
	
#logo * {
	display: none;
}
	
#logo span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 22px;
	width: 244px;
	background:url(../images/logo-hover.gif) 0 0 no-repeat;
}
	
#main-navigation a {
	-webkit-transition: all .8s ease-in;
	-o-transition: all .8s ease-in;
}
	
#main-navigation a:hover, #main-navigation a.selected {
	-webkit-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	color:#922d17;
}

.jcarousel-skin-my {
	margin-top:-40px;
}
	
@font-face {
	font-family: 'MuseoSlab500';
	src: url('../fonts/museo_slab_500.eot');
	src: local('?'), url('../fonts/museo_slab_500.woff') format('woff'), url('../fonts/museo_slab_500.ttf') format('truetype'), url('../fonts/museo_slab_500.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */

span.description {
	color:#434343;
	font-size:14px;
	display:block;
}

#main-navigation {
	margin:-3px 40px 0 0;
	float:right;
}

	
.nav-link {
	display:inline-block;
	font-family: 'MuseoSlab500';
	font-size:18px;
	color:#fff;
	text-decoration:none;
}

#main-navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#main-navigation li {
	float: left;
	padding:0 25px;
	display:inline-block;
	border-right:1px dotted #232323;
}

#main-navigation li:last-child {
	border:0;
}

#portfolio-carousel {
	margin-left:20px;
	width:960px;
}

#portfolio-carousel ul {
	list-style: none;
}

.about-carousel {
	top:-50px;
}

.about-footer {
	margin-top:-50px !important;
}

.contact {
	height: 370px !important;
}

#portfolio-carousel li {
	height:560px;
	width:960px;
}

.main {
	margin-top:-20px;
}

#phone {
	float: right;
	margin-top:-230px;
}

h2 span {
	background:#ffc000;
	padding:10px;
	color:#000;
	font-family: 'MuseoSlab500';
	font-size:30px;
}

h3 span {
	background:#000;
	padding:10px;
	color:#fff;
	font-family: 'MuseoSlab500';
	font-size:24px;
}

p span {
	background:#000;
	padding:10px;
}

.jcarousel-next, .jcarousel-prev {
	display:inline-block;
	width:40px;
	font-family: 'Ludica Sans Unicode' , 'Lucida Grande', Helvetica, Verdana;
	font-size: 14px;
	text-decoration: none;
	color:#fff;
	background:#000;
	padding:25px;
}

.jcarousel-prev {
	background: url('../images/previous-project.gif') 15px center no-repeat #000;
	padding: 25px 30px 25px 35px;
	margin:0 0 0 -20px;
	-webkit-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;

}

.jcarousel-next {
	background: url('../images/next-project.gif') 70px center no-repeat #000;
	padding-right:40px;
	margin:-71px 0 0 95px;
	-webkit-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
}

.jcarousel-prev:hover {
	color:#fff;
	background: url('../images/previous-project.gif') 10px center no-repeat #000;
}

.jcarousel-next:hover {
	color:#fff;
	background: url('../images/next-project.gif') 75px center no-repeat #000;
}

.jcarousel-prev-disabled:hover {
	background-position: 15px center;
}

.jcarousel-next-disabled:hover {
	background-position: 70px center;
}

.jcarousel-prev-disabled {
	background: #000;
	padding: 25px 30px 25px 35px;
	background: url('../images/previous-project.gif') 15px center no-repeat #000;
	opacity:0.5;
	filter:alpha(opacity=50);
}

.jcarousel-next-disabled {
	background: #000;
	padding-right:40px;
	background: url('../images/next-project.gif') 70px center no-repeat #000;
	opacity:0.5;
	filter:alpha(opacity=50);
}

.project-cont {
	width:1000px;
	height:500px;
	padding-top:45px;
	margin-left:-40px;
}

.project-cont-portfolio {
	padding-top:70px !important;
}

.project-preview {
	float:right;
}

.project-preview img {
	overflow:visible;
	padding:40px;
	background:#000;
	-webkit-transform: rotate(-5deg); 
	-moz-transform: rotate(-5deg);	
	position:relative;
	left:-35px;
	top:-30px;
}

.about-preview {
	float:right;
	width:700px;
}

#site-pie {
	float:left;
	margin-left:10px;
	-webkit-transform: rotate(35deg);
	-moz-transform: rotate(35deg);
}

#me-pie {
	float:left;
	margin:-30px 0 0 -50px;
}

.pie-legend p {
	list-style: none;
	font-family: 'Ludica Sans Unicode' , 'Lucida Grande', Helvetica, Verdana;
	font-size: 10px;
}

.me-desc {
	float: left;
	position:relative;
	top:88px;
	left:-30px;
}

.pie-legend {
	position:relative;
	left:-60px;
	color:#fff;
	background:#000;
	padding:25px;
	font-family: 'MuseoSlab500', 'Ludica Sans Unicode' , 'Lucida Grande', Helvetica, Verdana;
	width:120px;
	float:right;
	height:200px;
}

.about-scroll {
	top:525px !important;
}

.faded {
	background: rgba(0,0,0,0.5);
}
.pie-legend span {
	padding:0;
}

.blue, .red, .gray, .yellow {
	display: inline-block;
	font-size: 36px;
	margin: -15px 20px 0 0;
	position:relative;
	top:7px;
}

.blue {
	color:#1294a7;
}

.red {
	color:#922d17;
}

.gray {
	color:#232b2d;
}

.yellow {
	color:#ffbf00;
}

.project-desc {
	line-height:40px;
	float:left;
	text-align:right;
	width:200px;
	margin: 5px 0 0 40px;
}

.project-desc p span:first-child {

margin:40px 0 40px 0;
}

.project-desc p, .me-desc {
	line-height:30px;
	width:220px;
	margin-left:-20px;
	color:#fff;
	font-family: 'Ludica Sans Unicode' , 'Lucida Grande', Helvetica, Verdana;
	font-size:10px;
}

.me-desc {
	width: 340px;
}

.jcarousel-scroll {
	position:relative;
	top: 545px;
	width:200px;
	z-index:100;
}

.gallery {
	width:0 !important;
}

.gallery-carousel {
	height: 600px;
}

.gallery h3 span {
	position:relative;
}

.gallery p {
	margin-left: -35px;
}

.gallery-thumbs {
	background: #000;
	padding: 40px;
	width: 830px;
}

.gallery-thumbs img {
	border: 0;
	width: 80px;
	height: 80px;	
}

.gallery-thumbs a {
background:#000;
height:80px;
width:80px;
display:inline-block;
padding: 5px;
margin: 5px 5px 5px 5px;
}

.gallery-thumbs a:hover {
background:#fff;
}

h2 {
position:relative;
top:30px;
left:20px;
}

#portfolio-carousel {
	margin-top:-20px;
}