/*
Theme Name: Gateway
Theme URI: www.gatewayci.com
Description: Custom site for Gateway Communications
Version: 1.0
Author: Sebastian Nitu
Author URI: http://sebnitu.com/
Tags: green, texture, two column, custom home, cms

This theme is to be used only for the Gateway Communications website along with all files attached. All rights reserved. If you would like to learn more about having a custom theme built for your website, please visit my website at: www.sebnitu.com
*/


/* ----- global styles ----- */

html { text-align: center; }

hr { border: 0 none; clear: both; height: 0; visibility: hidden; }

a { text-decoration: none; }

#main #page-content a 			{ color: #b9a763; }
#main #page-content a:hover 	{ color: #c8b56f; }

p { margin-bottom: 20px; }

em { font-family: Georgia, serif; font-style: italic; }

strong { font-weight: bold; }

img.alignleft { float: left; }
img.alignright { float: right; }

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, Times, serif;
	color: #000000;
	margin-bottom: 15px;
	}
	
h1 { font-size: 48px; line-height: 44px; }
h2 { font-size: 38px; line-height: 36px; }
h3 { font-size: 28px; line-height: 28px; }
h4 { font-size: 24px; line-height: 24px; }
h5 { font-size: 18px; line-height: 18px; }
h6 { font-size: 16px; line-height: 16px; }

/* ----- column styles ----- */

.column-1, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-8, .column-9, .column-10, .column-11, .column-12, .column-half3
	{ margin-left: 10px; margin-right: 10px; float: left; display: inline; }
	
.column-1	{ width: 60px;  }
.column-2	{ width: 140px; }
.column-3	{ width: 220px; }
.column-4	{ width: 300px; }
.column-5	{ width: 380px; }
.column-6	{ width: 460px; }
.column-7	{ width: 540px; }
.column-8	{ width: 620px; }
.column-9	{ width: 700px; }
.column-10	{ width: 780px; }
.column-11	{ width: 860px; }
.column-12	{ width: 940px; }

.column-6 .column-3 {
	width: 210px;
	}
	
.column-6 .column-half3 {
	width: 95px;
	}

/* ----- structure styles ----- */

body {
	font-family: "HelveticaNeue", Arial, Helvetica, Verdana, sans-serif;
	line-height: 19px;
	font-size: 13px;
	color: #505050;
	background: #303030;
	text-align: left;
	}

#bubble-gum {
	background: #fff url(images/background-logo.jpg) no-repeat top center;
	}
	
#wrapper {
	background: url(images/body-background-tile.jpg) repeat-x top;
	min-height: 648px;
	}
	
#footer {
	border-top: 10px solid #000;
	}
	
#main {
	}
	
.container {
	width: 960px;
	margin: 0 auto;
	}
	
/* ----- header styles ----- */

#header {
	height: 220px;
	margin-left: 10px;
	margin-right: 10px;
	overflow: hidden;
	margin-bottom: 25px;
	position: relative;
	}
	
#header h1#logo {
	background: url(images/header-logo.png) no-repeat top left;
	height: 89px;
	width: 379px;
	text-indent: -9999px;
	float: left;
	margin-top: 45px;
	}
	
#header h1#logo a {
	display: block;
	height: 89px;
	}
	
#header #parent-nav {
	background: url(images/head-nav-parent.png) no-repeat top left;
	height: 38px;
	width: 252px;
	line-height: 38px;
	text-align: right;
	font-size: 13px;
	float: right;
	}
	
#header #parent-nav ul {
	background: url(images/gateway-bug.png) no-repeat 35px 8px;
	}
	
#header #parent-nav ul li {
	margin-right: 35px;
	}
	
#header a {
	color: #fff;
	}

#header a:hover {
	color: #ddd09f;
	}

#header #tag-line {
	margin-top: 20px;
	float: right;
	width: 423px;
	height: 38px;
	text-align: right;
	}
	
#header a.head-btn {
	background: #a6c7ae;
	padding: 3px 8px;
	}
	
#header a.head-btn:hover {
	color: #ffffff;
	background: #799780;
	}
	
#header #tag-line p {
	font-family: Georgia, serif;
	margin-bottom: 0;
	line-height: 22px;
	font-size: 20px;
	margin-bottom: 5px;
	}

/* search form styles */
	
.header-search {
	height: 28px;
	width: 252px;
	float: right;
	margin-top: 40px;
	overflow: hidden;
	}
	
.header-search input#s {
	background: url(images/head-search.png) no-repeat top left;
	border: none;
	float: left;
	width: 190px;
	padding: 7px;
	color: #6c6c6c;
	}
	
