/*
Theme Name: Beyond The Barriers
Theme URI: http://wordpress.org/
Description: Wordpress theme for Beyond The Barriers by <a href="http://www.bluegg.co.uk/kubrick/">Bluegg</a>.
Version: 1.0
Author: Paul Goodfield
Author URI: http://www.bluegg.co.uk/
*/

/* Reset page */

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, font, 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
{
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 vertical-align: baseline;
 background: transparent;
}
body
{
 line-height: 1;
}
#cardsNav ol, ul
{
 list-style: none;
}
blockquote, q
{
 quotes: none;
}
 
:focus
{
 outline: 0;
}
 
ins
{
 text-decoration: none;
}
del
{
 text-decoration: line-through;
}
 
table
{
 border-collapse: collapse;
 border-spacing: 0;
}

/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width:60px;
}

.container_12 .grid_2 {
	width:140px;
}

.container_12 .grid_3 {
	width:220px;
}

.container_12 .grid_4 {
	width:300px;
}

.container_12 .grid_5 {
	width:380px;
}

.container_12 .grid_6 {
	width:460px;
}

.container_12 .grid_7 {
	width:540px;
}

.container_12 .grid_8 {
	width:620px;
}

.container_12 .grid_9 {
	width:700px;
}

.container_12 .grid_10 {
	width:780px;
}

.container_12 .grid_11 {
	width:860px;
}

.container_12 .grid_12 {
	width:940px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left:80px;
}

.container_12 .prefix_2 {
	padding-left:160px;
}

.container_12 .prefix_3 {
	padding-left:240px;
}

.container_12 .prefix_4 {
	padding-left:320px;
}

.container_12 .prefix_5 {
	padding-left:400px;
}

.container_12 .prefix_6 {
	padding-left:480px;
}

.container_12 .prefix_7 {
	padding-left:560px;
}

.container_12 .prefix_8 {
	padding-left:640px;
}

.container_12 .prefix_9 {
	padding-left:720px;
}

.container_12 .prefix_10 {
	padding-left:800px;
}

.container_12 .prefix_11 {
	padding-left:880px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right:80px;
}

.container_12 .suffix_2 {
	padding-right:160px;
}

.container_12 .suffix_3 {
	padding-right:240px;
}

.container_12 .suffix_4 {
	padding-right:320px;
}

.container_12 .suffix_5 {
	padding-right:400px;
}

.container_12 .suffix_6 {
	padding-right:480px;
}

.container_12 .suffix_7 {
	padding-right:560px;
}

.container_12 .suffix_8 {
	padding-right:640px;
}

.container_12 .suffix_9 {
	padding-right:720px;
}

.container_12 .suffix_10 {
	padding-right:800px;
}

.container_12 .suffix_11 {
	padding-right:880px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left:80px;
}


.container_12 .push_2 {
	left:160px;
}

.container_12 .push_3 {
	left:240px;
}

.container_12 .push_4 {
	left:320px;
}

.container_12 .push_5 {
	left:400px;
}

.container_12 .push_6 {
	left:480px;
}

.container_12 .push_7 {
	left:560px;
}

.container_12 .push_8 {
	left:640px;
}

.container_12 .push_9 {
	left:720px;
}

.container_12 .push_10 {
	left:800px;
}

.container_12 .push_11 {
	left:880px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left:-80px;
}

.container_12 .pull_2 {
	left:-160px;
}

.container_12 .pull_3 {
	left:-240px;
}

.container_12 .pull_4 {
	left:-320px;
}

.container_12 .pull_5 {
	left:-400px;
}

.container_12 .pull_6 {
	left:-480px;
}

.container_12 .pull_7 {
	left:-560px;
}

.container_12 .pull_8 {
	left:-640px;
}

.container_12 .pull_9 {
	left:-720px;
}

.container_12 .pull_10 {
	left:-800px;
}

