/*  
Theme Name: Beat the Banker
Theme URI: http://purposemakers.net
Description: Wordpress styles for Lee Gooch Promotions Beat the Banker
Version: 0.1
Author: 
Author URI: http://purposemakers.net
*/


/* @group Reset and Global Styles */

* {
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  vertical-align:baseline;
}

body {
	background-color: #000;
	background-repeat: repeat;
	background-position: top left;
	color: #c9c9c9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.5;
}

h1, h2, h3, h4 {
	color: #FFF;
}

h1 {
	
}

h2 {
	font-size: 23px;
	font-weight: normal;
	line-height: 1.5;
	margin: 15px 0;
}

h2 strong {
	color: #F6B412;
	font-weight: normal;
}

h3 {
	color: #F6B412;
        font-size: 18px;
	font-weight: normal;
	line-height: 1.2;
}

h3 strong {
	color: #ffffff;
	font-weight: bold;
}

body#how-it-works h2,
body#the-show h2 {
	border-bottom: 1px solid #444;
	font-weight: normal;
	padding: 10px 0 10px 10px;
	text-transform: lowercase;
}

h3 {
	font-size: 14px;
	margin: 5px 0 10px;
}

h4 {
	font-size: 14px;
	color: #F6B412;
	margin: 0 0 10px;
}

p {
	margin: 0 0 15px;
}

a:link,
a:visited,
a:hover,
a:focus,
a:active {
	color: #F6B412;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

ul {

}

ul li {

}

ul li span {

}

blockquote {
	font-size: 16px;
	font-family: Georgia, Times, serif;
	margin-bottom: 10px;
}


cite {
	font-size: 12px;
	text-align: right;
	color: #FFF;
}

hr {
	
}

p.edit-post {
	margin: 40px 0 20px 0;
}

/* @end */

/* @group Structure */

.inside {
  margin: 0 auto;
	max-width: 100%;
  padding: 0;
  width: 940px;
}

/* @group Header */

#header .inside {
	background-image: url(img/header-bg.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #000;
	border-right: 1px solid #343434;
	border-bottom: 1px solid #343434;
	border-left: 1px solid #343434;
	overflow: hidden;
	width: 940px;
}

.logo {
	float: left;
	margin-left: 20px;
}

.logo h1 a {
	background-image: url(img/logo.jpg);
	display: block;
	height: 106px;
	width: 241px;
	text-indent: -10000px;
}

/* @group Nav */

.nav {
	float: right;
	padding: 45px 10px;
}

.nav ul {
	list-style: none;
}

.nav li {
	float: left;
	padding: 0 15px;
	border-right: 1px solid #FFF;
	text-transform: lowercase;
}

.nav li.current_page_item a:link,
.nav li.current_page_item a:visited,
.nav li.current_page_item a:hover,
.nav li.current_page_item a:focus,
.nav li.current_page_item a:active {
	color: #F6B412;
}

.nav li:last-child {
	border-right: none;
}

.nav li a:link,
.nav li a:visited,
.nav li a:hover,
.nav li a:focus,
.nav li a:active {
	color: #FFF;
	text-decoration: none;
}

.nav li a:hover {
	color: #F6B412;
}

/* @end */



/* @end */

#banner2{
	height: 60px;
	width: 940px;
	position: relative;
}

/* @group Banner */

#banner .inside {
	background-image: url(img/banner.jpg);
	border-right: 1px solid #343434;
	border-left: 1px solid #343434;
	height: 367px;
	width: 940px;
	position: relative;
}




p.showreel-button {
	position: absolute;
	bottom: 40px;
	left: 380px;
	margin: 0;
}

.showreel-button a:link,
.showreel-button a:visited,
.showreel-button a:hover,
.showreel-button a:focus,
.showreel-button a:active {
	background-image: url(img/showreel-button.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	height: 34px;
	text-indent: -10000px;
	width: 185px;
}

.showreel-button a:hover {
	background-position: -185px 0;
}

/* @group /How it Works */

body.how-it-works #banner .inside {
	background-image: url(img/banner-how-it-works.jpg);
	border-top: 1px solid #343434;
	border-right: 1px solid #343434;
	border-left: 1px solid #343434;
	height: 360px;
	width: 938px;
	position: relative;
}

body.how-it-works p.showreel-button {
	position: absolute;
	bottom: 35px;
	left: 700px;
	margin: 0;
}

