/* ----------------------------------
		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;
  list-style:none;
}

/* 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; }

/* Remove possible quote marks (") from <q>, <blockquote>. */


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

/* ----------------------------------
		GRID
---------------------------------- */
.container, .wrap{
  width: 980px;
  margin: 0 auto;
}

.column, div.g-1, div.g-2, div.g-3, div.g-4, div.g-5, div.g-6, div.g-7, div.g-8, div.g-9, div.g-10, div.g-11, div.g-12 {
  float: left;
  margin-right: 40px;
}

.last, div.last { margin-right: 0; }

.g-1  { width: 45px; }
.g-2  { width: 130px; }
.g-3  { width: 215px; }
.g-4  { width: 300px; }
.g-5  { width: 385px; }
.g-6  { width: 470px; }
.g-7  { width: 555px; }
.g-8  { width: 640px; }
.g-9  { width: 725px; }
.g-10  { width: 810px; }
.g-11  { width: 895px; }
.g-12  { width: 980px; margin-right: 0; }

.clearfix{
	clear:both;
	width:100%;
}

/* ----------------------------------
		Font Face
---------------------------------- */
@font-face {
	font-family: 'Museo300';
	src: url('fonts/museo300-regular-webfont.eot');
	src: local('☺'), url('fonts/museo300-regular-webfont.woff') format('woff'), url('fonts/museo300-regular-webfont.ttf') format('truetype'), url('fonts/museo300-regular-webfont.svg#webfontZc3iDQKA') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Museo700';
	src: url('fonts/museo700-regular-webfont.eot');
	src: local('☺'), url('fonts/museo700-regular-webfont.woff') format('woff'), url('fonts/museo700-regular-webfont.ttf') format('truetype'), url('fonts/museo700-regular-webfont.svg#webfontZS0riyg9') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* ----------------------------------
		Typography
---------------------------------- */
body{ 
	line-height:1.5;
	color:#a9b1ba;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
a{ color:#8ab9c8; }
	a.more-testimonials{
		font-size:14px;
		font-family:"Museo300", Georgia, "Times New Roman", Times, serif;
		color:#546269;
		float:right;
		text-decoration:none;
	}
	.recent-posts a, .tweet-box a{
		color:#a9b1ba;
		text-decoration:none;
		padding:2px 2px 1px;
	}
		.recent-posts a:hover{
			background:rgba(0,0,0,0.4);
		}
	#portfolio-loop a, #portfolio-loop a:hover h3{text-decoration:none; color:#F0F0F0}
	#portfolio-loop a:hover small{color:#78776E;}
	a:hover{ color:#9bc271; }
h1, h2, h3, h4, h5, .submit-btn input{
	font-family:"Museo700", Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#f0f0f0;
}
h1, h2{
	font-size:36px;
}
h1{
	margin-bottom:40px;
	padding-top:20px;
}
	h1:first-child, h2:first-child{
		padding-top:0;
	}
	h1.engraved, h2.engraved{
		background:url(images/engraved-faded-border.png) bottom no-repeat;
		padding-bottom:15px;
		text-align:center;
		text-transform:uppercase;
		text-shadow:2px 2px 5px rgba(0,0,0,0.2);
		letter-spacing:2px;
	}
h2, h1.intro-header{
	margin-bottom:10px;
}
h3, label, .submit-btn input{
	font-size:18px;
	padding-top:10px;
	margin-bottom:15px;
}
	h3:first-child, h3.mint:first-child{
		padding-top:0;
	}
	#portfolio-loop h3, .item h3{
		font-size:16px;
		margin-bottom:0;
		line-height:1;
	}
		.item h3{
			color:#c2d6da;
		}
	h3.mint{
		text-transform:uppercase;
		color:#9bc271;
	}
	#single-item-sidebar h3{
		color:#e3e0e0;
		font-family:"Museo300", Georgia, "Times New Roman", Times, serif;
	}
p{
	line-height:18px;
	margin-bottom:20px;
}
	#bottom-home p{color:#878d94;}
	div.intro p, p.intro, blockquote{
		font-size:18px;
		color:#b0afa2;
		font-family:"Museo300", Georgia, "Times New Roman", Times, serif;
		line-height:27px;
		padding-left:20px;
	}
	.intro a{ text-decoration:none; }
	.small-indent{
		margin-left:20px;
	}
blockquote{
	padding:0 0 0 50px;
	margin-bottom:20px;
	color:#e9e5e5;
	background:url(images/quote.png) left top no-repeat;
}
	.home blockquote{
		padding:0;
		background:none;
		color:#9bc271;
	}
	blockquote strong{
		font-weight:normal;
		color:#8ab9c8;
	}
cite{
	padding-left:50px;
}
cite, cite a{
	color:#9bc271;
}
	.home cite, .home cite a{
		color:#b0afa2;
		padding:0;
	}
small{
	color:#78776e;
	font-size:11px;
}
label{
	font-family:"Museo300", Georgia, "Times New Roman", Times, serif;
	color:#f0f0f0;
	margin:0;
	display:block;
	line-height:1;
	padding:0;
}
label em{
	color:#96a9af;
	font-style:normal;
}
/* ----------------------------------
		Basic
---------------------------------- */
body{
	background:url(images/bg-main.jpg) top repeat #131618;
	background:url(images/bg-radial.jpg) top center no-repeat, url(images/bg-main.jpg) top repeat #131618;
}
ul li{
	list-style-image:url(images/bullet.png);
	margin:0 0 10px 15px;
	padding-left:5px;
}
	ul.checks li{
		list-style-image:url(images/check-ic.png);
	}
	.big-box ul.checks{
		padding-bottom:15px;
		margin-bottom:10px;
	}
hr{
	border:0 none;
	background:none;
	margin:20px 0 0;
	padding:0;
	clear:both;
	display:block;
}
	.page-template-testimonials-php hr{
		margin:25px 0;
	}
/* Dotted Bottom Border */
.big-box ul.checks, #header, a.more-testimonials, .recent-posts a, .tweet-box a, hr{
	border-bottom:1px dashed #454649;
	-webkit-border-image: url(images/horizontal-dots.png) 1 0 1 0 repeat stretch;
	-moz-border-image: url(images/horizontal-dots.png) 1 0 1 0 repeat stretch;
	border-image: url(images/horizontal-dots.png) 1 0 1 0 repeat stretch;
}
/* ----------------------------------
		Header
---------------------------------- */
#header{
	margin:40px auto;
	padding-bottom:20px;
}
#logo{
	background:url(images/logo.png) no-repeat left top;
	height:23px;
	width:235px;
	float:left;
	margin:0;
}
	#logo a{
		display:block;
		height:23px;
		text-indent:-9999px;
	}
	#logo:hover{
		opacity: 0.45
	}