.container_12 .pull_11 {
	left:-880px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

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

body
{
	font: 13px/18px Arial, Helvetica, sans-serif normal;
	color: #fff;
	background-color:#302F2F;
}
a
{
	color: #fff;
	text-decoration: none;
}
a:hover
{
	color: #E82B7B;
	text-decoration: none;
}
p a
{
	color: #fff;
	text-decoration: underline;
}
#contentcontainer
{
	float:left;
	width:100%;
	background: #272727 url(images/background.png) repeat-x top center;
	padding-bottom: 20px;
}
#contentcontainer.noheader
{
	background-image: url(images/background_noheader.png);
}
.content a
{
	text-decoration:underline;
	color:#fff;
}
.content a:hover
{
	color:#E82B7B;
}
.content ul
{
	list-style-image:url(images/bullet.png);
	padding-left:15px;
	margin-bottom:15px;
}
.content ol
{
	padding-left:20px;
	margin-bottom:15px;
}
.content ul.list
{
	list-style-image:url(images/bullet.png);
	padding-left:15px;
	margin-bottom:15px;
}
.content ul li, .content ol li
{
	margin-bottom: 3px;
}
#home
{
	float:left;
	width:100%;
	background:#272727 url(images/backgroundhome.png) no-repeat top center;
}
#topBar
{
	height: 107px;
	border-bottom: 4px solid #ea2b7b;
}
#contentcontainer.noheader #topBar
{
	margin-bottom: 30px;
}

h1
{
	position: absolute;
	top: 21px;
	right: 0;
	width: 140px;
	height: 77px;
}
h1 a
{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/logo.png) no-repeat top left;
}
.imagessubpage img
{
	float:right;
	width:298px;
	height:187px;
	max-width: 298px;
	width: expression(this.width > 298 ? 187: true);
}
/* home page nav */

ul#mainNav
{ 
	float:left;
	margin:78px 0px 0px 0px;
}
#mainNav, #mainNav li
{
	float: left;
	position: relative;
	height: 29px;
}
#mainNav li
{
	margin-right:5px;
}
#mainNav li a
{
	padding: 0 10px;
	display: block;
	height: 29px;
	line-height: 29px;
	color:#fff;
	text-decoration:none; 
}
#mainNav li:hover, #mainNav li#active
{
	background: url(images/tab.gif) no-repeat top left;
}
#mainNav li:hover a, #mainNav li#active a
{
	background: url(images/tabendbg.gif) no-repeat top right;
}
#mainNav li ul li:hover, #mainNav li:hover ul li a, #mainNav li#active ul li a
{
	background-image:none;
}
#mainNav li ul
{
	padding-top: 4px;
}
#mainNav li ul li
{
	margin-right:0;
}
#mainNav li div
{
	visibility: hidden;
	position: absolute;
	top: 29px;
	padding-bottom: 4px;
	z-index: 1000;
}
#mainNav li div ul
{
	background-color: #EA2B7B;
}
#mainNav li div ul li
{
	float: none;
	height: 26px;
	background-image: none;
	border-top: 1px solid #D2266F;
}
#mainNav li div ul li.first
{
	border: 0;
}
#mainNav li div ul li a
{
	height: 26px;
	line-height: 26px;
	background-image: none;
	white-space: nowrap;
}
#mainNav li div ul li a:hover, #mainNav li#active div ul li a:hover
{
	background-color: #AD1F5C;
}
#mainNav li div ul li a.parent, #mainNav li#active a.parent
{
	padding-right: 18px;
	background: url(images/subnav-arrow.gif) no-repeat top right;
}
#mainNav li div ul li a.parent:hover, #mainNav li#active div ul li a.parent:hover
{
	padding-right: 18px;
	background: #AD1F5C url(images/subnav-arrow.gif) no-repeat bottom right;
}
#mainNav li img
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
}

#mainNav li div div
{
	top: -4px;
	left: 0;
}

#mainNav li .subsubnav ul
{
	background-color: #EE4D92;
}
#mainNav li .subsubnav ul li
{
	border-color: #DD4686;
}
#mainNav li .subsubnav ul li a.parent, #mainNav li#active .subsubnav ul li a.parent
{
	padding-right: 18px;
	background: url(images/subsubnav-arrow.gif) no-repeat top right;
}
#mainNav li .subsubsubnav ul
{
	background-color: #F277AB;
}
#mainNav li .subsubsubnav ul li
{
	border-color: #E15B95;
}
#mainNav li .subsubsubnav ul li a.parent
{
	padding-right: 18px;
	background: url(images/subsubsubnav-arrow.gif) no-repeat top right;
}

/* styles for the img slideshow on main page */

#header
{
	height: 258px;
}
#subheader
{
	float:left;
	width:960px;
	height:182px;
	margin-bottom:52px;
}
#content
{
	margin-top: 20px;
	margin-bottom: 40px;
}
#content p
{
	margin-bottom: 15px;
}
.post-header
{
	color:#E82B7B;
}

