/* Crafted by Sam Thornton - CreativeNerds (UK) Ltd */
@import "css/foundation.css";
/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: LESS Variables
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/

/* -----------------------------------------
   LESS Variables
----------------------------------------- */
// SITE COLOURS - TO BE SET FIRST
@font-color: #000;
@link-colour: #fff;

/* MIXINS */
.ease {-webkit-transition:0.23s ease all;-moz-transition:0.23s ease all;-o-transition:0.23s ease all;transition:0.23s ease all;}

//.border-radius(20px)
.border-radius (@radius: 5px) {-webkit-border-radius: @radius;-moz-border-radius: @radius;border-radius: @radius;} 

//.border-radius-custom(20px, 20px, 0px, 0px);
.border-radius-custom (@topleft: 5px, @topright: 5px, @bottomleft: 5px, @bottomright: 5px) {-webkit-border-radius: @topleft @topright @bottomright @bottomleft;-moz-border-radius: @topleft @topright @bottomright @bottomleft;border-radius: @topleft @topright @bottomright @bottomleft;}

//.box-shadow(5px, 5px, 6px, 0.3);
.box-shadow (@x: 0px, @y: 3px, @blur: 5px, @alpha: 0.5) {-webkit-box-shadow: @x @y @blur rgba(0, 0, 0, @alpha); -moz-box-shadow: @x @y @blur rgba(0, 0, 0, @alpha); box-shadow: @x @y @blur rgba(0, 0, 0, @alpha);}

// .gradient(left, #663333, #333333);
.gradient (@origin: left, @start: #ffffff, @stop: #000000) {
	background-color: @start;
	background-image: -webkit-linear-gradient(@origin, @start, @stop);
	background-image: -moz-linear-gradient(@origin, @start, @stop);
	background-image: -o-linear-gradient(@origin, @start, @stop);
	background-image: -ms-linear-gradient(@origin, @start, @stop);
	background-image: linear-gradient(@origin, @start, @stop);
}

//.quick-gradient(top, 0.2); (define a background-color)
.quick-gradient (@origin: left, @alpha: 0.2) {
	background-image: -webkit-linear-gradient(@origin, rgba(0,0,0,0.0), rgba(0,0,0,@alpha));
	background-image: -moz-linear-gradient(@origin, rgba(0,0,0,0.0), rgba(0,0,0,@alpha));
	background-image: -o-linear-gradient(@origin, rgba(0,0,0,0.0), rgba(0,0,0,@alpha));
	background-image: -ms-linear-gradient(@origin, rgba(0,0,0,0.0), rgba(0,0,0,@alpha));
	background-image: linear-gradient(@origin, rgba(0,0,0,0.0), rgba(0,0,0,@alpha));
}

// Webkit Reflection .reflect(20%, 0.2);
.reflect (@length: 50%, @opacity: 0.2){
	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(@length, transparent), to(rgba(255,255,255,@opacity)));
}

 
/* -----------------------------------------
   CORE
----------------------------------------- */
body {background:url(../images/splash.png) no-repeat top center #000;}
.container{width:599px; height:326px;  margin:auto; margin-top:390px;}

/*-------------------------
FONT FAMILY - CN STANDARDS
---------------------------*/
@font-face {
 font-family: 'HelveticaBold'; src: url('../fonts/helr65w-webfont.eot'); src: url('../fonts/helr65w-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/helr65w-webfont.woff') format('woff'), url('../fonts/helr65w-webfont.ttf') format('truetype'), url('../fonts/helr65w-webfont.svg#HelveticaBold') format('svg'); font-weight: normal; font-style: normal; }

@font-face {
 font-family: 'HelveticaBold2'; src: url('../fonts/HelveticaNeueLTPro-Bd.eot'); src: url('../fonts/HelveticaNeueLTPro-Bd.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeueLTPro-Bd.woff') format('woff'), url('../fonts/HelveticaNeueLTPro-Bd.ttf') format('truetype'), url('../fonts/HelveticaNeueLTPro-Bd.svg#HelveticaBold') format('svg'); font-weight: normal; font-style: normal; }

@font-face {
 font-family: 'HelveticaRegular'; src: url('../fonts/helr45w-webfont.eot'); src: url('../fonts/helr45w-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/helr45w-webfont.woff') format('woff'), url('../fonts/helr45w-webfont.ttf') format('truetype'), url('../fonts/helr45w-webfont.svg#HelveticaRegular') format('svg'); font-weight: normal; font-style: normal; }

@font-face {
 font-family: 'DINRegular'; src: url('../fonts/ff_din_regular-webfont.eot'); src: url('../fonts/ff_din_regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ff_din_regular-webfont.woff') format('woff'), url('../fonts/ff_din_regular-webfont.ttf') format('truetype'), url('../fonts/ff_din_regular-webfont.svg#DINRegular') format('svg'); font-weight: normal; font-style: normal; }

@font-face {
 font-family: 'DINLightRegular'; src: url('../fonts/ff_din_light-webfont.eot'); src: url('../fonts/ff_din_light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ff_din_light-webfont.woff') format('woff'), url('../fonts/ff_din_light-webfont.ttf') format('truetype'), url('../fonts/ff_din_light-webfont.svg#DINLightRegular') format('svg'); font-weight: normal; font-style: normal; }

/* -----------------------------------------
   CORE
----------------------------------------- */


/* -----------------------------------------
   Navigation
----------------------------------------- */
nav#IDHERE {}
nav#IDHERE ul {} 
nav#IDHERE ul li {float:left;height:35px;line-height:35px;width:85px;}
nav#IDHERE ul li.current-menu-item {}
nav#IDHERE ul li:hover {} // What happens on a LI hover rather than a?
nav#IDHERE ul li a {}
nav#IDHERE ul li a:hover {}
nav#IDHERE ul li ul.sub-menu {}
nav#IDHERE ul li:hover ul.sub-menu {position:absolute;left:0;top:36px;width:110px;display:none;}
nav#IDHERE ul li:hover ul.sub-menu li{}
nav#IDHERE ul li:hover ul.sub-menu li:hover{}
nav#IDHERE ul li:hover ul.sub-menu li a{}
nav#IDHERE ul li:hover ul.sub-menu li a:hover{}





/* -----------------------------------------
   Shared Styles
----------------------------------------- */
.footer {width:500px; margin:auto; text-align:center; font-family:'DINRegular'; text-transform:uppercase; font-weight:bold; color:white;}
.copyright-section {color:white; font-weight:bold; font-family:'HelveticaBold';}
.footer a {color:white;}
.copyright-section a {color:white;}
.sprites { 

	margin-right:30px;
	float:left;
	margin-top:30px;
	margin-bottom:30px;
 } 
 
 .no-marg {margin-right:0px;}
 
 #abcholmes_03_png { 
    height               : 31px; 
    width                : 102px; 
    background-position  : -0px -0px; 
 } 
 
 #abcholmes_05_png { 
    height               : 31px; 
    width                : 95px; 
    background-position  : -102px -0px; 
 } 
 
 #abcholmes_07_png { 
    height               : 31px; 
    width                : 82px; 
    background-position  : -197px -0px; 
 } 


/* -----------------------------------------
   Page Name 1
----------------------------------------- */






/* -----------------------------------------
   Page Name 2
----------------------------------------- */