




/*  
Theme Name: Kuhl Design Build
Theme URI: http://afruit.com
Description: A Custom Theme Developed for Kuhl Design + Build by A.Fruit Design
Version: 1.0
Author: A. Fruit
Author URI: http://afruit.com
*/

/* @group Reset */

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

/* remember to define focus styles! */
:focus {outline: 0;}

body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	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;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



/* @end */

/* @group Global, Misc. */

body {
	background-color: #323232;
	font-family: Helvetica, Arial, Geneva, sans-serif;
}



/* @end */

/* @group Navigation */

#logo {
	display: block;
	background-image: url(images/logo.png);
	width: 342px;
	height: 138px;
	position: absolute;
	text-indent: -5000px;
	left: 50%;
	margin-left: -500px;
	margin-top: 28px;
	z-index: 10000;
}

#nav {
	height: 43px;
	background-color: #a05341;
	border-top: 1px solid #5a2c21;
}

#nav ul {
	margin-right: auto;
	margin-left: auto;
	width: 800px;
	position: relative;
	left: 112px;
}

#nav ul li {
	float: left;
}

#nav ul li a {
	display: block;
	height: 43px;
	margin-right: 1px;
}

/* --------- Indv. Nav Buttons */

#nav .btn-home a {
	text-indent: -5000px;
	display: block;
	width: 93px;
	background: url(images/nav.jpg) 6px -2px;
}

#nav .btn-home a:hover {
	background: url(images/nav.jpg) 6px -49px;
}

#nav .btn-home a:active {
	background: url(images/nav.jpg) 6px -96px;
}

#default #nav .btn-home a {
	background: url(images/nav.jpg) 6px -143px;
}

#nav .btn-company a {
	text-indent: -5000px;
	display: block;
	width: 152px;
	background: url(images/nav.jpg) -80px -2px;
}

#nav .btn-company a:hover {background: url(images/nav.jpg) -80px -49px;}
#nav .btn-company a:active {background: url(images/nav.jpg) -80px -96px;}

#about-us #nav .btn-company a,
#team-member #nav .btn-company a
{
	background: url(images/nav.jpg) -80px -143px;
}

#nav .btn-services a {
	text-indent: -5000px;
	display: block;
	width: 149px;
	background: url(images/nav.jpg) -221px -2px;
}

#nav .btn-services a:hover {background: url(images/nav.jpg) -221px -49px;}
#nav .btn-services a:active {background: url(images/nav.jpg) -221px -96px;}

#services #nav .btn-services a, 
#servicesinterior-design #nav .btn-services a, 
#servicesresidential-design #nav .btn-services a
{
	background-position: -221px -143px;
}

#nav .btn-our-work a {
	text-indent: -5000px;
	display: block;
	width: 158px;
	background: url(images/nav.jpg) -361px -2px;
}

#nav .btn-our-work a:hover {background: url(images/nav.jpg) -361px -49px;}
#nav .btn-our-work a:active {background: url(images/nav.jpg) -361px -96px;}

#gallery #nav .btn-our-work a,
#gallerykitchen-remodels #nav .btn-our-work a,
#gallerybathroom-remodels #nav .btn-our-work a,
#galleryinterior-home-remodels #nav .btn-our-work a,
#galleryexterior-home-remodels #nav .btn-our-work a 
{background: url(images/nav.jpg) -361px -143px;}

#nav .btn-contact a {
	text-indent: -5000px;
	display: block;
	width: 134px;
	background: url(images/nav.jpg) -503px -2px;
}

#nav .btn-contact a:hover {background: url(images/nav.jpg) -503px -49px;}

#nav .btn-contact a:active {background: url(images/nav.jpg) -503px -96px;}
#contact #nav .btn-contact a {background: url(images/nav.jpg) -503px -143px;}

#nav .btn-facebook a {
	text-indent: -5000px;
	display: block;
	width: 47px;
	background: url(images/nav.jpg) -639px -2px;
}

#nav .btn-facebook a:hover {background: url(images/nav.jpg) -639px -49px;}
#nav .btn-facebook a:active {background: url(images/nav.jpg) -639px -96px;}

#nav .btn-houzz a {
	text-indent: -5000px;
	display: block;
	width: 47px;
	background: url(images/nav.jpg) -691px -2px;
}

