/*
Theme Name: Shape 2011 WP Theme
Theme URI: http://shapeshopfitters.com.au
Description: A custom Wordpress theme for Shape Shopfitters
Author: Hub Group
Author URI: http://hubgroup.com.au
Version: 1.0
*/


/*
   http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}




#coverup {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #ffffff url('img/wood-background.jpg') top left repeat;
	z-index: 1000;
}

body, td, th, a, h1, h2, h3, h4, h5, h6, span, blockquote, address, strong, em, small, label, form, fieldset, input, caption, menu, nav, summary {
	font-family: "proxima-nova-condensed", "Helvetica Nueue", Helvetica, Arial, sans-serif;
	font-style: normal;
}

body {
	background: #ffffff url('img/wood-background.jpg') top left repeat;
	font-weight: 300;
	color: #3E3D3A;
	font-size: 15px;
	line-height: 18px;
}

strong {
	font-weight: 600;
}

em {
	font-style: italic;
}

p {
	margin-bottom: 24px;
}


a:link, 
a:visited, 
a:hover, 
a:active {
	text-decoration: underline;
	color: #8FC6EE;
}

a:hover, 
a:active {
	color: #3E3D3A;
}

a img {
	border:none;
}



h1 {
	font-family: "proxima-nova-extra-condensed", "Helvetica Nueue", Helvetica, Arial, sans-serif;
	font-size: 38px;
	font-weight: 700;
	text-transform: uppercase;
	color: #3E3D3A;
	margin-bottom: 32px;
	
	text-shadow: 3px 2px 0px #e0e0e0;
	filter: dropshadow(color=#e0e0e0, offx=1, offy=2);
}

h2 {
	font-family: "proxima-nova-extra-condensed", "Helvetica Nueue", Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: #3E3D3A;
	margin-bottom: 24px;
}

h3 {
	font-family: "ltc-bodoni-175", 'Palatino Linotype', 'Book Antiqua3', 'Palatino', Palatino, serif;
	font-weight: 400;
	font-size: 17px;
	font-style: italic;
	color: #3E3D3A;
	margin-bottom: 24px;
}




h1.intro {
	font-family: "proxima-nova-condensed", "Helvetica Nueue", Helvetica, Arial, sans-serif;
	display: block;
	/*padding-left:150px;*/
	/*width: 690px;*/
	width: 730px;
	margin: 0px auto 20px;
	font-size: 20px;
	line-height: 22px;
	text-align: center;
	font-weight: 200;
	text-transform: none;
	color: #3E3D3A;
	
	text-shadow: none;
	filter: none;
}




#wrapper {
	width: 970px;
	margin: 0px auto 30px;
}

#main {
	background: transparent url('img/page-bg-with-shadow.png') center top repeat-y;
	padding: 0px 10px;
}

#header {
	display: block;
	height: 192px;
	background: transparent url('img/header-bg.png') bottom left repeat-x;
}

	#header h1.logo {
		text-indent: -9999px;
		background: transparent url('img/shape-shopfitters-logo.png') bottom left no-repeat;
		display: block;
		width: 197px;
		height: 192px;
		float: left;
		margin:0px 24px 0px 12px;
	}
	
	#header a.quote-request {
		font-family: "ltc-bodoni-175", 'Palatino Linotype', 'Book Antiqua3', 'Palatino', Palatino, serif;
		font-weight: 400;
		font-style: italic;
		font-size: 14px;
		text-decoration: none;
		color: #FFFFFF;
		line-height: 22px;
		text-align: center;
	
		display: block;
		float: right;
		width: 124px;
		height: 22px;
		overflow: hidden;
		margin-top: 14px;
		margin-right: 24px;
		
		background: transparent url('img/request-a-quote-tag.png') left -22px no-repeat;
	}

	#header a.quote-request:hover, #header a.quote-request:active {
		color: #000000;
		background-position: left top;
	}




