@CHARSET "ISO-8859-1";

html {
	font-family: Serif !important; /*"Segoe UI", Verdana, Geneva, Arial, Sans !important;*/
}

body {
	cursor: url('/images/cursors/leaf_white_32.png'), auto;
}

a {
	text-decoration: none;
}

h1, h2, h3, h4, ul, li, div {
	cursor: url('/images/cursors/leaf_white_32.png'), auto;
	font-family: "Segoe UI", Verdana, Geneva, Arial, Sans !important;
}

canvas {
	cursor: default;
}

.main_content {
	position: relative;
	padding-top: 65px;
}

.main_content_tall {
	position: relative;
	padding-top: 100px;
}

#outer {
	
}

#logo {
	display: inline-block;
	margin: 0px 0px 0px 60px;
	width: 400px;	
}

#top_menu {
	display: inline-block;
	float: right;
	margin: 0px 20px 0px 0px;	
}

.masthead {
	/*min-width: 1210px;*/
	background-color: #FFFFFF;
	border-bottom: 1px solid black;
	width: 100%;
	display: block;
	/*overflow: hidden;*/
	position: fixed;
	z-index: 1000;
	min-height: 65px;
	height: 65px;
	margin: 0px;
}

.masthead_tall {
	/*min-width: 1235px;*/
	background-color: #FFFFFF;
	border-bottom: 1px solid black;
	width: 100%;
	display: block;
	/*overflow: hidden;*/
	position: fixed;
	z-index: 1000;
	min-height: 100px;
	height: 100px;
	margin: 0px;
}
/* Header ----------------------------------------------------------------------- */
.header_text {
	background-color: black;
	color: rgba(255, 255, 255, 0.6);
	font-size: 18px;
	height: 25px;
	padding: 5px;
	padding-left: 60px;
}

.header_right_text {
	float: right;
	margin-right: 60px;
}

.header_right_text:before {
	content: url("/images/email_white_16.png");
	margin-right: 10px;
	filter: alpha(opacity = 60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

#header_logo img {
	max-width: 370px;	
}

.select-menu {
	display: none;
}

.header_contact_image {
	cursor: pointer;
}

.header_contact_image:before {
	content: url("/images/email_16.png");
	margin-right: 10px;
	filter: alpha(opacity = 60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

#header_contact_link {
	padding-right: 0px !important;
}

#header_contact_link:before {
	background: white !important;
	height:0px !important;
}

.header_blog_image {
	cursor: pointer;
}

.header_blog_image:before {
	content: url("/images/icons/blog_black_16.png");
	margin-right: 10px;
	filter: alpha(opacity = 60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

#header_blog_link {
	padding-left: 10px !important;
}

#header_blog_link:before {
	background: white !important;
	height:0px !important;
}

.header_mobile_menu_container {
	display: none;	    
    position: absolute;
    top: 75px;
    z-index: 9999;
    width: 100%;	
}

.header_mobile_menu_container div {
	color: #fff;
	height: 30px;
    padding-left: 40%;
    background-color: rgba(93, 135, 33, 0.85);
    border: 1px solid rgba(61, 97, 8, 0.70);
    font-size: 19px;	
}

.header_mobile_menu_container div:hover { 
	color: #000;
	background-color: rgba(255, 255, 255, 0.95);
}

.header_mobile_menu_link {
	cursor: pointer;
	display: none;
}

.header_mobile_menu {
	max-width: 32px;
	float: right;
	margin-right: 20px;
}

.header_mobile_menu_new_image {
	max-width: 30px;
	margin-left: -30px;
}

.header_menu_support_sub_menu_container {
	position: absolute;
	left: 0;
	top: 5;    
    right: 0;
    bottom: 0;	
}

.header_menu_websites_sub_menu {
	background-color: rgba(61, 97, 8, 0.80); /*rgba(93, 135, 33, 0.70); /*rgba(132, 174, 72, 0.70);*/
	width: 260px !important;
	padding: 20px 20px 20px 2px !important;
	text-align: left;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.header_menu_websites_sub_menu li a:before {
	background: #ffffff !important;
}

.header_menu_websites_sub_menu li a { 
	color: #ffffff !important;
}

/* ------------------------------------------------------------------------------ */

/* Footer ----------------------------------------------------------------------- */
.footer {
	margin-top: -18px;
	background: #212121;
	padding-bottom: 20px;
	/*min-width: 1050px;*/
}

.footer_text {
	text-align: left;
	display: inline-block;
	margin-left: 10%;
	color: #fff;
}

.footer_text h3 {
	font-size: 20px;
	font-weight: 400;	
}

.footer_text span {
	font-size: 14px;
	font-weight: 400;
}

.footer_social_container {
	margin-top: 20px;
	width: 250px;
}

.footer_social_link_container {
	display: inline-block;
	height: 80px;
	width: 80px;
	vertical-align: middle;
}

.footer_social_image {
	max-width: 60px;
}

.footer_social_image:hover {
	/*max-width: 80px;*/	
}

.footer_logo {
	text-align: right;
	display: inline-block;
	float: right;
	margin-right: 10%;
}

.footer_email_text:before {
	content: url("/images/email_16.png");
	margin-right: 10px;
	filter: alpha(opacity = 60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

.footer_phone_text:before {
	content: url("/images/phone_16.png");
	margin-right: 10px;
	filter: alpha(opacity = 60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

.footer_middle {
	display: inline-block;
}

.footer_copy {
	font-size: 14px;
	margin-right: 18px;
	color: #fff;
}

.footer_link {
	color: rgb(122, 122, 122);	
}

.footer_link:hover {
	color: #5d8721;
}

.footer_subscribe_button {
	font-size: 14px !important;
	padding-top: 8px !important;
	padding-bottom: 4px !important;
	margin-left: 10px;
}

#footer_logo img {
	max-width: 200px;
}
/* ------------------------------------------------------------------------------ */

/* Tooltips --------------------------------------------------------------------- */
.tooltip_arrow {
	max-width: 175px;	
}

.tooltip_custom {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}
/* ------------------------------------------------------------------------------ */

/* Home Page (Index) ----------------------------------------------------------------------- */
.home_banner img {
	max-width: 1280px;
}

.home_banner {
	position: absolute;
	top: -420px;
	/*top: 60px;*/
	right: 80px;
 	height: 420px;
	width: 650px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	background-color: rgba(0,0,0,0.6);
    border-radius: 0px 0px 60px 60px;
}

.home_banner_text {
	font-size: 32px;
	color: #fff;
	text-align: center;
	padding: 20px 40px 20px 40px;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
	display: none;
}

.home_banner .home_banner_text h1 {
	border-bottom: 1px solid #fff;
	margin-bottom: 20px;
	font-weight: 400;
	padding-bottom: 20px;
	margin-top: 15px;
}

.home_banner .home_banner_text h3 {
	margin-top: 5px;
	font-size: 46px;
	font-weight: 400;
	margin-bottom: 20px;
}

#home_banner_subtitle {
	display: none;
}

.home_big_button {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	margin: 0px 20px 0px 20px;
}

.home_templates_button {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	margin: 0px 20px 0px 20px;
}

.home_banner_buttons {
	position: relative;
}

#home_banner_button_1_container {
	position: absolute;
	left: -300px;
}

#home_banner_button_2_container {
	position: absolute;
	right: -300px;
}

#home_banner_button_1 {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

#home_banner_button_2 {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.home_wwd_container {	
	position: absolute;
	width: 100%;
	height: 387px;
	margin: 0px;
	padding-left: 4px;	
}

.home_wwd_item_container {
	text-align: center;
	display: inline-block;
	width: 23.5%;
	height: 100%;
	border: 2px solid #000;
	border-radius: 10px;
	padding: 5px;
	margin: 0px;	
}

.home_wwd_item_container:hover { 
	box-shadow: 0px 0px 5px 5px #000; 
}

.home_wwd_item_container img { 
	margin-top: 80px;	
}

.home_wwd_item_text {
	font-size: 32px;
	color: #A0A0A0;
	margin-top: 80px;
}

.home_wwd_item_subcontainer {
	height: 400px;
	position: relative;
	min-width: 980px;
}

.home_wwd_item_subcontainer_img {
	width: 100%;
	height: 100%;
	vertical-align: top;
	border-radius: 10px;
}

.home_wwd_item_subcontainer_overlay {
	position: absolute;
	border-radius: 10px;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);	
}