#nav .btn-houzz a:hover {background: url(images/nav.jpg) -691px -49px;}
#nav .btn-houzz a:active {background: url(images/nav.jpg) -691px -96px;}

/* --------- Gallery Nav */

#nav-gallery {
	position: relative;
	margin-top: 7px;
}

#nav-gallery li {
	float: left;
	background: url(images/nav-gallery.png) no-repeat center -8px;
}

#nav-gallery li a {
	display: block;
	width: 230px;
	text-indent: -5000px;
	background: url(images/nav-gallery.png) no-repeat -3px -149px;
	margin-left: 17px;
	height: 125px;
}

#nav-gallery li#btn-kitchen-gal a {
	display: block;
	width: 230px;
	text-indent: -5000px;
	background: url(images/nav-gallery.png) no-repeat -4px -149px;
	margin-left: 17px;
	height: 125px;
}

#nav-gallery li#btn-kitchen-gal a:hover {
	background: url(images/nav-gallery.png) -4px -223px;
}

#gallerykitchen-remodels #nav-gallery li#btn-kitchen-gal a {
	background: url(images/nav-gallery.png) -4px -297px;
}

#nav-gallery li#btn-bath-gal a {
	display: block;
	width: 230px;
	text-indent: -5000px;
	background: url(images/nav-gallery.png) no-repeat -7px -372px;
	margin-left: 17px;
	height: 125px;
}

#nav-gallery li#btn-bath-gal a:hover {
	background: url(images/nav-gallery.png) -7px -446px;
}

#gallerybathroom-remodels #nav-gallery li#btn-bath-gal a {
	background: url(images/nav-gallery.png) -7px -520px;
}

#nav-gallery li#btn-interior-gal a {
	display: block;
	width: 230px;
	text-indent: -5000px;
	background: url(images/nav-gallery.png) no-repeat -7px -594px;
	margin-left: 17px;
	height: 125px;
}

#nav-gallery li#btn-interior-gal a:hover {
	background: url(images/nav-gallery.png) no-repeat -7px -668px;
}

#galleryinterior-home-remodels #nav-gallery li#btn-interior-gal a
{
	background: url(images/nav-gallery.png) no-repeat -7px -742px;
}

#nav-gallery li#btn-exterior-gal a {
	display: block;
	width: 230px;
	text-indent: -5000px;
	background: url(images/nav-gallery.png) no-repeat -7px -815px;
	margin-left: 17px;
	height: 125px;
}

#nav-gallery li#btn-exterior-gal a:hover {
	background: url(images/nav-gallery.png) no-repeat -7px -889px;
}

#galleryexterior-home-remodels #nav-gallery li#btn-exterior-gal a {
	background: url(images/nav-gallery.png) no-repeat -7px -962px;
}

/* --------- Breadcrumb */

#content #breadcrumbs {
	padding: 13px 10px 10px 20px;
	font-size: 11px;
	text-transform: uppercase;
	margin-left: -5px;
	background: #181818 url(images/breadcrumb-bg.gif) no-repeat right center;
	width: 500px;
	margin-top: 2px;
}

#breadcrumbs a {
	text-decoration: none;
	border-bottom: 1px solid #444;
}

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



/* @end */

/* @group Chest */

#chest {
	height: 108px;
	background: url(images/bg-wood-tile.jpg) center 0;
}

#default #chest {
	background: url(images/bg-wood-tile.jpg) center 0;
	margin-bottom: 167px;
	height: 500px;
}

#about-us #chest {
	height: 108px;
	background: url(images/bg-wood-tile.jpg) center 0;
}

#masthead {
	margin-right: auto;
	margin-left: auto;
	padding-top: 99px;
	width: 990px;
}

#masthead ul#mini-banners {
	margin-top: 17px;
	margin-left: -10px;
}

#masthead ul#mini-banners li {
	width: 230px;
	float: left;
	margin-left: 19px;
	font-size: 0;
}

#masthead ul#mini-banners li a {
	color: #323232;
}

#masthead ul#mini-banners li a span {
	display: none;
	visibility: collapse;
	color: #323232;
}

/* @group Gallery Mastheads */

#gallery #chest {
	background: url(images/bg-wood-tile.jpg) center 0;
	height: 250px;
}

#gallery #masthead {
	margin-right: auto;
	margin-left: auto;
	width: 990px;
}

