/*
Theme Name: miniHome
Theme URI: 
Description: miniHome Wordpress theme - Copyright 2011.
Author: Rachel DiSalle, Anne Thomas, James Rowlands
Version: 1.0
Tags: fixed-width, custom-header, custom-background,S*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
@charset "UTF-8";
/* CSS Document */

	body {
	background-color:#CCC;
	margin:0;
	padding:0;
	font-family: Helvetica, Arial, sans-serif;
	color: #333;
	background-image: url(images/bg.jpg);
	font-size: 13px;
	line-height: 17px;
	}
	
	a {
	text-decoration: none;
	color:#9abb4f;
	}
	
	a:hover {
	text-decoration: underline;
	}
	
	h2 {
	font-size: 22px;
	font-weight: normal;
	font-family: 'FunctionProMedium', Futura, Helvetica, Arial, sans-serif;
	}
	
	h3 {
	font-size: 16px;
	font-weight: bold;
	}

/*************************************************
					FONTS
/*************************************************/

/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010 Fontspring
 *
 *
 *
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      FontSite Inc.
 * License URL: http://www.fontspring.com/fflicense/fontsite
 *
 *
 */

@font-face {
	font-family: 'FunctionProMedium';
	src: url('FunctionPro-Medium-webfont.eot');
	src: local('?'), url('FunctionPro-Medium-webfont.woff') format('woff'), url('FunctionPro-Medium-webfont.ttf') format('truetype'), url('FunctionPro-Medium-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}



/*************************************************
					HEADER
/*************************************************/

	
	#header {
	width:930px;
	margin:0px auto;
	background-color:#FFF;
	height: 69px;
	box-shadow: 5px 5px 5px #999;
	-webkit-box-shadow: 5px 5px 5px #999;
	-moz-box-shadow: 5px 5px 5px #999;
	/* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
	}
	
	.logo {
	padding: 30px 0px 0px 0px;
	margin-left:20px;
	float:left;
	
	}
	
/*************************************************
					NAVIGATION
/*************************************************/

	.nav{
	float:right; 
	position:absolute;    
	margin-left:215px;
	width:730px;
	height:72px;
	background:url(images/navbar.png) no-repeat;
	margin-top:8px;
	}
	
	.nav ul {
	margin:25px 0px 30px 0px;
	list-style:none;	
	padding-left:70px;
	display: block;
	}
	
	.nav li {
	display: inline;
	margin-left:20px;
	}
	
	.nav a{
	font-family: 'FunctionProMedium', Futura, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #333;
	font-size: 14px;
	padding: 5px 0.7em;
	}
	
	.nav a:hover{
	font-family: 'FunctionProMedium', Futura, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #333;
	font-size: 14px;
	background: url(images/menu_02.png) no-repeat 100% 0;
	padding: 5px 0;
	}

	.nav a:hover span {
	background: url(images/menu_02_01.png) no-repeat;
	padding: 5px 0.7em;
	}
	
	/*#current {
	background: url(images/menu_02.png) no-repeat 100% 0;
	padding: 5px 0;
	}
	
	#current span {
	background: url(images/menu_02_01.png) no-repeat;
	padding: 5px 0.7em;
	}*/

	.nav .current_page_item a{
	background: url(images/menu_02.png) no-repeat 100% 0;
	padding: 5px 0;
	}
	
	.nav .current_page_item a span{
	background: url(images/menu_02_01.png) no-repeat;
	padding: 5px 0.7em;
	}
	
	.nav .current_page_parent a {
	background: url(images/menu_02.png) no-repeat 100% 0;
	padding: 5px 0.7em;
	}
	
	.nav .current_page_parent a span{
	background: url(images/menu_02_01.png) no-repeat;
	padding: 5px 0;
	}
	
	.nav .current-menu-item a{
	background: url(images/menu_02.png) no-repeat 100% 0;
	padding: 5px 0;
	
	}
	
	.nav .current-menu-item span {
	background: url(images/menu_02_01.png) no-repeat;
	padding: 5px 0.7em;
	
	
	}

/*\*//*/
.nav ul li a {
	display: inline-block;
	white-space: nowrap;
	width: 1px;
}

.nav ul {
	padding-bottom: 0;
	margin-bottom: -1px;
}
/**/

/*\*/
	

/*************************************************
					SIDENAV
/*************************************************/
	
	.sidenav {
	float:left;
	padding:30px 0px 10px 30px;
	}
	
	.sidenav li {
	margin:0px 0px 20px 0px;
	}
	
	.sidenav a{
	font-family: 'FunctionProMedium', Futura, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #333;
	font-size: 12px;
	padding: 5px 0.7em;
	}
	
	.sidenav a:hover{
	font-family: 'FunctionProMedium', Futura, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #333;
	background: url(images/sidenav_02.jpg) no-repeat 100% 0;
	padding: 9px 0;
	}

	.sidenav a:hover span {
	background: url(images/sidenav_01.jpg) no-repeat;
	padding: 9px 0.7em;
	}
	
	.sidenav .current_page_item a{
	background: url(images/sidenav_02.jpg) no-repeat 100% 0;
	padding: 9px 0;
	}
	
	.sidenav .current_page_item span {
	background: url(images/sidenav_01.jpg) no-repeat;
	padding: 9px 0.7em;
	}
	
	.sidenav .page-item-76 span{
	font-weight: bold;
	}
	
	.sidenav .page-item-760 span{
	font-weight: bold;
	}
		
	/*\*//*/
.sidenav ul li a {
	display: inline-block;
	white-space: nowrap;
	width: 1px;
}

.sidenav ul {
	padding-bottom: 0;
	margin-bottom: -1px;
}
/**/

/*\*/

/*************************************************
					CONTENT
/*************************************************/

	.button {
    background: #9bbb4f;
    -webkit-transition: box-shadow 1s ease;
    -moz-transition: box-shadow 1s ease;
    -o-transition: box-shadow 1s ease;
    transition: box-shadow 1s ease;
    text-shadow: 1px 1px 0px #;
    padding: 5px 8px;
    border-color: #a2c941;
    border-width: 1px;
    border-style: solid;
    font-family: 'FunctionProMedium', Futura, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
}

.button:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#), color-stop(100%,#));
    background: -moz-linear-gradient(center top, # 0%, # 100%);
    -webkit-box-shadow: 5px 5px 10px 1px #849e41 inset;
    -moz-box-shadow: 5px 5px 10px 1px #849e41 inset;
    box-shadow: 5px 5px 10px 1px #849e41 inset;
	text-decoration:none;
}
	
	.content {
	width:930px;
	margin:0px auto;
	background-color:#FFF;
	box-shadow: 5px 5px 5px #999;
	-webkit-box-shadow: 5px 5px 5px #999;
	-moz-box-shadow: 5px 5px 5px #999;
	/* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
	}
	
	.content_area {
	padding:20px 30px 20px 10px;
	width: 665px;
	float: right;
	line-height: 17px;
	}
	
	.content_area_overview {
	padding:20px 30px 20px 10px;
	width: 665px;
	float: right;
	}
	
	
	.content_area ol{
	list-style: decimal;
	margin-left: 20px;
	}
	
	.content_area ol li {
	margin-bottom: 10px;
	}
	
	.content_area ul {
	list-style: disc;
	margin-left: 40px;
	}
	
	.content_area_specs {
	padding:0px 10px 20px 10px;
	width: 665px;
	float: right;
	list-style: none;
	}
	
	.content_area_specs li {
	margin: 5px 15px;
	
	}
	
	.mainfeed {
	float:left;
	width:226px;
	border: 1px solid #CCC;
	min-height:292px;
	margin-top: 20px;
	margin-bottom: 20px;
	box-shadow:inset 5px 5px 10px #CCC;
	-webkit-box-shadow:inset 5px 5px 10px #CCC;
	-moz-box-shadow:inset 5px 5px 10px #CCC;
	padding:15px;
	}
	
	.mainfeed h2 {
	font-family: 'FunctionProMedium', Futura, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-style: italic;
	color: #999;
	font-size: 14px;
	margin: 15px 0px;
	}
	
	.mainfeed p {
	color:#666;
	font-size: 12px;
	}
	
	.box {
	width:400px;
	
	}
	
	.uppertitle {
	border:1px solid #9abb4f;
	margin: 10px auto;
	background-image:url(images/uppertitle.jpg);
	padding:5px 10px;
	box-shadow:inset 5px 5px 10px #CCC;
	-webkit-box-shadow:inset 5px 5px 10px #CCC;
	-moz-box-shadow:inset 5px 5px 10px #CCC;
	
	}
	
	.uppertitle_slogan {
	font-style: oblique;
	font-weight: normal;
	float:right;
	}
	
	.content_area_uppertitle {
	padding:20px 0px;
	width: 880px;
	margin: 0 auto;
	}
	
	.content_area_uppertitle_overview {
	padding:0px;
	width: 680px;
	margin: 0 auto;
	}
		
	.content_area_uppertitle h2{
	font-family: 'FunctionProMedium', Futura, Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	}
	
	.content_area_uppertitle_overview h2{
	font-family: 'FunctionProMedium', Futura, Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: normal;
	}
	
	.content_area_uppertitle p{
	padding:0px 20px;
	}
	
	.content_area_uppertitle ul{
	padding:0px 40px;
	list-style: disc;
	}
	
	#n1 {
	width:750px;
	margin:25px;
	}
	
/*************************************************
			MODELS & PRICING
/*************************************************/	
	
	.shadowbox {
	width:100%;
	border:1px solid #CCC;
	margin: 10px 0px;
	padding:5px 0px;
	box-shadow:inset 5px 5px 10px #CCC;
	-webkit-box-shadow:inset 5px 5px 10px #CCC;
	-moz-box-shadow:inset 5px 5px 10px #CCC;
	}
	
	.shadowbox h2 {
	padding:0px 10px;
	}
	
	.shadowbox p {
	margin:10px;
	
	
	}
	
	.underline {
	border-bottom: 1px solid #CCC;
	font-size: 18px;
	color:#666;
	margin-bottom: 10px;
	padding-bottom: 15px;
	}
	
	.specs {
	font-size: 18px;
	color:#666;
	}
	
	.view_shadowbox {
	float:left;
	margin:20px 8px 0px 0px;
	box-shadow:inset 5px 5px 10px #CCC;
	-webkit-box-shadow:inset 5px 5px 10px #CCC;
	-moz-box-shadow:inset 5px 5px 10px #CCC;
	border: 1px solid #CCC;
	padding:10px;
	}
	
	.model_shadowbox {
	float:left;
	margin:20px 5px 0px 0px;
	box-shadow:inset 5px 5px 10px #CCC;
	-webkit-box-shadow:inset 5px 5px 10px #CCC;
	-moz-box-shadow:inset 5px 5px 10px #CCC;
	height: 147px;
	width: 559px;
	}
	
	.model_shadowbox h3 {
    border-bottom: 1px solid #CCCCCC;
    padding: 10px 10px 5px;
    font-weight: normal;
	font-family: 'FunctionProMedium', Futura, Helvetica, Arial, sans-serif;
	color: #292929;
	}
	
	.model_shadowbox img {
		margin: 5px 15px;
	}
	
	.model_shadowbox p {
		padding-left: 10px;
		color: #292929;
	}
	
	.solo24 a{
	height:147px;
	width:559px;
	display: block;
	background-image:url(images/MP_Main_Solo24.jpg);
	}
	
	.solo24 a:hover{
	background-image:url(images/MP_Main_Solo24_over.jpg);
	}
	
	.solo36 a{
	height:147px;
	width:559px;
	display: block;
	background-image:url(images/MP_Main_Solo36.jpg);
	}
	
	.solo36 a:hover{
	background-image:url(images/MP_Main_Solo36_over.jpg);
	}
	
	.duo36 a{
	height:147px;
	width:559px;
	display: block;
	background-image:url(images/MP_Main_Duo36.jpg);
	}
	
	.duo36 a:hover{
	background-image:url(images/MP_Main_Duo36_over.jpg);
	}
	
		
/*************************************************
					PRICING
/*************************************************/	
	
	.pricing_list li {
	   margin-left: 80px;
    padding: 14px 0;
    text-indent: -25px;
	}
	
	#no_img {
	margin-left: 25px;
    padding: 14px 0;
    text-indent: -25px;
	}
	
	.pricing_list img {
	float: left;
	}
	
	.sublist li {
		margin-left: 0px;
	}
	
	.content_area_pricing {
	padding:20px 20px 20px 70px;
	width: 423px;
	float: left;
	}
	
	.pricing_column {
	float:left; 
	width:255px; 
	height:200px;
	margin-top: 20px;
	}
	
	.shadowbox_green {
	width:220;
	border:1px solid #CCC;
	margin: 10px 0px 0px 0px;
	padding:3px 15px;
	/*box-shadow:inset 5px 5px 10px #CCC;
	-webkit-box-shadow:inset 5px 5px 10px #CCC;
	-moz-box-shadow:inset 5px 5px 10px #CCC;*/
	background-color: #9abb4f;
	font-size: 18px;
	}
	
	.shadowbox_green h2{
	font-size: 18px;
	}
	
	.pricing_specs {
	border:1px solid #CCC;
	}
	
	.pricing_specs li {
	margin-left:10px;
	padding:5px 0px;
	list-style: disc;
	}
	
	.pricing_specs ul {
	margin-left: 20px;
	}
	
	.pricing_specs img {
	margin-left: 5px;
	}
	
	.pricing_specs p {
	margin: 10px;
	}
	
	.pricing_specs h3 {
	margin-left: 5px;
	margin-top: 10px;
	font-size: 13px;
	}
	
	#downlaodAndPrintFormContainer {
	display: none;
	}
	
	#emailExportForm li{
	margin-top: 10px;
	
	}
	
	#emailSummaryMessage {
	width: 300px;
	height:500px;
	}
	
	
	
		