#header .menu {
	display: block;
	float: left;
	list-style: none;
	max-width: 600px;
	overflow: hidden;
	margin-top: 100px;
}

	#header .menu li {
		list-style: none;
		display: block;
		float: left;
	}
	
		#header .menu li a {
			font-family: "proxima-nova-extra-condensed", "Helvetica Nueue", Helvetica, Arial, sans-serif;
			font-size: 21px; /* 15px Helvetica */
			font-weight: 600; /* Bold Helvetica */
			display: block;
			height: 21px;
			line-height: 21px;
			border-right: 1px solid #A5D2EE;
			padding: 0px 14px;
			text-transform: uppercase;
			text-decoration: none;
		}
		
		#header .menu li a:link, #header .menu li a:visited {
			color: #000000;
		}

		#header .menu li a:hover, #header .menu li a:active {
			color: #4C4B48;
		}		

		#header .menu li a.current:link, #header .menu li a.current:visited, #header .menu li a.current:hover, #header .menu li a.current:active {
			color: #FFFFFF;
		}

		#header .menu li.first a {
			padding-left:0px;
		}

		#header .menu li.last a {
			border-right:none;
			padding-right:0px;
		}
		
		
#page {
	padding: 26px 50px 100px;
}

#page.home-page {
	padding: 0px 0px 100px;
}


#footer {
	background:transparent url('img/page-bottom.png') center top no-repeat;
	padding-top: 36px;
	text-align: center;
	font-size: 13px;
	font-weight: 300;
	color: #000000;
}

	#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
		color: #000000;
		text-decoration: none;
	}
	
	#footer a:hover {
		text-decoration: underline;
	}

	#footer .menu {
		list-style: none;
		display: block;
		margin: 0px auto 24px;
	}
	
	#footer .menu li {
		list-style: none;
		display: block;
		float: left;
	}

		#footer .menu li a {
			display: block;
			height: 14px;
			line-height: 14px;
			border-right: 1px solid #000000;
			padding: 0px 10px;
			font-size: 16px; /* 15px Helvetica */
			font-weight: 400; /* Normal Helvetica */
			text-decoration: none;
		}

		#footer .menu li a:link, #footer .menu li a:visited, #footer .menu li a:hover, #footer .menu li a:active {
			color: #000000;
		}

		#footer .menu li a:hover {
			text-decoration: underline;
		}
		
		#footer .menu li.first a {
			padding-left:0px;
		}

		#footer .menu li.last a {
			border-right:none;
			padding-right:0px;
		}
		
		
		
#home-news {
	margin-bottom: 50px;
	padding: 0px 50px;
}


.news .items {
	list-style: none;
}

.news .items li {
	list-style: none;
	display: block;
	float: left;
	width: 283px;
	margin-right: 1px;
	margin-bottom: 10px;
}

.news .items li.odd {
	background: url('img/concrete-dark.jpg') top left repeat;
}

.news .items li.even {
	background: url('img/concrete-light.jpg') top left repeat;
}


.news .items li.end {
	width: 282px;
	margin-right: 0px;
}

.news .items li img {
	width: 283px;
	height: 154px;
}

.news .items li.end img {
	width: 282px;
	height: 154px;
}


.news .items li .content {
	padding: 20px;
}

.news .items li p {
	margin-bottom: 0px;
}

.news .items li h2 {
	text-transform: uppercase;
	font-weight: 600;
	display: block;
	margin-bottom: 20px;
}

.news .items li a.arrow {
	float: right;
}



.testimonials .items {
	list-style: none;
}

