/*
Theme Name: Jes-M
Theme URI: http://tiltstudioinc.org/
Description: Jes-M
Version: 1.0
Author: Dustin Pfeifer
Author URI: http://dustinpfeifer.com/
*/

* {
	margin:0;
	padding:0;
}

body {
	background:url(images/background2.gif) repeat-y right top;
	font:12px Arial, Helvetica, sans-serif;
	color:#444;
}

#header {
	background: #fff url(images/background-header.gif) repeat right bottom;
	height:42px;
}

#content {
	text-align:left;
}

#main {
	float:left;
	width:950px;
}

.home-bg {
		background: white url(images/dana-and-raquel.jpg) no-repeat bottom left;
		z-index: -1;
		height:800px;
		overflow: visible;
		}
				
	#main #features {
	width: 950px;
	margin: 385px 0;
	clear:both;
	}

	#main #features a {
	display: block;
	color: #646650;
	}
	
	#main #features a:hover {
	color: #404040;
	}
	
	#main #features h2 {
	font-size: 2.2em;
	color:#5a5a5a;
	font-weight: bold;
	margin-left: 25px;
	margin-top: 25px;
	}
	
	#main #features p {
	padding: 11px;
	}
	
	#main .feat-1 {
	width: 390px;
	height:180px;
	margin: 0 0px 50px 0px;
	padding: 0;
	background: url(images/earth-bg.png) top left ;
	float: left;
	}
	
	#main .feat-1 p {
	width:275px;
	margin: 0 0 0 15px;
	}	
	



	
	#main .feat-1 a {
	color:#fff;
	}

	#main .feat-1 a:hover {
	color:#fff;

	}
	
	#main .feat-2 {
	width: 390px;
	height:180px;
	margin: 0 0 50px 50px;
	padding: 0;
	background:#987c59 url(images/all-products.jpg) top left;
	float: left;
	}
	
	#main .feat-2 p {
	background:#987c59;
	}

	#main .feat-2 a {
	color:#fff;
	}
	
	#main .feat-2 a:hover {
	color:#fff;
	}
	
	#main .feat-3 {
	width: 230px;
	height:180px;
	margin: 0 0px 50px 0px;
	padding: 0;
	background:#987c59 url() top left;
	float: left;
	}
	
	#main .feat-2 p {
	background:#987c59;
	}
	
	#main .feat-3 a {
	color:#fff;
	}
	
	#main .feat-3 a:hover {
	color:#fff;
	}
	

	#main #page {
		background:#fff;
	}
	
	#main #people {
		background:#fff;
		
	}

		#main #people #col1 {
		width: 180px;
		margin: 40px 20px 40px 15px;
		float:left;
		
		}
		#main #people h5 {
			padding:50px 0 0 0;
		}
		
		#main #people #col2 {
		width: 180px;
		margin: 40px 20px 40px 15px;
		float:left;
		}
		
		#main #people #col3 {
		width: 180px;
		margin: 40px 20px 40px 15px;
		float:left;
		}
		
		#main #people #col4 {
		width: 180px;
		margin: 40px 20px 40px 15px;
		float:left;
		}
		
		
		#main #people #right img {
			filter:alpha(opacity=60);
		    opacity:0.6;
		}
		
		#main #people #right img:hover {
			filter:alpha(opacity=100);
		    opacity:1;
		}
	
	#main #about {
		background:#fff;
	}
		
		#main #about h5 {
			padding:50px 0 0 0;
		}
	
		#main #about .spacer {
			margin:90px 0 0;
		}
		
		#main #about #left {
			background:url(images/greendots.gif) repeat-x bottom;
			width:430px;
			float:left;
			padding:40px 0 20px;
		}
		
		#main #about #border {
			background:url(images/greendots.gif) repeat-x top;
			height:10px;
			margin:0 0 10px;
		}
	
		#main #about #right {
			width:400px;
			float:right;
			padding:50px 0;
		}

	#main #earth {
		background: #fff url(images/bg-earth.jpg) no-repeat bottom left;
		}
		#main #earth h5 {
			padding:50px 0 0 0;
		}
	
		#main #earth .spacer {
			margin:90px 0 0;
		}
		
		#main #earth #left {
	
			width:430px;
			float:left;
			padding:40px 0 20px;
		}
		
		#main #earth #border {
	
			height:10px;
			margin:0 0 10px;
		}
	
		#main #earth #right {
			width:400px;
			float:right;
			padding:50px 0;
		}
		
	#main #diy {
	background: #fff url(images/bg-diy.jpg) no-repeat top left;
	}
		#main #diy h5 {
			padding:50px 0 0 0;
		}
	
		#main #diy .spacer {
			margin:90px 0 0;
		}
		
		#main #diy #left {
	
			width:430px;
			float:left;
			padding:40px 0 20px;
		}
		
		#main #diy #border {
	
			height:10px;
			margin:0 0 10px;
		}
	
		#main #diy #right {
			width:300px;
			float:right;
			padding:50px 0;
		}
		
		.needs {
			background: #e0cdbe;
			padding: 10px;
			}
			
	#main #education {
	background: #fff;
	}
			#main #education h5 {
			padding:50px 0 0 0;
		}
	
		#main #education.spacer {
			margin:90px 0 0;
		}
		
		#main #education #right {
	
			width:300px;
			float:right;
			padding:73px 0 20px;
		}
		
		#main #education #border {
	
			height:10px;
			margin:0 0 10px;
		}
	
		#main #education #left {
			width:500px;
			background: #fff;
			float:left;
			padding:0;
		}
		
		
	#main #manufacturing {
	background: #fff url(images/bg-manu.jpg) no-repeat bottom left;
	}
			#main #manufacturing h5 {
			padding:50px 0 0 0;
		}
	
		#main #manufacturing .spacer {
			margin:90px 0 0;
		}
		
		#main #manufacturing #left {
	
			width:430px;
			float:left;
			padding:40px 0 20px;
		}
		
		#main #manufacturing #border {
	
			height:10px;
			margin:0 0 10px;
		}
	
		#main #manufacturing #right {
			width:400px;
			float:right;
			padding:50px 0;
		}
		
		#manu ol {
		margin: 20px 0 20px 25px;}
	
		#manu li {
		margin: 10px 0 10px 20px;
		padding-left: 5px;
		}
		
		#manu .odd {
			background: #e0cdbe;
			padding: 5px;
			}
		
	
	#main #work {
		background:#fff;
	}
	
		#main #work h5 {
			padding:80px 0 0;
		}
		
		#main #work #overview {
			float:left;
			width:250px;
			height:250px;
			padding-bottom:50px;
			font-style:italic;
		}
		
			#main #work .second {
				padding:0 50px 0 50px;
			}
			
		#main .frame {
				overflow: hidden;
				height: 140px;
				width: 250px;
				position: relative;
			}	
		
		#main .shop-overlay {
				position: absolute;
				top: 140px;
				left: 0px;
			}
			
			
	#main #client{
		background:#fff;
	}
	
		#main #client h5 {
			padding:80px 0 0;
		}
		
		#main #client #column {
			float:left;
			width:850px;
			padding-bottom:50px;
		}
		
			#main #client #column .first {
				padding:0 50px 0 0px;
				width:250px;
                margin: 40px 0 0 0;
                float:left;
                line-height:22px;
			}
			
			#main #client #column .second {
				padding:0 50px 0px 0;
                width:250px;
                margin: 40px 0 0 0;
                line-height:22px;
				
			}
			
			#main #client #column .third {
				padding:0;
				width:250px;
                float:right;
                margin: 40px 0 0 0;
                line-height:22px;
			}
			
			
			
			
	#main #project {
		background:#fff;
	}
	
	#main #project .quote {
		font-weight: normal;
	}

	#main #project .quote span {
		font-weight: bold;
	}
		
		#main #project #left {
	
			width:300px;
			clear:left;
			float:left;
			padding:80px 0;
		}
		
			#main #project #left h6 {
	
			padding: 25px 0;
		}
		
		
		.overline {
			background:url(images/greendots.gif) repeat-x top;
			padding: 0 45px 0 0;}
			
		
		#main #project #right {
			width:450px;
			float:right;
			padding:120px 0;
		}
		
		.margin {
		margin: 15px 0;
		}
		
		#work .margin {
		margin: 15px 0 5px 0;
		}
		
		.work-right {
		float: right;
		width: 300px;
		padding: 80px 0 0 0;}
		
		.work-left {
		width:490px;
		float:left;
		}
		
		.work-lef {
		width:125px;
		margin: 100px 0 0 0;
		float:left;
		}
		
		.line-1 {
		float: left;
		width:250px;
		margin: 0 0 0 110px;
		}
		
		.line-2 {
		float: left;
		width:250px;
		margin: 0 0 0 0;
		}
		
		.line-3 {
		float: left;
		width:250px;
		margin: 0 50px 0 50px;
		}
		
		.line-4 {
		float: left;
		width:250px;
		}
		
		.prodcontent {
		float:left;
		border-top: 1px dashed #8e9c73;
		padding: 25px 0;
		margin: 15px 0 0 0;
		}
		
		.sales {
		background: #e0cdbe;
		margin: 10px 0;
		padding: 10px;}
			
	#main #blog {
		background:#fff;
	}
		
		#main #blog h5 {
			margin:60px 0 0;
		}
	
		#main #blog #left {
			float:left;
			width:590px;
		}
		
		#main #blog #right {
			float:right;
			width:240px;
			background:url(images/greendots.jpg) repeat-x top;
			padding:20px 0 0;
			margin:20px 0 0;
		}
	
	
	
		#main #news {
		background:#fff;
		}
		
		#main #news h5 {
			padding:50px 0 0 0;
		}
	
		#main #news .spacer {
			margin:90px 0 0;
		}
		
		#main #news #left {
			background:url(images/greendots.gif) repeat-x top;
			width:350px;
			margin-top: 30px;
			float:left;
			padding:20px 0 20px;
		}
		
		#main #news #border {
			background:url(images/greendots.gif) repeat-x top;
			height:10px;
			margin:0 0 10px;
		}
	
		#main #news #right {
			width:470px;
			float:right;
			padding:20px 0;
		}
	
		#main #news #right img {
			max-width: 470px;	
		}
	
	#tweetfeed {
		background:url(images/twitterbg.jpg) no-repeat top left;
		padding: 20px;
		height: 125px;
		}
	
	#tweetfeed p {
		width: 300px;
		}
	
	#tradeshows {
		padding-left: 20px;
		padding-right: 20px;
		}
	
		#tradeshows table {
			width: 100%;
			border-collapse: collapse;
			}
	
		#tradeshows .booth {
			width: 36px;
			text-align: center;
			}

		#tradeshows .show {
			width: 120px;
			}
	
		#tradeshows thead {
			font-weight: bold;
			}
		
		#tradeshows thead td {
			border-top: none;
			}	
			
		#tradeshows td {
			border-top: 1px dotted #aaa;
			padding: 4px 0 3px 0;
			vertical-align: middle;
			}	
			
		
	#retail {
		margin-top: 30px;
		padding-left: 20px;
		padding-right: 20px;
		}		
	
	#flickr {
		margin-top: 30px;
		padding-left: 20px;
		padding-right: 20px;
		}

	#flickr li {
		list-style: none;
		margin: 0;
		padding: 0;
		width: 130px;
		display: inline;
		}

	#flickr img {
		width: 130px;
		margin: 10px;
		}
	
	#news #left h4 {
		margin-bottom: 15px;
		border-bottom: 1px solid #444;
		padding-bottom: 5px;
		font-size: 12px;
		letter-spacing: 1px;
		}
		
	#main #contact {
		background:#fff;
	}
	
		#main #contact .spacer {
			margin:20px 0;
		}
		
		#main #contact #border {
			background:url(images/greendots.gif) repeat-x top;
			height:10px;
			margin:0 0 10px;
		}
		
		#main #contact #left {
			float:left;
			width:395px;
		}
		
		#main #contact #right {
			float:right;
			width:395px;
		}
		
		#main #contact h5 {
			margin:20px 0;
			text-align:left;
			float:left;
		}
		
			#main #contact .content-editor {
			margin:20px 0;
			text-align:left;
			clear:left;
		}
		
	#main #lines {
		background:#fff url(images/bg-lines.jpg) no-repeat bottom right;
	}
		
		#main #lines h5 {
			padding:30px 0 0 0;
		}
	
		#main #lines .spacer {
			margin:90px 0 0;
		}
		
		#main #lines #left {
			width:430px;
			float:left;
			padding:20px 0 20px;
		}
		
		#main #lines #border {
			background:url(images/greendots.gif) repeat-x top;
			height:10px;
			margin:0 0 10px;
		}
	
		#main #lines #right {
			width:400px;
			float:right;
			padding:60px 0;
		}
		
		
		
	#main #brands {
		background: #fff /* url(images/wrap-page.jpg) no-repeat bottom right */;
	}
	
		#main #brands .spacer {
			margin:40px 0;
		}
		
		
		#main #brands #left {
			float:left;
			width:395px;
		}
		
		#main #brands #right {
			float:right;
			width:395px;
		}
		
		#main #brands h5 {
			text-align:left;
		}
		
		.img_right {
			float: right;
			margin: 0 0 10px 10px;
		}
		.brand_spacer {
			margin:11px 0 0 0;
			}
			
			.h5_spacer {
			margin:45px 0 0 0;
			}
			
			.brand_linkspacer {
			margin:46px 0 0 0;
			}

	#main .in {
		padding:80px 40px 0px 40px;
	}
	
	#main .breadcrumb {
		height: 16px;
		display:block;
		text-align:right;
		font-size:11px;
	}
	
	#main .breadcrumb img {
		margin: 0 4px 0 0;
	}
	
	#main #buttons {
		width:870px;
		margin: 15px 0 0 0;
	}
	
