/*
    Theme Name: 4Word Systems 2012
	Theme URI: http://www.studiopress.com/themes/sample
	Description: Sample is a two or three column child theme created for the Genesis Framework.
    Author: 4Word Systems
    Author URI: http://www.4wordsystems.com/
 
    Version: 1.8
 
    Tags: blue, gray, white, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fixed-width, custom-background, custom-header, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments
 
    Template: genesis
    Template Version: 1.8
 
	License: GNU General Public License v2.0 (or later)
	License URI: http://www.opensource.org/licenses/gpl-license.php
*/

/* Table of Contents

* Import Fonts
* Defaults
* Hyperlinks
* Body
* Wrap
* Header
* Image Header - Partial Width
* Image Header - Full Width
* Header / Primary / Secondary Navigation
* Primary Navigation Extras
* Inner
* Breadcrumb
* Taxonomy Description
* Content-Sidebar Wrap
* Content
* Column Classes
* Featured Post Grid
* Headlines
* Ordered / Unordered Lists
* Post Info
* Post Meta
* Author Box
* Sticky Posts
* Archive Page
* Post Icons
* Images
* Post Navigation
* Primary / Secondary Sidebars
* Dropdowns
* Featured Page / Post
* User Profile
* Buttons
* Search Form
* eNews & Updates Widget
* Calendar Widget
* Footer Widgets
* Footer
* Comments
* Gravity Forms
* Responsive Design
* Reset Styles
* Genesis Override Styles
* 4Word Systems Styles

*/


/* Import Fonts
------------------------------------------------------------ */

@import url(https://fonts.googleapis.com/css?family=Oswald);


/* Defaults
------------------------------------------------------------ */

body,
h1,
h2,
h2 a,
h2 a:visited,
h3,
h4,
h5,
h6,
p,
select,
textarea {
	color: #333;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: bold;
	line-height: 1.5625;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

blockquote,
input,
select,
textarea,
.author-box,
.breadcrumb,
.sticky,
.taxonomy-description,
.wp-caption {
	background-color: #f5f5f5;
	border: 1px solid #ddd;
}

input,
label,
select,
textarea {
	color: #333;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 300;
}

li,
ol,
ul {
	margin: 0;
	padding: 0;
}

ol li {
	list-style-type: decimal;
}


/* Hyperlinks
------------------------------------------------------------ */

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

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}


/* Body
------------------------------------------------------------ */

body {
	background-color: #d5d5d5;
}

::-moz-selection {
	background-color: #0d72c7;
	color: #fff;
}

::selection {
	background-color: #0d72c7;
	color: #fff;
}


/* Wrap
------------------------------------------------------------ */

#wrap {
	-moz-box-shadow: 0 0 5px #999;
	-webkit-box-shadow: 0 0 5px #999;
	background-color: #fff;
	box-shadow: 0 0 5px #999;
	margin: 15px auto;
	width: 960px;
	padding: 0;
}


/* Header
------------------------------------------------------------ */

#header {
	margin: 0 auto;
	min-height: 100px;
	width: 100%;
}

#title-area {
	float: left;
	overflow: hidden;
	padding: 17px 0 0;
	width: 400px;
}

#title {
	font-family: 'Oswald', arial, serif;
	font-size: 36px;
	line-height: 1.25;
	margin: 0;
	text-transform: uppercase;
}

#title a,
#title a:hover {
	color: #333;
	padding: 0 0 0 20px;
	text-decoration: none;
}

#description {
	font-size: 14px;
	padding: 0 0 0 20px;
}

#header .widget-area {
	float: right;
	padding: 25px 20px 0 0;
	width: 510px;
}


/* Image Header - Partial Width
------------------------------------------------------------ */

.header-image #title-area,
.header-image #title,
.header-image #title a {
	display: block;
	float: left;
	height: 100px;
	overflow: hidden;
	padding: 0;
	text-indent: -9999px;
	width: 400px;
}

.header-image #description {
	display: block;
	overflow: hidden;
}


/* Image Header - Full Width
------------------------------------------------------------ */

.header-full-width #title-area,
.header-full-width #title,
.header-full-width #title a {
	width: 100%;
}


/* Header / Primary / Secondary Navigation
------------------------------------------------------------ */

.menu-primary,
.menu-secondary,
#header .menu {
	background-color: #f5f5f5;
	clear: both;
	color: #333;
	font-size: 14px;
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
}

#header .menu {
	border: 1px solid #ddd;
	box-sizing: border-box;
}

.menu-primary {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
}

.menu-secondary {
	border-bottom: 1px solid #ddd;
	border-top: none;
}

.menu-primary ul,
.menu-secondary ul,
#header .menu ul {
	float: left;
	width: 100%;
}

.menu-primary li,
.menu-secondary li,
#header .menu li {
	float: left;
	list-style-type: none;
}