/*************************************************
					PRIVACY POLICY
/*************************************************/	

	#inline1 p{
	margin: 10px 20px 0px 20px;
	}
	
	#inline1 h3{
	margin: 10px 20px 0px 20px;
	}
	
	#inline1 h2{
	border-bottom:1px solid #9abb4f;
	padding-bottom:6px;
	margin: 10px 20px 0px 20px;
	}
	
	#inline1 hr{
	color: #FFF; 
	background-color: #fff; 
	border: 2px dotted #666; 
	border-style: none none dotted;
	margin:5px 20px;
	}
	
/*************************************************
					FEATURES OVERVIEW
/*************************************************/	

	.circle1{
	height:21px;
	width:21px;
	background-image: url(images/blue_circle.png);
	position: absolute;
	top:170px;
	margin-left: 10px;
	display: block;
	}
	
	.circle1:hover {
	background-image: url(images/green_circle.png);
	}
	
	#circle1 {
	/*box-shadow:inset 5px 5px 10px #CCC;
	-webkit-box-shadow:inset 5px 5px 10px #CCC;
	-moz-box-shadow:inset 5px 5px 10px #CCC;
	border:1px solid #9abb4f;*/
	padding:10px;
	}
	
	.circle2{
	height:21px;
	width:21px;
	background-image: url(images/blue_circle.png);
	position: absolute;
	top:305px;
	margin-left: 120px;
	display: block;
	}
	
	.circle2:hover {
	background-image: url(images/green_circle.png);
	}
	
	#circle2 {
	padding:10px;
		width:300px;
	}
		
	.circle3{
	height:21px;
	width:21px;
	background-image: url(images/blue_circle.png);
	position: absolute;
	top:220px;
	margin-left: 200px;
	display: block;
	}
	
	.circle3:hover {
	background-image: url(images/green_circle.png);
	}
	
	#circle3 {
	padding:10px;
	}
	
	.circle4{
	height:21px;
	width:21px;
	background-image: url(images/blue_circle.png);
	position: absolute;
	top:305px;
	margin-left: 410px;
	display: block;
	}
	
	.circle4:hover {
	background-image: url(images/green_circle.png);
	}
	
	#circle4 {
	padding:10px 10px 30px 10px;
	width:300px;
	}
	
	.circle5{
	height:21px;
	width:21px;
	background-image: url(images/blue_circle.png);
	position: absolute;
	top:120px;
	margin-left: 600px;
	display: block;
	}
	
	.circle5:hover {
	background-image: url(images/green_circle.png);
	}
	
	#circle5 {
	padding:10px;
		width:300px;
	}
	
	.circle6{
	height:21px;
	width:21px;
	background-image: url(images/blue_circle.png);
	position: absolute;
	top:255px;
	margin-left: 170px;
	display: block;
	}
	
	.circle6:hover {
	background-image: url(images/green_circle.png);
	}
	
	#circle6 {
	padding:10px;
	}
	
	.circle7{
	height:21px;
	width:21px;
	background-image: url(images/blue_circle.png);
	position: absolute;
	top:115px;
	margin-left: 370px;
	display: block;
	}
	
	.circle7:hover {
	background-image: url(images/green_circle.png);
	}
	
	#circle7 {
	padding:10px;
	}
	
	.circle8{
	height:21px;
	width:21px;
	background-image: url(images/blue_circle.png);
	position: absolute;
	top:268px;
	margin-left: 23px;
	display: block;
	}
	
	.circle8:hover {
	background-image: url(images/green_circle.png);
	}
	
	#circle8 {
	padding:10px;
	}
	