#gallery #masthead ul#mini-banners {
	margin-top: 7px;
	margin-left: -10px;
}

#gallerykitchen-remodels #chest, 
#gallerybathroom-remodels #chest,
#galleryinterior-home-remodels #chest,
#galleryexterior-home-remodels #chest,
#gallery-detail #chest  
{
	background: url(images/bg-wood-tile.jpg) center 0;
	height: 250px;
}

#gallerykitchen-remodels #masthead,
#gallerybathroom-remodels #masthead,
#galleryinterior-home-remodels #masthead,
#galleryexterior-home-remodels #masthead 
{
	margin-right: auto;
	margin-left: auto;
	width: 990px;
}

#gallerykitchen-remodels #masthead ul#mini-banners,
#gallerybathroom-remodels #masthead ul#mini-banners 
{
	margin-top: 7px;
	margin-left: -10px;
}

/* @end */

/* @end */

/* @group Midriff */

#midriff {
	clear: left;
	background: #222 url(images/bg-shadow-tile.jpg) repeat-x 0 0;
}

#content {
	background: url(images/bg-content-shadow.png) no-repeat center top;
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 35px;
	padding-bottom: 20px;
	padding-left: 20px;
	position: relative;
}

#content a {
	color: #fdca59;
	font-size: 11px;
}

#content h2 a {
	text-decoration: none;
	font-size: 40px;
}

#content h1 {
	font-family: urbana, helvetica, sans-serif;
	color: #b0b59b;
	font-size: 32px;
	margin-bottom: 25px;
	text-shadow: #000000 0px 0px 5px;
}

#content h2 {
	color: #fff;
	font: 26px urbana, helvetica, sans-serif;
	text-shadow: #000000 0px 0px 5px;
}

#content span {
	color: #4c4c4c;
	font-size: 11px;
	font-weight: bold;
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
}

#content p {
	color: #888;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 15px;
	width: 550px;
}

#content li {
	color: #888;
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 5px;
	width: 490px;
}

#midriff .standard-page .post {
	margin-top: 10px;
}

#midriff .standard-page .post h2 {
	font: 26px urbana, helvetica, sans-serif;
	margin-bottom: 20px;
}

.post h3 {
	font-weight: bold;
	font-size: 16px;
	color: #b0b59b;
	margin-bottom: 10px;
	margin-top: 25px;
}

.post hr {
	border-top: 1px solid #2e2e2e;
	margin-bottom: 20px;
	margin-top: 20px;
}

.more-link {
	margin-bottom: 20px;
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	color: #535c7d;
	border-bottom: 1px solid #323232;
	width: 490px;
	padding-bottom: 20px;
}



/* @group Home Page - Feature Section */

#feature {
	float: right;
	background-image: url(images/paper-tile.jpg);
	margin-right: -9px;
	position: relative;
}

#feature h3.staff-bio {
	height: 340px;
	background: url(images/paper-top.jpg) -4px -10px;
	position: absolute;
	top: 0;
	left: 4px;
	width: 455px;
	z-index: 10;
}

#feature h3.staff-bio span {
	font-family: urbana, helvetica, sans-serif;
	position: absolute;
	top: 60px;
	left: 80px;
	font-size: 28px;
	color: #fdca59;
}

#feature h4 {
	margin-top: 130px;
	z-index: 100;
	position: relative;
	color: #fffeff;
	font-weight: bold;
	font-size: 17px;
	text-shadow: #000000 0px 0px 4px;
}

#feature .job-title {
	color: #e5e6e6;
	position: relative;
	z-index: 100;
	line-height: 16px;
}

#feature p {
	font-size: 12px;
	color: #bbb;
	width: 341px;
	padding-right: 30px;
	z-index: 100;
	position: relative;
}

.bio {
	background: url(images/paper-foot.jpg) no-repeat 0 bottom;
	padding-left: 83px;
	padding-bottom: 80px;
	padding-right: 20px;
}

.bio .bio-pic {
	position: relative;
	z-index: 100;
	float: right;
	border: 4px solid #fffeff;
	margin: -70px 40px 15px 15px;
}



/* @end */

/* @group Blog Section */

#content .post h2 {
	width: 500px;
}

#content .post p a {
	font-size: 14px;
	color: #a8a8a8;
}