.menu-primary a,
.menu-secondary a,
#header .menu a {
	border-right: 1px solid #ddd;
	color: #333;
	display: block;
	padding: 7px 15px 6px;
	position: relative;
	text-decoration: none;
}

.menu-primary li a:active,
.menu-primary li a:hover,
.menu-primary .current_page_item a,
.menu-primary .current-cat a,
.menu-primary .current-menu-item a,
.menu-secondary li a:active,
.menu-secondary li a:hover,
.menu-secondary .current_page_item a,
.menu-secondary .current-cat a,
.menu-secondary .current-menu-item a,
#header .menu li a:active,
#header .menu li a:hover,
#header .menu .current_page_item a,
#header .menu .current-cat a,
#header .menu .current-menu-item a {
	background-color: #fff;
	color: #333;
}

.menu-primary li li a,
.menu-primary li li a:link,
.menu-primary li li a:visited,
.menu-secondary li li a,
.menu-secondary li li a:link,
.menu-secondary li li a:visited,
#header .menu li li a,
#header .menu li li a:link,
#header .menu li li a:visited {
	background: none;
	background-color: #fff;
	border: 1px solid #ddd;
	border-top: none;
	color: #333;
	font-size: 12px;
	padding: 9px 10px 8px;
	position: relative;
	text-transform: none;
	width: 138px;
}

.menu-primary li li a:active,
.menu-primary li li a:hover,
.menu-secondary li li a:active,
.menu-secondary li li a:hover,
#header .menu li li a:active,
#header .menu li li a:hover {
	background-color: #f5f5f5;
	color: #333;
}

.menu-primary li ul,
.menu-secondary li ul,
#header .menu li ul {
	height: auto;
	left: -9999px;
	margin: 0 0 0 -1px;
	position: absolute;
	width: 160px;
	z-index: 9999;
}

.menu-primary li ul a,
.menu-secondary li ul a,
#header .menu li ul a {
	width: 140px;
}

.menu-primary li ul ul,
.menu-secondary li ul ul,
#header .menu li ul ul {
	margin: -36px 0 0 159px;
}

.menu li:hover ul ul,
.menu li.sfHover ul ul {
	left: -9999px;
}

.menu li:hover,
.menu li.sfHover {
	position: static;
}

ul.menu li:hover>ul,
ul.menu li.sfHover ul,
#header .menu li:hover>ul,
#header .menu li.sfHover ul {
	left: auto;
}

.menu-primary li a.sf-with-ul,
.menu-secondary li a.sf-with-ul,
#header .menu li a.sf-with-ul {
	padding-right: 25px;
}

.menu li a .sf-sub-indicator,
.menu li li a .sf-sub-indicator,
.menu li li li a .sf-sub-indicator {
	background: url(images/icon-plus.png) no-repeat;
	height: 16px;
	position: absolute;
	right: 8px;
	text-indent: -9999px;
	top: 10px;
	width: 16px;
}

#wpadminbar li:hover ul ul {
	left: 0;
}


/* Primary Navigation Extras
------------------------------------------------------------ */

.menu li.right {
	float: right;
	padding: 7px 15px 6px;
}

.menu li.right a {
	background: none;
	border: none;
	color: #333;
	display: inline;
	text-decoration: none;
}

.menu li.right a:hover {
	color: #0d72c7;
	text-decoration: none;
}

.menu li.search {
	padding: 0 10px;
}

.menu li.rss a {
	background: url(images/rss.png) no-repeat center left;
	margin: 0 0 0 10px;
	padding: 0 0 0 16px;
}

.menu li.twitter a {
	background: url(images/twitter-nav.png) no-repeat center left;
	padding: 0 0 0 20px;
}


/* Inner
------------------------------------------------------------ */

#inner {
	margin: 0 auto;
	overflow: hidden;
	padding: 20px;
}


/* Breadcrumb
------------------------------------------------------------ */

.breadcrumb {
	font-size: 14px;
	margin: -10px 0 30px;
	padding: 5px 10px;
	float:right;
}


/* Taxonomy Description
------------------------------------------------------------ */

.taxonomy-description {
	background-color: whiteSmoke;
	margin: 49px 0 -12px 0px;
	padding: 0;
}

.taxonomy-description p {
	font-size: 16px;
	margin: 8px 8px 8px 32px;
}

.taxonomy-description h1 {
	font-family: 'Oswald', arial, serif;
	font-size: 23px;
	color: #000; 
	margin: 8px 8px 0 12px;
}



/* Content-Sidebar Wrap
------------------------------------------------------------ */

#content-sidebar-wrap {
	float: left;
	width: 750px;
}

.content-sidebar #content-sidebar-wrap,
.full-width-content #content-sidebar-wrap,
.sidebar-content #content-sidebar-wrap {
	width: 100%;
}

.sidebar-content-sidebar #content-sidebar-wrap,
.sidebar-sidebar-content #content-sidebar-wrap {
	float: right;
}


/* Content
------------------------------------------------------------ */

