/*
Theme Name: Double Elephant
Theme URI: http://double-elephant.co.uk
Author: Double Elephant
Author URI: http://double-elephant.co.uk
Description: Big Ideas
Version: 1.0
*/

/**
 * Table of Contents:
 *
 * -----------------------------------------------------------------------------
 */


/* #header {
 	height: 300px;
 	width: 100%;
 }

 #main {
 	background-position: bottom;
 	min-height: 300px;
 	width: 100%;
 }

 #footer {
 	height: 150px;
 	width: 100%;
 }*/

 html {
	
}

body {
	background: url('lib/assets/img/background.jpg') repeat-x top #dbdcda;
	color: #000000;
	font-family: 'din-regularregular', 'Helvetica', Arial, sans-serif;
	font-size: 18px;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	position: relative;	
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'din-boldbold', 'Helvetica', Arial, sans-serif;
	font-weight: normal;
}

.container {
	margin: 0 auto;
	width: 950px;
}

.clear {
	clear:both;
}

.half {
	float: left;
	width: 390px;
}

.half.first {
	margin-right: 50px;
}

h2 {
	font-size: 46px;
	letter-spacing: -2px;
	line-height: 1em;
}

h2 span {
	font-size: 43px;
}

.colour-gold {
	color: #796100;
	font-size: 19px;
}

.colour-silver {
	color: #565656;
	font-size: 19px;
}

.colour-bronze {
	color: #7e3800;
	font-size: 19px;
}

/*
---------------------------------------------------------------------------
-----------------------         Fonts etc         -------------------------
---------------------------------------------------------------------------
*/

a:link,
a:visited,
a:hover {
	text-decoration: none;
}


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


/* Slider */

#slider {
	height: 350px;
	padding: 0px 0 0 0;
	position: relative;
	z-index: 200;
}

#slider #slidewrap {
	float: left;
	height: 350px;
	overflow: hidden;
	position: relative;
	width: 722px;
}

#slider #slides {
	height: 550px;
	width: 3610px;
}

#slider a.slider-arrow {
	background: url('lib/assets/img/slider_arrows.png') no-repeat top left;
	display: block;
	float: left;
	height: 112px;
	margin-top: 120px;
	opacity: 0.5;
	width: 114px;

	transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

#slider a.slider-arrow:hover {
	opacity: 1;
}

#slider a.slider-arrow#right-arrow {
	background-position: -114px 0;
}

#slider .slide {
	float: left;
	text-align: center;
	position: absolute;
	left: 100%;
	width: 722px;
}

#slider .slide.first {
	padding-top: 90px;
}

#slider .slide.second {
	padding-top: 40px;
}

#slider .slide.third {
	padding-top: 40px;
}

#slider .slide.fourth {
	padding-top: 40px;
}

#slider .slide.fifth {
	padding-top: 40px;
}

#slider .slide.current-slide {
	display: block;
	left: 0%;
}

/* Navigation */

#navigation {
	background: url('lib/assets/img/bg_nav.png') repeat-x top;
	height: 56px;
	overflow: hidden;
	position: relative;
	z-index: 200;
}

#navigation ul {
	list-style: none;
	margin: 2px 0 0;
	padding: 0;
}

#navigation ul li {
	float: left;
}

#navigation ul li a {
	color: #FFF;
	display: block;
	font-size: 20px;
	padding: 14px 25.7px;
	text-align: center;
	
}

#navigation ul li a:hover,
#navigation ul li.current-menu-item a {
	background: #ec7e20;
}

/*
---------------------------------------------------------------------------
-----------------------            Main           -------------------------
---------------------------------------------------------------------------
*/

#main {
	/*height: 640px;*/
	overflow: hidden;
	padding: 30px 0px 0;
	position: relative;
	width: 920px;
	z-index: 200;
}

#main #pages {
	width: 4700px;
}

#main .page {
	margin-left: 20px;
	position: absolute;
	width: 920px;
}


#main .page .column-left,
#main .page .column-right {
	float: left;
	width: 445px;
}

#main .page .column-right {
	margin-left: 30px;
	width: 445px;
}

#main .page.current-page {
	display: block;
}

#main .page-title {
	margin-top: -40px;
}

#main .social-elements {
	margin-top: -10px;
	margin-bottom: 74px;
}

#main .social-elements .buttons {
	text-align: center;
}

