/*
color guide:
almost black: #231f20;
dark grey: #464646;
grey: #707070;
green: #b2b234;

*/
@charset "utf-8";

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite, code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre, q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, ul, var {
	margin:0;
	padding:0;
	vertical-align:baseline
}
small {
font-size: 9px;
margin: 0 0 0 5px;
color: #b2b234;;
}
/* Defaults */
:focus {
	outline:0
}

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

a:hover {
	color:#b2b234
}

body {
	background:#FFF url(images/bg.jpg) left top repeat;
	color:#231f20;
	/*font:75%/125% Arial, Sans-Serif;*/
	font: 13px Georgia, Times New Roman, Garamond, Serif;
}
img {
	border:0;
	vertical-align:bottom
}

fieldset {
	border:0
}

p {
	margin:0 0 20px;
	font-weight: normal;
	/*letter-spacing: 0.01em;*/
}

h1 {
	font:24px Georgia, Times New Roman, Garamond, Serif;
	padding: 0px 0 7px
}

h1 em {
	font-size:16px;
	letter-spacing: -0.01em;
}

p.contact,#main p.contact, #home #main p.contact {

	color:#b2b234;
	display: inline;
	font:12px Verdana, Arial, Sans-Serif;
	float:right;
	margin:0 0 0 0;
	padding: 0;
	text-align:right;
	width:200px;
}
img#facebook {
	border: none;
	float: right; 
	position: relative;
	top: -5px;
	margin-left: 15px;
	}

/*#kudos p.contact {clear:both;display:inline;margin: 0 35px 0 0;width:100px}*/


/* Containers */
#page {
	background: #fff;
	margin:25px auto 10px;
	overflow:hidden;
	padding: 0;
	width:960px;
}
#page_home {
	background:#fff;
	margin:25px auto 10px;
	overflow:hidden;
	padding: 0 0 10px 0;
	width:980px;
}
#page_long {
	background:#fff;
	margin:25px auto 10px;
	overflow:hidden;
	padding: 0;
	width:980px;
}

/* Header */
#logo {
	display:inline;
	float:left;
	margin:49px 0 0 35px
}

/*Main Navigation*/
	ul#nav {
	float:right;
	list-style:none;
	margin:115px 0 0;
	padding: 0 28px 0 0
}

ul#nav li {
	background:url(images/divider.gif) left 4px no-repeat;
	float:left;
	font:11.25px Verdana, Arial, Sans-Serif;
	padding: 2px 7px 0 8px;
	text-transform:uppercase
}

ul#nav li.first {
	background:none;
	padding:2px 7px 0 0
}

ul#nav li a {
	color:#000
}

ul#nav li a:hover, ul#nav li.current a {
	color:#b2b234
}

/* Main*/
#main {
	clear:both;
	font:  /*1.165em*/15px Georgia, Times New Roman, Garamond, Serif;
	margin:0 auto 0;
	padding:12px 0;
	overflow:hidden;
	position:relative;
	width:891px; 
	min-height: 520px; /*
	background-color: #6600FF;*/
}
*+html #home #main {margin-bottom:-12px}
* html #home #main {margin-bottom:-12px}
* html #main {height:auto!important;height:500px; min-height: 500px; overflow:visible;}
#home #main {padding:12px 0 0; }
#home #main p {
	font-size: 14px;
}


/*Content*/
	#content {
	float:left;
	font-size:/*.865em;*/13px;
	padding: /*2*/ 0px 0 0;
	width:270px
}

#services #content {
	padding:/*5px*/0 0 0 0;
}

#services #content h1, #team #content h1 {
	padding: 0 0 15px
}

#content h1 {
	font-size: /*1.835em*/24px;
}

#main #content .contact {
	color:#000;
	float:left;
	font:1em Verdana, Arial, Sans-Serif;
	margin:0;
	padding:20px 0 0;
	text-align:left;
	width:auto
}

/*Main Testimonial*/
.testimonial { 
	clear:both;
	color:#707070;
	font:/*.865em*/ 12px Arial, Sans-Serif;
	letter-spacing: -0.02em;
	float: left;
	padding:35px 0 20px 0;
	width:100%; 
	position: absolute;
	bottom: 0px;
}
.galtestimonial {
	clear:both;
	color:#707070;
	font:/*.865em*/ 12px Arial, Sans-Serif;
	letter-spacing: -0.02em;
	float: left;
	padding: 15px 0 20px 0 ;
	width:100%;
	position: absolute;
	bottom: 0px;

}

.testimonial blockquote, .galtestimonial blockquote {
	background:url(images/quotes.png) left top no-repeat;
	font-style:italic;
	width: 850px;
	padding: 3px 0 0 35px;
	margin: -10px 0 0  0;
}

.testimonial blockquote p, .galtestimonial blockquote p {
	margin: 0 0 .5em;
}

.testimonial cite, .galtestimonial cite {
	float:left;
	font-size:11px;
	font-style:normal;
	padding:0 0 0 35px; 
}