#content {
	float: left !important;
	padding: 20px 20px;
	width: 410px;
	margin-left: 53px;
}

.content-sidebar #content,
.sidebar-content #content {
	width: 580px;
}

.sidebar-content #content,
.sidebar-sidebar-content #content {
	float: right;
}

.full-width-content #content {
	width: 880px;
}

.post {
	float: left;
	width: 100%;
	margin: 36px 24px 16px 0px;
}

.static-page {
	margin: 36px 0 20px 53px;
}

.entry-title {
	margin: 20px 0;
	color: #000;
	font-weight: bold;
	font-family: 'Oswald', arial, serif;
}

.entry-content {
	overflow: hidden;
	padding: 0;
	margin-right: 32px;
}

.entry-content p {
	margin: 0 0 16px;
}

blockquote {
	background: url(images/blockquote.png) no-repeat;
	border: none;
	margin: 5px 5px 20px;
	padding: 25px 30px 5px 70px;
}

blockquote p {
	color: #999;
	font-style: italic;
}

p.subscribe-to-comments {
	padding: 20px 0 10px;
}

.clear {
	clear: both;
}

.clear-line {
	border-bottom: 1px solid #ddd;
	clear: both;
	margin: 0 0 25px;
}


/* Column Classes
------------------------------------------------------------ */

.five-sixths,
.four-fifths,
.four-sixths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fifths,
.three-fourths,
.three-sixths,
.two-fifths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
	margin: 0 0 20px;
	padding-left: 3%;
}

.one-half,
.three-sixths,
.two-fourths {
	width: 48%;
}

.one-third,
.two-sixths {
	width: 31%;
}

.four-sixths,
.two-thirds {
	width: 65%;
}

.one-fourth {
	width: 22.5%;
}

.three-fourths {
	width: 73.5%;
}

.one-fifth {
	width: 17.4%;
}

.two-fifths {
	width: 37.8%;
}

.three-fifths {
	width: 58.2%;
}

.four-fifths {
	width: 78.6%;
}

.one-sixth {
	width: 14%;
}

.five-sixths {
	width: 82%;
}

.first {
	clear: both;
	padding-left: 0;
}


/* Featured Post Grid
------------------------------------------------------------ */

.genesis-grid-even,
.genesis-grid-odd {
	margin: 0 0 20px;
	padding: 0 0 15px;
	width: 48%;
}

.genesis-grid-even {
	float: right;
}

.genesis-grid-odd {
	clear: both;
	float: left;
}


/* Headlines
------------------------------------------------------------ */

h1,
h2,
h2 a,
h2 a:visited,
h3,
h4,
h5,
h6 {
	font-family: 'Oswald', arial, serif;
	line-height: 1.25;
	margin: 0 0 16px;
}

h1 {
	font-size: 30px;
}


h2,
h2 a,
h2 a:visited {
	font-size: 19px;
}

h2 a,
h2 a:visited {
	color: #333;
	font-family: 'Oswald', arial, serif;
}

h2 a:hover {
	color: #0d72c7;
	text-decoration: none;
}

.widget-area h2,
.widget-area h2 a {
	font-size: 14px;
	margin: 0 0 5px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 20px;
}

.widget-area h4 {
	background-color: #f5f5f5;
	border-bottom: 1px solid #ddd;
	font-size: 14px;
	padding: 9px 10px 8px;
}

.widget-area h4 a {
	color: #333;
	text-decoration: none;
}

#footer-widgets h4 {
	background: none;
	border: none;
	padding: 0;
}

h5 {
	font-size: 18px;
}


/* Ordered / Unordered Lists
------------------------------------------------------------ */

.entry-content ol,
.entry-content ul {
	margin: 0;
	padding: 0 0 25px;
}

.archive-page ul li,
.entry-content ul li {
	list-style-type: square;
	margin: 0 0 0 30px;
	padding: 0;
}

.entry-content ol li {
	margin: 0 0 0 35px;
}

.archive-page ul ul,
.entry-content ol ol,
.entry-content ul ul {
	padding: 0;
}


/* Post Info
------------------------------------------------------------ */

.post-info {
	font-size: 12px;
	margin: -5px 0 15px;
	font-weight: normal
}


/* Post Meta
------------------------------------------------------------ */

.post-meta {
	border-top: 1px solid #ddd;
	clear: both;
	font-size: 14px;
	padding: 5px 0 0;
	margin: 24px 0 0 0;
}


/* Author Box
------------------------------------------------------------ */

.author-box {
	background-color: #f5f5f5;
	margin: 0 0 40px;
	overflow: hidden;
	padding: 10px;
}

.author-box p {
	font-size: 14px;
}


/* Sticky Posts
------------------------------------------------------------ */

.sticky {
	background-color: #f5f5f5;
	margin: -10px 0 40px;
	padding: 20px;
}


/* Archive Page
------------------------------------------------------------ */

.archive-page {
	float: left;
	padding: 20px 0 0;
	width: 45%;
}