.header-search input#search_submit {
	background: url(images/btn-go.png) no-repeat top left;
	font-family: Helvetica, sans-serif;
	border: none;
	float: right;
	width: 47px;
	height: 28px;
	color: #fff;
	font-size: 14px;
	}
	
.header-search input#search_submit:hover {
	background: url(images/btn-go.png) no-repeat bottom left;
	}
	
#re-search {
	margin: 0 50px;
	width: 225px;
	}
	
#re-search .header-search {
	float: none;
	margin-top: none;
	}
	
/* nav styles */

#header #nav {
	background: url(images/head-nav-bar.png) no-repeat top center;
	font-size: 13px;
	height: 46px;
	width: 940px;
	overflow: hidden;
	position: absolute;
	top: 174px;
	}

#header #nav ul {
	border-right: 1px solid #505050;
	float: left;
	margin-left: -1px;
	}

#header #nav ul li {
	float: left;
	line-height: 46px;
	}
	
#header #nav ul li a {
	border-left: 1px solid #505050;
	border-right: 1px solid #000000;
	padding: 16px 25px;
	}
	
#header #nav ul li a:hover {
	background: url(images/head-nav-bar.png) no-repeat bottom center;
	color: #fff;
	}
	
#header #nav ul li a.first:hover {
	background: url(images/head-nav-bar.png) no-repeat bottom left;
	}

/* ----- main content styles ----- */

/* main style */

#main-content {
	padding-bottom: 25px;
	}

#main a 		{ color: #ddd09f; }
#main a:hover { color: #ebe5ce; }

#main .dark-btn {
	background: url(images/btn-dark.png) no-repeat top right;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	}
#main .dark-btn a {
	background: url(images/btn-dark.png) no-repeat top left;
	color: #ffffff;
	display: block;
	height: 28px;
	margin-right: 15px;
	padding-left: 15px;
	}

#main .dark-btn:hover {
	background: url(images/btn-dark.png) no-repeat bottom right;
	}
	
#main .dark-btn a:hover {
	background: url(images/btn-dark.png) no-repeat bottom left;
	}


#main .dark-btn:hover a {
	color: #ffffff;
	}

/* banner styles */

#banner {
	background: url(images/banner-background.jpg) no-repeat top center;
	height: 320px;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 50px;
	}
	
#banner #banner-bar {
	background: #303030;
	position: absolute;
	top: 280px;
	height: 40px;
	width: 940px;
	line-height: 40px;
	overflow: hidden;
	}

#banner #banner-bar ul {
	margin-left: 40px;
	}
	
#banner #banner-bar ul li {
	display: inline;
	margin-right: -4px;
	}
	
#banner #banner-bar ul li a {
	color: #fff;
	background: #161616;
	padding: 15px 30px;
	z-index: 2;
	}
	
#banner #banner-bar ul li a:hover {
	background: #212121;
	}
	
#banner #banner-content {
	font-family: Georgia, serif;
	font-size: 18px;
	line-height: 26px;
	color: #303030;
	position: absolute;
	left: 320px;
	top: 20px;
	width: 600px;
	}
	
#banner span.banner-serv {
	font-size: 32px;
	}
	
#banner span.left {
	float: left;
	}
	
#banner .services-box {
	background: #a6c7ae;
	border: 10px solid #fff;
	position: absolute;
	right: 20px;
	bottom: 20px;
	z-index: 1;
	}
	
#banner .services-box ul {
	font-family: Helvetica, arial, sans-serif;
	font-size: 13px;
	line-height: 16px;
	float: left;
	width: 175px;
	border-right: 1px solid #fff;
	}
	
#banner .services-box ul li {
	padding: 10px;
	border-bottom: 1px solid #fff;
	}

#banner #banner-content p {
	margin-bottom: 30px;
	font-size: 21px;
	}
	
#banner #banner-content .banner-btn {
	background: url(images/LetsTalk-Btn.png) no-repeat top center;
	position: absolute;
	top: 185px;
	width: 150px;
	height: 50px;
	text-indent: -9999px;
	float: right;
	overflow: hidden;
	}
	
#banner #banner-content .banner-btn:hover {
	background: url(images/LetsTalk-Btn.png) no-repeat bottom center;
	}
	
#banner #banner-content .banner-btn a {
	display: block; 
	padding: 11px 20px;
	}

/* bulk content styles */

#home-quote {
	border-bottom: 1px solid #c8b56f;
	padding: 30px 0 25px;
	margin-bottom: 25px;
	position: relative;
	}
	