.home_inline_div_icon {
	display: inline-block;
	width: 150px;	
}

.home_inline_div_icon_wide {
	display: inline-block;
	width: 200px;	
}

.home_inline_div_content {
	display: inline-block;
	width: 75%;	
}

.home_help_icon_adjust {
	vertical-align: top;
    margin-top: 20px;
}

.home_template_icon_adjust {
	vertical-align: top;
    margin-top: 30px;
}

.home_templates_content {
	margin-bottom: 10px !important;
}

.home_vision_button_container {
	padding-top: 10px;
}
/* ============================================================
  PRIMARY STRUCTURE
============================================================ */
.home.container {
  max-width: 80%;
  margin: 0 auto;
}

.home.container_content {
  max-width: 60%;
  margin: 0 auto;
}
/* ============================================================
  SECTIONS
============================================================ */
section.home.module:last-child {
  margin-bottom: 0;
}
section.home.module h2 {
  margin-bottom: 20px;
  font-size: 30px;
}
section.home.module p {
  margin-bottom: 40px;
  font-size: 16px;
  font-weight: 300;
}
section.home.module p:last-child {
  margin-bottom: 0;
}
section.home.module.content {
  padding: 20px 0;
  margin-bottom: -90px;
}
section.home.module.parallax {  
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
  background-position: 0px 65px;
  background-origin: padding-box;	
  height: 800px;
  width: 100%;
}
section.home.module.parallax h1 {
  color: rgba(255, 255, 255, 0.8);
  font-size: 48px;
  line-height: 800px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
section.home.module.parallax-1 {
  background-image: url("/images/backgrounds/background_1.jpg");
}
section.home.module.parallax-2 {
  background-image: url("/images/backgrounds/background_2.jpg");
}
section.home.module.parallax-3 {
  background-image: url("/images/backgrounds/background_3.jpg");
}
section.home.module.parallax-4 {
  background-image: url("/images/backgrounds/background_4.jpg");
}

@media all and (min-width: 600px) {
  section.home.module h2 {
    font-size: 42px;
  }
  section.home.module p {
    font-size: 26px;
  }
  section.home.module.parallax h1 {
    /*font-size: 96px;*/
  }
}

@media all and (min-width: 500px) and (max-width: 675px) {
	.home.container {
	    max-width: 100%;
	}
	.spacer { 
		height: 80px !important;
	}
}

@media all and (min-width: 400px) and (max-width: 620px) {
	section.home.module.parallax h1 {
    	font-size: 34px
	}
	.home_inline_div_content {
		width: 100%;
	}
}

@media all and (min-width: 960px) {
  section.home.module.parallax h1 {
    font-size: 140px; font-size: 7vw;
  }
}
/* ----------------------------------------------------------------------------------------------- */

/* --- Get Started ------------------------------------------------------------------------------- */
.getstarted_banner {
	position: absolute;
	top: 100px;
	right: 0;
	left: 0;
	height: 375px;
	width: 650px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.getstarted_banner_text {
	font-size: 52px;
	font-family: Serif;
	color: #ffffff;
	text-align: center;
	padding: 20px 40px 20px 40px;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
	display: none;
}

.getstarted_banner .getstarted_banner_text h1 {
	border-bottom: 1px solid #ffffff;
	margin-bottom: 20px;
	font-weight: 400;
	padding-bottom: 20px;
	text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.5);
}

.getstarted_banner_text h3 { 
	margin-top: 40px;
}

.getstarted_form_element_container {
	/*width: 45%;*/
	padding: 10px 10px 0px 5px;
}

.getstarted_form_button_container {
	padding: 20px 10px 0px 5px;
}

.getstarted_form_indicator {
	display: none;
	margin-top: 20px;
}

.getstarted_form_response_container {
	margin-bottom: 80px;
}

.getstarted_form_response {
	display: none;
	width: 350px;
	margin-top: 20px;
	margin-left: 20px;
}

.getstarted_form_left_content {
	display: inline-block;
}

.getstarted_form_left_content h2 {
	margin-bottom: -20px !important;
}

.getstarted_form_right_content {
	display: inline-block;
	max-width: 400px;
	vertical-align: top;
	margin-top: 120px;
}

.getstarted_big_button {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	margin: 0px 20px 0px 20px;
}

.getstarted_banner_buttons {
	position: relative;
}

#getstarted_banner_button_container {
	position: absolute;
	top: 200px;
	left: 0;
	right: 0;
}