#home {
	height:545px;

}

#sidebar {
	float:right;
	width:72px;
}

#sidebar a {
	border: 0;
	outline: 0;
	}


#copyright {
	width:100%;
	background:#c9b6a8 url(images/papertexturethin.jpg) repeat-x left;
	text-align:right;
	height:30px;
	overflow:hidden;
}

	#copyright p {
		font-size:11px;
		color:#fff;
		padding:7px 20px 0 0;
		margin:0;
	}
	
#footer {
	background:url(images/background-footer-int.jpg) no-repeat top;
	width:950px;
	text-align:center;
	margin:0 0 40px 0;
	z-index:1;
}

#footer-home {
	width:950px;
	text-align:center;
	z-index: 2;
	margin:0 0 40px 0;
}

	#footer-content {

		background:#c9b6a8 url(images/papertexture.jpg) repeat left top;
		text-align:left;
		width:870px;
		margin:0 auto;
		color:#fff;
		padding:0 0 35px;
		font-size:11px;
	}

		#footer-content #top {
		background:#997c58 url(images/background-footer.jpg) no-repeat top;
			height:50px;
			padding:18px 0 0;
			text-transform:uppercase;
			font-weight:bold;
			color:#222;
		}

		#footer-content #top .left {
				float:left;
				width:398px;
			}
	
			#footer-content #top .right {
				float:right;
				width:472px;
				text-align:center;
			}
			
			#footer-content #top .right a {
				color: #222;
				}
			
		#footer-content #bottom {
			background:#c9b6a8 url(images/papertexture.jpg) repeat left top;
			width:790px;
			margin:40px auto 0 auto;
		}
		
			#footer-content #bottom p {
				float:left;
				margin:10px 0 0;
			}
		
			#footer-content #bottom .left {
				float:left;
				width:530px;
			}
			
				#footer-content #bottom .left #lefttop {
					background:#c9b6a8 url(images/papertexture.jpg) repeat left top;
				}
			
				#footer-content #bottom .left #lefttop .leftcolumn {
					float:left;
					width:245px;
				}
				
				#footer-content #bottom .left #lefttop .rightcolumn {
					float:right;
					width:245px;
				}
				
				#footer-divider-horizontal {
					background:url(images/dot-line-horizontal-white.jpg) repeat-x;
					width:530px;
					height:1px;
					margin:20px 0;
				}
				
				#footer-content #bottom .left #righttop {
