/*******************
Color Palette

Orange - fd8f00, rgb(253,143,0)
Dark - 5b5350, rgb(91,83,80)
Lighter - a39a95, rgb(163,154,149)

********************/


body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #5b5350;
	background: #fff url(../img/bg_header.gif) repeat-x left top;
}

h1 {
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 3px;
}

h2 {
	color: #a39a95;
	font-size: 38px;
	line-height: 38px;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 3px;
	letter-spacing: 1px;
	font-weight: normal;
}

h3 {
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 2px;
	letter-spacing: .5px;
}

p, ul, ol, blockquote, form { margin-bottom: 20px; }

a, a:visited, a:active {
	color: #fd8f00;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;	
}

/* Header
----------------------------------------------- */
#header {
	width: 900px;
	margin: 0px auto;
	height: 140px;
	position: relative;
}

	#header h1 {
		text-align: center;
		margin: 0px auto;
		width: 371px;
		height: 67px;
		padding-top: 30px;
	}
	
	#header h1 a { 
		display: block;
		height: 67px;
		background: url(../img/logo.png) no-repeat left top;
		text-indent: -9999px;
	}
	
	#nav { position: absolute; bottom: 0; right: 20px; margin-bottom: 0; height: 27px; }
	
	#nav li {
		font-size: 12px;
		text-transform: uppercase;
		width: 110px;
		line-height: 26px;
		letter-spacing: 1px;
		text-align: center;
	}
	
	#nav li a { color: #fff; display: block; }
	
	#nav li a:hover, #nav li.selected a { color: #fff; background: #fdb352; text-decoration: none; }
	
	

/* Footer
----------------------------------------------- */
#footer {
	width: 900px;
	margin: 0px auto;
	text-align: right;
	padding-top: 20px;
}

/* Content
----------------------------------------------- */
#content {
	width: 830px;
	margin: 0px auto;	
	/*min-height: 470px;*/
	border-left: 1px solid #767779;
	border-right: 1px solid #767779;
	border-bottom: 1px solid #767779;
	padding: 0 34px;
}

#article {
	border-left: 1px solid #4c5051;
	border-right: 1px solid #4c5051;
	border-bottom: 1px solid #4c5051;
	margin-bottom: 10px;	
}

body#blog #content, body#blog #article { border: none; }

/* About
----------------------------------------------- */
#article.about { 
	padding: 60px 80px; 
	background:transparent url(../img/mantra.jpg) no-repeat scroll left bottom;
	min-height:300px; 
}


/* Designs
----------------------------------------------- */
#portfolio { background: #a39a95; position: relative; margin-bottom: 15px; }

#portfolio #cat_list { position: absolute; top: 20px; left: 10px; }

	#cat_list a, #cat_list a:visited { color: #817c78; font-size: 20px; text-transform: uppercase; line-height: 32px; letter-spacing: 2px; }
		
	#cat_list li.active a, #cat_list a:hover { color: #4b4f50; text-decoration: none; }

#portfolio #meta { position: absolute; bottom: 0; padding: 0 40px; width: 335px; }

#portfolio #work { width: 415px; margin-left: 415px; }

	#work_gallery { margin-bottom: 20px; }

	#work_gallery ul { margin-left: 1px;}

	#work_gallery li { float: left; width: 80px; margin:0 5px 0 6px; }
	
	#work_gallery a.browse { width: 25px; float: left; margin-top: 15px; height: 25px; }
	
	#work_gallery a.nextPage { margin-left: 10px; margin-right: 5px; background: url(../img/next.png) no-repeat left center; text-indent: -9999px;}
	
	#work_gallery a.prevPage { margin-left: 10px; background: url(../img/prev.png) no-repeat right center; text-indent: -9999px;}
	
body#designs #article { border: none; }

body#designs #portfolio { 
	border-left: 1px solid #4c5051;
	border-right: 1px solid #4c5051;
	border-bottom: 1px solid #4c5051;	
}

/* Contact
----------------------------------------------- */
#article.contact { background: url(../img/contact_bg.jpg) no-repeat right top; padding: 40px 80px; }

.contact form input { padding: 5px 10px; border: 1px solid #a39a95;}

.contact button { background: #fd8f00; border: none; margin-left: 5px; padding: 5px 10px; color: #fff; text-transform: uppercase; }

#hello_heading {
	background: url(../img/hello.jpg) no-repeat left top;
	height: 48px;
	text-indent: -9999px;
}

#custom_heading {
	background: url(../img/custom.jpg) no-repeat left top;
	height: 48px;
	text-indent: -9999px;
}