#getstarted_banner_button, #getstarted_form_button {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

#getstarted_module_form_container {
	background-image: url("/images/backgrounds/background_12.jpg");
	background-position: 100% -170px;
	background-size: cover;
}

/* ============================================================
  PRIMARY STRUCTURE
============================================================ */
.getstarted.container {
  max-width: 80%;
  margin: 0 auto;
}

.getstarted.container_content {
  max-width: 60%;
  margin: 0 auto;
}
/* ============================================================
  SECTIONS
============================================================ */
section.getstarted.module:last-child {
  margin-bottom: 0;
}
section.getstarted.module h2 {
  margin-bottom: 40px;
  font-size: 30px;
}
section.getstarted.module p {
  margin-bottom: 0px;
  font-size: 16px;
  font-weight: 300;
}
section.getstarted.module p:last-child {
  margin-bottom: 0;
}
section.getstarted.module.content {
  padding: 0 0 0 0;
}
section.getstarted.module.parallax {  
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
  background-position: 0px 0px;
  background-origin: padding-box;	
  height: 800px;
  width: 100%;
}
section.getstarted.module.parallax h1 {
  color: rgba(255, 255, 255, 0.8);
  font-size: 48px;
  line-height: 800px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
section.getstarted.module.parallax-1 {
  background-image: url("/images/backgrounds/background_7.jpg");
}
/*
section.getstarted.module.parallax-2 {
  background-image: url("/images/backgrounds/background_12.jpg");
}

section.getstarted.module.parallax-3 {
  background-image: url("/images/backgrounds/background_3.jpg");
}
section.getstarted.module.parallax-4 {
  background-image: url("/images/backgrounds/background_4.jpg");
}
*/
@media all and (min-width: 600px) {
  section.getstarted.module h2 {
    font-size: 42px;
  }
  section.getstarted.module p {
    font-size: 20px;
  }
  section.getstarted.module.parallax h1 {
    font-size: 96px;
  }
}

@media all and (min-width: 960px) {
  section.getstarted.module.parallax h1 {
    font-size: 140px; font-size: 7vw;
  }
}
/* ----------------------------------------------------------------------------------------------- */

/* --- Template ---------------------------------------------------------------------------------- */
.template_banner {
	position: absolute;
	top: 120px;	
	left: 40px;
	height: 350px;
	width: 650px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.template_banner_text {
	font-family: Serif;
	font-size: 42px;
	color: #ffffff;
	text-align: center;
	padding: 20px 40px 20px 40px;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
	display: none;	
}

.template_banner .template_banner_text h1 {
	border-bottom: 1px solid #ffffff;
	margin-bottom: 20px;
	font-weight: 400;
	padding-bottom: 20px;
	text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.5);
}

.template_banner_text h3 { 
	margin-top: 20px;
}

.template_block {
 	display: inline-block;
 	text-align: center;
 	margin-left: 80px;
 }
 
 .template_block_title {
 	font-size: 42px;
 	font-family: Serif;
 	font-weight: bold;
 	position: absolute;
 	left: 0;
 	right: 0;
 	top: 110px;
 	color: rgba(255, 255, 255, 1);
 	display: none;
 	background: rgba(0, 0, 0, 0.5);
 }
 
 .template_box {
	width:500px;
	height:250px;
	border:1px solid #d8d8d8;
	float:left;
	background: #f5f5f5; 
	background: -moz-linear-gradient(top,  #f5f5f5 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5f5f5 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5f5f5 0%,#efefef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5f5f5 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(top,  #f5f5f5 0%,#efefef 100%); /* W3C */
	-pie-background: linear-gradient(top,  #f5f5f5 0%,#efefef 100%); 
	border-radius: 7px;
	color:red;
	font-size:200%;
	text-align:center;
	margin:20px 0px; 
	z-index:5;
	position:relative;
	box-shadow: 0px 0px 1px 1px white inset;
	padding: 0px 10px 0px 10px;
}

.template_box:hover, .template_box_black:hover {
	/*opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity= 50);*/
}

.template_image {
	margin-top: 20px; 
	max-width: 500px;
}

.templates_big_button {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	margin: 0px 20px 0px 20px;
}

.templates_banner_buttons {
	position: relative;
}

#templates_banner_button_container {
	position: absolute;
	top: 200px;
	left: 0;
	right: 0;
}

#templates_banner_button {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
/* ============================================================
  PRIMARY STRUCTURE
============================================================ */
.template.container {
  max-width: 80%;
  margin: 0 auto;
}

.template.container_content {
  max-width: 75%;
  margin: 0 auto;
}
/* ============================================================
  SECTIONS
============================================================ */
section.template.module:last-child {
  margin-bottom: 0;
}
section.template.module h2 {
  margin-bottom: 40px;
  font-size: 30px;
}
section.template.module p {
  margin-bottom: 40px;
  font-size: 16px;
  font-weight: 300;
}
section.template.module p:last-child {
  margin-bottom: 0;
}
section.template.module.content {
  padding: 40px 0;
}
section.template.module.parallax {  
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
  background-origin: padding-box;	
  height: 800px;
  width: 100%;
}
section.template.module.parallax h1 {
  color: rgba(255, 255, 255, 0.8);
  font-size: 48px;
  line-height: 800px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
section.template.module.parallax-1 {
  background-image: url("/images/backgrounds/background_10.jpg");
}

@media all and (min-width: 600px) {
  section.template.module h2 {
    font-size: 42px;
  }
  section.template.module p {
    font-size: 20px;
  }
  section.template.module.parallax h1 {
    font-size: 96px;
  }
}

@media all and (min-width: 960px) {
  section.template.module.parallax h1 {
    font-size: 140px; font-size: 7vw;
  }
}
/* ----------------------------------------------------------------------------------------------- */

/* --- Website Components ------------------------------------------------------------------------ */
.web_comp_banner {
	position: absolute;
	top: 100px;
	right: 0;
	left: 0;
	height: 375px;
	width: 710px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.web_comp_banner_text {
	font-size: 52px;
	font-family: Serif;
	color: #ffffff;
	text-align: center;
	padding: 20px 40px 20px 40px;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
	display: none;
}

.web_comp_banner .web_comp_banner_text h1 {
	border-bottom: 1px solid #ffffff;
	margin-bottom: 20px;
	font-weight: 400;
	padding-bottom: 20px;
	text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.5);
}

.web_comp_banner_text h3 { 
	margin-top: 40px;
}

.web_comp_big_button {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	margin: 0px 20px 0px 20px;
}

.web_comp_banner_buttons {
	position: relative;
}

#web_comp_banner_button_container {
	position: absolute;
	top: 200px;
	left: 0;
	right: 0;
}

#web_comp_banner_button, #web_comp_form_button {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

#web_comp_module_form_container {
	/*background-image: url("/images/backgrounds/background_12.jpg");
	background-position: 100% -170px;
	background-size: cover;*/
}

/* ============================================================
  PRIMARY STRUCTURE
============================================================ */
.web_comp.container {
  max-width: 80%;
  margin: 0 auto;
}

.web_comp.container_content {
  max-width: 75%;
  margin: 0px auto 40px auto;
}
/* ============================================================
  SECTIONS
============================================================ */
section.web_comp.module:last-child {
  margin-bottom: 0;
}
section.web_comp.module h2 {
  margin-bottom: 40px;
  font-size: 30px;
}
section.web_comp.module p {
  margin-bottom: 0px;
  font-size: 16px;
  font-weight: 300;
}
section.web_comp.module p:last-child {
  margin-bottom: 0;
}
section.web_comp.module.content {
  padding: 0 0 0 0;
}
section.web_comp.module.parallax {  
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
  background-position: 0px 0px;
  background-origin: padding-box;	
  height: 800px;
  width: 100%;
}
section.web_comp.module.parallax h1 {
  color: rgba(255, 255, 255, 0.8);
  font-size: 48px;
  line-height: 800px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
section.web_comp.module.parallax-1 {
  background-image: url("/images/backgrounds/background_18.jpg");
}

.web_comp_chart_buttons {
	margin-left: 20px;	
}

.chart_button_container {
	text-align: right;
}

@media all and (min-width: 600px) {
  section.web_comp.module h2 {
    font-size: 42px;
  }
  section.web_comp.module p {
    font-size: 20px;
  }
  section.web_comp.module.parallax h1 {
    font-size: 96px;
  }
}

@media all and (min-width: 960px) {
  section.web_comp.module.parallax h1 {
    font-size: 140px; font-size: 7vw;
  }
}

.web_comp .container_content {
	position: relative;
}

.web_comp .container_content h3 {
	text-align: center;
}

.web_comp_image_slider {
	position: relative; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height: 500px;
	background-color: #000;
	margin: 0px auto;
	/*display: none;*/
}

.web_comp_image_slides {
	cursor: arrow; 
	position: absolute; 
	overflow: hidden; 
	left: 0px; 
	top: 0px; 
	width: 100%; 
	height: 500px;
}

.web_comp_slider_left_arrow {
	top: 50%;
	left: 10px !important;
}

.web_comp_slider_right_arrow {
	top: 50%;
	right: 10px !important;
	left: auto !important;
}

.web_comp_examples_container {
	margin-top: 40px;
	text-align: center;
	min-width: 1085px;
}

.web_comp_example_container {
	height: 400px;
	width: 175px;
	overflow: hidden;
	display: inline-block;
	margin: 15px;
}

.web_comp_example_image {
	max-width: 720px;
	margin-left: -60px;
	 border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

.web_comp_example_image:hover {
	opacity: 0.7;
}

/* ----------------------------------------------------------------------------------------------- */

/* --- Portfolio --------------------------------------------------------------------------------- */
.portfolio_banner {
	position: absolute;
	top: 80px;	
	left: 40px;
	height: 350px;
	width: 650px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.portfolio_banner_text {
	font-family: Serif;
	font-size: 42px;
	color: #ffffff;
	text-align: center;
	padding: 20px 40px 20px 40px;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
	display: none;
}

.portfolio_banner .portfolio_banner_text h1 {
	border-bottom: 1px solid #ffffff;	
	margin-bottom: 20px;
	font-weight: 400;
	padding-bottom: 20px;
	text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.5);
}

.portfolio_banner_text h3 { 
	margin-top: 20px;
}

.portfolio_block {
 	display: inline-block;
 	text-align: center;
 	margin-left: 80px;  	
 }
 
 .portfolio_block_title {
 	font-size: 42px;
 	font-family: Serif;
 	font-weight: bold;
 	position: absolute;
 	left: 0;
 	right: 0;
 	top: 110px;
 	color: rgba(255, 255, 255, 1);
 	display: none;
 	background: rgba(0, 0, 0, 0.5);
 }
 
 .portfolio_box {
	width:500px;
	height:260px;
	border:1px solid #d8d8d8;
	float:left;	
	background: #f5f5f5; 
	background: -moz-linear-gradient(top,  #f5f5f5 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5f5f5 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5f5f5 0%,#efefef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5f5f5 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(top,  #f5f5f5 0%,#efefef 100%); /* W3C */
	-pie-background: linear-gradient(top,  #f5f5f5 0%,#efefef 100%); 
	border-radius: 7px;
	color:red;
	font-size:200%;
	text-align:center;
	margin:20px 0px; 
	z-index:5;
	position:relative;
	box-shadow: 0px 0px 1px 1px white inset;
	padding: 0px 10px 0px 10px;
}

.portfolio_box_small {
	height: 220px !important;
}

.portfolio_box:hover, .portfolio_box_black:hover {
	/*opacity: 0.4;
	-moz-opacity: 0.4;
	filter:alpha(opacity= 40);*/
}

#portfolio_pareto_duncan_title {
	top: 85px !important;	
}

#portfolio_pareto_btbd_title {
	top: 55px !important;	
}

.portfolio_image {
	margin-top: 20px; 
	max-width: 500px;
	max-height: 215px;
	box-shadow: 5px 5px 12px 2px #000;
}

.portfolio_big_button {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	margin: 0px 20px 0px 20px;
}

.portfolio_banner_buttons {
	position: relative;
}

#portfolio_banner_button_container {
	position: absolute;
	top: 200px;
	left: 0;
	right: 0;
}

#portfolio_banner_button {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
/* ============================================================
  PRIMARY STRUCTURE
============================================================ */
.portfolio.container {
  max-width: 80%;
  margin: 0 auto;
}

.portfolio.container_content {
  max-width: 75%;
  margin: 0 auto;
}
/* ============================================================
  SECTIONS
============================================================ */
section.portfolio.module:last-child {
  margin-bottom: 0;
}
section.portfolio.module h2 {
  margin-bottom: 40px;
  font-size: 30px;
}
section.portfolio.module p {
  margin-bottom: 40px;
  font-size: 16px;
  font-weight: 300;
}
section.portfolio.module p:last-child {
  margin-bottom: 0;
}
section.portfolio.module.content {
  padding: 40px 0;
}
section.portfolio.module.parallax {  
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
  background-position: 0px 90px;
  background-origin: padding-box;	
  height: 800px;
  width: 100%;
}
section.portfolio.module.parallax h1 {
  color: rgba(255, 255, 255, 0.8);
  font-size: 48px;
  line-height: 800px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
section.portfolio.module.parallax-1 {
  background-image: url("/images/backgrounds/background_11.jpg");
}

@media all and (min-width: 600px) {
  section.portfolio.module h2 {
    font-size: 42px;
  }
  section.portfolio.module p {
    font-size: 20px;
  }
  section.portfolio.module.parallax h1 {
    font-size: 96px;
  }
}

@media all and (min-width: 960px) {
  section.portfolio.module.parallax h1 {
    font-size: 140px; font-size: 7vw;
  }
}
/* ----------------------------------------------------------------------------------------------- */

/* --- Pricing Plans ----------------------------------------------------------------------------- */
.pricing_banner {
	position: absolute;
	top: 220px;	
	left: 0;
	right: 0;
	height: 320px;
	width: 650px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.pricing_banner_text {
	font-family: Serif;
	font-size: 72px;
	color: #ffffff;
	text-align: center;
	padding: 20px 40px 20px 40px;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
	display: none;
}

.pricing_banner .pricing_banner_text h1 {
	border-bottom: 1px solid #ffffff;
	font-weight: 400;
	font-size: 92px;
	padding-bottom: 40px;
	text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.5);
}

.pricing_banner_text h3 { 
	margin-top: 20px;
}

.pricing_banner .portfolio_banner_text h1 {
	border-bottom: 1px solid #ffffff;	
	margin-bottom: 20px;
	font-weight: 400;
	padding-bottom: 20px;
	text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.5);
}

.pricing_banner_text h3 { 
	margin-top: 20px;
}

.pricing_big_button {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	margin: 0px 20px 0px 20px;
}

.pricing_banner_buttons {
	position: relative;
}

#pricing_banner_button_container {
	position: absolute;
	top: 200px;
	left: 0;
	right: 0;
}

#pricing_banner_button {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

section.pricing.module.parallax {  
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
  background-position: 0px 90px;
  background-origin: padding-box;	
  height: 800px;
  width: 100%;
}
section.pricing.module.parallax h1 {
  color: rgba(255, 255, 255, 0.8);
  font-size: 48px;
  line-height: 800px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
section.pricing.module.parallax-1 {
  background-image: url("/images/backgrounds/background_17.jpg");
}
/* ----------------------------------------------------------------------------------------------- */

/* --- About ------------------------------------------------------------------------------------- */
.about_banner {
	position: absolute;
	top: 80px;	
	left: 0;
	right: 0;
	height: 350px;
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.about_banner_text {
	font-family: Serif;
	font-size: 42px;
	color: #ffffff;
	text-align: center;
	padding: 20px 40px 20px 40px;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
	display: none;
}

.about_banner .about_banner_text h1 {
	border-bottom: 1px solid #ffffff;
	margin-bottom: 20px;
	font-weight: 400;
	padding-bottom: 20px;
	font-size: 72px;
}

.about_banner_text h3 { 
	margin-top: 20px;
}


.about_big_button {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	margin: 0px 20px 0px 20px;
}

.about_banner_buttons {
	position: relative;
}

#about_banner_button_container {
	position: absolute;
	top: 200px;
	left: 0;
	right: 0;
}

#about_banner_button {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.about_box_container {
	width: 100%	
}

.about_box {
	width: 15%;
	display: inline-block;
	border: solid 1px #fff;
	padding: 10px;
    text-align: center;
    vertical-align: top;
    height: 350px;
    margin: 0px 15px;
	-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.about_box:hover {
	background-color: #fff;
	color: #000;	
}
	
.about_box img {
	margin-top: 30px;
}

/* ============================================================
  PRIMARY STRUCTURE
============================================================ */
.about.container {
  max-width: 80%;
  margin: 0 auto;
}

.about.container_content {
  max-width: 75%;
  margin: 0 auto 60px auto;
}
/* ============================================================
  SECTIONS
============================================================ */
section.about.module:last-child {
  margin-bottom: 0;
}
section.about.module h2 {
  margin-bottom: 40px;
  font-family: Serif;
  font-size: 30px;
}
section.about.module p {
  margin-bottom: 40px;
  font-size: 16px;
  font-weight: 300;
}
section.about.module p:last-child {
  margin-bottom: 0;
}
section.about.module.content {
  padding: 40px 0;
  background-color: #000;
  color: #fff;
}
section.about.module.parallax {  
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
  background-position: 0px 90px;
  background-origin: padding-box;	
  height: 800px;
  width: 100%;
}
section.about.module.parallax h1 {
  color: rgba(255, 255, 255, 0.8);
  font-size: 48px;
  line-height: 800px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
section.about.module.parallax-1 {
  background-image: url("/images/backgrounds/background_13.jpg");
}

@media all and (min-width: 600px) {
  section.about.module h2 {
    font-size: 42px;
  }
  section.about.module p {
    font-size: 20px;
  }
  section.about.module.parallax h1 {
    font-size: 96px;
  }
}

@media all and (min-width: 960px) {
  section.about.module.parallax h1 {
    font-size: 140px; font-size: 7vw;
  }
}
/* ----------------------------------------------------------------------------------------------- */

/* --- Contact ----------------------------------------------------------------------------------- */
.contact_banner {
	position: absolute;
	top: 180px;
	left: 250px;
	height: 500px;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

.contact_location_info {
}

.contact_inner_div {
	width: 50%;
	display: inline-block;
}

.contact_inner_div h4 {
	font-weight: bold;
}

.contact_section_text {
	margin-left: 10px;
	font-size: 30px;
	font-weight: 400;
	font-family: Serif;
	color: #000;
}

.contact_section_text_light {
	margin-left: 10px;
	font-size: 30px;
	font-weight: 400;
	font-family: Serif;
	color: #fff;
}

.contact_form_element_container {
	width: 95%;
	padding: 10px 10px 0px 5px;
}

.contact_form_element_container_large {
	width: 93%;
	display: inline-block;
	padding: 10px 10px 0px 5px;
}

.contact_form_button_container {
	padding: 20px 10px 0px 5px;
}

#contact_form_button {
	-webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.contact_form_indicator {
	display: none;
	margin-top: 20px;
}

.contact_form_response {
	display: none;
	width: 350px;
	margin-left: 20px;
	margin-top: 20px;
	color: #fff;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.contact_big_button {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}

.contact_email_text:before {
	content: url("/images/email_16.png");
	margin-right: 10px;
	filter: alpha(opacity = 60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

.contact_phone_text:before {
	content: url("/images/phone_16.png");
	margin-right: 10px;
	filter: alpha(opacity = 60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

#locationIframe {
	width: 100%;
	height: 200px;
	margin-top: 70px;
	margin-bottom: 30px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 4px 4px 14px #000;
	-webkit-box-shadow: 4px 4px 14px #000;
	box-shadow: 4px 4px 14px #000;
}

.google_map { 
	margin-top:80px;
	vertical-align: top;
}

.contact_email_link {
	margin-left: 20px;
}

.contact_info_content {
	margin-left: 40px;
}
/* ============================================================
  PRIMARY STRUCTURE
============================================================ */
.contact.container {
  max-width: 80%;
  margin: 0 auto;
}

.contact.container_content {
  max-width: 70%;
  margin: 0 auto;
}
/* ============================================================
  SECTIONS
============================================================ */
section.contact.module:last-child {
  margin-bottom: 0;
}
section.contact.module h2 {
  margin-bottom: 40px;
  font-size: 30px;
}
section.contact.module p {
  margin-bottom: 40px;
  font-size: 16px;
  font-weight: 300;
}
section.contact.module p:last-child {
  margin-bottom: 0;
}
section.contact.module.content {
  padding: 40px 0;
}
section.contact.module.parallax {  
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
  background-position: 0px 90px;
  background-origin: padding-box;	
  height: 800px;
  width: 100%;
}
section.contact.module.parallax h1 {
  color: rgba(255, 255, 255, 0.8);
  font-size: 48px;
  line-height: 800px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
section.contact.module.parallax-1 {
  background-image: url("/images/backgrounds/background_9.jpg");
}

@media all and (min-width: 600px) {
  section.contact.module h2 {
    font-size: 42px;
  }
  section.contact.module p {
    font-size: 20px;
  }
  section.contact.module.parallax h1 {
    font-size: 96px;
  }
}

@media all and (min-width: 960px) {
  section.contact.module.parallax h1 {
    font-size: 140px; font-size: 7vw;
  }
}
/* ----------------------------------------------------------------------------------------------- */

/* BUTTONS ---------------------------------------------------------------------------- */
a.wire.button {
	cursor: pointer;
	position: relative;
	overflow: visible;
	font-family: Serif;
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	color: white;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	text-decoration: none;
	border: 2px solid #FFFFFF;
	padding: 15px 20px;
}
a.wire.button:active {
	top: 2px;
}
a.wire.button:hover {
	background: #5d8721; /* THEME COLOR */
}

a.wire_large.button {
	cursor: pointer;
	position: relative;
	overflow: visible;
	font-family: Serif;
	font-style: normal;
	font-weight: 500;
	font-size: 34px;
	color: #000000;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	text-decoration: none;
	border: 2px solid #000000;
	padding: 15px 20px;
}
a.wire_large.button:active {
	top: 2px;
}
a.wire_large.button:hover {
	background: #5d8721; /* THEME COLOR */
	color: #ffffff;
}

a.wire_light_large.button {
	cursor: pointer;
	position: relative;
	overflow: visible;
	font-family: Serif;
	font-style: normal;
	font-weight: 500;
	font-size: 34px;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	text-decoration: none;
	border: 2px solid #fff;
	padding: 15px 20px;
}
a.wire_light_large.button:active {
	top: 2px;
}
a.wire_light_large.button:hover {
	background: #5d8721; /* THEME COLOR */
	color: #fff;
}

a.wire_dark.button {
	cursor: pointer;
	position: relative;
	overflow: visible;
	font-family: Serif;
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	color: #000000;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	text-decoration: none;
	border: 2px solid #000000;
	padding: 15px 20px;
}
a.wire_dark.button:active {
	top: 2px;
}
a.wire_dark.button:hover {
	background: #5d8721; /* THEME COLOR */
	color: #ffffff;
}

a.wire_dark_large.button {
	cursor: pointer;
	position: relative;
	overflow: visible;
	font-family: Serif;
	font-style: normal;
	font-weight: 500;
	font-size: 34px;
	color: #000000;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	text-decoration: none;
	border: 2px solid #000000;
	padding: 15px 20px;
}
a.wire_dark_large.button:active {
	top: 2px;
}
a.wire_dark_large.button:hover {
	background: #5d8721; /* THEME COLOR */
	color: #ffffff;
}

a.getstarted.button {
	cursor: pointer;
	position: relative;
	overflow: visible;
	font-family: Serif;
	font-style: normal;
	font-weight: 500;
	font-size: 42px;
	color: white;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	text-decoration: none;
	border: 2px solid #FFFFFF;
	padding: 15px 20px;
	background-color: rgba(0, 0, 0, 0.5);
}
a.getstarted.button:active {
	top: 2px;
}
a.getstarted.button:hover {
	background: #4c70a0; /* THEME COLOR */
	background-size: cover;
}

a.templates.button {
	cursor: pointer;
	position: relative;
	overflow: visible;
	font-family: Serif;
	font-style: normal;
	font-weight: 500;
	font-size: 42px;
	color: white;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	text-decoration: none;
	border: 2px solid #FFFFFF;
	padding: 15px 20px;
	background-color: rgba(0, 0, 0, 0.5);
}
a.templates.button:active {
	top: 2px;
}
a.templates.button:hover {
	background: #f7bfae; /* THEME COLOR */
	background-size: cover;
}

a.portfolio.button {
	cursor: pointer;
	position: relative;
	overflow: visible;
	font-family: Serif;
	font-style: normal;
	font-weight: 500;
	font-size: 42px;
	color: white;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	text-decoration: none;
	border: 2px solid #FFFFFF;
	padding: 15px 20px;
	background-color: rgba(0, 0, 0, 0.5);
}
a.portfolio.button:active {
	top: 2px;
}
a.portfolio.button:hover {
	background: #ebd122; /* THEME COLOR */
	background-size: cover;
}

a.pricing.button {
	cursor: pointer;
	position: relative;
	overflow: visible;
	font-family: Serif;
	font-style: normal;
	font-weight: 500;
	font-size: 42px;
	color: white;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	text-decoration: none;
	border: 2px solid #FFFFFF;
	padding: 15px 20px;
	background-color: rgba(0, 0, 0, 0.5);
}
a.pricing.button:active {
	top: 2px;
}
a.pricing.button:hover {
	background: #ebd122; /* THEME COLOR */
	background-size: cover;
}

a.about.button {
	cursor: pointer;
	position: relative;
	overflow: visible;
	font-family: Serif;
	font-style: normal;
	font-weight: 500;
	font-size: 42px;
	color: white;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	text-decoration: none;
	border: 2px solid #FFFFFF;
	padding: 15px 20px;
	background-color: rgba(0, 0, 0, 0.5);
}
a.about.button:active {
	top: 2px;
}
a.about.button:hover {
	background: #b4344d; /* THEME COLOR */
	background-size: cover;
}

a.contact.button {
	cursor: pointer;
	position: relative;
	overflow: visible;
	font-family: Serif;
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	text-decoration: none;
	border: 2px solid #fff;
	padding: 15px 20px;
}
a.contact.button:active {
	top: 2px;
}
a.contact.button:hover {
	background: #5d8721; /* THEME COLOR */
}
/* -------------------------------------------------------------------------------------------------------------------- */

/* --- Custom Dialog ----------------------------------------------------------------------------- */
.custom_dialog {
	display: none;	
}

.custom_dialog_response_text {
	margin-top: 20px;	
}
/* ----------------------------------------------------------------------------------------------- */

/* --- Slideout/Popup ---------------------------------------------------------------------------- */
#sidebar {
    position: fixed;
    top: 350px;
    left: -135px;
    width: 135px;
    height: 200px;
    padding: 12px 0;
    text-align: center;    
    /*background-color: rgba(129, 54, 0, 0.70);*/
    background-color: rgba(226, 155, 39, 0.70); /* THEME COLOR */
    color: white;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

.sidebar_text {
	text-align: left;
	margin-left: 10px;
	margin-bottom: 5px;
}

.sidebar_close_container {
	height: 16px;
	display: inline;	
}

.sidebar_close {
	float: right;
    margin-right: 5px;
    cursor: pointer;
}

.sidebar_subtext {	
	color: #ffffff;
	font-size: 10px;
    margin-top: 5px;
}

#slide_out_link img {
	max-width: 100px;
}
/* ----------------------------------------------------------------------------------------------- */

/* --- Back to Top ------------------------------------------------------- */
#back_top { display: none; }
#back_top_wrapper {
	position: fixed;
	right: 10px;
	bottom: 10px;
	overflow: hidden;
	z-index: 99;
}
#back_top a {
	display: block;
	width: 50px;
	color: #bbb;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font: 11px/100% Arial, Helvetica, sans-serif;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}
#back_top a:hover { color: #000; }
#back_top a:hover span { background-color: #333; }
#back_top span {
	display: block;
	margin-bottom: 7px;
	width: 50px;
	height: 50px;
	background: #5d8721 url('/images/up-arrow.png') no-repeat center center; /* THEME COLOR */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}
#back_top_wrapper a span {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #5d8721; /* THEME COLOR */
}
#back_top_wrapper a:hover span { 
	background-color: #3d6108; /* THEME COLOR */ 
}
/* -------------------------------------------------------------------------- */

/* -- Forms ----------------------------------------------------------------- */

/* -- Get Started -- */
input.form_input::-webkit-input-placeholder {
   color: #000;
}

input.form_input:-moz-placeholder { /* Firefox 18- */
   color: #000;  
}

input.form_input::-moz-placeholder {  /* Firefox 19+ */
   color: #000; 
}

input.form_input:-ms-input-placeholder {  
   color: #000;  
}

textarea.form_text_area::-webkit-input-placeholder {
   color: #000;
}

textarea.form_text_area:-moz-placeholder { /* Firefox 18- */
   color: #000;  
}

textarea.form_text_area::-moz-placeholder {  /* Firefox 19+ */
   color: #000;  
}

textarea.form_text_area:-ms-input-placeholder {  
   color: #000;  
}

.form_input {
	width: 95%;
	height: 40px !important;
	font-size: 18px !important;
	padding: 0px 0px 0px 10px;
	margin-bottom: 10px;
	background: rgba(255, 255, 255, .5);
	color: #000;
	border: 2px solid #000;
	-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.form_text_area {
	font-size: 18px !important;
	overflow:auto;
	margin:0;
	padding:6px 6px 7px 6px;
	width:100%;
	height:200px;
	line-height:15px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	resize:none;
	overflow:auto;
	background: rgba(255, 255, 255, .5);
	color: #000;
	border: 2px solid #000;
	-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
/*-----------------------*/

/* -- Contact ---------- */
input.contact_form_input::-webkit-input-placeholder {
   color: #fff;
}

input.contact_form_input:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}

input.contact_form_input::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}

input.contact_form_input:-ms-input-placeholder {  
   color: #fff;  
}

textarea.contact_form_text_area::-webkit-input-placeholder {
   color: #fff;
}

textarea.contact_form_text_area:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}

textarea.contact_form_text_area::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}

textarea.contact_form_text_area:-ms-input-placeholder {  
   color: #fff;  
}

.contact_form_input {
	width: 95%;
	height: 40px !important;
	font-size: 18px !important;
	padding: 0px 0px 0px 10px;
	margin-bottom: 10px;
	background: rgba(255, 255, 255, .5);
	color: #fff;
	border: 2px solid #fff;
}

.contact_form_text_area {
	font-size: 18px !important;
	overflow:auto;
	margin:0;
	padding:6px 6px 7px 6px;
	width:100%;
	height:200px;
	line-height:15px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	resize:none;
	overflow:auto;
	background: rgba(255, 255, 255, .5);
	color: #ffffff;
	border: 2px solid #ffffff;
	-webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
/*-----------------------*/

.form_button {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}

.form_submit {
	display: none !important;
}

/* ----------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------- */
/* Suppresses the arrow spinner controls in Chrome */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.page_section {
	/*margin: 40px auto 40px auto;*/
	margin: 0px auto;
	padding: 40px;
	width: 60%;	
}

.page_section h1 {
	font-size: 38px;
	font-weight: 700;
	line-height: 30px;
	letter-spacing: 2px;
	margin-bottom: 9px;
}

.page_section h4 {
	font-size: 20px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 2px;
	margin-bottom: 9px;
}

.page_section h5 {
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 2px;
	margin: 5px 0px 5px 0px;
}

.background_dark {
	background-color: #3d6108; 
}

.background_med {
	background-color: #5d8721;
}

.background_light {
	background-color: #84Ae48;
}

.background_white {
	background-color: #ffffff;
}

.background_gradient_dark {
	background: #3d6108; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#3d6108, #84Ae48); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#3d6108, #84Ae48); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#3d6108, #84Ae48); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#3d6108, #84Ae48); /* Standard syntax */
}

.background_gradient_light {
	background: #3d6108; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#3d6108, #ffffff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#3d6108, #ffffff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#3d6108, #ffffff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#3d6108, #ffffff); /* Standard syntax */
}

.full_div {
	width: 100%;
}

.tile_image {
	text-shadow: 0 0 0.2em #000, 0 0 0.2em #000, 0 0 0.2em #000;
}

.tile_anchor {
	display: block;
	position: relative;
	width: 0;
	top: -130px;
	visibility: hidden;
}

.section_text {
	margin-left: 10px;
	font-size: 30px;
	font-weight: 400;
}

.bold_text {
	font-weight: bold;	
}

.normal_text {
	font-weight: normal;
}

.blue_text {
	color: #2fafd6; /*#4A89FF;*/
}

.white_text {
	color: #FFFFFF;
}

.font_italic {
	font-style: italic;
}

.blue_background {
	background-color: #1871b5;
}

.black_background {
	background-color: #000000;
}

.padding_bottom_20 {
	padding-bottom: 18px;
}

.padding_right_40 {
	padding-right: 40px;
}

.margin_top_10 {
	margin-top: 10px;
}

.margin_left_65 {
	margin-left: 65px;
}

.no_margin {
	margin: 0px;
}

.no_top_margin {
	margin-top: 0px !important;	
}

.no_bottom_margin {
	margin-bottom: 0px !important;	
}

.no_bottom_margin_padding {
	margin-bottom: 0px;
	padding-bottom: 0px;	
}

.no_top_margin_padding {
	margin-top: 0px;
	padding-top: 0px;	
}

.minus_bottom_margin {
	margin-bottom: -15px;
}

.minus_bottom_margin_20 {
	margin-bottom: -20px;
}

.align_center {
	text-align: center;
}

.align_left {
	text-align: left;
}

.float_right {
	float: right;
}

.relative_position {
	position: relative;
}

.white_link {
	color: #FFFFFF;
}

.white_link:hover {
	color: #30A8CC; /*#005b9a;*/ /*#4A89FF;*/ /*#1871b5;*/
}

.white_hover_text:hover {
	color: #ffffff;
}

.position_relative {
	position: relative;
}

.section_break {
	margin-top: 40px;
}

.inline {
	display: inline-block;
	vertical-align: middle;
}

.horizontal_bar {
	border-bottom: solid 1px #000000;
	width: 65%;
	margin-right:auto;
    margin-left:auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.spacer {
	height: 40px;
}

/* This was added to fix shitty IE bouncing fixed images around */
.ie_html_parallax_fix {
	overflow: hidden;
    height: 100%; 
}

.ie_body_parallax_fix {
	overflow: auto;
    height: 100%;
}

/* -- Smaller Screens - Menu change to mobile style ----------------- */
/*landscape*/
@media screen and (max-width: 940px) and (min-width: 400px) { 
	.nav_div { display: none; width: auto; }
	.select-menu { display: block; }
	.header_mobile_menu_link { display: block; margin: 20px 0px 0px 0px; }	
	.header_mobile_menu_container { z-index: 9; }
	    
	/*#logo { margin: 5px 0px 0px 10px; vertical-align: middle; }*/	
	/*#logo img { max-width: 180px; }*/
}

@media screen and (max-width: 780px) {
	.header_text {
		font-size: 14px;
		height: 20px;
	}
	
	.home container h1 {
		font-size: 100%;
	}
}

@media screen and (max-width: 610px) { 
	/*hide header email text*/
	.header_right_text {
		display: none;
	}
}

/*
@media screen and (max-width: 780px) {
	.nav_div { display: none; }
	.header_mobile_menu_link { display: block; }
}
*/
/* PRE-CACHE -------------------------------------------------------- */
/* body:before will also work
 as will body:after */
:root:before {
  content: url(/images/wwd/wwd_ux.jpg)
           url(/images/wwd/wwd_ui.jpg)
           url(/images/wwd/wwd_wd.jpg)
           url(/images/wwd/wwd_ad.jpg)
           url(/images/icons/user_experience_design_white_128.png)
           url(/images/icons/web_design_ui_white_128.png)
           url(/images/icons/website_development_white_128.png)
           url(/images/icons/application_development_white_128.png)
           url(/images/icons/home_64.png)
           url(/images/icons/eye_64.png)
           url(/images/icons/book_64.png)
           url(/images/icons/monitor_64.png)
           url(/images/icons/chat_64.png)
           url(/images/icons/social/facebook_grey.png)
           url(/images/icons/social/twitter_grey.png)
           url(/images/icons/social/linkedin_grey.png);
  /* partial fallback */
  background-image: url(/images/wwd/wwd_root.jpg);
  visibility: hidden;
  position: absolute;
  left: -999em;
}
/* ------------------------------------------------------------------- */