/* 					background:url(images/background-footer-blb.jpg) repeat-y left top; */
					background:#c9b6a8 url(images/papertexture.jpg) repeat left top;
				}
			
				#footer-content #bottom .left #righttop .leftcolumn {
					float:left;
					width:185px;
				}
				
				#footer-content #bottom .left #righttop .rightcolumn {
					float:right;
					width:305px;
				}
			
			#footer-content #bottom .right {
				float:right;
				width:180px;
			}
			
	#footer-content .signup {
		margin:10px 0 0;
	}
		
		#footer-content .signup input {
			border:none;
			background:#8e9c73;
			color:#fff;
			padding:5px;
			width:200px;
		}
		
		#footer-content .signup input:hover {
			background:#8e9c73;
		}
		
		#footer-content .signup .submit {
			padding:4px 0 4px 0;
			margin:0 0 0 10px;
			cursor:pointer;
			width:75px;
		}
	
		#footer-content .signup .submit:hover {
			background:#8e9c73;
		}
		
	
#home-portfolio {
	position:absolute;
	z-index:-1;
}
	
	
/* Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.logo a {
	color: #444;
	text-transform: uppercase;
	letter-spacing: 8px;
	}

.logo a:hover {
	color: #4EC4D0;
	}
	
#navigation {
	padding:15px 0 0 0;
	margin: 0 0 15px 0;
	list-style-type:none;
}

#navigation ul {
	padding: 0 0 10px 0;
	}

#navigation li {
	display:block;
	float:left;
	margin:0 30px 0 0;
}

#navigation li a {
	text-decoration:none;
	text-transform:uppercase;
	font:18px Interstate, Arial, Helvetica;
	line-height: 26px;
	letter-spacing:1px;
	margin: 0 0 0 0;
	padding: 0 0 3px 0!important;
	color:#444;
}

#navigation .cufon {
	height: 20px!important;
	}

#navigation li a:hover {
	color:#5a5a5a;
	margin: 0 0 0 0;
	padding: 0 0 3px 0;
	border-bottom:3px solid #444;
}

#navigation li a:active {
	padding: 0 0 2px 0;
	margin: 1px 0 0 0; 
}


#navigation li.current_page_item a {
	border-bottom:3px solid #8e9c73;
}

/* footer */