#email_heading {
	background: url(../img/email.jpg) no-repeat left top;
	height: 48px;
	text-indent: -9999px;
}

	
/* Blog
----------------------------------------------- */
#article.blog { width: 500px; margin-left: 100px; margin-top: 60px; font-family: Georgia, "Times New Roman", serif; font-size: 13px; }

#aside { width: 190px; margin-left: 40px; margin-top: 60px; text-align: left; }

	#aside h3 { color: #A39A95; font-weight: normal; }

#aside ul { margin-left: 10px; }

#aside li { list-style-type: disc; }

#article.blog h1 { font-size: 22px; text-transform: none; margin-bottom: 10px; font-family: Arial, sans-serif; }

#article.blog h2 { font-size: 14px; letter-spacing: 0.5px; line-height: 18px; margin-bottom: 7px; font-family: Arial, sans-serif; }

#article.blog h3 { font-size: 13px; font-family: Arial, sans-serif; }

#article.blog ol { list-style-type: decimal; }

#article.blog ul { list-style-type: disc; }

#article.blog blockquote { background: #efefef; padding: 10px 10px; border-left: 3px double #a39a95; }

	#article.blog blockquote p { margin-bottom: 0; }

div.blog p.published { margin-bottom: 10px; color: #999; font-size: 11px; font-family: Arial, sans-serif; }

#article.blog .excerpt p { font-size: 15px; line-height: 20px; }

#article.blog hr { margin: 40px 0; height: 18px; background: transparent url(../img/divider.png) no-repeat center center; border: none; }

#article.blog a:hover { text-decoration: none; color: #febc66; }

dl { line-height: 20px; }

	dl#archive dt.year {
		padding-left: 12px;
		background: url(../img/carrot.gif) no-repeat left center;
	}
	
	dl#archive dt.month {
		margin-left: 10px;
		padding-left: 12px;
		background: url(../img/carrot.gif) no-repeat left center;
	}
	
	dl#archive dd {
		margin-left: 22px;
		
	}
	
ul#social { margin-left: 0; }
	
ul#social li { list-style-type: none; float: left; }

ul#social li a { 
	width: 24px;
	height: 24px;
	display: block;
	background-image: url(../img/social.gif);
	background-repeat: no-repeat;
	margin-right: 10px;
	background-position: 0 0;
	text-indent: -9999px;
}

	ul#social li#facebook a { background-position: -29px 0; }

	ul#social li#twitter a { background-position: -59px 0; }

	ul#social li#linkedin a { background-position: -89px 0; }
	
#aside a { margin-right: 17px; }

/* Home
----------------------------------------------- */
#content.home { width: 939px; padding: 0 35px; }
#aside.home { width: 110px; margin: 0; }
	#aside.home ul { margin: 0; height: 454px; border-left: 1px solid #767779; border-bottom: 1px solid #767779;  }
	#aside.home li { list-style-type: none; }
	#aside.home a, #aside.home a:visited { display: block; width: 110px; height: 110px; background: #dbdedf url(../img/menu-home.png) no-repeat left top;text-transform: uppercase; margin-bottom: 4px; line-height: 110px; text-align: center; color: #5b5350; letter-spacing: 2px; font-size: 15px; font-weight: 400; text-indent: -9999px; }
		#aside.home a.menu-press { background-position: 0 -116px; }
		#aside.home a.menu-fb { background-position: 0 -226px; }
		#aside.home a.menu-twitter { background-position: 0 -340px; }
	#aside.home li.last a { margin-bottom: 0; height: 112px; }
	#aside.home a:hover { background-color: #fd8f00; text-decoration: none;  }
.article-wrap { width: 829px; }
	.article-wrap #article { border-left: none; }
	.article-wrap img { /*width: 100%;*/ }
	
/* Stores
----------------------------------------------- */
.stores { padding: 20px 0; }
.stores-inner { padding: 0 35px; }
.stores-inner .col { width: 370px; }
	.stores-inner h2 { font-size: 22px; letter-spacing: 4px; color: #5b5350; }
	.stores-inner em { text-transform: uppercase; font-style: normal; }
	.stores-inner li { margin-bottom: 7px; color: #5b5350; }

/* Scroll
----------------------------------------------- */
.scrollable {
	position:relative;
	overflow:hidden;
	width: 730px;
	height:52px;
	float: left;
	margin-left: 12px; 
	margin-right: 0px;
	padding-top: 5px;
}

.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

.scrollable .itemx {
	float:left;
	background-color:#fff;
	width: 580px;
	height:500px;
}

	.scrollable .item img { margin-bottom: 10px; border: 1px solid #767779; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
	.scrollable .item p { margin-bottom: 0; }
	.scrollable .item a:hover img, .scrollable .item.selected a img { border: 1px solid #FD8F00; }