#header .nav{
	width:705px;
	float:left;
	clear:right;
	font-size:14px;
	margin-left:20px;
	text-transform:uppercase;
	letter-spacing:1px;
	font-family:"Museo300", Georgia, "Times New Roman", Times, serif;
	padding:0;
}
	#header .nav a{
		color:#f2f2f2;
		text-decoration:none;
	}
	#header .nav a:hover{
		color:#8ab9c8;
	}
	#header .nav li{
		list-style:none;
		display:inline;
		float:left;
		clear:right;
		margin:0 0 0 35px;
		padding:0;
	}
#header .nav li.current-menu-item a{
	color:#9BC271;
}
	
/* ----------------------------------
		Carousel
---------------------------------- */
#portfolio-loop{
	margin:60px 0;
	padding:20px 0;
	background:rgba(201,238,254,0.08);
	border:2px dashed #454649;
	-webkit-border-image: url(images/engraved-border.png) 2 0 2 0 stretch;
	-moz-border-image: url(images/engraved-border.png) 2 0 2 0 stretch;
	border-image: url(images/engraved-border.png) 2 0 2 0 stretch;
}
#portfolio-loop ul{
	margin:0;
	padding:0;
}
#portfolio-loop ul li{
	margin:0;
	display:inline;
	float:left;
	clear:right;
}
#portfolio-loop ul li img{
	-webkit-transition:all 300ms ease;
}
#portfolio-loop ul li:hover img{
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.6);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.6);
	box-shadow:0 5px 10px rgba(0,0,0,0.6);
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
	width: 980px;
	padding:0 24px;
	margin:auto;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  980px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 215px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    padding: 0 40px 0 0;
}
.jcarousel-skin-tango .jcarousel-item-horizontal:last-child{padding-right:0;}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: rgba(255,255,255,0.2);
    color: #000;
}
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 90px;
    right: 0;
    width: 17px;
    height: 44px;
    cursor: pointer;
    background: transparent url(images/next-horizontal.png) top no-repeat;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 90px;
    left: 0;
    width: 17px;
    height: 44px;
    cursor: pointer;
    background: url(images/prev-horizontal.png) top no-repeat;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal{
	opacity: 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover{
	background-position:bottom;
}
/* ----------------------------------
		Misc.
---------------------------------- */
#top-home{
	background:url(images/vert-dots.png) repeat-y;
	background-position:405px 0;
}
.detail{
	width:235px;
	float:right;
	clear:right;
	margin-bottom:30px;
}
	.g-8 > .detail{width:575px;}