h2
{
	font-size: 25px;
	line-height: 30px;
	color: #fff;
	font-weight: normal;
	margin-bottom: 20px;
}
#side_bar
{
	margin-top: 60px;
}
.box
{
	float: right;
	width: 300px;
	background: #fff url(images/bullet-curve-top.gif) no-repeat top left;
	padding-top: 20px;
}
.box ul
{
	list-style-image:url(images/arrow.gif);
	background: #fff url(images/bullet-curve-bottom.gif) no-repeat bottom left;
	padding: 0 20px 15px 20px;
}
.box ul li
{
	font-size: 16px;
	margin-left: 20px;
	padding-bottom: 10px;
	color: #000;
}
.box a
{
	color: #000;
	text-decoration: none;
}
.box a:hover
{
	color: #E82B7B;
}
#homeBoxHolder
{
	clear: left;
	float: left;
	width: 960px;
	background: url(images/home_box_cols.gif) no-repeat top center;
}
#homeBoxHolder h3
{
	font-weight: normal;
	font-size: 15px;
	background-color: #575757;
	padding: 7px 15px;
}
#homeBoxHolder div div
{
	position: relative;
	padding: 15px;
	width: 190px;
	min-height: 100px;
	font-size: 18px;
	line-height: 23px;
}
#homeBoxHolder div img
{
	position: absolute;
	top: 0;
	left: 0;
}
#homeBoxHolder p
{
	margin: 0;
}
#homeBoxHolder a
{
	color: #fff;
	text-decoration: none;
}
#homeBoxHolder a:hover
{
	text-decoration: underline;
}

.content
{
	margin-bottom: 20px;
}
.content p
{
	margin-bottom: 15px;
}


#side-bar-top
{
	float:left;
	width:301px;
	height:8px;
	background:url(images/bullet-curve-top.gif) no-repeat top left;
}
.side-bar
{
	width:266px;
	background:#fff;
	color:#000;
}
#side-bar-bottom
{
	float:left;
	width:301px;
	height:8px;
	background:url(images/bullet-curve-bottom.gif) no-repeat top left;
}

/* who are we page */

.photothumb
{
	float:left;
	margin:0 0px 30px 0;
	border: 3px solid #fff;
}
.expertsHolder
{
	float: left;
}
.whoweare-contentbox
{
	float:left;
	width:349px;
	margin-bottom:30px;
}
.whoweare-contentbox h2
{
	float:right;
	width:220px;
	line-height:15px;
	font-size:25px;
	color:#fff;
	font-weight:normal;
}
.whoweare-contentbox p
{
	float:right;
	width:220px;
	color:#fff;
	font-size:12px;
}
#experts
{
	margin-top: 19px;
}
#experts h2
{
	font-size: 19px;
	line-height: 24px;
}


.articleHolder
{
	float: left;
	width: 100%;
	padding-bottom: 20px;
	border-bottom: 1px solid #4F4F4F;
	margin-bottom: 20px;
}
.newsfeed .date
{
	font-size: 11px;
	color:#fff;
	font-weight:normal;
}
.newsfeed h4
{
	color: #EC276E;
	font-size: 14px;
	line-height: 19px;
	margin-bottom: 7px;
}
.testimonial
{
	margin-bottom: 20px;
}
.testimonial p
{
	margin-bottom:10px;
}
.testimonial h4
{
	float:left;
	width:540px;
	color: #EC276E;
	font-size:14px;
	margin-bottom: 10px;
}
.newsfeed p
{
	margin-bottom: 10px;
}
.more-link
{
	color: #EC276E;
	text-decoration:none;
}

/* SIDE MENU */

.submenulist h3
{
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom: 1px solid #fff;
	margin-bottom: 10px;
}
.submenulist ul li
{
	padding-bottom: 5px;
	border-bottom: 1px solid #4a4a4a;
	margin-bottom: 5px;
}
.submenulist ul li a
{
	list-style-type:none;
	color:#fff;
	text-decoration:none;
	font-size:14px;
}
.submenulist ul li.subsub
{
	padding-bottom: 7px;
	margin-bottom: 5px;
	line-height: 16px;
}
.submenulist ul li.subsub a
{
	color: #999;
	font-size:12px;
}

.submenulist ul li.subsubsub
{
	line-height: 14px;
	padding-left: 10px;
}
.submenulist ul li.subsubsub a
{
	color: #ccc;
	font-size:11px;
}
.submenulist ul li a:hover
{
	color:#EC276E;
}

.submenulist h3 a:hover
{
	color:#EC276E;
	text-decoration:none;
}

.submenulist li a.active,.submenulist li.child a.active, .first, .submenulist a:hover
{
	color: #EC276E;
}

.marginleft
{
	margin-left:20px;
}
.rightalign
{
	float:right;
}

h4
{
	font-size: 15px;
	font-weight: bold;
	color: #EC276E;
	margin-bottom: 15px;
}