.testimonials .items li {
	list-style: none;
	display: block;
	
	font-family: "ltc-bodoni-175", 'Palatino Linotype', 'Book Antiqua3', 'Palatino', Palatino, serif;
	font-weight: 400;
	font-style: italic;
	font-size: 15px;
	
	background: transparent url('img/double-border-h.png') bottom left repeat-x;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.testimonials .items li.last {
	margin-bottom: 0px;
	padding-bottom: 0px;
	background: none;
}

.testimonials .items li .symbol {
	margin: 0px 10px 10px 0px;
}

.testimonials .items li .credit {
	text-align: right;
	font-family: "proxima-nova-extra-condensed", "Helvetica Nueue", Helvetica, Arial, sans-serif;
	font-size: 16px; /* 15px Helvetica */
	font-weight: 300; /* Bold Helvetica */
	font-style: normal;
}
.testimonials .items li .credit .name {
	font-family: "proxima-nova-extra-condensed", "Helvetica Nueue", Helvetica, Arial, sans-serif;
	font-size: 21px; /* 15px Helvetica */
	font-weight: 400; /* Bold Helvetica */
}


.testimonials .items li .testimonial {
	display: block;
	width: 400px;
}

.testimonials .items li .feature-image {
	display: block;
	max-width: 425px;
	height: auto;
}

.testimonials .items li.even .testimonial {
	float: left;
	padding-right: 25px;
}

.testimonials .items li.even .feature-image {
	float: right;
}

.testimonials .items li.odd .testimonial {
	float: right;
	padding-left: 25px;
}

.testimonials .items li.odd .feature-image {
	float: left;
}




.projects .items {
	list-style: none;
}

.projects .items li {
	list-style: none;
	display: block;
	float: left;
	width: 283px;
	margin-right: 1px;
	margin-bottom: 10px;
	overflow-x: hidden;
}

.projects .items li img {
	max-width: 283px;
	margin: 0px;
}

.projects .items li a {
	display: block;
	text-decoration: none;
	color: #3E3D3B;
}

.projects .items li a span {
	display: block;
	margin: -4px 0px 0px 0px;
	height: 30px;
	line-height: 30px;
	
	background-color: #FFFFFF;
	padding: 0px 10px;
	
	font-family: "ltc-bodoni-175", 'Palatino Linotype', 'Book Antiqua3', 'Palatino', Palatino, serif;
	font-weight: 400;
	font-style: italic;
	font-size: 16px;
	color: #3E3D3B;
}

.projects .items li a:hover span {
	background-color: #3E3D3B;
	color: #FFFFFF;
}


.projects .items li.end {
	width: 282px;
	margin-right: 0px;
}

.projects .items li.end img {
	max-width: 282px;
}



a.arrow, 
a.arrow:link, 
a.arrow:visited, 
a.arrow:hover, 
a.arrow:active {
	font-family: "ltc-bodoni-175", 'Palatino Linotype', 'Book Antiqua3', 'Palatino', Palatino, serif;
	font-weight: 400;
	font-style: italic;
	font-size: 14px;
	text-decoration: none;

	display: block;
	width: auto;
	float: left;
	margin-top: 20px;
	height: 23px;
	line-height: 23px;
	text-align: right;
}

a.arrow-right, 
a.arrow-right:link, 
a.arrow-right:visited, 
a.arrow-right:hover, 
a.arrow-right:active {
	background: url('img/arrows-right.png') right top no-repeat;
	padding: 0px 18px 0px 12px;
}

a.arrow-left, 
a.arrow-left:link, 
a.arrow-left:visited, 
a.arrow-left:hover, 
a.arrow-left:active {
	background: url('img/arrows-left.png') left top no-repeat;
	padding: 0px 12px 0px 18px;
}


a.arrow-right-white, 
a.arrow-right-white:link, 
a.arrow-right-white:visited {
	background-position: right top;
	color: #3E3D3B;
}
	a.arrow-right-white:hover, a.arrow-right-white:active {
		background-position: right -23px;
		color: #FFFFFF;
	}

a.arrow-left-white, 
a.arrow-left-white:link, 
a.arrow-left-white:visited {
	background-position: right top;
	color: #3E3D3B;
}
	a.arrow-left-white:hover, a.arrow-left-white:active {
		background-position: right -23px;
		color: #FFFFFF;
	}




a.arrow-right-grey, 
a.arrow-right-grey:link, 
a.arrow-right-grey:visited {
	background-position: right -23px;
	color: #FFFFFF;
}
	a.arrow-right-grey:hover, a.arrow-right-grey:active {
		background-position: right -46px;
		color: #3E3D3B;
	}

a.arrow-left-grey, 
a.arrow-left-grey:link, 
a.arrow-left-grey:visited {
	background-position: left -23px;
	color: #FFFFFF;
}
	a.arrow-left-grey:hover, a.arrow-left-grey:active {
		background-position: left -46px;
		color: #3E3D3B;
	}


a.arrow-right-blue, 
a.arrow-right-blue:link, 
a.arrow-right-blue:visited {
	background-position: right -46px;
	color: #000000;
}
	a.arrow-right-blue:hover, a.arrow-right-blue:active {
		background-position: right -23px;
		color: #FFFFFF;
	}


a.arrow-left-blue, 
a.arrow-left-blue:link, 
a.arrow-left-blue:visited {
	background-position: left -46px;
	color: #000000;
}
	a.arrow-left-blue:hover, a.arrow-left-blue:active {
		background-position: left -23px;
		color: #FFFFFF;
	}


a.arrow-right-black, 
a.arrow-right-black:link, 
a.arrow-right-black:visited {
	background-position: right -69px;
	color: #FFFFFF;
}
	a.arrow-right-black:hover, a.arrow-right-black:active {
		background-position: right -46px;
		color: #000000;
	}


a.arrow-left-black, 
a.arrow-left-black:link, 
a.arrow-left-black:visited {
	background-position: left -69px;
	color: #FFFFFF;
}
	a.arrow-left-black:hover, a.arrow-left-black:active {
		background-position: left -46px;
		color: #000000;
	}


.testimonials-wide {
	text-align: center;
	background: transparent url('img/double-quotes-wide.png') top center no-repeat;
	min-height: 60px;
}

.testimonials-wide .testimonial {
	font-family: "ltc-bodoni-175", 'Palatino Linotype', 'Book Antiqua3', 'Palatino', Palatino, serif;
	font-weight: 400;
	font-style: italic;
	font-size: 22px;
	text-align: center;
	display: block;
	width: 720px;
	margin: 0px auto;
	padding-top: 10px;
	line-height: 24px;
}

.testimonials-wide .credit {
	display: block;
	margin: 30px auto 0px;
	text-align: center;
	font-family: "proxima-nova-condensed", "Helvetica Nueue", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 18px; /* 15px Helvetica */
	font-weight: 300; /* Bold Helvetica */
}


.testimonials-wide ol.testimonials {
	display: none;
}

#page.home-page .testimonials-wide {
	padding: 0px 50px;
}