.alignright{
	float:right;
	clear:right;
}
.alignleft{
	float:left;
	clear:left;
}
	img.alignleft{
		margin:0 15px 15px 0;
	}
/* Text Overflow */
.recent-posts li, #portfolio-loop li h3, #portfolio-loop li small{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
	.recent-posts li{
		width: 370px;
		list-style-position:inside;
		margin-left:0;
	}
	#portfolio-loop li h3{
		width:215px;
	}
/* ----------------------------------
		Portfolio
---------------------------------- */
span.portfolio-item img, img.portfolio-item, #dribbble img, .item img{
	border:5px solid #434547;
	border:5px solid rgba(255,255,255,0.12);
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	-webkit-box-shadow:0 0 2px rgba(255,255,255,0.55), 3px 3px 4px rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 2px rgba(255,255,255,0.55), 3px 3px 4px rgba(0,0,0,0.3);
	-o-box-shadow:0 0 2px rgba(255,255,255,0.55), 3px 3px 4px rgba(0,0,0,0.3);
	box-shadow:0 0 2px rgba(255,255,255,0.55), 3px 3px 4px rgba(0,0,0,0.3));
}
.item{
	margin-bottom:40px;
	position:relative;
	overflow:hidden;
}
.item a{
	text-decoration:none;
}
.item .more-details{
	background:url(images/more-detail-ic.png) top center no-repeat;
	padding-top:143px;
	top:75px;
	left:70px;
	position:absolute;
	display:none;
}
.more-details h3{
	color:#FFF;
	text-transform:uppercase;
	text-shadow:1px 1px 3px rgba(0,0,0,0.4);
	text-align:center;
}
.item:hover .more-details{
	display:block;
}
#single-item h1{
	margin-bottom:-15px;
}
#single-item h3.mint{
	font-family:"Museo300", Georgia, "Times New Roman", Times, serif;
	margin-bottom:20px;
}
#single-item-sidebar{
	margin-top:15px;
}
	#single-item-sidebar .box{
		margin-bottom:60px;
	}
	.no-url{
		margin-top:60px;
	}
