/* ================ TABLE OF CONTENTS ======================

1. BASE
	1.1. Typography
	1.2. Links
	1.3. Tables
2. HEADER
	2.1. H1 Logo Replacement
	2.2. Top Level Action Navigation
	2.3. Search Form
3. NAVIGATION
	3.1. Primary Navigation
	3.2. Secondary Navigation
	3.3. Footer Navigation
	3.4. Breadcrumbs
	3.5. Paging
4. FOOTER BLOCK
5. CONTENT
6. SIDEBAR COMPONENTS

/* =============== NOTES =======================*/


/* ================ CSS LAYOUT TEMPLATE ====================== */


/* ====================
COLOUR REFERENCE SHEET
-----------------------

Page Background: #ffffff;
Primary Font: #000000;
Secondary Font: #666666;
Primary Link: #0000FF;
Primary Link Hover: #0000FF;
Secondary Link: #FF0000;
Secondary Link Hover: #FF0000;

Borders, Headlines, etc, 

===================== */

@import url('reset.css');

/*=======================
~1. BASE
=========================*/
html {
	position:relative;
	height:100%;
}
body {
	background:url(../images/footer-repeat.gif) repeat;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	line-height:1.5;
	height:100%;
}
.header, .content, .footer {
	width:100%;
}
.header-inner,
.content-inner,
.footer-inner {
	width:980px;
	margin:0 auto;
	text-align:left;
	position:relative;
}
.header {
	min-height:130px;
	background:url(../images/head-repeat.gif) repeat-x;
}
.content {
	font-size:1em;
	background:url(../images/back.jpg) repeat;
	padding-top:20px;
}
.footer {
}
.content-inner {
	background:url(../images/inner-bg.jpg) 1px 0 repeat #fce775;
	min-height:525px;
}
.skipnav {
	position: absolute;
	top:0;
	left: -999px;
	display: block;
	padding: 10px 20px;
}
.skipnav:focus { 
	left: 0; 
}
.header-inner .nav {
	position:absolute;
	top:110px;
	width:980px;
	clear:both;
	background:url(../images/primary-back.png) no-repeat;
	min-height:40px;
}
/*-----------------------
~1.1. TYPOGRAPHY
-----------------------*/

@font-face {
	font-family: 'Museo700';
	src: url('../font/Museo700-Regular.eot');
	src: local('Museo 700'), local('Museo-700'), url('../font/Museo700-Regular.woff') format('woff'), url('../font/Museo700-Regular.otf') format('opentype'), url('../font/Museo700-Regular.svg#Museo-700') format('svg');
}

h1, h2, h3, h4 {
	margin-bottom: 10px;
	line-height:1em;
	font-family: 'Museo700', sans-serif;
}
h1 {
	font-size: 2.5em;
}
h2 {
	font-size:18px;
}
h3 {
	font-size:18px;
}		
h4 {
	font-size:1.2em;
	text-transform:uppercase;
}
p {
	padding-bottom: 1em;
	font-size:1.2em;
}
small {
	font-size:1em;
}
hr {
    border-top: 1px solid #cccccc;
}
blockquote {
	margin:10px;
	width:500px;
	background: url(../img/closequote.gif) no-repeat bottom right;
	font-size:1.2em;
	font-style:italic;
}
blockquote p:first-letter {
	padding:5px 2px 10px 35px;
	background: url(../img/openquote.gif) no-repeat left top;
}
blockquote p.author {
}
blockquote p.author:first-letter {
	background:none;
}
ol {
	font-size:1.2em;
}
ol ol {
	font-size:1em;
}
ul {
	margin-bottom:1em;
	font-size:1.2em;
}
ul ul {
	margin:0 15px;
	font-size:1em;
}
dl {
}
img {
}
img[align="right"] {
	float:right;
}
p img {
}
pre, code {
	font-size:1.3em;
}
pre code {
	font-size:1em;
}
ins {
	background:#ffff00;
}
abbr{
	border-bottom:1px dotted black;
}
.clear{
	clear:both;
}


/*-----------------------
~1.2. Links
-------------------------*/

a {
	text-decoration:none;
}
a:link {
}
a:active {
}
a:hover {
	text-decoration:underline;
}
a:visited {
}
a:focus {
}

