/***** Global Settings *****/
 
html, body {
	border:0;
	margin:0;
	padding:0;
	height:100%;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.25;
	background-color: #282728;
	color:#8c8c8c;
	background-image: url(../images/bg_strip.jpg);
	background-repeat: repeat-x;
}
/***** Headings *****/
 
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
}
h1 {
	letter-spacing:-1px;
	font-size:1.5em;
	padding-top:0;
	margin: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	text-transform: uppercase;
	color: #FFF;
}
h2 {
	letter-spacing:-1px;
	font-size:1em;
	padding-top:0;
	margin: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	color:#6dab09;
	font-weight:bold;
}
h3 {
	font-size:1em;
	font-weight:bold;
}
/***** Common Formatting *****/
a {
	outline:0;
	text-decoration: none;
}
p, ul, ol {
	margin:0;
	padding:0 0 1.25em 0;
}
ul, ol {
	padding:0 0 1.25em 2.5em;
}
blockquote {
	margin:1.25em;
	padding:1.25em 1.25em 0 1.25em;
}
small {
	font-size:0.85em;
}
img {
	border:0;
}
sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}
sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}
acronym, abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}
/***** Links *****/
 
a, a:link, a:visited {
	color:#acacaf;
	text-decoration:none;
}
a:hover {
	color:#D2D3D6;
	text-decoration:none;
}
/***** Forms *****/
 
form {
	margin:0;
	padding:0;
	display:inline;
}
input, select, textarea {
	font:1em;
}
textarea {
	width:100%;
	line-height:1.25;
	font-family: Arial, Helvetica, sans-serif;
	font:1em;
}
label {
}

/***** Tables *****/
 
table {
	border:0;
	margin:0 0 1.25em 0;
	padding:0;
}
table tr td {
	padding:2px;
}
/***** Wrapper *****/
 
#wrap {
	width:960px;
	margin:0 auto;
}
/***** Global Classes *****/
 
.clear {
	clear:both;
}
.float-left {
	float:left;
}
.float-right {
	float:right;
}
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}
.text-center {
	text-align:center;
}
.text-justify {
	text-align:justify;
}
.bold {
	font-weight:bold;
}
.italic {
	font-style:italic;
}
.underline {
	border-bottom:1px solid;
}
.highlight {
	background:#ffc;
}
.wrap {
	width:960px;
	margin:0 auto;
}
.img-left {
	float:left;
	margin:4px 10px 4px 0;
}
.img-right {
	float:right;
	margin:4px 0 4px 10px;
}
.nopadding {
	padding:0;
}
.noindent {
	margin-left:0;
	padding-left:0;
}
.nobullet {
	list-style:none;
	list-style-image:none;
}
div {
	outline: none;
}
div {
	-moz-outline-style: none;
}
div#container {
	text-align:center;
	position:relative; /* center, not in IE5 */
	width:100%;
	min-height:100%; /* real browsers */
	width:908px;
	background-image: url(../images/main_shadow.png);
	background-repeat: repeat-y;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-left: 16px;
}
* html div#container {
	height:100%;
} /* IE6: treaded as min-height*/
div#main {
	width:876px;
	height:558px;
	text-align:center;
	position:relative; /* needed for footer positioning*/
	background-image: url(../images/main_bg.jpg);
	background-repeat: no-repeat;
}

div#main_sub {
	width:876px;
	height:175px;
	text-align:center;
	position:relative; /* needed for footer positioning*/
	background-image: url(../images/main_bg.jpg);
	background-repeat: no-repeat;
}

div#content {
	width:876px;
	text-align:left;
	position:relative;
	background-image: url(../images/content_bg.jpg);
	background-repeat: no-repeat;
	background-color:#191919;
	background-position: top;	
}
div#content div#wrapper {
	padding-top: 65px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	height:100%;
}
.work div#content div#wrapper {
	padding-top: 60px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 25px;
	height:100%;
}
div#content div#wrapper div#copy {
	width:497px;
	text-align:left;
	position:relative;
	float:left;
}
div#content div#wrapper div#v23_logo {
	text-align:left;
	position:relative;
	float:left;
	width:300px;
}

div#header div#logo{
	position:absolute;
	top: 8px;
	left: 26px;
}