#tabs a{
	background:#8ab8c8;
	padding:2px 6px;
	margin-right:5px;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	text-shadow:1px 1px 0 rgba(0,0,0,0.2);
	outline:none;
	-webkit-box-shadow:1px 1px 0 rgba(210,240,254,0.1);
	-moz-box-shadow:1px 1px 0 rgba(210,240,254,0.1);
	-o-box-shadow:1px 1px 0 rgba(210,240,254,0.1);
	box-shadow:1px 1px 0 rgba(210,240,254,0.1);
}
#tabs a.activeSlide{
	background:#9bc271;
}
#tabs a:hover{
	background:#0c0e10;
	background:rgba(0,0,0,0.4);
}
/* ----------------------------------
		Social Network Links
---------------------------------- */
.and-sep{
	background:url(images/and-sep.png) no-repeat;
	height:18px;
	width:100%;
	clear:both;
	margin:10px 0;
}
#dribbble img{margin-bottom:10px;}
#dribbble p a{
	color:#cc668b;
	text-decoration:none;
	padding-bottom:1px;
	}
a.contact-link{
	background:url(images/mail.png) left no-repeat;
	padding-left:26px;
	font-size:18px;
	font-family:"Museo700", Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	padding-bottom:2px;
}
a.twitter, a.flickr, a.linkedIn, a.delicious, a.rss, a.visit, a.dribbble-box{
	padding-left:26px;
	-webkit-transition:all 200ms ease;
	-moz-transition:all 200ms ease;
	-o-transition:all 200ms ease;
	transition:all 200ms ease;
	color:#a9b1ba;
	text-decoration:none;
}
a.dribbble-box{
	background:url(images/dribbble.png) left top no-repeat;
}
a.twitter{
	background:url(images/twitter.png) left top no-repeat;
	padding-top:1px;
}
a.flickr{
	background:url(images/flickr.png) left top no-repeat;
}
a.linkedIn{
	background:url(images/linkedIn.png) left top no-repeat;
}
a.delicious{
	background:url(images/delicious.png) left top no-repeat;
}
a.rss{
	background:url(images/rss.png) left top no-repeat;
}
a.visit{
	background:url(images/small-search-ic.png) left top no-repeat;
}
a.twitter:hover, a.flickr:hover, a.linkedIn:hover, a.delicious:hover, a.rss:hover, a.visit:hover, a.dribbble-box:hover{
	background-position:left bottom;
	color:#8ab9c8;
}
.box, .big-box, .services-box, .g8-box, input, select, input, textarea, div.wpcf7-validation-errors, div.wpcf7-mail-sent-ng, div.wpcf7-mail-sent-ok{
	background:#0c0e10;
	background:rgba(0,0,0,0.4);
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	-webkit-box-shadow:1px 1px 0 rgba(210,240,254,0.1);
	-moz-box-shadow:1px 1px 0 rgba(210,240,254,0.1);
	-o-box-shadow:1px 1px 0 rgba(210,240,254,0.1);
	box-shadow:1px 1px 0 rgba(210,240,254,0.1);
	margin-bottom:10px;
}
	.box{
		padding:6px 15px;
		width:100px;
	}
	.box a{
		display:block;
		height:16px;
		padding-top:0;
	}
	.box:hover{
		background:#0c0e10;
		background:rgba(0,0,0,0.6);
	}
	.big-box{
		padding:20px;
		width:260px;
	}
	.big-box p:last-child{margin:0;}
	.services-box{
		width:215px;
		text-align:center;
		font-size:11px;
		padding:2px 0;
		margin-top:10px;
		margin-bottom:0;
	}