#content p.postmetadata {
	font-size: 11px;
	color: #616161;
}

#content .post p.postmetadata a {
	color: #757575;
	font-size: 11px;
}

.alignleft {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

.blog-side {
	float: right;
	margin-right: -365px;
	clear: right;
	margin-bottom: 15px;
}

/* @end */

/* @group About Pages - Staff List (Matrix) */

#about-us .post {
	float: left;
	width: 500px;
}

#staff {
	float: right;
	width: 450px;
	margin-top: -55px;
}

#staff h2 {
	margin-bottom: 35px;
	text-align: right;
	border-bottom: 1px solid #3f4040;
	padding-bottom: 10px;
	margin-left: 25px;
}

#staff #staff-list li {
	float: left;
	width: 112px;
	text-align: center;
	margin-left: 30px;
	margin-bottom: 20px;
	height: 180px;
	position: relative;
	left: 20px;
}

#staff #staff-list li img {
	border: 4px solid #0f0f0f;
	box-shadow: #000000 0px 0px 5px;
}

#staff #staff-list li img:hover {
	border: 4px solid #fdca59;
	box-shadow: #000000 0px 0px 5px;
}

#staff #staff-list li a {
	text-decoration: none;
	color: #fdca59;
	font-size: 13px;
}

#staff #staff-list li h3 {
	margin-top: 7px;
	font-size: 12px;
	font-weight: bold;
}

#big-photo {
	float: left;
	margin-right: 35px;
	margin-bottom: 50px;
	background: url(images/photo-shadow.png) no-repeat center bottom;
	padding-bottom: 53px;
}

#big-photo img {
	border: 10px solid #fffeff;
}

#person-history {
	margin-left: 373px;
}

#team-member #content {
	padding-top: 50px;
}

#team-member h1 {
	margin-bottom: 5px;
	font-size: 46px;
}

#team-member #content p {
	font-size: 12px;
	line-height: 20px;
	width: 600px;
	float: left;
}

#team-member #content h3 {
	font-size: 18px;
	font-weight: bold;
	color: #eea640;
	margin-top: 15px;
	float: left;
	margin-bottom: 10px;
}

#team-member #content h4 {
	font-size: 13px;
	color: #af6754;
	margin-bottom: 8px;
	font-style: italic;
}



/* @end */

/* @group Services Section */

/* @group Gallery */

.items {
	
}

.items ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: 2px solid #262626;
	list-style-image: none;
	list-style-position: inside;
}

.items li  {
	padding: 0;
	float: left;
	width: 75px;
	display: block;
	margin: 0 6px 0 0;
}

* .items li  {
	padding: 0;
	float: left;
	width: 75px;
	margin: 0;
	display: block;
}

.items li a {
	list-style-type: none;
	float: left;
	padding: 0;
	margin: 0;
	border: 2px solid #262626;
}

.items li a:hover {
	border: 2px solid #f7c53c;
	margin: 0;
	padding: 0;
}

.items li a:active {
	border: 2px solid white;
	margin: 0;
	padding: 0;
}

div.scrollable { 
 
    /* required settings */ 
    position:relative;
    overflow:hidden;
	width: 241px;
	height: 399px;
	border: 1px solid #3a3a3a;
}

div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
}

div.scrollable div.items div { 
    float:left; 
    width: 241px;
}

div.items div.active { 
    background-color: #262626; 
}

div.navi {
	margin-left:328px;
	width:200px;
	height:20px;
	position: absolute;
	top: 10px;
	left: 0px;
}

div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background: url(gallery-images/scrollable/arrow/navigator.png) no-repeat 0 0;
	display:block;
	font-size:1px;
}

div.navi a:hover {
	background-position:0 -8px;      
}

div.navi a.active {
	background-position:0 -16px;     
}

.prevPage {
	background: url(../../gallery-images/gallery-back.jpg) no-repeat;
	width: 57px;
	height: 18px;
	display: block;
	text-indent: -1000px;
	margin: 5px;
	position: absolute;
	bottom: -35px;
}

.prevPage:hover {
	background: url(../../gallery-images/gallery-back.jpg) no-repeat 0 -22px;
	width: 57px;
	height: 18px;
	display: block;
	text-indent: -1000px;
	margin: 5px;
	position: absolute;
	bottom: -35px;
}