div#header div#global_menu_holder{
	position:absolute;
	top: 26px;
	left: 620px;
	width:300px;
	text-align:left;
}
div#top_leaves_left{
	position:absolute;
	top: 66px;
	left: 151px;
	z-index:26;
}
div#top_leaves_vert{
	position:absolute;
	top: 365px;
	left: 814px;
	z-index:26;
}
div#top_leaves_right{
	position:absolute;
	top: 56px;
	left: 638px;
	z-index:26;
}
div#left_leaves_vert{
	position:absolute;
	top: 225px;
	left: -11px;
	z-index:26;
}

div#page_title {
	position:absolute;
	top: 123px;
	left: 449px;
	z-index:26;
	width:400px;
	height: 28px;
	text-align:right;
	background-repeat: no-repeat;
	background-position: right;
}

.file_not_found div#left_leaves_vert, .file_not_found div#top_leaves_vert, .work div#left_leaves_vert, .work div#top_leaves_vert, .about div#left_leaves_vert, .about div#top_leaves_vert, .contact div#left_leaves_vert, .contact div#top_leaves_vert {
	display:none;
}

.work div#page_title {	
	background-image: url(../images/title_work.png);	
}
.about div#page_title {	
	background-image: url(../images/title_about.png);
}
.file_not_found div#page_title {	
	background-image: url(../images/title_file_not_found.png);
}
.contact div#page_title {	
	background-image: url(../images/title_contact.png);	
}

#xmas_lights{
	width:887px;
	height:53px;
	z-index:33;
	position:absolute;
	top:90px;
	left: -3px;
	display:none;
}


div#interactive_gardeners_home{
	position:absolute;
	top: 95px;
	left: 18px;
	width:232px;
	height:69px;
	z-index:25;
}
div#home_slideshow{
	position:absolute;
	top: 125px;
	left: 30px;
	width:800px;
	height:376px;
	text-align:left;
	z-index:24;
	background-color:#100e0c;
	border: 10px solid #100e0c;
}
div#footer {
	position:relative;
	color:#919191;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	height:60px;
	width:876px;
	background-image: url(../images/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
div#footer div#copyright {
	position:absolute;
	width:400px;
	text-align:left;
	left: 24px;
	top: 30px;
}

div#footer div#follow_us {
	position:absolute;
	width:170px;
	height:21px;
	text-align:left;
	line-height:12px;
	left: 697px;
	top: 28px;
}
div#footer div#follow_us span {
	position:absolute;
}
div#footer div#follow_us #icons {
	position:absolute;
	left: 107px;
	top: -4px;
}
div#footer div#follow_us #icons a {
	padding-left: 5px;	
}

div#footer a, div#footer a:visited {
	color: #919191;
	text-decoration: none;
}
div#footer a:hover {
	color: #ffffff;
	text-decoration: none;
}

/* stop the floating after the list */
br {
	clear: left;
}

.awesome, .awesome:visited {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	position: relative;
	cursor: pointer;
	background-color: #222;
	background-image: url(../images/alert-overlay.png);
	background-repeat: repeat-x;
	text-decoration: none;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	margin-right: 10px;
}
.awesome:hover {
	background-color: #111;
	color: #fff;
}
.awesome:active {
	top: 1px;
}

.awesome, .awesome:visited {
	font-size: 10px;
	font-weight: bold;
	line-height: 1;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	text-transform: uppercase;
	text-decoration: none;
}

.green.awesome, .green.awesome:visited {
	background-color: #354a06;
	color:#f1ffbd;
	text-decoration: none;
}
.green.awesome:hover {
	background-color: #467007;
	text-decoration: none;
}

.green.awesome.current {
	background-color: #467007;
	text-decoration: none;
}

.clear {
	clear:both;
}


/* //////////////////////////// */
/*****Custom Classes*****/
.clearing {
	clear: both;
}
.last {
	margin-bottom: 0;
}
.screenReader {
	left: -9999px;
	position: absolute;
	top: -9999px;
}
/*****Basic Layout*****/