/*************************************************
				CaliMini FEATURES OVERVIEW
/*************************************************/	

	.cali_circle1{
	height:21px;
	width:21px;
	background-image: url(images/blue_circle.png);
	position: absolute;
	top:220px;
	margin-left: 10px;
	display: block;
	}
	
	.cali_circle1:hover {
	background-image: url(images/green_circle.png);
	}
	
	#circle1 {
	/*box-shadow:inset 5px 5px 10px #CCC;
	-webkit-box-shadow:inset 5px 5px 10px #CCC;
	-moz-box-shadow:inset 5px 5px 10px #CCC;
	border:1px solid #9abb4f;*/
	padding:10px;
	}
	
	.cali_circle2{
	height:21px;
	width:21px;
	background-image: url(images/blue_circle.png);
	position: absolute;
	top:275px;
	margin-left: 120px;
	display: block;
	}
	
	.cali_circle2:hover {
	background-image: url(images/green_circle.png);
	}
	
	#circle2 {
	padding:10px;
		width:300px;
	}
		
	.cali_circle3 {
	height: 21px;
	width: 21px;
	background-image: url(images/blue_circle.png);
	position: absolute;
	top: 200px;
	margin-left: 350px;
	display: block;
	}
	
	.cali_circle3:hover {
	background-image: url(images/green_circle.png);
	}
	
	#circle3 {
	padding:10px;
	}
	
	.cali_circle4{
	height:21px;
	width:21px;
	background-image: url(images/blue_circle.png);
	position: absolute;
	top:285px;
	margin-left: 410px;
	display: block;
	}
	
	.cali_circle4:hover {
	background-image: url(images/green_circle.png);
	}
	
	#circle4 {
	padding:10px 10px 30px 10px;
	width:300px;
	}
	
	.cali_circle5 {
	height: 21px;
	width: 21px;
	background-image: url(images/blue_circle.png);
	position: absolute;
	top: 210px;
	margin-left: 590px;
	display: block;
	}
	
	.cali_circle5:hover {
	background-image: url(images/green_circle.png);
	}
	
	#circle5 {
	padding:10px;
		width:300px;
	}
	
	.cali_circle6 {
	height: 21px;
	width: 21px;
	background-image: url(images/blue_circle.png);
	position: absolute;
	top: 240px;
	margin-left: 250px;
	display: block;
	}
	
	.cali_circle6:hover {
	background-image: url(images/green_circle.png);
	}
	
	#circle6 {
	padding:10px;
	}
	
	.cali_circle7 {
	height: 21px;
	width: 21px;
	background-image: url(images/blue_circle.png);
	position: absolute;
	top: 170px;
	margin-left: 440px;
	display: block;
	}
	
	.cali_circle7:hover {
	background-image: url(images/green_circle.png);
	}
	
	#circle7 {
	padding:10px;
	}
	
	.cali_circle8 {
	height: 21px;
	width: 21px;
	background-image: url(images/blue_circle.png);
	position: absolute;
	top: 215px;
	margin-left: 180px;
	display: block;
	}
	
	.cali_circle8:hover {
	background-image: url(images/green_circle.png);
	}
	
	#circle8 {
	padding:10px;
	}