/* --- Contact Page --- */
	.g8-box{
		background:none;
		background:rgba(0,0,0,0.4);
		padding:20px;
		margin:40px 0 20px;
		width:600px;
		clear:both;
	}
	.g8-box .g-4{
		width:280px;
	}
	.g8 .g-8{
		width:600px;
	}
	.g8-box hr{
		margin:10px 0 20px;
		border-bottom:2px dashed #454649;
	}
	textarea{
		width:580px;
		padding:10px;
		line-height:1.5;
	}
	input, textarea{
		background:#0c0e10;
		background:rgba(0,0,0,0.4);
		background-position:20px 7px;
		border:0 none;
		padding:10px;
		font-size:14px;
		color:#A9B1BA;
		margin:0;
		font-family:Arial, Helvetica, sans-serif;
		outline:none;
	}
	input{
		-webkit-border-radius:15px;
		-moz-border-radius:15px;
		border-radius:15px;
		width:260px;
		padding:10px 40px 10px 10px;
		width:220px;
	}
	input:focus{
		background-image:url(images/input-focus.png);
		background-repeat:no-repeat;
		background-position:238px 7px;
		outline:none;
	}
	.tip{
		display:inline-block;
	}
	#tip-container{
		margin-top:95px;
		position:relative;
	}
	#tip-container p{
		display:none;
		position:absolute;
		top:0;
		left:0;
		font-weight:bold;
		font-size:12px;
	}
		#tip-container em{color:#9bc271;}
		#tip-container p.website, #tip-container p.services{top:110px;}
		#tip-container p.deadline, #tip-container p.budget{top:225px;}
		#tip-container p.message{top:340px;}
	.submit-btn{
		margin:auto;
		width:180px;
		position:relative;
	}
	.submit-btn img{
		-webkit-transition: all 600ms ease-in-out;
		-moz-transition: all 600ms ease-in-out;
		-o-transition: all 600ms ease-in-out;
		transition: all 600ms ease-in-out;
		position:absolute;
		left:0;
	}
	.submit-btn:hover img{
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
		z-index:0;
	}
	.submit-btn input{
		/* Remove Old Styles */
		background:none;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		line-height:0;
		padding:0;
		margin:0;
		/* New Styles */
		display:block;
		color:#f0f0f0;
		font-size:24px;
		text-align:right;
		height:31px;
		width:100%;
		cursor:pointer;
		position:relative;
		z-index:10;
	}
	.submit-btn input:hover{
		color:#9bc271;
	}
	.ajax-loader{display:none;}
/* Twitter Box */
.tweet-box{
	background:#0c0e10;
	background:rgba(0,0,0,0.4);
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	padding:20px;
	-webkit-box-shadow:-1px -1px 0 rgba(0,0,0,0.7), 1px 0 0 rgba(210,240,254,0.07);
	-moz-box-shadow:-1px -1px 0 rgba(0,0,0,0.7), 1px 0 0 rgba(210,240,254,0.07);
	-o-box-shadow:-1px -1px 0 rgba(0,0,0,0.7), 1px 0 0 rgba(210,240,254,0.07);
	box-shadow:-1px -1px 0 rgba(0,0,0,0.7), 1px 0 0 rgba(210,240,254,0.07);
	margin-bottom:29px;
	position:relative;
	word-wrap: break-word;
}
.tweet-bird{
	background:url(images/tweet-bird.png) bottom no-repeat;
	height:39px;
	width:76px;
	bottom:-29px;
	position:absolute;
	right:20px;
}
a.timesince{font-size:11px; color:#767c82; text-decoration:underline; border:0 none; display:inline-block; margin-top:5px; clear:both; padding:0;}
/* ----------------------------------
		CSS3 Specific
---------------------------------- */

/* Transitions */
a, .box, input{
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}
#logo{
	-webkit-transition:opacity 450ms ease;
	-moz-transition:opacity 450ms ease;
	-o-transition:opacity 450ms ease;
	transition:opacity 450ms ease;
}

/* ----------------------------------
		Footer
---------------------------------- */
#footer{
	background:url(http://assets.sawyerhollenshead.com/personalportfolio2010/images/footer.png) repeat-x bottom;
	height:29px;
	width:100%;
	margin-top:30px;
	padding-top:185px;
	position: relative;  /* Needed for Safari */
}
	#footer p a, #footer p{color:#4f585e; font-size:11px; margin-bottom:0;}
#nonFooter {
height:100%;
}