ul#filter {
	float: left;
	font-size: 16px;
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	width: 100%;
}
ul#filter li {
	float: left;
	line-height: 16px;
	margin-right: 0px;
	padding-right: 4px;
}
ul#filter li:last-child {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}
ul#filter a {
	
	text-decoration: none;
}
ul#filter li.current a, ul#filter a:hover {
	background-color: #467007;
	text-decoration: none;
}
ul#filter li.current a {
	
	font-weight: bold;
}
ul#portfolio {
	float: left;
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	width: 851px;
}
ul#portfolio li {
	float: left;
	margin: 0 15px 15px 0;
	padding: 0px;
	width: 195px;
	height: 250px;
	background-color:#0c0c0c;
	border: 1px solid #000;
	display:block;
}

ul#portfolio a {
	display: block;
	width: 100%;
}
ul#portfolio a:hover {
	text-decoration: none;
}
ul#portfolio img {
	display: block;
	padding-bottom: 0px;
}

ul#portfolio li #thumb_holder {
	padding: 0px;
	width: 195px;
	height: 175px;
	position:relative;
}

ul#portfolio li #thumb_holder #view_case_study {
	position:absolute;
	z-index:12;
	top:69px;
	left:31px;
	display:none;
}

ul#portfolio li #thumb_holder #thumb_overlay {
	position:absolute;
	width: 195px;
	height: 175px;
	z-index:11;
	background-image: url(../images/thumb_overlay.png);
	background-repeat: no-repeat;
	top:0px;
	left:0px;
}

ul#portfolio li #thumb_holder #thumb {
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
}

ul#portfolio li #data_holder {
	height: 75px;
	background-image: url(../images/thumb_data_bg.jpg);
	background-repeat: repeat-x;
	padding:10px;
	position:relative;
}

ul#portfolio li #data_holder h2 {
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
	margin:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	text-transform: uppercase;
}

ul#portfolio li #data_holder p {
	color:#9e9e9e;
	font-size:12px;
}

.view_case_study_button {
	display: inline-block;
	color: #000;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	position: relative;
	background-color: #fff;
	background-image: url(../images/alert-overlay.png);
	background-repeat: repeat-x;
	text-decoration: none;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	margin-right: 5px;
}

div#content_sep{
	padding-bottom:25px;
	padding-top:8px;
	text-align:center;
}

.contact #left{
	float:left;
	width:300px;
	background-image: url(../images/vert_sep.jpg);
	background-position: 250px 0px;
	height: 300px;
	background-repeat: no-repeat;
}

.block {
	width:400px;
	margin:0 auto;
	text-align:left;
	float:left;
}
.contact .element * {
	padding:5px; 
	margin:2px; 
	font-size:12px;
}
.contact .element label {
	float:left; 
	width:75px;
	font-weight:700
}
.contact .element input.text {
	float:left;
	width:270px;
	padding-left:20px;
	background-color:#343434;
	border:1px solid #434343;
	color:#939393;
}
.contact .element .textarea {
	height:120px; 
	width:270px;
	padding-left:20px;
	background-color:#343434;
	border:1px solid #434343;
	color:#939393;
}
.contact .element .hightlight {
	border:2px solid #fff;	
	background:url(../images/iconCaution.gif) no-repeat 2px;
	background-color:#fff;
}
.contact .element #submit {
	float:right;
	margin-right:12px;
	border:none;
	margin-top:7px;
	font-size:10px;
}
.contact .loading {
	float:right; 
	background:url(../images/ajax-loader-contact.gif) no-repeat 1px; 
	height:16px; 
	width:16px; 
	display:none;
}
.contact .done {
	padding-left:20px;
	font-family:arial;
	font-size:16px; 
	margin:0px auto; 
	display:none
}
#case_study .title{
	padding-left:18px;
	font-size:24px;
	color:#FFF;
	text-transform: uppercase;
}

#case_study .what_we_did{
	padding-left:18px;
	padding-bottom:25px;
}

#cs_image {
	width:834px;
	height:565px;
	background-image: url(../images/cs_shadow.jpg);
	background-repeat: no-repeat;
	text-align:center;
	padding-top:13px;
}
#launch_project{
	position:absolute;
	left: 706px;
	top: 74px;
}
#back_to_projects{
	position:absolute;
	left: 566px;
	top: 74px;
}

#launch_project a, #back_to_projects a{
	color:#f1ffbd;
}
div#preloader{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: #000;
	z-index:99;
	background-image: url(../images/preloader.gif);
	background-repeat: no-repeat;
	background-position: center 185px;
	display:block;
	color:#fff;
	text-align:center;
	padding-top:220px;
	font-size:12px;
}