/* Post Icons
------------------------------------------------------------ */

.post-comments,
.tags {
	background: url(images/icon-dot.png) no-repeat left;
	margin: 0 0 0 3px;
	padding: 0 0 0 10px;
}


/* Images
------------------------------------------------------------ */

img {
	height: auto;
	max-width: 100%;
}

.avatar,
.featuredpage img,
.featuredpost img,
.post-image {
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	padding: 4px;
}

.author-box .avatar {
	background-color: #fff;
	float: left;
	margin: 0 10px 0 0;
}

.post-image {
	margin: 0 10px 10px 0;
}

.comment-list li .avatar {
	background-color: #fff;
	float: right;
	margin: 5px 0 0 10px;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 10px;
}

img.alignnone {
	display: inline;
	margin: 0 0 10px;
}

img.alignleft {
	display: inline;
	margin: 0 15px 10px 0;
}

img.alignright {
	display: inline;
	margin: 0 0 10px 15px;
}

.alignleft {
	float: left;
	margin: 0 15px 10px 0;
}

.alignright {
	float: right;
	margin: 0 0 10px 15px;
}

.wp-caption {
	padding: 5px;
	text-align: center;
}

p.wp-caption-text {
	font-size: 14px;
	margin: 5px 0;
}

.wp-smiley,
.wp-wink {
	border: none;
	float: none;
}

.gallery-caption {
}


/* Post Navigation
------------------------------------------------------------ */

.navigation {
	font-size: 14px;
	overflow: hidden;
	padding: 20px 0;
	width: 100%;
}

.navigation li {
	display: inline;
}

.navigation li a,
.navigation li.disabled,
.navigation li a:hover,
.navigation li.active a {
	border: 1px solid #ddd;
	padding: 5px 8px;
}

.navigation li a:hover,
.navigation li.active a {
	background-color: #f5f5f5;
}


/* Primary / Secondary Sidebars
------------------------------------------------------------ */

.sidebar {
	margin: 50px 25px 30px 0;
	display: inline;
	float: right;
	font-size: 14px;
	width: 280px;
}

#sidebar-alt {
	float: left;
	width: 150px;
}

.sidebar-content #sidebar,
.sidebar-sidebar-content #sidebar {
	float: left;
}

.content-sidebar-sidebar #sidebar-alt {
	float: right;
}

.sidebar p {
	font-size: inherit;
}

.sidebar .widget {
	background-color: #fff;
	border: 1px solid #ddd;
	margin: 0 0 15px;
	padding: 0 0 15px;
}

.sidebar.widget-area ol,
.sidebar.widget-area ul,
.widget-area .textwidget,
.widget_tag_cloud div div {
	padding: 0 15px;
}

.sidebar.widget-area ul li,
#footer-widgets .widget-area ul li {
	border-bottom: 1px solid #ddd;
	list-style-type: none;
	margin: 0 0 7px;
	padding: 0 0 5px;
	word-wrap: break-word;
}

.sidebar.widget-area ul ul li {
	border: none;
	margin: 0;
}


/* Dropdowns
------------------------------------------------------------ */

.widget_archive select,
#cat {
	display: inline;
	margin: 5px 15px 0;
	padding: 3px;
	width: 85%;
}


/* Featured Page / Post
------------------------------------------------------------ */

.featuredpage,
.featuredpost {
	clear: both;
	margin: 0 0 15px;
	overflow: hidden;
}

.featuredpage .page,
.featuredpost .post {
	border-bottom: 1px solid #ddd;
	margin: 0 0 5px;
	overflow: hidden;
	padding: 0 15px 10px;
}

#footer-widgets .featuredpage .page,
#footer-widgets .featuredpost .post {
	margin: 0 0 10px;
	padding: 0;
}

.more-from-category {
	padding: 5px 15px 0;
}


/* User Profile
------------------------------------------------------------ */

.user-profile {
	overflow: hidden;
}

.user-profile p {
	padding: 5px 15px 0;
}

.user-profile .posts_link {
	padding: 0 15px;
}


/* Buttons
------------------------------------------------------------ */

input[type="button"],
input[type="submit"] {
	background: url(images/gradient.png) 0 0;
	border: 1px solid #ccc;
	cursor: pointer;
	line-height: 19px;
	padding: 5px 7px;
	text-decoration: none;
}

input:hover[type="button"],
input:hover[type="submit"] {
	background: url(images/gradient.png) 0 -33px;
	text-decoration: none;
}


/* Search Form
------------------------------------------------------------ */

#header .searchform {
	float: right;
	padding: 12px 0 0;
}

.sidebar .searchform {
	padding: 5px 0 0 15px;
}

.s {
	margin: 10px -7px 0 0;
	padding: 6px 5px;
	width: 180px;
}

#nav .s {
	background-color: #fff;
	margin: 2px -7px 0 0;
}


/* eNews and Update Widget
------------------------------------------------------------ */

.enews p {
	padding: 0 15px 5px;
}