#footernav {
	list-style-type:none;
	padding:0 35px;
	margin:10px 0;
}

#footernav li {
	display:block;
	float:left;
	margin:0;
}

#footernav a {
	padding:0 5px;
	color:#fff;
}

#footernav li a:hover {
	color: #b5bd2a;
	border: none;
}


/* blog sidebar navigation */

#blognav {
	list-style-type:none;
	margin:0 0 20px;
}

#blognav li {
	margin:5px 0;
}

#blognav a {
	text-decoration:underline;
}

#blognav a:hover {
	color: #333;
}


#cat {
	margin:0 0 20px;
}


/* Glider
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width:950px; 
	height:790px;
	overflow:hidden;
	background:#fff;
	position:absolute;
	z-index:-1;
	}
	
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/
		width:950px; 
		height:790px;
		overflow:hidden;
		float:left;		
		}
	div.scroller div.content {
		width:10000px;
		}
		
div.scroller div.summary {
	width:555px;
	float:right;
	margin:420px 0 0;
	padding:0 40px 0 0;
}

div#buttons {
	width:910px;
	text-align:right;
}

	div#buttons a {
		display:block;
		float:right;
		height:25px;
		padding:15px 15px 0 15px;
		margin:0 0 0 20px;
		background:#5a5a5a;
		color:#fff;
		text-decoration:none;
		text-transform:uppercase;
		font-size:11px;
	}
	
	div#buttons a:hover {
		background:#8D9C73;
		color:#333;
	}


/* Typography
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

p {
	margin:10px 0;
	line-height:150%;
}

.odd, .even {
	padding:5px 10px;
	margin:0;
}

.odd a, .even a {
	color:#444;
}

.odd {
	background:#addfeb;
}

.links {
	background:url(images/greendots.gif) repeat-x bottom;
	list-style-type:none;
	padding:0 0 10px;
	margin:10px 0;
}

.links li {
	display:block;
	background:#addfeb;
	padding:10px;
	margin:10px 0;
}

a {
	color:#8e9c73;
	text-decoration:none;
	border: 0;
	outline: 0;
}

a:hover {
	color:#333;
	text-decoration:none;
}


a img {
	border:none;
}

	a.arrow {
		background:url(images/icon-arrow.jpg) no-repeat left center;
		padding:0 0 0 15px;
		text-decoration:underline;
	}

h1 {
	font-size:30px;
	text-transform:uppercase;
	border:1px solid #8e9c73;
	border-width:7px 0 0;
	padding:10px 0 0;
}

h2 {
	font-style:italic;
	font-weight:normal;
}

	h2.recognition {
		background:url(images/icon-trophy.jpg) no-repeat left center;
		padding:10px 0 10px 30px;
	}
	
	h2.design {
		background:url(images/icon-article.jpg) no-repeat left center;
		padding:10px 0 10px 30px;
	}

h3 {
	font-size:30px;
	color:#fff;
	font-weight:normal;
	letter-spacing:4px;
	text-transform:uppercase;
}


h3.home-title {
	font-size: 32px;
	margin: 0 0 0 0;
	}

h4 {
	font-size:16px;
	color:#444;
	font-weight:bold;
	text-transform:uppercase;
}


.news h4 {
	font-size:16px;
	color:#56985b;
	font-weight:bold;
	text-transform:uppercase;
}


h5 {
	font-size:76px;
	text-transform:uppercase;
	color:#444;
	margin:0 0 10px;
}

h6 {
	font-size:54px;
	text-transform:uppercase;
	color:#444;
	margin:0 0 10px;
}

ul {
	margin:10px 0;
	list-style-type:square;
}

ul li {
	margin:0 20px;
	line-height:150%;
}

ul.news {
	background:url(images/greendots.gif) repeat-x top;
	padding:20px 0 0;
	}

ul.news li {
	margin:0;
	line-height:150%;
	list-style-type: none;
}

.blog-title {
	background:url(images/greendots.gif) repeat-x top;
	padding:20px 0 0;
	margin:20px 0 0;
	color:#e79043;
}

ol {
	margin:10px 0;}
	
ol li {
	margin:10px 20px 5px 20px;
	padding: 0 0 10px 0;
	line-height:150%;
	border-bottom: 1px dotted #8e9c73;
	border-top:none;
	border-left: none;
	border-right:none;
	}

.quote {
	font-size:10px;
	font-weight:bold;
	font-style:italic;
}


/* Blog Styling
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#postmetadata {
	border:1px solid #444;
	border-width:1px 0;
	text-transform:uppercase;
	font-size:11px;
}

.alignleft {
	float:left;
}

.alignright {
	float:right;
}

#recent-posts {
	padding:30px 0;
}

#recent-next {
	width:180px;
	padding:0 0 0 50px;
	float:left;
}

#recent-first {
	width:180px;
	padding:0;
	float:left;
}

textarea {
	width:98%;
}

.blog-thumb img {
	border:1px solid #c4c4c4;
	border-width:4px 0;
}

.blog-thumb img:hover {
	border:1px solid #414141;
	border-width:4px 0;		
}

#blog input {
	border: 0;
	background: #ddd;
	padding: 7px;
	margin-right: 6px;
	}

#blog input:hover {
	background: #4EC4D0;
	}

#blog textarea {
	border: 0;
	background: #ddd;
	padding: 7px;	
	}

#blog textarea:hover {
	background: #4EC4D0;
	}


.feed {
	background: url(images/feed.jpg) no-repeat left center;
	padding: 2px 0 2px 20px;
	}

.feedmeta {
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
	padding: 3px 0 3px 0;
	margin-bottom: 20px;
	text-align: right;
	}


/* Gallery 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#main .gallery {
	list-style-type:none;
	margin:10px 0 0 0;
}

#main .gallery dl {
	display:block;
	float:left;
	margin:0 0 2px;
}

#main .gallery a {
	display:block;
	float:left;
	line-height:0;
}

#main .gallery img {
	width:75px;
	height:75px;
	overflow:hidden;
}




/* Contact Form Syling 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.reqtxt, .emailreqtxt, .cf_hidden, .linklove {
	display:none;
}

.cform ol {
	list-style-type:none;
}

.cform ol li{
	border:none;
}

.cform fieldset {
	margin:0;
	border:none;
}

.cform legend {
	font-weight:bold;
	text-transform:uppercase;
	font-size:14px;
	margin:10px 0;
}

#contact .cform input, .cform textarea {
	width:375px;
}

#contact .cformselect {
	width: 395px;
	
	}
	

#contact .cform .sendbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	border:none;
	background:none;
	text-align:left;
	background:url(images/icon-arrow.jpg) no-repeat left center;
	padding:0 0 0 17px;
	margin: 10px;
	width: 75px;
}

#li-2-6 #cf2_field_6 {
width:395px;
display:inline;
}


#li-2-6 span {
width: 300px;
margin:0;
padding:10px 0;
text-align: left;


}




#sendbutton {border: none;}
.cform .sendbutton:hover {
	background:url(images/icon-arrow.jpg) no-repeat 1px center;
	color: #b3bb2a;
}

#cf_field_2, #cf_field_4, #cf_field_6, #cf_field_8, #cf_field_10, #cf_field_12 {
	border:none;
	background:#8e9c73;
	padding:10px;
}

#cf_field_2:hover, #cf_field_4:hover, #cf_field_6:hover, #cf_field_8:hover, #cf_field_10:hover, #cf_field_12:hover {
	background:#444;
}

#cf_field_3, #cf_field_5, #cf_field_7, #cf_field_9, #cf_field_11, #cf_field_13 {
	border:none;
	background:#fff;
	padding:10px;
}

#cf_field_3:hover, #cf_field_5:hover, #cf_field_7:hover, #cf_field_9:hover, #cf_field_11:hover, #cf_field_13:hover {
	background:#EEEEEE;
}

#li--1 {display:none;}

#cf2_field_1, #cf2_field_3, #cf2_field_5, #cf2_field_7, #cf2_field_9, #cf2_field_11, #cf2_field_13 {
	border:none;
	background:#8e9c73;
	padding:10px;
}

#cf2_field_2:hover, #cf2_field_4:hover, #cf2_field_6:hover, #cf2_field_8:hover, #cf2_field_10:hover, #cf2_field_12:hover {
	background:#eeeeee;
}

#cf2_field_2, #cf2_field_4, #cf2_field_6, #cf2_field_8, #cf2_field_10, #cf2_field_12 {
	border:none;
	background:#fff;
	padding:10px;
}

#cf2_field_1:hover, #cf2_field_3:hover, #cf2_field_5:hover, #cf2_field_7:hover, #cf2_field_9:hover, #cf2_field_11:hover, #cf2_field_13:hover {
	background:#444;
}


ol.cf-ol li.cf_li_err {
	border-right: 3px solid yellow;
}

.failure {
	margin: 0 0 15px 0;
}

#contact textarea {font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
width: 375px;
}

#map_canvas {
	margin: 10px 0 0 0;
	border: 10px solid #414141;
	}
	
#map_canvas #copyright {
	background: none!important;
	margin: 0;
	padding: 0;
	}	














/* Bio Slides
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.mike {
	background: url(http://www.tiltstudioinc.com/bios/mike-bg.jpg) top left no-repeat;
}

.amber {
	background: url(http://www.tiltstudioinc.com/bios/amber-bg.jpg) top left no-repeat;
	}
	
.anthony {
	background: url(http://www.tiltstudioinc.com/bios/anthony-bg.jpg) top left no-repeat;
	}
	
.erb {
	background: url(http://www.tiltstudioinc.com/bios/rachael-bg.jpg) top left no-repeat;
	}
	
.jess {
	background: url(http://www.tiltstudioinc.com/bios/jess-bg.jpg) top left no-repeat;
	}
	
.jill {
	background: url(http://www.tiltstudioinc.com/bios/jill-bg.jpg) top left no-repeat;
	}
	
	
.matt {
	background: url(http://www.tiltstudioinc.com/bios/matt-bg.jpg) top left no-repeat;
	}
	
.roddy {
	background: url(http://www.tiltstudioinc.com/bios/roddy-bg.jpg) -7px -10px no-repeat;
}

.sam {
	background: url(http://www.tiltstudioinc.com/bios/sam-bg.jpg) top left no-repeat;
	}

#bios {
	margin: 0px;
	height: 400px;
	width: 700px;
    overflow: hidden;
    border: 1px solid #addfeb;
}

#bios p {
	line-height: 16px;
	margin-bottom: 8px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif, Verdana;
}



#bios h2 {
	color: #4ec4cf; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px; line-height: 26px; 
	letter-spacing: 3px; margin-bottom: 6px;
	font-style:italic;
	font-weight:normal;
}
}

/* H3s must be set to display none to hide "Recent Songs(Virb Tunes)" text */
#bios h3 {
	display:none;
}