.column-half {
	display: block;
}

.column-half-left {
	float: left;
	width: 400px;
	margin-right: 25px;
}

.column-half-right {
	float: right;
	width: 400px;
	margin-left: 25px;
}
.column-half-right-image {
	width: 425px;
	margin-left:0px;
}


.top-feature-image {
	margin-bottom: 24px;
}

.bottom-feature-image {
	margin-bottom: 24px;
}


.home-client-logos {
	margin: 0px 50px 50px;
}



.contact-us .details {
	background: transparent url('img/concrete-light.jpg') left top repeat;
	padding: 20px;
	margin-bottom: 1px;
}


.spinner {
	margin: 12px 6px;
}

#main_spinner {
	position:absolute;
	top:40px;
	left: 50%;
	z-index: 9999;
}

#form_spinner {
	margin: 24px 12px;
	float:right;
}



form .row {
	display: block;
	margin-bottom: 23px; 
}

form .row label {
	display:block;
	width: 400px;
	margin-bottom: 4px;
	
	font-family: "ltc-bodoni-175", 'Palatino Linotype', 'Book Antiqua3', 'Palatino', Palatino, serif;
	font-weight: 400;
	font-style: italic;
	font-size: 15px;
}

form .row input, 
form .row select, 
form .row textarea {
	width: 384px;
	
	font-family: "proxima-nova-condensed", "Helvetica Nueue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 400;
	font-style: normal;
	line-height: 28px;
	padding: 0px 8px;
	
	border:1px solid #DEDEDE;
	background: #FFFFFF url('img/form-input-backgrounds.png') left top no-repeat;
}

form .row input.error, 
form .row select.error, 
form .row textarea.error {
	border: 1px solid #CC0000;
}

form .row select {
	padding-right: 0px;
	width: 400px;
}

form .row input, 
form .row select {
	height: 28px;
}

form .row textarea {
	height: 174px;
	padding: 6px 8px;
	line-height: 18px
}


form .row input.focus, 
form .row select.focus, 
form .row textarea.focus {
	font-weight: 700;
	background: #C0E4EA url('img/form-input-backgrounds.png') left 600px no-repeat;
}


form .row .half {
	display: block;
	width: 200px;
	float: left;
}

form .row .half-right {
	width: 180px;
	padding-left: 20px;
}

form .row .half input, 
form .row .half select, 
form .row .half textarea {
	width: 160px;
}