/*************************************************
					MINIGALLERY
/*************************************************/	
	
	#minigallery_nofloat {
	width: 440px;
	float: right;
	padding:10px;
	margin: 20px 0px 20px 0px;
	height:auto;
	overflow: auto;
	}
	
	#minigallery a {
	padding-right:1px;
	padding-bottom: 1px;
	display: block;
	float: left;
	margin: 0;
	width: auto;
	height:75px;
	}

	#minigallery img {
	display:block;
	float: left;
	padding-right:1px;
	}

	#minigallery {
	width: 280px;
	float: right;
	padding:10px;
	margin-top: 10px;
	margin-left: 10px;
	height:auto;
	overflow: auto;
	}
	
	#minigallery p {
	line-height: 20px;
	margin: 0;
	padding: 10px 0px;
	}
	
	#minigallery h2 {
	padding:0;
	}
	
	#miniphoto {
	float: left;
	height: 237px;
	background: #FFF;
	position: relative;
	margin:30px 0px 20px 20px;
	padding-bottom: 20px;
	text-align: center;
	}

	#miniphoto img {
	position: absolute;
	background-color:white;
	text-align: center;
	height: 237px;
	}

	#minigallery a.selected {
	background-color: #000;
	outline:none;
	}
	
	.gallery {
display: block;
clear: both;
overflow: hidden;
margin: 0 auto;
}
.gallery .gallery-row {
display:block;
clear: both;
overflow: hidden;
margin: 0;
}
.gallery-item {
float: left;
padding: 5px;
}
.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {
max-width: 89%;
height: auto;
padding: 1%;
margin: 0 auto;
}
.gallery-caption {
margin-left: 0;
}
	