.enews #subscribe {
	padding: 0 0 0 15px;
}

.enews #subbox {
	margin: 5px -7px 0 0;
	padding: 6px 5px;
	width: 75%;
}


/* Calendar Widget
------------------------------------------------------------ */

#wp-calendar {
	width: 100%;
}

#wp-calendar caption {
	font-size: 12px;
	font-style: italic;
	padding: 2px 5px 0 0;
	text-align: right;
}

#wp-calendar thead {
	background-color: #f5f5f5;
	font-weight: bold;
	margin: 10px 0 0;
}

#wp-calendar td {
	background-color: #f5f5f5;
	padding: 2px;
	text-align: center;
}


/* Footer Widgets
------------------------------------------------------------ */

#footer-widgets {
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	clear: both;
	font-size: 14px;
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
}

#footer-widgets .wrap {
	overflow: hidden;
	padding: 20px 30px 10px;
}

#footer-widgets .widget {
	background: none;
	border: none;
	margin: 0 0 15px;
	padding: 0;
}

#footer-widgets .textwidget {
	padding: 0;
}

#footer-widgets .widget_tag_cloud div div {
	padding: 0;
}

#footer-widgets p {
	font-size: inherit;
	margin: 0 0 10px;
}

#footer-widgets ul {
	margin: 0;
}

#footer-widgets ul li {
	margin: 0 0 0 20px;
}

#footer-widgets #wp-calendar thead,
#footer-widgets #wp-calendar td {
	background: none;
}

.footer-widgets-1 {
	float: left;
	margin: 0 30px 0 0;
	width: 280px;
}

.footer-widgets-2 {
	float: left;
	width: 280px;
}

.footer-widgets-3 {
	float: right;
	width: 280px;
}


/* Footer
------------------------------------------------------------ */

#footer {
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	clear: both;
	font-size: 14px;
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
}

#footer .wrap {
	overflow: hidden;
	padding: 10px 15px;
}

#footer p {
	font-size: inherit;
}

#footer a,
#footer a:visited {
	color: #ccc;
}

#footer a:hover {
	color: #0d72c7;
	text-decoration: none;
}

#footer .gototop {
	float: left;
	width: 200px;
}

#footer .creds {
	float: right;
	text-align: right;
	width: 650px;
}


/* Comments
------------------------------------------------------------ */

#comments,
#respond {
	margin: 0px 24px 0 54px;
	overflow: hidden;
}

#author,
#comment,
#email,
#url {
	margin: 10px 5px 0 0;
	padding: 5px;
	width: 250px;
}

#comment {
	height: 150px;
	margin: 10px 0;
	width: 98%;
}

#pings {
	margin: 0px 24px 0px 53px;
}
.ping-list {
	margin: 0 0 40px;
}

.comment-list ol,
.ping-list ol {
	padding: 10px;
}

.comment-list li,
.ping-list li {
	font-weight: bold;
	list-style-type: none;
	margin: 15px 0 5px;
	padding: 10px 15px;
}

.comment-list li ul li {
	list-style-type: none;
	margin-right: -16px;
}

.comment-content p {
	font-size: 14px;
	margin: 0 0 20px;
}

.comment-list cite,
.ping-list cite {
	font-style: normal;
}

.commentmetadata {
	font-size: 12px;
	margin: 0 0 5px;
}

.reply {
	font-size: 14px;
	font-weight: 300;
}

.nocomments {
	text-align: center;
}

#comments .navigation {
	display: block;
}

.bypostauthor {
}

.thread-alt,
.thread-even {
	background-color: #f5f5f5;
}

.alt,
.depth-1,
.even {
	border: 1px solid #ddd;
}


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

div.gform_wrapper input,
div.gform_wrapper select,
div.gform_wrapper textarea {
	box-sizing: border-box;
	font-size: 14px !important;
	padding: 4px 5px !important;
}

div.gform_footer input.button {
	color: #333;
}

div.gform_wrapper .ginput_complex label {
	font-size: 14px;
}

div.gform_wrapper li,
div.gform_wrapper form li {
	margin: 0 0 10px;
}

div.gform_wrapper .gform_footer {
	border: none;
	margin: 0;
	padding: 0;
}


/* Responsive Design
------------------------------------------------------------ */