#home-quote blockquote {
	background: url(images/home-quote.png) no-repeat top left;
	text-indent: -9999px;
	float: left;
	width: 802px;
	height: 69px;
	}
	
#home-quote .dark-btn {
	position: absolute;
	top: 25px;
	right: 0;
	}
	
.column-outside {
	}
	
.column-inside-content {
	background: #303030;
	padding: 20px 0 15px;
	border: 1px solid #000000;
	text-align: center;
	}
	
.column-inside-content img {
	padding-top: 70px;
	width: 135px;
	margin: 0 auto;
	display: block;
	}
	
#no-risk {
	background: url(images/text-norisktrial.jpg) no-repeat top;
	height: 347px;
	text-indent: -9999px;
	}

/* ----- page styles ----- */

#main-content {}
#main-content #page-content {}

#main-content #page-content .postEntry h2 {
	margin-bottom: 5px;
	}
#main-content #page-content .postEntry small {
	font-family: Times, serif;
	font-style: italic;
	color: #000;
	display: block;
	font-size: 18px;
	padding: 5px 0;
	margin-bottom: 15px;
	border-bottom: 1px solid #c8b56f;
	}

/* case study styles */

#page-content .caseStudy {
	background: #F5F1E5;
	float: right;
	margin-left: 15px;	
	margin-bottom: 15px;
	border-left: 1px solid #808080;
	border-bottom: 1px solid #808080;
	}

#page-content .caseStudy tr.odd {
	background: #E8E3D4;
	}

#page-content .caseStudy td {
	border-right: 1px solid #808080;
	}

#page-content .caseStudy td, #page-content .caseStudy th {
	padding: 5px 10px;
	}

#page-content .caseStudy th {
	background: #808080;
	color: #fff;
	font-weight: bold;
	}
	
/* faq styles */

#page-content .faqItem {
	margin-bottom: 20px;
	border-bottom: 1px solid #bed186;
	}

#page-content .faqItem .quest-head, #page-content .faqItem .answer-head { 
	font-family: Georgia, serif; font-size: 24px;
	color: #000000;
	margin-bottom: 10px;
	}
	
#page-content .faqItem .question, #page-content .faqItem .answer
	{ float: left; display: inline; }
	
#page-content .faqItem .question { 
	width: 220px; margin-right: 10px;
	}
	
#page-content .faqItem .answer { 
	width: 359px; margin-left: 10px;
	border-left: 1px solid #bed186;
	padding-left: 20px;
	}

/* testimonials styles */

#page-content .quote {
	width: 300px;
	border-bottom: 1px solid #bed186;
	}
	
#page-content #bill-russell {
	border-bottom: none;
	}

#page-content .test-odd {
	float: left;
	padding-right: 9px;
	border-right: 1px solid #bed186;
	}
	
#page-content .even {
	float: right;
	padding-left: 10px;
	}

#page-content .quote p {
	padding: 10px 20px 0;
	}

#page-content blockquote {
	font-family: Georgia, sans-serif;
	font-style: italic;
	padding: 20px 10px 0;
	}
	
#page-content blockquote p {
	margin-bottom: 0;
	}

#page-content .quote small {
	display: block;
	text-align: right;
	}
	
#page-content .quote small.name {
	font-weight: bold;
	font-family: Verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 11px;
	}
		
.quote small.position, .quote small.mission, .quote small.location {
	font-family: Georgia, sans-serif;
	font-style: italic;
	font-size: 12px;
	line-height: 16px;
	}

/* testimonials pictures styles */

#page-content .quote img.alignleft {
	border: 5px solid #c8b56f;
	margin: 0 15px 10px 0;
	}

/* contact page */

#page-content .contact {
	min-height: 175px;
	width: 290px;
	}
	
#page-content .contact-odd {
	float: left;
	padding-right: 19px;
	border-right: 1px solid #bed186;
	border-bottom: 1px solid #bed186;
	}
	
#page-content .contact-even {
	float: right;
	padding-left: 20px;
	}

/* person styles */

.contact-odd span {
	display: block;
	}

.contact-odd .person, .contact-odd .address {
	padding: 20px;
	}

.contact-odd .person {
	border-bottom: 1px solid #bed186;
	}

.contact-odd .person span.name, .contact-odd .address span.heading {
	font-family: Georgia, serif;
	font-size: 15px;
	color: #000;
	}

.contact-odd .address span.heading {	
	padding-bottom: 5px;
	}
	
.contact-odd .person span.position {
	font-family: Georgia, serif;
	font-style: italic;
	}
	
.contact-odd .person span.phone {
	font-weight: bold;
	}