/*************************************************
					OUR VALUES
/*************************************************/	
	
	
	.boxleft {
	width:410px;
	padding:15px;
	float:left;
	box-shadow:inset 2px 2px 10px #CCC;
	-webkit-box-shadow:inset 2px 2px 10px #CCC;
	-moz-box-shadow:inset 2px 2px 10px #CCC;
	margin-bottom: 20px;
	}
	
	.boxright {
	width:410px;
	padding:15px;
	float:right;
	box-shadow:inset 2px 2px 10px #CCC;
	-webkit-box-shadow:inset 2px 2px 10px #CCC;
	-moz-box-shadow:inset 2px 2px 10px #CCC;
	margin-bottom: 20px;
	}
	
	.imgboxleft {
	float:left;
	width:205px;
	margin-top:50px;
	}
	
	.imgboxright {
	float:right;
	width:205px;
	margin-top:50px;
	}
	
/*************************************************
					ABOUT US
/*************************************************/	

	.about_wrapper{
	width:800px;
	margin:0px auto;
	
	}
	
	.about_img {
	width:130px;
	float:left;
	margin-right:20px;
	margin-top:10px;
	}

	.about_role{
	color:#9abb4f;
	}
	
	
/*************************************************
					SLIDESHOW
/*************************************************/

	.slideshow_home {
	margin: 20px 15px 29px 48px;
	float: left;
	box-shadow: 5px 5px 5px #999;
	-webkit-box-shadow: 5px 5px 5px #999;
	-moz-box-shadow: 5px 5px 5px #999;
	/* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
	}
	
/*************************************************
					MEDIA
/*************************************************/

	#mediascroll {
	width: 484px;
	float: right;
	padding:10px;
	margin: 0px 30px 20px 0px;
	height:322px;
	overflow: auto;
	box-shadow:inset 2px 2px 10px #CCC;
	-webkit-box-shadow:inset 2px 2px 10px #CCC;
	-moz-box-shadow:inset 2px 2px 10px #CCC;
	}
	
	#mediascroll h3 {
	margin:10px 0px;
	}
	
	#mediascroll li {
	margin:5px 0px;
	}
	
	.mediaheader {
	border-bottom: 1px solid #CCC;
	box-shadow:inset 2px 2px 10px #CCC;
	-webkit-box-shadow:inset 2px 2px 10px #CCC;
	-moz-box-shadow:inset 2px 2px 10px #CCC;
	width: 484px;
	padding:5px 10px;
	float: right;
	margin: 20px 30px 0px 0px;
	}
	
	.movie {
	float: left;
	width:360px;
	height:auto;
	margin: 40px 0px 0px 20px;
	}
	
	.movie img {
	float: left;
	padding-right: 10px;
	}
	
	.mediaInfo {
	padding-top:25px;
	}

	