/*Staging Levels*/
	#content ul.staging-levels {
	font:11.25px Verdana, Arial, Sans-Serif;
	list-style:none;
	margin:20px 0 0;
	padding:0;
	text-transform:uppercase
}

#content ul.staging-levels li {
	line-height:17px
}

#content ul.staging-levels li.current a {
	color:#b2b234
}

/*Press*/
	#main #press {
	float:right;
	padding:15px 0 0;
	width:271px
}

#main .testimonials {
	float:left;
	font-family: Arial, Sans-Serif;
	width:265px
}

#main .right {
	padding: 0 0 0 44px
}

#main h1.leftaligned {
	padding:12px 0 13px
}

#main .testimonials .entry {
	border-bottom:1px solid #b2b234;
	margin: 0 0 20px;
	padding: 0 0 20px
}

#main .testimonials .entry blockquote {margin-left:0;margin-right:0}

#main .testimonials cite {
	font-size: 12px/*.925em*/;
}

/*Testimonials Page*/
	#kudos #content {
	float:left;
	padding:0;
	width:600px
}

#kudos #press h2 {
	color:#b2b234;
	font-size: 24px/*1.57em*/;
	font-weight:400;
	padding:21px 0 15px 2px
}

#kudos #press ul#press-links { 
	font:/*.865em*/ 13px Arial, Sans-Serif;
	list-style:none;
	margin:0;
	padding-left: 0;
	text-transform:uppercase;
	list-style-position: outside;
}

#kudos #press ul#press-links li { 
	line-height:17px;f
	padding-left: 0;
}

/*Gallery Pages*/
	#gallery #main h1 {
	font-size: /*1.72em*/ 25px;
	margin:0;
	padding:20px 0 0 0;
	text-align:center
}
 
#gallery #main ul#sections {
	display:block;
	list-style:none;
	overflow:hidden;
	padding:20px 0px 10px;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 150px;
}

#gallery #main ul#sections li {
	float:left;
	font: 12px Verdana, Arial, Sans-Serif;
	padding: 0 16px;
	white-space: nowrap;
	display: inline-block;
}

#gallery #main ul#sections li a {
	color:#231f20
}

#gallery #main ul#sections li a:hover, #gallery #main ul#sections li.current a {
	color:#b2b234
}

/*Slideshow for Before and After*/
	#slideshow-container {
	position:relative;
	padding:0 0 5px
}

* html #slideshow-container {
	height:1%
}

#slideshow {
	height:305px;
	overflow:hidden;
	position:relative;
	width:889px
}

#slideshow #sliding {
	height:305px;
	left:0;
	position:absolute;
	top:0;
	width:200000em
}

#slideshow #sliding img {
	float:left
}

#navigation {
	padding:5px 0 0;
	text-align:center;
	width:100%
}

/*Next and Previous buttons*/
	#prev {
	bottom:12px;
	color:#231f20;
	height:7px;
	position:absolute;
	left:400px
}

#next {
	bottom:12px;
	color:#231f20;
	height:7px;
	position:absolute;
	left:480px
}

* html #prev {
	bottom:6px
}

* html #next {
	bottom:6px
}

#next.disabled, #prev.disabled {
	color:#949494
}

/*Sold Page*/
	#slideshow-sold {
	font-size: /*.865em*/ 13px;
	height:400px;
	overflow:hidden;
	position:relative;
	width:889px
}

#slider {
	height:400px;
	left:0;
	position:absolute;
	top:0;
	width:200000em
}

.slider-content {
	float:left
}

.slider-content .project {
	float:left;
	width:440px
}

#main .slider-content .right {
	padding: 0 0 0 9px
}

.slider-content .project img {
	margin:0 0 15px
}

/*Contact Page*/
	a.space {
	display:block;
	margin-top:10px
}

/*Images Alignement*/
.rightaligned {
	float:right
}

html img.line {
	margin:2px 0 0;
	vertical-align:top
}

p.contact img.line {
	margin:3px 0 0;
	vertical-align:top
}

/* Sidebar */

/* Footer */
#footer {
	clear:both;
	color:#464646;
	font-size: /*.835em*/ 11px;
	margin:0 auto;
	padding: 0 0 20px;
	text-align:center;
	width:300px
}

#footer a {
	color:#464646
}
/* home fade images */
/*OLD Random Image
#main #random-image {
	margin: 0 0 24px;
	width:891px
}


	#random-image {
	height:305px;
	overflow:hidden;
	position:relative
}*/

#myGallery {
	float: left;
	position: relative;
	margin: 0 0 24px;
	width:891px;
	height:305px;
	z-index:5;
}
#myGallery .imageElement {
	width:891px;
	height:305px;
}
.jdGallery a {
	outline:0;
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}
.slideElement {
	background-repeat: no-repeat;
}
.jdGallery .slideElement {
	width: 100%;
	height: 100%;
}
.jdGallery .loadingElement {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}