#main .social-elements .buttons a {
	background-position: 0 75px;
	display: inline-block;
	height: 75px;
	width: 77px;
}

#main .social-elements .buttons a:hover {
	background-position: 0 0;
}

#main .social-elements .buttons a.social-contact {
	background-image: url('lib/assets/img/icon_mail.png');
}

#main .social-elements .buttons a.social-linkedin {
	background-image: url('lib/assets/img/icon_linkedin.png');
}

#main .social-elements .buttons a.social-fb {
	background-image: url('lib/assets/img/icon_facebook.png');
}

#main .social-elements .buttons a.social-twitter {
	background-image: url('lib/assets/img/icon_twitter.png');
}

#main .social-elements .buttons a.social-map {
	background-image: url('lib/assets/img/icon_maps.png');
}

#main .social-elements h2 {
	color: #fff;
	margin-top: 0px;
	padding-left: 0px;
	text-align: center;
}

#main .social-elements h2 a {
	color: #fff;
}

#main-footer {
	position: relative;
	padding: 0px 0 47px;
	z-index: 200;
}

#main-footer #form {
	background: #b6b6b6;
	margin-top: 59px;
	padding: 50px;
}

#main-footer #form h2 {
	color: #fff;
	font-size: 59px;
	margin-top: -80px;
	margin-bottom: 0px;
}

#main-footer #form p {
	color: #000;
	font-size: 24px;
}

#main-footer #form input[type="text"] {
	border: 2px solid #e5e7e9;
	border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #bfbfbf;
	font-size: 24px;
	padding: 8px;
	width: 100%;
}

#main-footer #form input[type="submit"] {
	background: url('lib/assets/img/bg_nav.png') repeat-x 0px -1px #ec7e20;
	border: 2px solid #fff;
	border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #fff;
	cursor: pointer;
	font-size: 36px;
	height: 60px;
	width: 80%;
}

#main-footer #form input[type="submit"]:hover {
	background: #ec7e20;
}

span.loader {
	background: url('lib/assets/img/ajax-loader.gif') no-repeat top;
	display: none;
	float: right;
	height: 16px;
	width: 16px;
}

#bottom-background {
	background: url('lib/assets/img/bg_main.jpg') repeat-x bottom;
	min-height: 100%;
	position: absolute;
	width: 100%;
	bottom: 300px;
}

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

#footer {
	background: #000;
	color: #fff;
	font-size: 14px;
	margin-top: 0px;
	min-height: 300px;
	width: 100%;
}

#footer .third {
	float: left;
	padding: 30px;
	width: 256px;
}

#footer .third:first-child {
	padding: 30px 30px 30px 0px;
}

#footer .third:last-child {
	padding: 30px 0px 30px 30px;
}

#footer .third h3 {
	font-size: 28px;
}

#footer .third ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#footer .third ul li {
	border-bottom: 1px solid #fff;
	padding: 10px 0;
}

#footer #footer-fb ul li {
	padding: 6px;
} 

#footer .third p {
	margin: 2px 0;
}

#footer .third p.handle {
	background: url(lib/assets/img/footer-twitter.png) no-repeat left;
	font-size: 24.6px;
	padding: 5px 0 5px 50px;
}

#footer .third p.handle a {
	color: #ff7f00;
}

/*
 = Shortcodes
 */

 .columns {
	width: 100%;
}

.columns .column {
	float: left;
	padding: 10px;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.columns .column.third {
	width: 33.33%;
}

.columns .column.twothird {
	width: 66.66%;
}

.columns .column.quarter {
	width: 25%;
}

.columns .column.half {
	width: 50%;
}

/*
---------------------------------------------------------------------------
-----------------------            CSS3           -------------------------
---------------------------------------------------------------------------
*/

.box-shadow {
	box-shadow: 0 1px 4px rgba(0,0,0,0.2);
	-o-box-shadow: 0 1px 4px rgba(0,0,0,0.2);
	-ms-box-shadow: 0 1px 4px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}

.text-shadow {
	text-shadow: 2px 2px 22px rgba(0,0,0,0.2);
}

.border-radius {
	border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-boder-radius: 10px;
	-webkit-border-radius: 10px;
}

#main-footer #form input[type="submit"],
a:link,
a:visited,
a:hover {
	transition: all 1s;
	-o-transition: all 1s;
	-ms-transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
}

#main .social-elements .buttons a {
	transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
}