/*************************************************
					GALLERY
/*************************************************/

	#gallery a {
	padding-right:1px;
	padding-bottom: 1px;
	display: block;
	float: left;
	margin: 0;
	width: auto;
	height:75px;
	}

	#gallery img {
	display:block;
	float: left;
	padding-right:1px;
	}

	#gallery {
	width: 290px;
	float: left;
	padding:10px;
	margin: 20px 0px 20px 25px;
	height:360px;
	overflow: auto;
	box-shadow:inset 2px 2px 10px #CCC;
	-webkit-box-shadow:inset 2px 2px 10px #CCC;
	-moz-box-shadow:inset 2px 2px 10px #CCC;
	
	}
	
	#photo {
	float: left;
	height: 300px;
	background: #FFF;
	position: relative;
	margin:20px 30px;
	padding-bottom: 20px;
	text-align: center;
	}

	#photo img {
	position: absolute;
	background-color:white;
	text-align: center;
	}

	#gallery a.selected {
	background-color: #000;
	outline:none;
	}
	
/*************************************************
					OVERVIEWGALLERY
/*************************************************/

#overviewgallery a {
	padding-right:1px;
	padding-bottom: 1px;
	display: block;
	float: left;
	margin: 0;
	height:75px;
}

#overviewgallery img {
	display:block;
	float: left;
	padding-right:1px;
}

#overviewgallery {
	width: 700px;
	float: left;
	padding-top:2px;
	margin: 20px 0px 20px 0px;
	overflow: hidden;
	
}
#overviewphoto {
	float: left;
	width: 451px;
	height: 300px;
	background: #FFF;
	position: relative;
	margin-top: 0px;
}