/*-----------------------
~1.3. STANDARD TABLES
-----------------------*/
table {	
	margin:10px 0;
	border-bottom:1px solid #999;
	text-align:left;
}	
caption {
	padding:5px 10px;
	border-top:1px solid #999;
	background:#d7d7d7;
	font-size:1.4em;
	font-weight:bold;
	text-align:left;
}	
th {
	padding:5px 10px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	background:#f8f8f8;
}
tr {
}
td {
	padding:5px 10px;
}
/*=======================
~2. HEADER
=========================*/
.header h1 {
	margin-top:25px;
}
.header a.box {
	position:absolute;
	top:10px;
	right:0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:url(../images/arrow.gif) center 38px no-repeat #fff;
	color:#000;
	padding:10px 20px 25px;
	width:180px;
	line-height:1;
	text-align:center;
	cursor:pointer;
	display:block;
}
.header a.box:hover {
	text-decoration:none;
}
.header .box strong {
	font-size:15px;
}
.header .box span {
	font-size:13px;
}
/*-----------------------
~2.1. H1 Logo Replacement
-------------------------*/
.logo { 
	letter-spacing : -1000em;
} 
/* Just for Opera, but hide from MacIE */ 
/*\*/html>body .logo { 
	text-indent : -999em; 
	letter-spacing : normal; 
	overflow : hidden;
} 
/* End of hack */ 
h1.logo, h2.logo {
	float:left;
	border:none;
	background: url(../images/logo.png) top left no-repeat;
}
h2.logo {
	clear:left;
	background:url(../images/strap.png) top left no-repeat;
}
/* Set width & height to image dimensions */
h1.logo a, h2.logo a {
	display:block;
	width:232px;
	height:44px;
}
h2.logo a {
	width:353px;
	height:22px;
}
/*-----------------------
~2.2. Action Navigation
-------------------------*/

/*-----------------------
~2.3. Search Form
-------------------------*/

/*======================= 
~3. NAVIGATION
=========================*/

/*-----------------------
~3.1. Primary Navigation
-------------------------*/
.nav ul#primary {
	position:absolute;
	top:-22px;
	left:380px;
	width:670px;
	list-style:none;
}
.nav ul#primary li:first-child {
}
.nav ul#primary li {
	display:inline-block;
	width:120px;
	background:#fff;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	text-align:center;
	font-size:16px;
	min-height:50px;
	font-weight:bold;
	background-image:url(../images/nav.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
}
.nav ul#primary li.home {
	background-position:0 0;
}
.nav ul#primary li.home.current,
.nav ul#primary li.home:hover {
	background-position:0 -63px;
}
.nav ul#primary li.about {
	background-position:0 -126px;
}
.nav ul#primary li.about.current,
.nav ul#primary li.about:hover {
	background-position:0 -189px;
}
.nav ul#primary li.contact {
	background-position:0 -252px;
}
.nav ul#primary li.contact.current,
.nav ul#primary li.contact:hover {
	background-position:0 -315px;
}
.nav ul#primary li a {
	color:#000;
	display:block;
	padding:5px 10px 15px;
}
.nav ul#primary li a:hover {
	text-decoration:none;
}
/*-----------------------
~3.2. Secondary Navigation
-------------------------*/