form .row .half label {
	width: 200px;
}


form label.required:after {
	content: ' *';
}

form .row-last {
	margin-bottom:0px;
}


form .submit {
	display: block;
	width: 100%;
}
form .submit a.arrow {
	float: right;
}



form #notification {
	display: block;
	margin-top: 14px;
	background-color: #8FC6EE; 
	padding: 16px 20px;
	color: #000000;
}

form #notification.error {
	background-color: #E8D7CC;
	color: #CC0000;
}



/*  RS Slideshow */
.rs-slideshow, 
.slideshow {
    border: none;
    width: 850px;
    min-height: 400px;
    margin: 0px auto;
    overflow: hidden;
    position: relative;
}
 
.rs-slideshow .slide-container {
    background-color: #ffffff;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}
 
.rs-slideshow .slide-container img {
    position: absolute;
}

.rs-slideshow .rs-controls {
	clear: both;
	margin: 12px auto;
	width: 850px;
}

/**
*   The following styles are used in the demos with slideshow controls, 
*   such as play/pause and prev/next buttons.
*/

.rs-controls {
    clear: both;
    margin: 0px auto 20px;
    width: 850px;
}
.rs-play-pause, .rs-prev, .rs-next {
    float: left;
    margin-right: 12px;
}
.rs-controls ul {
    float: left;
    list-style: none;
    margin: 0 6px 0 0;
    padding: 0;
    width: auto;
}
ul.rs-index-list li {
    float: left;
    list-style: none;
    margin: 0 6px 0 0;
    width: auto;
}
.rs-controls a {
    background-color: #e3e3e3;
    border: 1px solid #e3e3e3;
    /*border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;*/
    color: #3E3D3A;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 1em;
    padding: 3px 5px;
    text-decoration: none;
}
.rs-controls a:hover {
    background-color: #8FC6EE;
    border: 1px solid #8FC6EE;
    color: #3E3D3A;
}
.rs-controls .rs-active {
    background-color: #3E3D3A;
    border: 1px solid #3E3D3A;
    color: #FFFFFF;
}



.rs-slideshow .slide-container .slide-caption {
    background-color: #000;
    bottom: 0;
    color: #fff;
    display: block;
    left: 0;
    padding: 6px 12px;
    position: absolute;
    text-align: center;
    right: 0;
    filter: alpha(opacity=70); /* internet explorer */
    -khtml-opacity: 0.7;      /* khtml, old safari */
    -moz-opacity: 0.7;       /* mozilla, netscape */
    opacity: 0.7;           /* fx, safari, opera */
}

.rs-slideshow .slide-container img,
.rs-slideshow .slide-container .slide-caption,
.rs-slideshow .slide-container a {
    filter: inherit;
}

/*    Hide the slide data container    */
.rs-slideshow .slides, 
.slideshow .slides {
    display: none;
}




#home-slideshow {
	margin-bottom: 30px;
	width: 950px;
	height: 450px;
}


#project-slideshow {
	margin-bottom: 14px;
}


.slideshow-prev {
	text-indent: -9999px;
	display: block;
	width: 78px;
	height: 53px;
	overflow: hidden;
	background: transparent url('img/gallery-nav-left.png') top left no-repeat;
	position: absolute;
	margin-left:-17px;
	margin-top: -69px;
	z-index: 999;
}

.slideshow-next {
	text-indent: -9999px;
	display: block;
	width: 78px;
	height: 53px;
	overflow: hidden;
	background: transparent url('img/gallery-nav-right.png') top left no-repeat;
	position: absolute;
	margin-left:789px;
	margin-top: -69px;
	z-index: 999;
}



#wp-realtime-sitemap, 
#wp-realtime-sitemap-pages, 
#wp-realtime-sitemap-news, 
#wp-realtime-sitemap-projects, 
#wp-realtime-sitemap-testimonials {
	margin-bottom: 30px;
}

#wp-realtime-sitemap h3, 
#wp-realtime-sitemap-pages h3, 
#wp-realtime-sitemap-news h3, 
#wp-realtime-sitemap-projects h3, 
#wp-realtime-sitemap-testimonials h3 {
	margin-bottom: 18px;
}


/* Clearfix */


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}