#container {
	margin-top: 55px;
	width: 400px;
	margin-left: 250px;
	overflow:hidden;
}



abbr {
	text-decoration: none;
}

.town {
	color: #888;
	margin-right: 3px;
}

.town em {
	font-weight: bold;
}

.see_all {
	display: none;
}

.h3_dash {
	display: none;
}

#virbtunes {
	height: 30px;
	background-color: #addeec;
	margin: 4px 0 4px 0;
	width: 421px;
}


#virbtunes a {
	color: #444;
	text-decoration: none;
}	


#virbtunes ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: inline;
	padding: 8px;
}

#virbtunes li {
	list-style-type: none;
}

.virb_tunes {
	float: left;
}

#virbtunes h4 {
	padding-left: 8px; 
	padding-bottom: 8px; 
	padding-right: 1px; 
	padding-top: 8px; 
	float: left; 
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	margin: 0;}
	
	/*favorite things*/

#favorites {
	height: 30px;
	background-color: #addeec;
	margin: 4px 0 4px 0;
	width: 421px;
}

#favorites h4 {
	padding-left: 8px; 
	padding-bottom: 8px; 
	padding-right: 1px; 
	padding-top: 8px; 
	float: left; 
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; margin: 0;
}	

#favorites p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: inline;
	padding: 8px;
}

	
/* Twitter Styling */