.grid_3 h4
{
	color:#fff;
	font-size:16px;
	font-weight:normal;
}
.grid_5 h4
{
	font-size:15px;
	font-weight:normal;
	color:#EC276E;
}
.grid_3 p
{
	margin-bottom:15px;
	color:#fff;
}
.date
{
	color:#fff;
	font-weight:bold;
	margin-bottom:10px;
}
.date-info
{
	color:#fff;
	margin-bottom:10px;
}
.author
{
	font-size: 11px;
	line-height: 15px;
	font-style: italic;
	color: #EC276E;
}

.sideImgs img
{
	border: 3px solid #fff;
	margin-bottom: 15px;
}

.sideImgs a img
{
	border: 0;
}
.sideImgs ol
{
	padding-left: 23px;
}

.sideImgs #anchors li
{
	margin-bottom: 15px;
}
.sideImgs #anchors a
{
	text-decoration: underline;
}

/* CONTACT */

#contactForm
{
	margin-top: 5px;
}
#contactForm h3
{
	font-size: 21px;
	font-weight: normal;
	line-height: 26px;
	margin-bottom: 15px;
}
#contactForm div
{
	float: left;
	width: 380px;
	margin-bottom: 5px;
}
#contactForm label
{
	float: left;
	display: block;
	width: 80px;
}
#contactForm input, #contactForm textarea
{
	width: 260px;
	padding: 5px;
	border: 0;
	background: #555 url(images/txtfld_bg.png) repeat-x top left;
	color: #fff;
}
#contactForm textarea
{
	height: 90px;
	font: 13px/18px Arial, Helvetica, sans-serif normal;
	overflow: auto;
}
#contactForm input#send
{
	position: relative;
	left: 288px;
	padding: 0;
	width: 62px;
	height: 31px;
	background-color: none;
	background-image: url(images/send_button.gif);
	font-weight: bold;
}
p.result
{
	width: 330px;
	padding: 10px;
	background-color: #EA2B7B;
	margin-bottom: 20px;
}

.sideBullets
{
	margin-bottom: 20px;
}
.sideBullets .holder
{
	position: relative;
	padding: 15px 15px 10px 15px;
	background: url(images/side_bullets_bg.png) no-repeat top left;
	color: #000;
	font-size: 11px;
	line-height: 16px;
}
.sideBullets .holder img
{
	margin-bottom: 0;
}
.sideBullets .base
{
	height: 5px;
	background: url(images/side_bullets_base.png) no-repeat bottom left;
}
.sideBullets p
{
	color: #000;
	margin-bottom: 10px;
}
.sideBullets .holder p:last-child
{
	margin-bottom: 0;
}
.sideBullets ul
{
	list-style-image: url(images/bullet.png);
	padding-left: 15px;
	color: #000;
}
.sideBullets li
{
	margin-bottom: 5px;
}
.sideBullets li a
{
	font-size: 14px;
}
.sideBullets span
{
	line-height: 19px;
}
.sideBullets a
{
	color: #E82B7B;
}

/* FOOTER */

div#footer
{
	float:left;
	width:100%;
	height: 50px;
	line-height: 50px;
	border-top: 1px solid #504F50;
	background:#302F2F;
}
#footer p
{
	margin-bottom: 0;
}
#phone
{
	font-size: 16px;
}
#legal
{
	position: absolute;
	top: 0;
	right: 0;
}
#footer a
{
	color: #ccc;
	text-decoration: none;
	margin-left: 10px;
}
#footer a:hover
{
	color: #fff;
}

.hidden
{
	display: none;
}

/* HOME BUTTONS ------------------------ */

.section-btn
{
	position: relative;
	display:block;
	width:300px;
	height:100px;
	margin-bottom:20px;
	cursor: pointer;
}
.section-btn span
{
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}
.section-btn:hover span
{
	background-position: bottom left;
}
#business-btn span
{
	background-image: url(images/home/business-btn.png);
}
#sport-btn span
{
	background-image: url(images/home/sport-btn.png);
}

/* BLOG COMMENTS --------------------------- */

#respond
{
	margin-top: 40px;
	border-top: 1px solid #4A4A4A;
	padding-top: 20px;
}
#respond h3
{
	font-size: 15px;
	margin-bottom: 15px;
}
#post-comments
{
	list-style: none;
	padding: 0;
}
#post-comments li
{
	position: relative;
	padding: 15px 20px;
	background-color: #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 10px;
	color: #333;
}
#post-comments li span
{
	position: absolute;
	top: 15px;
	right: 20px;
	font-size: 11px;
	color: #666;
}
#respond input[type=text]
{
	background-color: #4E4E4E;
	border: 0;
	padding: 3px 5px;
	color: #fff;
}
textarea#comment
{
	width: 530px;
	height: 150px;
	font: 13px/18px Arial, Helvetica, sans-serif normal;
	background-color: #4E4E4E;
	border: 0;
	padding: 3px 5px;
	color: #fff;
}