.prevPage:active {
	background: url(../../gallery-images/gallery-back.jpg) no-repeat 0 -44px;
	width: 57px;
	height: 18px;
	display: block;
	text-indent: -1000px;
	margin: 5px;
	position: absolute;
	bottom: -35px;
}

.nextPage {
	background: url(../../gallery-images/gallery-more.jpg) no-repeat;
	width: 57px;
	height: 18px;
	display: block;
	text-indent: -1000px;
	margin: 5px;
	position: absolute;
	bottom: -35px;
	left: 180px;
}

.nextPage:hover {
	background: url(../../gallery-images/gallery-more.jpg) no-repeat 0 -22px;
	width: 57px;
	height: 18px;
	display: block;
	text-indent: -1000px;
	margin: 5px;
	position: absolute;
	bottom: -35px;
	left: 180px;
}

.nextPage:active {
	background: url(../../gallery-images/gallery-more.jpg) no-repeat 0 -44px;
	width: 57px;
	height: 18px;
	display: block;
	text-indent: -1000px;
	margin: 5px;
	position: absolute;
	bottom: -35px;
	left: 180px;
}

a.disabled {
	visibility:hidden !important;		
}

#lg-image {
	position: absolute;
	left: 245px;
	width: 600px;
	top: 0;
}

#lg-image p {
	font: 11px/16px Verdana, Arial, Helvetica;
	color: #999;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
}

#lg-image .holder {
	display: block;
	height: 400px;
	text-align: center;
	background-color: #100F10;
}

#lg-image a {
	color: #f7c53c;
}

#midRif h1 {
	color: #f7c53c;
	font: bold 18px Verdana, Arial, Helvetica;
	margin-left: -420px;
}

#gal-container {
	position: absolute;
	display: block;
	left: 50%;
	margin-left: -445px;
	width: 990px;
}

#gallery-select {
	font: bold 14px/26px Verdana, Arial, Helvetica;
	list-style-type: none;
	margin-left: 15px;
	margin-top: 20px;
	color: white;
}

#gallery-select a {
	color: #f7c53c;
	text-decoration: none;
}

#gallery-select a:hover {
	color: #9ea988;
	text-decoration: none;
}

#flickr-gal {
	margin-left: 0;
	font: bold 12px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	color: #919191;
}

#flickr-gal ul {
	list-style-type: none;
	width: 990px;
}

#flickr-gal li {
	float: left;
	width: 195px;
}

#flickr-gal li.vert {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 285px;
}

#flickr-gal li.vert div {
	margin-left: 0;
}

#flickr-gal li div {
	float: left;
	padding: 0 0 5px;
	margin: 0 0 5px;
	background-repeat: no-repeat;
	background-position: center 234px;
}

#flickr-gal img {
	padding: 0;
}

#pgPortfolio #midRif {
	height: auto;
}

#flickr-gal h1.gal-head {
	color: #fff;
	font: 36px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	text-shadow: #000000 0 0 4px;
	margin-bottom: 35px;
	margin-left: 0;
	border-bottom: 1px solid #464646;
	width: 965px;
	padding-bottom: 10px;
}

#flickr-gal h1 {
	color: #fff;
	font: 17px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	text-shadow: #000000 0 0 2px;
	margin-bottom: 7px;
	margin-left: 0;
}

#flickr-gal li a {
	border: 6px solid #1a1a1a;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	width: 160px;
	height: 160px;
	display: block;
}

#flickr-gal li a span {
	position: absolute;
	top: -7px;
	right: -7px;
	background: url(../../images/photostack.png) right 63px;
	text-indent: -5000px;
	display: block;
	height: 60px;
	width: 75px;
}

#flickr-gal li a:hover {
	float: left;
	border-color: #fdca59;
}

#flickr-gal li p {
	text-align: center;
	padding: 0;
	margin: 0 20px;
	text-shadow: #000000 0px 0px 2px;
	color: #8e8f90;
	width: 210px;
	clear: left;
	visibility: hidden;
}

.clear-all {
	clear: both;
	visibility: hidden;
}

#flickr-gal ul hr {
	width: 990px;
	clear: both;
	border-style: none;
	border-bottom: 1px solid #fe639c;
}

#gallerykitchen-remodels .fb-like,
#gallerybathroom-remodels .fb-like,
#galleryinterior-home-remodels .fb-like,
#galleryexterior-home-remodels .fb-like
	{
	position: absolute; top: 42px; right: 0;
	display: block; float: left;
	height: 40px;
	background: url(images/fb-like-bg.jpg) no-repeat 0 0;
	padding-top: 4px;
	padding-bottom: 3px;
	padding-left: 9px;
}

/* ------------Individual Kitchen's Pages */

#flickr-gal-single {
	margin-bottom: 50px;
	margin-top: 70px;
}

#share {
	float: right;
	text-align: right;
	width: 405px; height: 40px;
	padding-top: 4px;
}

#gallery-detail #share {
	float: right;
	text-align: right;
	width: 620px;
	background: url(images/fb-like-bg.jpg) no-repeat 250px 0;
	padding-top: 4px;
	padding-left: 0;
	height: 40px;
	position: absolute;
	top: 38px;
	right: 0px;
}

.connect_widget {
	width: 100px;
}

#flickr-gal-single li {
	list-style-type: none;
	width: 100%;
}

#flickr-gal-single li a {
	width: 160px;
	height: 160px;
	display: block;
	float: left;
	margin-right: 25px;
	position: relative;
	border: 6px solid #1a1a1a;
	margin-bottom: 25px;
}

#flickr-gal-single li a:hover {
	border: 6px solid #fdca59;
}

#flickr-gal-single li a:active {
	border: 6px solid #fff;
}

#flickr-gal-single li a img {
	position: absolute;
	right: 5px;
	top: 5px;
}



/* @end */

#service-stuff {
	float: right;
	margin-top: -60px;
}

#service-stuff .inset {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}

#service-stuff .btn-residential a {
	display: block;
	background-image: url(images/btn-services.png);
	width: 429px;
	height: 90px;
	text-indent: -5000px;
	margin-bottom: 15px;
	margin-left: 50px;
}

#service-stuff .btn-interior a {
	display: block;
	width: 429px;
	height: 90px;
	text-indent: -5000px;
	background: url(images/btn-services.png) 0 -107px;
	margin-bottom: 30px;
	margin-left: 50px;
}

#service-stuff .btn-checklist a {
	display: block;
	width: 429px;
	height: 118px;
	text-indent: -5000px;
	background: url(images/btn-services.png) 0 bottom;
	margin-bottom: 7px;
	margin-left: 50px;
}

#service-stuff p, #service-stuff ol {
	font-size: 11px;
	width: 370px;
}

#service-stuff img.panel-shadow {
	margin-bottom: 10px;
	margin-left: 50px;
}

.panel-studio {
	background-color: #2e2e2e;
	border: 1px solid #3a3a3a;
	padding: 15px;
	width: 400px;
	margin-left: 50px;
}

.panel-studio a {
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
}

.panel-studio ol {
	list-style-type: decimal;
	margin-left: 20px;
	font: 11px/16px Helvetica, Arial, Geneva, sans-serif;
	color: #888;
}

.panel-studio ol#reasons li {
	margin-bottom: 10px;
	width: 370px;
}

.panel-studio h3 {
	color: #fdca59;
	margin-bottom: 15px;
	font: 24px Urbana, Helvetica, Arial, Verdana;
	text-shadow: #000000 0px 0px 3px;
}



/* @end */

/* @group Links */

#servicesresource-directory #content ul li {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 290px;
	background-color: #1b1b1b;
	padding: 10px;
	min-height: 225px;
}

#servicesresource-directory #content ul li h2 {
	margin-bottom: 20px;
	font-size: 28px;
}

#servicesresource-directory #content ul li a {
	font-size: 13px;
}

#servicesresource-directory #content ul ul {
}

#servicesresource-directory #content ul ul li {
	float: none;
	margin-bottom: 0;
	border-style: none;
	padding: 0;
	min-height: 20px;
}



/* @end */

/* @group Contact Us */

#contact-form {
	width: 430px;
	float: right;
	margin-right: 20px;
	margin-top: 15px;
}

#contact-form hr {
	margin-bottom: 40px;
	margin-top: 10px;
	border-top: 1px dashed #b0b59b;
}

#content #maplink {
	color: #919191;
	font-size: 11px;
	font-weight: bold;
	display: block;
	margin-top: 15px;
}

#content #maplink:hover {
	color: #fdca59;
	font-size: 11px;
	font-weight: bold;
	display: block;
	margin-top: 15px;
}

#contact h4 {
	color: #fff;
	font-size: 16px;
	line-height: 22px;
}

/* @end */

/* @end */

/* @group Featured Projects */

.featured-slider {
	display: block;
	height: 550px;
	margin-bottom: 30px;
	box-shadow: 0 4px 12px #000000;
	overflow: hidden;
	position: relative;
	border: 1px solid #000000;
	border-radius: 15px;
}

.cross-slider {
	display: block;
	position: absolute;
	width: 1024px;
	height: 683px;
	top: -50px;
	left: -30px;
}

#project-sidebar {
	float: right;
	display: block;
	background-color: #3c3d3c;
	width: 350px;
	border-radius: 10px;
	box-shadow: 0 0 12px #000000;
	border: 1px solid #434343;
	margin-top: -40px;
	padding: 25px 25px 0;
	margin-bottom: 30px;
}

.feat-proj #content {width: 990px;}

.feat-proj #content h2 {margin-bottom: 15px;}

#project-sidebar span {
	color: #eda53f;
	display: block;
	float: left;
	clear: left;
	text-align: left;
	margin-right: 15px;
	height: 10px;
	line-height: 1px;
	font-size: 12px;
}

#project-sidebar li {
	float: left;
	font-size: 12px;
	line-height: 12px;
	margin-bottom: 16px;
	width: 351px;
	border-bottom: 1px solid #212121;
	color: #c5c5c5;
}

#project-sidebar li:last-child {border-bottom: 1px none #212121;}

#project-sidebar li ul {width: 0; display: block; float: left;
	clear: left;
}
#project-sidebar li p {width: 300px; display: block; float: left;
	clear: left;
	font-size: 12px;
	color: #c4c4c5;
}

#project-sidebar li li {border-bottom-style: none;
	width: 300px;
	line-height: 17px;
	margin-bottom: 14px;
	list-style: disc;
	margin-left: 16px;
}

.project-archive {text-align: center; font-weight: bold;}
#project-sidebar .project-archive a {
	font-size: 12px;
	text-decoration: none;
	color: #b0b59b;
}

#project-sidebar .project-archive a:hover {color: #d0d5bf}

/*Main Share Wrapper*/
#share-pin {
	float: right;
	text-align: right;
	width: 440px;
	padding-top: 5px;
	position: absolute;
	top: 78px;
	height: 38px;
	left: 50%;
	margin-left: 64px;
	background-color: #1d1d1d;
	border-radius: 7px;
	border: 1px solid #000000;
}

/*FB Like Container*/
#share-pin .fb-like {
	position: absolute; top: 2px; right: 0;
	display: block; float: left;
	height: 40px;
	padding-top: 8px;
	padding-bottom: 3px;
	padding-left: 9px;
	left: 60px;
}

/*Pinterest Pin Container*/
#midriff .pin-it-btn-wrapper-shortcode {
	float: left;
	position: absolute;
	top: 10px;
	right: 382px;
	border: 2px solid #7f7f7f;
	border-radius: 4px;
	border-bottom-width: 2px;
}

.featured-thumb {
	margin-bottom: 35px;
	float: left;
	width: 306px;
	margin-right: 24px;
}

.featured-thumb img {
	width: 100%;
	border-radius: 7px;
	-moz-box-shadow: 0 3px 5px #000000;
	-webkit-box-shadow: 0 3px 5px #000000;
	box-shadow: 0 3px 5px #000000;
	margin-bottom: -6px;
}

.featured-thumb a {text-decoration: none;}

#midriff .featured-thumb p {
	font-size: 12px;
	width: 286px;
	color: #afb59a;
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
}

/* @end */

/* @group Footer */

hr#foot-break {
	border-top: 1px dashed #323232;
	padding-bottom: 25px;
	background-repeat: no-repeat;
	clear: both;
	margin-top: 25px;
}

#foot {
	
}

#footnote {
	padding-bottom: 25px;
	text-align: center;
	background-color: #222;
}

#footnote p {
	font-size: 13px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #4f4d4c;
}

#footnote a {
	color: #3a3a3a;
	text-decoration: none;
	font-size: 12px;
}

#footnote a:hover {
	color: #af6754;
}

/* @end */