#overviewphoto img {
	position: absolute;
	background-color:white;
	height:300px;
}

#overviewgallery a.selected {
	background-color: #000;
	outline:none;
}

.shadowbox_overview {
	width:100%;
	border:1px solid #CCC;
	margin: 10px 0px;
	padding-left:5px;
	box-shadow:inset 5px 5px 10px #CCC;
	-webkit-box-shadow:inset 5px 5px 10px #CCC;
	-moz-box-shadow:inset 5px 5px 10px #CCC;
	color: #666;
	min-height:33px;
	}
	
.shadowbox_overview h2 {
	margin-top: 8px;
	font-size: 18px;
	margin-left: 8px;
}

.overview_text {
width:650px;
padding-bottom: 20px;
float: left;
}

.download_plans {
float: right;
background: #9abb50;
top:0;
}
	
/*************************************************
					FAQs
/*************************************************/

	#faq {
	height:340px;
	width:360px;
	margin-left:30px;
	padding:30px 0px 20px 0px;
	margin-bottom: 30px;
	}
	
	#faq h3 {
	font-weight: normal;
	font-size: 13px;
	padding: 2px 0px;
	}
	
	#faq h3 a {
	color: #333;
	}
	
	#faq h3 a:hover {
	color: #9abb4f;
	text-decoration: none;
	}

	.answer {
  	width:470px;
  	position:absolute;
  	top:100px;
  	margin-left:350px;
  	height:330px;
  	box-shadow:inset 2px 2px 10px #CCC;
	-webkit-box-shadow:inset 2px 2px 10px #CCC;
	-moz-box-shadow:inset 2px 2px 10px #CCC;
	border: 1px solid #CCC;
	padding:20px;
	overflow: auto;
  	}
  	
  	.answer h4 {
  	font-size: 16px;
  	font-weight: bold;
  	margin:10px 0px;
  	}
  	
  	.answer ul {
  	margin-left:10px;
	padding:5px 0px;
	list-style: disc;
	}
  	
  	.faq_info{
  	padding-left: 420px; 
  	padding-bottom:40px; 
  	margin-bottom:0px
  	}
  	
  	
/*************************************************
				CONTACT MAP
/*************************************************/

	.map {
	padding:20px 50px 20px 10px;
	width: 659px;
	float: right;
	}
	
	.map img {
	padding-bottom: 10px;
	}
	
	.googlemap {
	position:absolute;
	float:right;
	margin-top:400px;
	margin-left: 550px;
	font-size: 12px;
	}
	
	.googlemap a {
	color:#333;
	text-decoration: underline;
	cursor: pointer;
	}
	
	.address {
	float:left;
	font-weight: bold;
	font-size: 14px;
	width:550px;
	margin-bottom: 20px;
	}
	
	.address p {
	margin:0px;
	padding: 2px;
	}
	
	.phonecontact{
	float:right;
	font-weight: bold;
	font-size: 14px;
	}
	
	.contactcontent {
	width:659px;
	}
	
/*************************************************
					SUBSCRIBE
/*************************************************/

	.subscribe {
	width:290px;
	float: right;
	margin: 10px 20px 10px 0px;
	padding:10px 15px;
	border: 1px solid #CCC;
	box-shadow:inset 5px 5px 10px #CCC;
	-webkit-box-shadow:inset 5px 5px 10px #CCC;
	-moz-box-shadow:inset 5px 5px 10px #CCC;
	}
	
	.subscribe ul {
	list-style: none;
	
	}
	
	.subscribe h2 {
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
	font-family: 'FunctionProMedium', Futura, Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #999;
	font-weight: normal;
	}
	
	.submit {
	  float: left;
    margin-left: 85px;
    margin-top: 10px;
    width: 300px;
	
	}
	
	#EmailBox {
	height:600px;
	padding:20px;
	width:400px;
	}
	
	#EmailBox h2 {
	padding-bottom: 15px;
	
	}
	
	#EmailBox li {
	padding-bottom:5px;
	
	}

	