/*-----------------------
~3.3. Footer Navigation
-------------------------*/
.footer .nav ul {
}
.footer .nav ul li {
}
.footer .nav ul li:first-child {
}
.footer .nav ul li a {
}
.footer .nav ul li a:hover {
}
/*======================= 
~4. FOOTER BLOCK
=========================*/
.footer p {
	padding:10px 20px;
	font-size:12px;
	color:#fff;
}
/*=======================
~5. CONTENT
=========================*/
.content {
	clear:both;
}
.content-inner .aside-home {
	padding-top:0 !important;
}
.content-inner .aside {
	position:relative;
	width:250px;
	padding:45px 20px 0 0;
}
.content-inner .aside-home .section {
	position:relative;
}
.section-wrap h2 {
	font-size:22px;
}
.content-inner .section-wrap-home .sec-bctoolkit,
.content-inner .section-wrap-home .sec-ackura,
.content-inner .section-wrap-home .sec-pressroom {
	position:relative;
	width:190px;
	padding:0 !important;
	margin:0 15px 0 0;
	display:inline-block;
}
.content-inner .aside h2,
.content-inner .aside-home .section h3 {
	display:inline-block;
	background:url(../images/heading-back.png) left top no-repeat;
	position:absolute;
	top:5px;
	left:-10px;
	padding:5px 10px 10px 30px;
}
.content-inner .aside .section h3 a,
.content-inner .section-wrap-home .section h3 a {
	display:block;
	text-indent:-9999px;
	margin-bottom:10px;
	height:42px;
}
.content-inner .aside .sec-bctoolkit h3,
.content-inner .section-wrap-home .sec-bctoolkit h3 {
	background: url(../images/logo-bctoolkit.png) bottom left no-repeat;
}
.content-inner .aside .sec-bctoolkit h3 a,
.content-inner .section-wrap-home .sec-bctoolkit h3 a {
	width:139px;
}
.content-inner .aside .sec-pressroom h3,
.content-inner .section-wrap-home .sec-pressroom h3 {
	background: url(../images/logo-pressroom.png) bottom left no-repeat;
}
.content-inner .aside .sec-pressroom h3 a,
.content-inner .section-wrap-home .sec-pressroom h3 a {
	width:183px;
}
.content-inner .aside .sec-ackura h3,
.content-inner .section-wrap-home .sec-ackura h3 {
	background: url(../images/logo-ackura.png) bottom left no-repeat;
}
.content-inner .aside .sec-ackura h3 a,
.content-inner .section-wrap-home .sec-ackura h3 a {
	width:127px;
}
.content-inner .aside .section.first {
	border-top:10px solid #ebd353;
	margin-left:0;
}
.content-inner .aside .section.last {
	border-bottom:10px solid #EBD353;
	padding-bottom:10px;
}
.content-inner .section-wrap-home .section .first {
	border:none;
	margin-left:0;
}
.content-inner .section-wrap-home .section .last {
	border:none;
	margin-right:0;
}
.content-inner .aside .section {
	clear:both;
	padding:5px 10px 0 20px;
	background-color:rgba(235, 211, 83, 0.5);
	border-right:10px solid #ebd353;
}
.content-inner .aside-home .section {
	background:none;
	border:none;
	padding-top:40px;
}
.content-inner .aside-home .section p {
	width:190px;
	font-size:14px;
	line-height:1.4;
}
a.btn {
	display:block;
	background: url(../images/button.png) top left no-repeat;
	font-size:14px;
	color:#fff;
	padding:5px 5px 6px;
	font-weight:bold;
	width:182px;
}
a.btn:hover {
	background: url(../images/button-hover.png) top left no-repeat;
	text-decoration:none;
	color:#000;
}
.content-inner .section-wrap {
	position:absolute;
	right:-20px;
	top:5px;
	width:653px;
	background:url(../images/body-right-v4.png) right bottom no-repeat;
	min-height:490px;
	padding-right:20px;
}
.content-inner .section-wrap-home {
	min-height:190px;
	top:auto;
	bottom:5px;
}
.content-inner .section-wrap .section {
	background-color:#ebd353;
	padding:10px 20px;
	min-height:461px;
}
.content-inner .section-wrap-home .section {
	min-height:150px;
	padding-bottom:15px;
	background:#ebd353;
}
.content-inner .section-wrap-home .section p {
	font-size:12px;
	line-height:1.2;
	min-height:60px;
}
.content-inner .section-wrap .section form label,
.content-inner .section-wrap .section form input {
	display:inline-block;
	width:120px;
	font-family: 'Museo700', sans-serif;
	font-size:16px;
	vertical-align:top;
	font-weight:bold;
}
.content-inner .section-wrap .section form input,
.content-inner .section-wrap .section form textarea {
	width:300px;
}
.content-inner .section-wrap .section form input#submit {
	background:url(../images/submit.png) no-repeat;
	color:#000;
	width:183px;
	height:32px;
	border:none;
	text-align:left;
	margin-left:120px;
	padding-left:10px;
	cursor:pointer;
}
.content-inner .slideshow div {
	position:absolute;
	top:5px;
	right:-21px;
	width:673px;
	min-height:270px;
}
.content-inner .slideshow .bctoolkit {
	background:url(../images/bctoolkit-v2.png) no-repeat;
}
.content-inner .slideshow p {
	color:#fff;
	display:inline-block;
	font-family: 'Museo700', sans-serif;
	font-size:24px;
	line-height:1.25;
	margin:95px 19px 0;
	width:330px;
	padding-bottom:20px;
}

a.more-info {
	display:inline-block;
	background:url(../images/more.png) no-repeat;
	width:152px;
	height:33px;
	padding:7px 0;
	text-align:center;
	font-size:20px;
	color:#fff;
	font-weight:bold;
	margin:0 10px;
}
a.getnow {
	display:inline-block;
	background:url(../images/get.png) no-repeat;
	width:152px;
	height:33px;
	padding:7px 0;
	text-align:center;
	font-size:20px;
	color:#000;
	font-weight:bold;
	margin:0 10px;
}
.content-inner h2.featured {
	font-size:30px;
	font-family: 'Museo700', sans-serif;
	border-bottom:1px solid #000;
	position:absolute;
	bottom:195px;
	right:0;
	padding-left:10px;
	width:643px;
}

/*=======================
~6. SIDEBAR COMPONENTS
=========================*/