/* form styles */

#page-content .contact-even textarea {
	width: 270px;
	border: 1px solid #C1C1C1;
	padding: 5px;
	}
	
#page-content .contact-even input {
	background: #f3f3f3;
	border: 1px solid #c1c1c1;
	padding: 3px 15px;
	color: #6C6C6C;
	margin: 0;
	}
	
#page-content .contact-even input:hover {
	background: #fff;
	}
	
#page-content .contact-even span input {
	width: 270px;
	float: none;
	background: #fff;
	border: 1px solid #C1C1C1;
	padding: 5px;
	color: none;
	margin: 0;
	}

/* ----- sidebar styles ----- */

#main-content #sidebar {
	background: #484848;
	color: #ffffff;
	font-family: Georgia, Times, serif;
	}
	
#main-content #sidebar .sideItem {
	padding: 25px 30px 25px;
	}
	
#main-content #sidebar #sideRisk {
	background: url(images/sidebar-mid-light.jpg) repeat-y center;
	margin-bottom: 15px;
	border-top: 1px solid #6a6a6a;
	}
	
#main-content #sidebar #sideQuote {
	background: url(images/sidebar-mid-dark.jpg) repeat-y center;
	padding-bottom: 20px;
	border-bottom: 1px solid #030303;
	border-top: 1px solid #6a6a6a;
	}

#main-content #sidebar #sideQuote .quote {
	background: url(images/sidebar-quote-bg.png) no-repeat bottom left;
	}

#main-content #sidebar #sideQuote blockquote {
	font-style: italic;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #484848;
	}
	
#main-content #sidebar #sideQuote small {
	display: block;
	text-align: right;
	}
	
#main-content #sidebar #sideQuote small.name {
	font-weight: bold;
	font-family: Verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 11px;
	}
		
#sideQuote small.position, #sideQuote small.mission, #sideQuote small.location {
	color: #c2c2c2;
	font-style: italic;
	font-size: 12px;
	line-height: 16px;
	}

#main-content #sidebar #sideHeading {
	background: url(images/sidebar-topClient.jpg) no-repeat top center;
	height: 40px;
	text-indent: -9999px;
	border-bottom: 1px solid #030303;
	}

#main-content #sidebar a.btn {
	background: #585757;
	border: 1px solid #414141;
	font-family: Helvetica, sans-serif;
	display: block;
	text-align: center;
	padding: 3px 0;
	margin-top: 15px;
	color: #fff;
	}

#main-content #sidebar a.btn:hover {
	background: #161616;
	}
	
#main-content #sidebar h2 {
	height: 55px;
	margin-bottom: 15px;
	color: #fff;
	}

#main-content #sidebar span.bold {
	font-style: italic;
	display: block;
	padding: 10px;
	background: #303030;
	text-align: center;
	border: 1px solid #6b6b6b;
	}

#articleContent ul {
	margin-bottom: 20px;
	margin-left: 40px;
	}
	
#articleContent ul li {
	list-style: square;
	}

/* search template */

#main #page-content .hentry {
	margin-bottom: 15px;
	border-bottom: 1px solid #bed186;
	}
	
#main #page-content .hentry h3 {
	margin-bottom: 5px;
	}
	
#main #page-content .hentry small {
	font-family: Georgia, serif;
	font-style: italic;
	margin-bottom: 10px;
	display: block;
	}
	
#main #page-content .hentry a.cont {
	float: right;
	background: #f3f3f3;
	border: 1px solid #c1c1c1;
	padding: 3px 15px;
	color: #6C6C6C;
	margin: 0 20px 20px;
	}
	
#main #page-content .hentry a.cont:hover {
	background: #fff;
	}
	
/* 404 error */

#page-content .error-help {
	min-height: 175px;
	width: 300px;
	border-bottom: 1px solid #bed186;
	}
	
#page-content .error-help-odd {
	float: left;
	padding-right: 9px;
	border-right: 1px solid #bed186;
	}
	
#page-content .error-help-even {
	float: right;
	padding-left: 10px;
	}
	
#page-content .error-help .header-search {
	float: none;
	margin: 0 auto;
	}

/* ----- footer styles ----- */

#footer {
	color: #c3c3c3;
	font-size: 13px;
	}
	
#footer a 		{ color: #ddd09f; }
#footer a:hover { color: #ebe5ce; }

#footer .container {
	margin-top: 15px;
	margin-bottom: 30px;
	}
	
#footer h3 {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	border-bottom: 1px solid #484848;
	}
	
#footer #meta-data {
	text-align: right;
	color: #c3c3c3;
	}