body.how-it-works .showreel-button a:link,
body.how-it-works .showreel-button a:visited,
body.how-it-works .showreel-button a:hover,
body.how-it-works .showreel-button a:focus,
body.how-it-works .showreel-button a:active {
	background-image: url(img/showreel-button.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	height: 34px;
	text-indent: -10000px;
	width: 185px;
}

body.how-it-works .showreel-button a:hover {
	background-position: -185px 0;
}

/* @end */

/* @group /the-show */

body.the-show #banner .inside  {
	background-image: url(img/banner-gallery.jpg);
	border-top: 1px solid #343434;
	border-right: 1px solid #343434;
	border-left: 1px solid #343434;
	height: 360px;
	width: 938px;
	position: relative;
}

body.the-show p.showreel-button {
	position: absolute;
	bottom: 35px;
	left: 700px;
	margin: 0;
}

body.the-show .showreel-button a:link,
body.the-show .showreel-button a:visited,
body.the-show .showreel-button a:hover,
body.the-show .showreel-button a:focus,
body.the-show .showreel-button a:active {
	background-image: url(img/showreel-button.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	height: 34px;
	text-indent: -10000px;
	width: 185px;
}

body.the-show .showreel-button a:hover {
	background-position: -185px 0;
}

/* @group /who-we-are */

body.who-we-are #banner .inside  {
	background-image: url(img/banner-who-we-are.jpg);
	border-top: 1px solid #343434;
	border-right: 1px solid #343434;
	border-left: 1px solid #343434;
	height: 360px;
	width: 938px;
	position: relative;
}

body.who-we-are p.showreel-button {
	position: absolute;
	bottom: 35px;
	left: 700px;
	margin: 0;
}

/* @end */

/* @group /testimonials */

body.testimonials #banner .inside  {
	background-image: url(img/banner-testimonials.jpg);
	border-top: 1px solid #343434;
	border-right: 1px solid #343434;
	border-left: 1px solid #343434;
	height: 360px;
	width: 938px;
	position: relative;
}

body.testimonials p.showreel-button {
	position: absolute;
	bottom: 35px;
	left: 700px;
	margin: 0;
}

/* @group /testimonials */

body.get-in-touch #banner .inside  {
	background-image: url(img/banner-get-in-touch.jpg);
	border-top: 1px solid #343434;
	border-right: 1px solid #343434;
	border-left: 1px solid #343434;
	height: 360px;
	width: 938px;
	position: relative;
}

body.get-in-touch p.showreel-button {
	position: absolute;
	bottom: 35px;
	left: 700px;
	margin: 0;
}

/* @end */





/* @end */

/* @group Info List */

#info-list {
	overflow: hidden;
	margin-bottom: 25px;
}

#info-list ul {
	list-style: none;
}

#info-list li {
	float: left;
}

#info-list li a:link,
#info-list li a:visited,
#info-list li a:hover,
#info-list li a:focus,
#info-list li a:active {
	text-indent: -10000px;
	display: block;
	width: 235px;
	height: 161px;
}

#info-list li.how-it-works a:link,
#info-list li.how-it-works a:visited,
#info-list li.how-it-works a:hover,
#info-list li.how-it-works a:focus,
#info-list li.how-it-works a:active {
	background-image: url(img/how-it-works.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#info-list li.the-show a:link,
#info-list li.the-show a:visited,
#info-list li.the-show a:hover,
#info-list li.the-show a:focus,
#info-list li.the-show a:active {
	background-image: url(img/the-show.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#info-list li.who-we-are a:link,
#info-list li.who-we-are a:visited,
#info-list li.who-we-are a:hover,
#info-list li.who-we-are a:focus,
#info-list li.who-we-are a:active {
	background-image: url(img/who-we-are.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}


#info-list li.get-in-touch-info a:link,
#info-list li.get-in-touch-info a:visited,
#info-list li.get-in-touch-info a:hover,
#info-list li.get-in-touch-info a:focus,
#info-list li.get-in-touch-info a:active {
	background-image: url(img/get-in-touch.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#info-list li.how-it-works a:hover,
#info-list li.the-show a:hover,
#info-list li.who-we-are a:hover,
#info-list li.get-in-touch-info a:hover {
	background-position: -235px 0;
}

/* @end */

/* @group Content Wrap */

#content-wrap {
	overflow: hidden;
	margin-bottom: 20px;
}


/* @end */

/* @group Main Content */

#main-content {
	float: left;
	padding-right: 14px;
	width: 690px;
}

#main-content .post p {
	color: #F6B412;
	font-size: 16px;
	font-weight: bold;
}