/*************************************************
					FOOTER
/*************************************************/
	
	.footer {
	width:930px;
	margin:0px auto;
	background-color:#f6f6f6;
	background-image: url(images/footer.jpg);
	height:104px;
	box-shadow: 5px 5px 5px #999;
	-webkit-box-shadow: 5px 5px 5px #999;
	-moz-box-shadow: 5px 5px 5px #999;
	/* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
	}
	
	.logo_sustain {
	padding: 10px 0px 0px 0px;
	margin-left:20px;
	float:left;
	}
	
	.footer ul {
	float:left;
	margin-left:20px;
	}
	
	.footer li {
	padding-bottom:3px;
	}
	
	.footer a {
	font-family: 'FunctionProMedium', Futura, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #333;
	font-size: 14px;
	}
	
	.footer a:hover {
	text-decoration: underline;
	}
	
	#currentfooter {
	text-decoration: underline;
	}
	
	.facebook {
	padding-top: 67px;
	margin-right: 10px;
	}
	
/*************************************************
					COPYRIGHT
/*************************************************/
	
	.copyright {
	width:930px;
	margin:0px auto;
	}
	
	.copyright p {
	font-family: Helvetica, Arial, sans-serif;
	font-size:9px;
	color:#000;
	margin-left:8px;
	}
	
/*************************************************
					PRIVACY POLICY
/*************************************************/

	.privacypolicy {
	float: right;
	}	



/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
#commentlist {
	list-style: none;
	margin: 0;
}
#commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
#scommentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
#commentlist ol {
	list-style: none;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}

.avatar {
	display: none;

}

.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;

}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	display: none;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}


/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-area ul ul {
	list-style: square;
	margin-left: 1.3em;
}
.widget_search #s {/* This keeps the search inputs in line */
	width: 60%;
}
.widget_search label {
	display: none;
}
.widget-container {
	margin: 0 0 18px 0;
}
.widget-title {
	color: #222;
	font-weight: bold;
}
.widget-area a:link,
.widget-area a:visited {
	text-decoration: none;
}
.widget-area a:active,
.widget-area a:hover {
	text-decoration: underline;
}
.widget-area .entry-meta {
	font-size: 11px;
}
#wp_tag_cloud div {
	line-height: 1.6em;
}
#wp-calendar {
	width: 100%;
}
#wp-calendar caption {
	color: #222;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
	text-align: left;
}
#wp-calendar thead {
	font-size: 11px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
	color: #aaa;
}
#wp-calendar tbody td {
	background: #f5f5f5;
	border: 1px solid #fff;
	padding: 3px 0 2px;
	text-align: center;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	text-align: right;
}
.widget_rss a.rsswidget {
	color: #000;
}
.widget_rss a.rsswidget:hover {
	color: #ff4b33;
}
.widget_rss .widget-title img {
	width: 11px;
	height: 11px;
}

/* Main sidebars */
#main .widget-area ul {
	margin-left: 0;
	padding: 0 20px 0 0;
}
#main .widget-area ul ul {
	border: none;
	margin-left: 1.3em;
	padding: 0;
}
#primary {
}
#secondary {
}

/* Footer widget areas */
#footer-widget-area {
}


/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

pre {
	-webkit-text-size-adjust: 140%;
}
code {
	-webkit-text-size-adjust: 160%;
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
	-webkit-text-size-adjust: 120%;
}
#site-description {
	-webkit-text-size-adjust: none;
}


/* =Print Style
-------------------------------------------------------------- */

@media print {
	body {
		background: none !important;
	}
	#wrapper {
		clear: both !important;
		display: block !important;
		float: none !important;
		position: relative !important;
	}
	#header {
		border-bottom: 2pt solid #000;
		padding-bottom: 18pt;
	}
	#colophon {
		border-top: 2pt solid #000;
	}
	#site-title,
	#site-description {
		float: none;
		line-height: 1.4em;
		margin: 0;
		padding: 0;
	}
	#site-title {
		font-size: 13pt;
	}
	.entry-content {
		font-size: 14pt;
		line-height: 1.6em;
	}
	.entry-title {
		font-size: 21pt;
	}
	#access,
	#branding img,
	#respond,
	.comment-edit-link,
	.edit-link,
	.navigation,
	.page-link,
	.widget-area {
		display: none !important;
	}
	#container,
	#header,
	#footer {
		margin: 0;
		width: 100%;
	}
	#content,
	.one-column #content {
		margin: 24pt 0 0;
		width: 100%;
	}
	.wp-caption p {
		font-size: 11pt;
	}
	#site-info,
	#site-generator {
		float: none;
		width: auto;
	}
	#colophon {
		width: auto;
	}
	img#wpstats {
		display: none;
	}
	#site-generator a {
		margin: 0;
		padding: 0;
	}
	#entry-author-info {
		border: 1px solid #e7e7e7;
	}
	#main {
		display: inline;
	}
	.home .sticky {
		border: none;
	}
}