#twitterbox {
	/* height: 30px; */
	background-color: #addeec;
	margin: 4px 0 4px 0;
	width: 405px;
	padding: 8px;
}

#twithead { 
	float: left;
	margin-bottom: 8px;
}

#twitterbox ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: inline;
}

#twitterbox li {
	list-style-type: none;
	clear: left;
	line-height: 16px;

}

#twitterbox p {
	float: left;
}

#twitterbox h4 {	
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	margin: 0;}
	
#twitterbox a {
	color: #555;
	text-decoration: none;}	


/* Timeline Style
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#slider {
   background: url(images/slider-bg.png) no-repeat;
    width: 390px;
	height:180px;
	margin: 0 0 50px 50px;
	padding: 0;
	position: relative;
    float:left;
}

#slider h2 {
	font-size: 2.2em;
	letter-spacing: -1px;
	color: black;
	margin: 0;
}

#slider p {
	margin: 0;
	padding: 0;
}

.scroll {
    height: 160px;
    width: 380px;
    margin: 0 0 0 5px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
    margin: 0;
    padding: 20px;
    height: 160px;
    width: 380px;
    overflow:hidden;
}

/*
div.sc_menu {
	/* Set it so we could calculate the offsetLeft 
	position: relative;
	height: 70px;
	width: 540px;
	overflow: auto;
	background: url(grad.gif) repeat-x top left;
}
*/
ul.sc_menu {
	display: block;
	height: 50px;
	/* max width here, for users without javascript */	
	width: 1500px;	
	padding: 15px 0 0 15px; 
	/* removing default styling */
	margin: 0;		
	list-style: none;
}
.sc_menu li {
	display: block;
	float: left;	
	padding: 0 2px;
}
.sc_menu a {
	display: block;
	text-decoration: none;
	color: #333;
	padding: 10px;
}