@media only screen and (max-width: 600px) {

	.menu-primary li,
	.menu-primary li ul,
	.menu-primary li ul a,
	.menu-secondary li,
	.menu-secondary li ul,
	.menu-secondary li ul a,
	#header .menu li,
	#header .menu li ul,
	#header .menu li ul a {
		width: 100%;
	}
	
	.five-sixths,
	.four-fifths,
	.four-sixths,
	.one-fifth,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fifths,
	.three-fourths,
	.three-sixths,
	.two-fifths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		padding: 0;
		width: 100%;
	}

	.menu-primary li a,
	.menu-secondary li a,
	#header .menu li a {
		margin: 0;
		padding: 7px 3%;
	}

	.menu li li a .sf-sub-indicator,
	.menu li li li a .sf-sub-indicator {
		background: url(images/icon-plus-white.png) right no-repeat;
	}

	.menu-primary li li a,
	.menu-primary li li a:link,
	.menu-primary li li a:visited,
	.menu-secondary li li a,
	.menu-secondary li li a:link,
	.menu-secondary li li a:visited,
	#header .menu li li a,
	#header .menu li li a:link,
	#header .menu li li a:visited {
		background: none;
		color: #fff;
		padding: 7px 3%;
		width: 94%;
	}

	.menu-primary li ul,
	.menu-secondary li ul,
	#header .menu li ul {
		background: #333;
		clear: both;
		margin: 0;
		padding: 0;
		position: inherit;
	}

	.menu-primary li ul ul,
	.menu-secondary li ul ul,
	#header .menu li ul ul {
		background: #666;
	}

	.menu-primary li ul ul ul,
	.menu-secondary li ul ul ul,
	#header .menu li ul ul ul {
		background: #999;
	}

	.menu-primary li ul ul,
	.menu-secondary li ul ul,
	#header .menu li ul ul {
		margin: 0;
	}

}

@media only screen and (max-width: 960px) {

	body {
		width: 100%;
		margin: 0 auto;
	}
	
	.archive-page,
	.content-sidebar #content,
	.content-sidebar-sidebar #content,
	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.full-width-content #content,
	.sidebar,
	.sidebar-content #content,
	.sidebar-content-sidebar #content,
	.sidebar-sidebar-content #content,
	#content-sidebar-wrap,
	#footer .creds,
	#footer .gototop,
	#footer-widgets .wrap,
	#header .widget-area,
	#sidebar-alt,
	#title-area,
	#wrap {
		width: 100%;
	}

	#wrap {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		margin: 0;
	}
	
	#description,
	#footer .creds,
	#footer .gototop,
	#title,
	#title-area {
		float: none;
		text-align: center;
	}

	#title-area {
		padding: 10px 0;
	}

	#description,
	#title a,
	#title a:hover {
		padding: 0;
	}

	#header .widget-area {
		padding: 0 0 10px;
	}

	#header .searchform {
		float: none;
		padding: 0;
		text-align: center;
	}

	#header .s {
		margin: 0 -7px 0 0;
	}

	.menu li.right {
		display: none;
	}

	#inner {
		padding: 20px 0 0;
	}

	.breadcrumb,
	.navigation,
	.sidebar .widget,
	 {
		margin: 0 20px 20px;
	}
	
	#content {
		padding: 0;
	}

	.page .page,
	.post,
	#comments,
	
	.author-box {
		margin: 0 20px 40px;
	}
	
	#footer-widgets .widget {
		padding: 20px 20px 0;
	}

	#footer-widgets .wrap {
		padding: 0;
	}

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3 {
		margin: 0;
	}

}

/* Genesis Overrides ------------------------------------------------------------- */

#wrap {background-color:transparent; box-shadow:none; margin:0px auto;}

#inner {padding: 0px;}

.full-width-content #content {width: 907px;}

#content {float:none; padding: 0px 0px; width:100%;}

#footer { background-color:transparent; border-top:none; font-size:inherit;}
	#footer .wrap {padding: 0px 0px;}


/* Reset Styles ------------------------------------------------------------------ */

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

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse;border-spacing: 0;}


/* 4Word Systems Styles ---------------------------------------------------------- */

@charset "utf-8";
/* CSS Document */

body          { background:#003E55 url('images/background3.jpg') repeat-x top left; font:14px/1.55 Arial, Helvetica, sans-serif; color:#231f20; text-align:center; padding:0; margin:0 }
img           { border:0; vertical-align:top; }
a             { color:#0d72c7; text-decoration:none;  }
a:hover       { text-decoration:underline;  }
:focus        { outline:0; }

/* Headings */
h1      { margin:0 0 5px; line-height:1.35; color:#009ed9; }
h2      { margin:0 0 5px; line-height:1.35; color:#669722; }
h3      { margin:0 0 5px; line-height:1.35; color:#535458; }
h4,h5,h6      { margin:0 0 5px; line-height:1.35; color:#313131}
h1            { font-size:22px; font-weight:normal; }
h2            { font-size:19px; font-weight:normal; }
h3            { font-size:17px; font-weight:normal; }
h4            { font-size:15px; font-weight:bold; }
h5            { font-size:13px; font-weight:bold; }
h6            { font-size:11px; font-weight:bold; }

/* Forms */

fieldset      { border: none; width: 435px;}
.content form fieldset label { width: 55px; display: inline-block; }
.content form fieldset .right { float: right; }
.content label.comments { display: block; width: 300px; margin-top: 15px; }
.content textarea { width: 300px; height: 150px; margin: 5px 0 0 45px; }

/* Table */
table         { border:0; /*border-collapse:collapse;*/ border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }

/* Content */
p             { margin:0 0 10px; }
strong        { font-weight:bold; }
address       { font-style:normal; line-height:1.35; }
cite          { font-style:normal; }
q,
blockquote    { quotes:none; }
q:before,
q:after       { content:''; }
small,big     { font-size:1em; }
/*sup           { font-size:1em; vertical-align:top; }*/

/* Lists */
ul,ol         { list-style:none; padding:0; margin:0 }

/* Tools */
.hidden       { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }
.nobr         { white-space:nowrap !important; }
.wrap         { white-space:normal !important; }
.a-left       { text-align:left !important; }
.a-center     { text-align:center !important; }
.a-right      { text-align:right !important; }
.v-top        { vertical-align:top; }
.v-middle     { vertical-align:middle; }
.f-left,
.left         { float:left !important; }
.f-right,
.right        { float:right !important; }
.f-none       { float:none !important; }
.f-fix        { float:left; width:100%; }
.no-display   { display:none; }
.no-margin    { margin:0 !important; }
.no-padding   { padding:0 !important; }
.no-bg        { background:none !important; }
.clear 		  { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
/* ======================================================================================= */


/* Layout ================================================================================ */
/*.wrapper 			{min-width:898px; padding:0; margin:0 }
.page 				{padding:0; margin:0}*/

.type-page {
	margin: 36px 24px 16px 53px;
}

.main-container 	{ margin:0px 0 0 0; padding:0px 0 0 0 }
.main 				{ width:960px; margin:0 auto; min-height:400px; background:#f2f2f2 url(images/main_bg.jpg) repeat-x top left; text-align:left; position:relative }

.main_top 			{ background:url(images/main_top.jpg) top left no-repeat; height:27px; width:898px; margin:0 auto}

.col-3-set .col-1,
.col-3-set .col-2,
.col-3-set .col-3 	{ width:27%; float:left; border-right:1px solid #a9a8a9; padding:15px 27px 00px; height:225px }
.col-3-set h1		{ text-transform:lowercase }
.col-3-set .col-3 	{ border:none }

/* Header */
#header {background:#0088CC url(images/header_bg2.jpg) 50% 0 no-repeat; height:132px }
	#header .wrap { width:960px; margin:0 auto; position:relative}
	#header h1.logo { float:left; margin:33px 0 0 15px }
	#header .logo strong {visibility:hidden; display:none }
	#header .top-nav { list-style:none; display:inline; padding:0; margin:48px 6px 0 0; float:right; }
	#header .top-nav li { float:left; margin:0 15px 0 0; padding:0; color:#fff; text-transform:lowercase;}
	#header .top-nav li	a { font-size:17px; font-weight:normal; }
	#header .top-nav li.last { padding:0; margin:0 }
	#header .top-nav a { color:#fff }
        #header .top-nav li ul li { display: list-item }

/* Header Login */
.client-login 			{color:#fff; width:171px; height:99px; padding:25px 20px 0px 25px; background:url('images/client-login-background.png') no-repeat top left; position:absolute; top: 80px; right: -50px; z-index:10}
.client-login label 	{color:#fff; font-size:12px; float:left; padding-right:15px; height:20px; margin-top:1px; margin-bottom:5px;}
.client-login input.text{padding:1px; width:90px; margin-bottom:5px;}
.client-login br 		{clear:both;}
a.log {color:#fff; font-size:10px; float:right;}


/*Content Area -------------------------------------------- */

div#inner {background:#ffffff url('images/main_top.jpg') no-repeat scroll left top; text-align:left; }


/* Main */
.main_left 					{ float:left;}
.main_left .box				{width:440px; height:240px; position:relative; margin-left:-17px;}
/* .main_left img.home_image 	{ position:absolute; top:-20px; left:90px; border: 2px solid gray;} */
.main_left img.home_image {
    border: 2px solid gray;
    position: relative;
    top: -13px;
}
.main_left img.home_image2 	{ position:absolute; top:-43px; left:51px; }
.main_left .content 		{ padding: 0; }
.main_right			{ position:relative; width:456px; height:442px; left:-53px; }

.main_footer { height:225px; overflow:hidden; background:#BFBFBF url(images/middle_footer_bg.jpg) repeat left top; margin-left:-53px; }
	.main_footer h1 a { color:#009ed9; font-weight:normal; }
	.main_footer ul { padding:0 0 15px 15px; }
	.main_footer ul li { padding:0 0 6px; }
	.main_footer ul li a { color:#000; font-weight:normal; font-size:14px }
	.main_footer p { text-align:right }
	.main_footer p a { color:#000; font-weight:bold; }
	.main_footer .careers { background:url('images/careers_background.png') no-repeat top left; width:188px; height:95px; padding:10px; margin:0 0 0 15px; }
	.main_footer .careers h2 { color:#514444; font-size:16px; padding:0; margin:0; }
	.main_footer .careers p { text-align:left; color:#fff; line-height:14px; }
	.main_footer .careers p span { color:#bdcccc; text-align:right; float:right; font-weight:bold }
	.main_footer .col-3 img { float:left; margin:0 0px 5px 10px; }			

/* Slideshow */
/*.slideshow_bg 			{ background:url(../images/cycle/big_logo.jpg) top left no-repeat; width:449px; height:442px; position:relative; }
.slideshow img 			{ border:0px solid #FF0000; width:auto; height:auto;  }
.slideshow_bg .design 	{ position:absolute; top:22px; left:135px; z-index:1 }
.slideshow_bg .develop 	{ position:absolute; top:117px; left:40px; z-index:1 }
.slideshow_bg .promote	{ position:absolute; top:176px; left:126px; z-index:1 }
.slideshow_bg .sustain	{ position:absolute; top:306px; left:241px; z-index:1 }*/

/* Hover Logos */
.big_logo_hover {
	position:absolute;
	top:0px;
	left:0px;
	width:400px;
	height:460px;
	padding:0;
	margin:0;
/*	background:url('images/cycle/4logos_slider.png') top left no-repeat; */
/*	background-position: 0 0; */
	z-index: 0;
}

.slidetabs {
    border: 0 solid #000000;
    margin: 0;
    padding: 0;
    position: relative;
}
.slidetabs a {
    display: block;
    float: left;
    font-size: 12px;
    margin: 3px;
}
.slidetabs a .design {
    left: 142px;
    position: absolute;
    top: 29px;

}
.slidetabs a .develop {
    left: 47px;
    position: absolute;
    top: 124px;
}
.slidetabs a .promote {
    left: 133px;
    position: absolute;
    top: 183px;
}
.slidetabs a .sustain {
    left: 248px;
    position: absolute;
    top: 313px;
}


/* Footer */
#footer 		{ width:960px; background:#2B4D5D url('images/footer3.jpg') no-repeat top center; }
#footer 				{ width:960px; height:102px; /*width:898px;*/ margin:0 auto; text-align:left; padding:37px 0 0 0 }
#footer .col-1 			{ width:145px; float:left; border-right:1px solid #3e788d; padding:0 0px 0 25px; }
#footer .col-2 			{ width:345px; float:left; border-right:1px solid #3e788d; padding:0 0px 0 25px; }
#footer .col-3			{ width:330px; float:left;  padding:0 0px 0 25px; }
#footer .col-2 .col-1,
#footer .col-2 .col-2,
#footer .col-2 .col-3 	{ width:25%; float:left; border:none; }
#footer p				{ color:#929090; font-size:10px; line-height:13px; text-transform:uppercase; }
#footer h3 				{ color:#fff; font-weight:bold; font-size:13px; padding:0; margin:0 0 0px }
#footer h3 span			{ font-weight:normal; }
#footer .col-2 ul 		{ margin:0 0 5px 10px; padding:0; }
#footer .col-2 ul li	{ font-size:10px; line-height:13px; text-transform:uppercase; }
#footer .col-2 ul li a	{ color:#929090; font-weight:normal }
#footer .col-3 .white	{ float:left; color:#fff; font-size:11px; line-height:16px; padding:0; margin:0; text-transform:lowercase }
#footer .col-3 .social	{ padding:6px 0 10px; }
#footer .col-3 img 		{ margin:2px 0 0 10px; }
#footer .col-3 p 		{ text-transform:capitalize; font-size:11px; }


.y {height: 165px; text-align: left; width: 45%; margin-top: -15px; float: right;}
.y h1{font-size: 30px;}
img.x {position:absolute; top:-15px; left:58px}
.center {margin: 0 auto;text-align: left;width: 350px;}
div.fournav {position: absolute; left: 70px; top: 200px;}
	div.fournav a{ font-size: 20px; margin-right: 8px; font-weight: normal; }
	div.fournav a.b{ color: #009ED9;}

.servicesDrop {
	position: absolute;
	display: none;
	width: 120px;
	z-index: 999;
}	

.servicesDrop ul li {
	margin: 0;
	padding: 0;
}
.servicesDrop ul li a {
	background-color: #2d92e7;
	padding-left: 12px;
	padding-top: 3px;
	margin:0;
	width: 88px;
	text-align: left;
	display: block;
}
.servicesDrop ul li a:hover {
	background-color: #3da2f7;
	text-decoration: none;
}

#form-wysija-2 { margin:0; padding: 6px 0 0 12px; }
.widget_swysija.wysija-submit { margin:0; }

/* Page Specific Styles ------------------------------------- */

.bigword { 
    display: none;
    position:absolute; 
}
#designword { margin-left: 100px; margin-top: -30px }
#developword { margin-left: 0px; margin-top: 85px }
#promoteword { margin-left: 90px; margin-top: 145px }
#sustainword { margin-left: 195px; margin-top: 275px }


body#page-home h1.entry-title {display:none;}
body#page-home .type-page { margin: 0; }