body.testimonials #main-content,
body.who-we-are #main-content,
body.how-it-works #main-content,
body.the-show #main-content {
	width: 100%;
	padding-right: 0;
}

p.highlight {
	color: #F6B412;
	font-size: 14px;
	font-weight: normal;
}

p.page-title {
	color: #F6B412;
	font-size: 16px;
	font-weight: bold;
}

#we-provide {
	color: #FFF;
	width: 47%;
	float: left;
	padding-right: 6%;
}

#we-provide li {
	padding: 5px 0;
	margin-left: 15px;
}

#what-you-need {
	color: #FFF;
	width: 47%;
	float: right;
}

#what-you-need li {
	padding: 5px 0;
	margin-left: 15px;
}

/* @group News Items */

.news-item {
	margin: 30px 0;
}

.news-item h3 {
	font-size: 18px;
}

/* @end */


/* @group Contact Form Styles */


.wpcf7-form input,
.wpcf7-form textarea {
	padding: 10px;
	font-size: 14px;
	margin-top: 5px;
	font-family: Helvetica, Arial, sans-serif;
}


/* @end */


/* @end */

/* @group Sidebar */

#sidebar {
	float: right;
	margin-left: 15px;
	padding-top: 20px;
	width: 220px;
}

#sidebar ul {
	list-style-type: none;
	margin-bottom: 20px;
}

#sidebar li {
	padding: 3px 0;
}

/* @end */

/* @group Showreel */

#showreel {
	width: 50%;
	float: left;
	padding: 10px 0;
}

#showreel h3 {
	font-size: 14px;
	margin-bottom: 20px;
}

#showreel img {
	border: 5px solid #FFF;
}

/* @end */

/* @group Gallery */

#image-gallery {
	width: 50%;
	float: right;
	padding: 10px 0;
}

#image-gallery h4 {
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 20px;
}

#image-gallery img {
	border: 5px solid #FFF;
	margin: 5px;
}

/* @end */

/* @group Latest News */

#latest-news {
	float: right;
	margin-left: 15px;
	padding-top: 20px;
	width: 220px;
}

#latest-news h3 {
	margin-bottom:0;
	padding-bottom:0;	
}

#latest-news ul {
	list-style: none;
}

#latest-news ul li {
	padding-bottom: 10px;
}

.title {
	color: #FFF;
	font-size: 14px;
	margin-bottom: 3px;
}

#latest-news li a {
	color: #838286;	
	font-weight: normal;
}

/* @end */

/* @group Footer */

#footer {
	background-color: #1F1F1F;
	color: #898989;
	font-size: 12px;
}

#footer .inside {
	overflow: hidden;
	padding-top: 25px;
	padding-bottom: 30px;
}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:focus,
#footer a:active {
	color: #545252;
}

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

#footer-body {
	width: 580px;
	float: left;
}

.get-in-touch-link {
	color: #CCC;
	font-weight: bold;
}

.contact-info {
	margin-bottom: 20px;	
}

.contact-info p {
	margin: 0 0 3px;
}

#footer .contact-info a:link,
#footer .contact-info a:visited,
#footer .contact-info a:hover,
#footer .contact-info a:focus,
#footer .contact-info a:active {
	color: #F6B412;
}

#footer .contact-info a:hover {
	border-bottom: 1px solid #F6B412;
	padding-bottom: 1px;
}

#footer-nav {
	float: left;
	width:650px;
	padding: 0;
}

#footer-nav ul {
	list-style: none;
}

#footer-nav li {
	border-right: 1px solid #545252;
	float: left;
	padding: 0 10px;
}

#footer-nav li.quick-links {
	border: none;
	color: #CCC;
	padding-left: 0;
	padding-right: 0;
}

#footer-nav li:last-child {
	border-right: none;
}

#footer-nav li a:link,
#footer-nav li a:visited,
#footer-nav li a:hover,
#footer-nav li a:focus,
#footer-nav li a:active {
	text-transform: lowercase;
}

#t-and-c {
	float: right;
	padding-right: 10px;
	text-align: right;
}

#t-and-c p {
	margin: 0 0 5px 0;
}

#t-and-c ul {
	list-style: none;
	float: right;
}

#t-and-c li {
	border-right: 1px solid #545252;
	float: left;
	padding: 0 15px;
}

#t-and-c li:last-child {
	border-right: none;
	padding-right: 0;
}

/*-----------------------------------------------------------------------------------------------
  Slimbox 
-----------------------------------------------------------------------------------------------*/

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(img/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(img/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(img/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(img/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}


/* @end */

/* @end */