.sc_menu a:hover {
	background: #1eaeea url(../images/point-blue.gif) no-repeat center top;
}

.sc_menu a.selected {
    background: #86C768 url(../images/point-green.gif) no-repeat center top;
}

.sc_menu a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 70px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -10px;
    z-index:1000;
}

.scrollButtons.right {
    right: -10px;
     z-index:1000;
}

.text {
width: 380px;
margin: 0;
padding: 20px 0;
}



/* set individual bgs for PAPER here */


#b4000 {  background: url(images/feat-card.png) no-repeat 250px 15px; height: 180px;}
#b200 {  background: url(images/feat-baby.png) no-repeat 200px 15px; height: 180px;}
#a105 { background: url(images/feat-wrap.png) no-repeat 200px 20px; height: 180px;}
#a800 {  background: url(images/feat-shirts.png) no-repeat 200px 15px; height: 180px;}
#a1300 {  background: url(images/feat-kid.png) no-repeat 200px 15px; height: 180px;}
#a1690 {  background: url(images/feat-kid.png) no-repeat top right; height: 180px;}
#a1798 {  background: url(images/slider-bg.png) no-repeat;}


/*Get The Image */

img.full { width: 422px; height:300px;}

	/* JQuery Flickr Cycle ------------------*/
	
	#photo-gal {
		margin: 0 0 0 0;
		float: left;
		}
	
	.photo-container {
		background: transparent;
		width: 217px;
		height: 161px;
		}
				
	#images { height: 141px; width: 185px; margin:0 0 0 16px; overflow: hidden;}
	#images img { border:none; margin: 18px auto; max-width: 185px; min-width: 185px;}
	
	#photo-gal #flickrNav {
		width: 220px;
		height: 30px;
		margin: 15px 0 0 0;
		}
	
	#photo-gal .prev {
		float: left;

		height: 30px;
		margin-left: 15px;
		}
	
	#photo-gal .next {
		float: right;

		height: 30px;
		margin-right: 15px;		
		}
.flickrimgs img a {


	
	}

/*Dropdown*/
#diy form, #buttons form {
		margin: 15px 0px 10px 0!important;
		border-top: 1px dotted #8f9b73;
		border-bottom: 1px dotted #8f9b73;
		border-right:none;
		border-left:none;
		}
		
		#diy select, #buttons select {
		background: #8f9b73;
		border: 2px solid #5a5a5a;
		color:#000;
		padding:5px;
		margin:5px 0;
		width: 200px;
		}
		
		#diy .locsub, #buttons .locsub {
		background: #8f9b73;
		border: 2px solid #5a5a5a;
		color:#000;
		padding:5px;
		}
		
		#diy .locsub:hover, #buttons .locsub:hover {
		background: #e0cdbe;
		color:#000;
		}
		
		.headleft {
		float: left;
		
		}
		
		#buttons h2 {
		border-top: 1px dotted #8f9b73;
		border-bottom: 1px dotted #8f9b73;
		border-right:none;
		border-left:none;
		padding:8px 0 9px 0;
		margin: 15px 0 0 300px;
		}
		
		
		.headright {
		float: right;
		
		}


/* Browser Adjustments
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}          
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */