@charset "UTF-8";

/*  CSS Styles */

/* ------------- Elements ----------------------------------------------------------------------------------------- */


/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { font-size: 75%; color: #333; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; margin: 0; padding: 0; position:relative; background:#f7f7f7 url(../images/branding_bg.jpg) repeat-x;  }

img { border:none; }

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 1.5em; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#F60; }
h2 { font-size: 1.5em; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#F60; margin:0 0 9px 0; }
h3 { font-size: 1.3em; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #F60; }
h4 { font-size: 1.2em; font-family: Helvetica, Arial, sans-serif; color: #F60; font-weight: bold; margin:0; }
h4 a { color: #F60; text-decoration:none; }
h5 { font: 1.3em Helvetica, Arial, sans-serif; color:#2C3E92;  margin:9px 0 0 0; }
h6 { font-size: 1.2em; font-family: Helvetica, Arial, sans-serif; font-weight: bold; margin:0; color:#454545; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img { margin: 0; }


/* Text elements
-------------------------------------------------------------- */

p           { padding:0 0 18px 0; margin:0; font: 1em/18px Helvetica, Arial, sans-serif; color:#333; }
a           { outline:none; }

/* Lists
-------------------------------------------------------------- */

ol { list-style-type:none; padding:0px; margin:0px; }
ul { list-style-type:none; padding:0px; margin:0px; }

blockquote { padding:0 0 0 9px; margin:0px; font: italic lighter 0.9em/16px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#333; }

cite { font: bold 0.7em Verdana, Geneva, sans-serif; line-height:1.4em; color:#2C3E92; padding:9px 0 0 0; margin:0 0 0 30px; display:inline-block; }

/* --------------Generic ID's and Classes ------------------------------------------------------------------------------------- */

/* Wrapper */

div#wrapper { position:relative; width: 980px; margin: 0 auto 0; overflow: hidden; }
div#wrapper_bottom { height:10px; width: 980px; background: url(../images/wrapper_bottom_shadow_bg.png) no-repeat; }

/* Container */

div#container { position:relative; width: 970px; margin:0 auto 0; padding-left:10px; overflow: hidden; background: url(../images/980-Container-bg-drop-shadow.png) }
.showgrid { background: url(../images/grid.png); }

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

div#branding { width:960px; height:127px; margin:0; padding:0; background-image:url(../images/branding_bg.jpg); }

div#blade_tip { height:18px; width:29px; position:absolute; top:127px; left:337px; z-index:10; background: url(../images/blade-tip.png) no-repeat; }

/* Navigation in Page Header and Page Head Links */

/* H1 Page Header - Home Page Link */

div#contact_box blockquote { width:177px; padding:0 0 9px 10px; font: italic lighter 0.8em/16px "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

h1#logo { margin:0; padding:0; }

h1#logo a { background: url(../images/logo.png) no-repeat; height: 127px; width: 394px; position: absolute; left: 4px; top: 1px; text-indent: -9999px; }

ul#login_etc { width:500px; position:absolute; left: 570px; top: 15px; }
ul#login_etc li { display:inline; float:left; color:#FFF; font-size: 1.1em; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding: 0 10px; border-right: 1px solid #FFF; }
ul#login_etc li.last  { border: none; }
ul#login_etc li a { color:#FFF; text-decoration:none; background:none; display:inline; }
ul#login_etc li a:hover { color:#F60; }

ul#social_links { width:500px; position:absolute; left: 570px; top: 55px; }
ul#social_links li { height:20px; display:inline; float:left; color:#FFF; font-size: 1em; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding: 0 12px 0 5px; }
ul#social_links li a { color:#FFF; text-decoration:none; background:none; display:inline; padding: 0 0 0 5px; }
ul#social_links li a img { float:left; margin:0 0 0 5px; }
ul#social_links li a:hover { color:#F60; }

div#nav { width:600px; height:28px; position:absolute; left: 371px; top: 99px; }
div#nav ul li { float:left; }
div#nav ul a { font: normal 1em "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform: uppercase; text-decoration:none; color: #FFF; text-shadow: 2px 0 0 #666; display:block; float:left; }
div#nav ul li a {  height:28px; width:120px; color:#FFF; background: url(../images/gk_nav_tab.png) no-repeat left bottom; text-align: center; line-height:2.5em; }

div#nav ul li a:hover { color:#F60; background: url(../images/gk_nav_tab.png) no-repeat left bottom; }
div#nav ul li a.current, div#nav li a.current:hover, div#nav li a.current :active { color:#2C3E92; background: url(../images/gk_nav_tab.png) no-repeat left top; text-shadow:none; font-size:1.1em; cursor:default; }

/* -------------------- Admin Section Nav --------------------------------------------------------------------------------------------*/

div#main_content.admin { margin:72px 0 40px 40px; background: url(../images/70pct_white_tile_bg.png) repeat; padding:20px; border: 1px solid #999; }

div#admin_nav { height:126px; }
div#admin_nav h4 { margin-bottom:36px; }
div#admin_nav h4 a { font-size: 1em; font-family: Helvetica, Arial, sans-serif; color: #F60; font-weight: bold; text-decoration:none; }
div#admin_nav ul li { float:left; list-style:none; padding-right:20px }
div#admin_nav ul a { font: normal 1em "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform: uppercase; text-decoration:none; }
div#admin_nav ul li a { color:#2C3E92; text-align:center; }

div#admin_nav ul li a:hover { color:#F60; }
div#admin_nav ul li a.current, div#admin_nav li a.current:hover, div#admin_nav li a.current :active { color:#F60; text-decoration:underline; font-size:1em; cursor:default; height:0; width:0; }


/* ----------------- Main Page Content - Generic ------------------------------------------------------------------------------------- */

div#main_content { padding-bottom:30px }

/* ----------------- Main Page Content - Home ------------------------------------------------------------------------------------- */

div#main_content.home { padding-bottom:40px }

div#feature_image { margin-top:27px }

div#contact_box { position:absolute; left: 741px; }

div#contact_us { margin-top:27px; }
div#contact_us a { width:190px; height:36px; display: block; background: url(../images/contact_us.png) no-repeat left top; }
div#contact_us a:hover { background: url(../images/contact_us.png) no-repeat left bottom; }

div#contact_us h3 { text-transform: uppercase; text-align:center; font-size: 1em; line-height: 3em; text-shadow: 2px 0 0 #666; }
div#contact_us h3 a { color: #FFF; text-decoration:none; }
div#contact_us h3 a:hover { color: #F60; }

p#contact_details { width:168px; margin-bottom: 9px; padding:10px; font:bold 1em/1.5em Arial, Helvetica, sans-serif; text-align:justify; color:#2C3E92; border: 1px solid #999; background-image:url(../images/70pct_white_tile_bg.png) } 
p#contact_details a { font-weight:bold; color: #F60; text-decoration:none; background:none;  }
p#contact_details a:hover { text-decoration:underline }

div#body_text { min-height:465px; }
div#body_text p { text-align: justify; }
div#body_text p a { color: #F60; text-decoration:none; }
div#body_text p a:hover{ text-decoration:underline; }

div#sector_categories h3 { text-indent:-9999px; }

div#box-1 { width:188px; float:left; padding-bottom:10px; border: 1px solid #999; background: url(../images/70pct_white_tile_bg.png) repeat; }
div#box-1 h3 { height:36px; width:190px; margin:0 0 10px 0; background: url(../images/energy-procurement.png) no-repeat; }

div#box-2 { width:188px; float:left; padding-bottom:10px; border: 1px solid #999; background: url(../images/70pct_white_tile_bg.png); }
div#box-2 h3 { height:36px; width:190px; margin:0 0 10px 0; background: url(../images/carbon-reduction.png) no-repeat; }

div#box-3 { width:188px; float:left; padding-bottom:10px; border: 1px solid #999; background: url(../images/70pct_white_tile_bg.png); }
div#box-3 h3 { height:36px; width:190px; margin:0 0 10px 0;  background: url(../images/energy-technology.png) no-repeat; }

p.category_text { padding-bottom:18px; font: 1.1em/1.5em Arial, Helvetica, sans-serif; color:#2C3E92; }

div#sector_categories { margin-left:10px; }
div#sector_categories ul li { margin-left:20px; }
div#sector_categories img { margin:0 0 10px 10px; }

div#job_categories { margin:-10px 0 10px 0; }
div#job_categories div { border: 1px solid #999; margin:10px 0 0 10px; padding:10px 0 10px 20px; }
div#job_categories div.white { padding:10px 0 10px 20px;  background: url(../images/70pct_white_tile_bg.png) repeat; }
div#job_categories div#specialise_box { width: 368px; min-height:203px; }
div#job_categories div#candidates_services_box { width: 168px;  min-height:200px;  margin:10px 30px 0 10px;  }

div#job_categories div h4 { margin:0 0 5px 0; }
div#job_categories div h4#services_hdr { margin:9px 0 5px 0; }

ul.section_lists li { font: 0.9em Arial, Helvetica, sans-serif; color: #333; padding:0 0 5px 20px; background: url(../images/orange_bullet.png) no-repeat 0 3px; }

div#featured_job { width:257px; min-height:110px; border: 1px solid #999; margin:20px 0 20px 0; padding:10px 0 10px 20px; }
div#featured_job ul { margin:0 0 9px; padding:0; }
div#featured_job ul li p { margin:0; padding:0; }
div#featured_job h4 a { color: #F60; text-decoration:none; }
div#featured_job h4 a:hover { text-decoration:underline; }
div#featured_job h5 { font: bold 1.1em Arial, Helvetica, sans-serif; color:#2C3E92; }

/* ----------------- Main Page Content - Clients Page ------------------------------------------------------------------------------------- */

h1#clients_header { margin:36px 0 9px 0; }

div#cv_send_client { margin:36px 0 18px 0; }
div#cv_send_client a { width:190px; height:36px; display: block; float:right; background: url(../images/contact_us.png) no-repeat left top; }
div#cv_send_client a:hover { background: url(../images/contact_us.png) no-repeat left bottom; }

div#cv_send_client h3 { margin:0; text-transform: uppercase; text-align:center; font-size: 1em; line-height: 3em; text-shadow: 2px 0 0 #666; }
div#cv_send_client h3 a { color: #FFF; text-decoration:none; }
div#cv_send_client h3 a:hover { color: #F60; }

div#client_quotes { margin:0 0 18px 0; }
div#client_quotes blockquote { margin: 0 0 9px 0; }

div#client_quotes h5 { margin:38px 0 18px 0; }

p#client_list_intro1 { margin:20px 0 10px 0; padding:0; font-weight:bold; }
p#client_list_intro2 { margin:0 0 10px 0; padding:0 0 0 10px; font-weight:bold; }

p#client_last_para { padding:36px 0 0 0; }


/* ----------------- Main Page Content - Market Page ------------------------------------------------------------------------------------- */

div#main_content.markets { margin:18px 0; }

div#main_content.markets p { font-size:0.9em; text-align: justify; }

div#main_content.markets h3 { height:26px; margin:10px 20px 20px 0; line-height:1.6; background-color:#DFDFDF; border-top: 1px solid #666; border-bottom: 1px solid #666; padding-left:10px; }

div#main_content.markets ul.section_lists { margin:0; }

h1#market_header { margin:18px 0 0 0; }

img.market_img { padding:9px; border: solid 1px #999; background-image:url(../images/70pct_white_tile_bg.png); }

div#cv_send_roles { width:190px; height:36px; position:absolute; top:60px; left:740px; }
div#cv_send_roles a { display: block; background: url(../images/contact_us.png) no-repeat left top; }
div#cv_send_roles a:hover { background: url(../images/contact_us.png) no-repeat left bottom; }

div#main_content.markets div#cv_send_roles h3 { margin:0; text-transform: uppercase; text-align:center; font-size: 1em; line-height: 3em; text-shadow: 2px 0 0 #666;  border:none; padding:0; }
div#main_content.markets div#cv_send_roles h3 a { color: #FFF; text-decoration:none; }
div#main_content.markets div#cv_send_roles h3 a:hover { color: #F60; }

/* ----------------- Main Page Content - Vacancies Page ------------------------------------------------------------------------------------- */

h1#vacancies_header { margin:36px 0 0 0; }

div#vacancies_text p { text-align:justify; }

div#cv_send { margin:0 0 0 10px; }
div#cv_send a { width:190px; height:36px; display: block; background: url(../images/contact_us.png) no-repeat left top; }
div#cv_send a:hover { background: url(../images/contact_us.png) no-repeat left bottom; }

div#cv_send h3 { margin:0; text-transform: uppercase; text-align:center; font-size: 1em; line-height: 3em; text-shadow: 2px 0 0 #666; }
div#cv_send h3 a { color: #FFF; text-decoration:none; }
div#cv_send h3 a:hover { color: #F60; }

div#vacancy_box { max-height:690px; overflow:scroll; margin:0 0 36px 0; padding:10px 0 10px 20px; border: 1px solid #999;  }
div#vacancy_box h4 { font-size: 1.1em; font-family: Helvetica, Arial, sans-serif; color: #444; font-weight: bold; margin:0; padding:0 0 0 10px; }
div#vacancy_box h4 a:hover { text-decoration:underline; }

div#vacancy_box p { margin:0 20px 0 0; padding:0 10px 0 10px; }


ul.vacancy_ref { height:26px; margin:10px 20px 10px 0; background-color:#DFDFDF; border-top: 1px solid #666; border-bottom: 1px solid #666; padding-left:10px; }
ul.vacancy_ref li { float:left; list-style:none; }

div#vacancy_box ul.vacancy_ref li h4 { font-size: 1em; line-height:2.3em; font-family: Helvetica, Arial, sans-serif; color: #333; font-weight: bold; margin:0; padding:0; }
ul.vacancy_ref li h5 { font-size: 1em; line-height:2.3em; font-family: Helvetica, Arial, sans-serif; color:#2C3E92;  margin:0 15px 0 5px; }

ul.vacancy_ref.ref_footer { background:none; border:none; margin:0 0 20px 0; }
div#vacancy_box ul.vacancy_ref.ref_footer li h4 { padding:0; color: #F60; }

ul.vacancy_title { height:26px; margin:10px 20px 10px 0; padding-left:10px; }
ul.vacancy_title li { float:left; list-style:none; }

div#vacancy_box ul.vacancy_title li h4 { font-size: 1.2em; line-height:2.1em; font-family: Helvetica, Arial, sans-serif; color: #F60; font-weight: bold; margin:0; padding:0; }
ul.vacancy_title li h5 { font-size: 1.2em; line-height:2.1em; font-family: Helvetica, Arial, sans-serif; color:#2C3E92; margin:0 15px 0 5px; font-weight: bold; }


/* ----------------- Main Page Content - Vacancy Application Page ------------------------------------------------------------------------------------- */

h4#job_title { margin:-18px 0 18px 0; } 
h4#job_title span#vacancy_title { font: bold 1.1em Helvetica, Arial, sans-serif; color:#2C3E92; margin:-18px 0 18px 0; }

form#emailContact p { margin:0; padding: 0; }

/* ----------------- Main Page Content - Candidates Page ------------------------------------------------------------------------------------- */

h1#terms_header { margin:36px 0 0 0; }

p.candidate_list-intro1 { margin:0 0 10px 0; padding:0; font-weight:bold; }
p.candidate_list-intro2 { margin:18px 0 10px 0; padding:0; font-weight:bold; }

div#cv_send_candidate { margin:0 0 36px 0; }
div#cv_send_candidate a { width:190px; height:36px; display: block; float:right; background: url(../images/contact_us.png) no-repeat left top; }
div#cv_send_candidate a:hover { background: url(../images/contact_us.png) no-repeat left bottom; }

div#cv_send_candidate h3 { margin:0; text-transform: uppercase; text-align:center; font-size: 1em; line-height: 3em; text-shadow: 2px 0 0 #666; }
div#cv_send_candidate h3 a { color: #FFF; text-decoration:none; }
div#cv_send_candidate h3 a:hover { color: #F60; }

p#gk_summary { margin-top:18px; }

img#handshake { padding:10px; margin-bottom:36px; border:solid 1px #999; background-image:url(../images/70pct_white_tile_bg.png) }

/* ----------------- Main Page Content - Contact Page ------------------------------------------------------------------------------------- */

div#main_content.contact { width:640px; margin:72px 0 40px 135px; background: url(../images/70pct_white_tile_bg.png) repeat; padding:20px; border: 1px solid #999; }

div#cv_send.send_contact { margin:0 20px 36px 0; }

div#contact_text { width:280px; height:320px; position:absolute; top:210px; left:540px; }

div#main_content h4#tel { margin:-18px 0 27px 0; } 

div#main_content p#confidence { color: #F60; font-style:italic; font-size:.9em; }

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

div#footer { height:50px; width:980px; margin-left:10px; }

h6#hd_link { float:left; margin:0; font-size:0.8em; font-weight: normal; }
h6#hd_link a img { float:left; }
h6#hd_link a { color:#222; text-decoration:none; background:none; display:inline; }
h6#hd_link a:hover { color:#e2166d; }

p#co_info { float:right; padding-right:20px; font: .8em/1.5em Arial, Helvetica, sans-serif; color:#222; text-align: right; }
p#co_info .bold { font-weight: bold; }

p#co_info:first-line  { color:#2C3E92; }



/* Column Positions and Contents */



/* ---------------------  Misc or Generic Classes ------------------------------------------------------------------------ */

.white { background: url(../images/70pct_white_tile_bg.png) repeat; }
.right { float:right; }
.left { float:left; }

.orange { color: #F60; }

div p a { color:#F60; text-decoration:none; }
div p a:hover { text-decoration:underline; }

.justify { text-align:justify; }

/* ---------------------  Forms ------------------------------------------------------------------------ */


/* 	grid.css */

/* A 960 px container groups all columns - rule in style.css. */

/* Columns
-------------------------------------------------------------- */

/* Grid floating and margin. */
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 
{ float: left; margin-right: 10px; }

/* The last column in a row needs this class. */
.last, div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1 {width: 30px;}
.span-2 {width: 70px;}
.span-3 {width: 110px;}
.span-4 {width: 150px;}
.span-5 {width: 190px;}
.span-6 {width: 230px;}
.span-7 {width: 270px;}
.span-8 {width: 310px;}
.span-9 {width: 350px;}
.span-10 {width: 390px;}
.span-11 {width: 430px;}
.span-12 {width: 470px;}
.span-13 {width: 510px;}
.span-14 {width: 550px;}
.span-15 {width: 590px;}
.span-16 {width: 630px;}
.span-17 {width: 670px;}
.span-18 {width: 710px;}
.span-19 {width: 750px;}
.span-20 {width: 790px;}
.span-21 {width: 830px;}
.span-22 {width: 870px;}
.span-23 {width: 910px;}
.span-24, div.span-24 { width:960px;}

/* Add to append empty cols. */
.append-1 { padding-right: 40px;}
.append-2 { padding-right: 80px;}
.append-3 { padding-right: 120px;}
.append-4 { padding-right: 160px;}
.append-5 { padding-right: 200px;}
.append-6 { padding-right: 240px;}
.append-7 { padding-right: 280px;}
.append-8 { padding-right: 320px;}
.append-9 { padding-right: 360px;}
.append-10 { padding-right: 400px;}
.append-11 { padding-right: 440px;}
.append-12 { padding-right: 480px;}
.append-13 { padding-right: 520px;}
.append-14 { padding-right: 560px;}
.append-15 { padding-right: 600px;}
.append-16 { padding-right: 640px;}
.append-17 { padding-right: 680px;}
.append-18 { padding-right: 720px;}
.append-19 { padding-right: 760px;}
.append-20 { padding-right: 800px;}
.append-21 { padding-right: 840px;}
.append-22 { padding-right: 880px;}
.append-23 { padding-right: 920px;}

/* Add to prepend empty cols. */
.prepend-1 { padding-left: 40px;}
.prepend-2 { padding-left: 80px;}
.prepend-3 { padding-left: 120px;}
.prepend-4 { padding-left: 160px;}
.prepend-5 { padding-left: 200px;}
.prepend-6 { padding-left: 240px;}
.prepend-7 { padding-left: 280px;}
.prepend-8 { padding-left: 320px;}
.prepend-9 { padding-left: 360px;}
.prepend-10 { padding-left: 400px;}
.prepend-11 { padding-left: 440px;}
.prepend-12 { padding-left: 480px;}
.prepend-13 { padding-left: 520px;}
.prepend-14 { padding-left: 560px;}
.prepend-15 { padding-left: 600px;}
.prepend-16 { padding-left: 640px;}
.prepend-17 { padding-left: 680px;}
.prepend-18 { padding-left: 720px;}
.prepend-19 { padding-left: 760px;}
.prepend-20 { padding-left: 800px;}
.prepend-21 { padding-left: 840px;}
.prepend-22 { padding-left: 880px;}
.prepend-23 { padding-left: 920px;}


/* Border on right hand side of a column. */
div.border { padding-right: 4px; margin-right: 5px; border-right: 1px solid #eee; }

/* Border with more whitespace, spans one column. */
div.colborder { padding-right: 24px; margin-right: 25px; border-right: 1px solid #eee; }


/* Push or pull columns. */
.pull-1 { margin-left: -40px; }
.pull-2 { margin-left: -80px; }
.pull-3 { margin-left: -120px; }
.pull-4 { margin-left: -160px; }
.pull-5 { margin-left: -200px; }
.pull-6 { margin-left: -240px; }
.pull-7 { margin-left: -280px; }
.pull-8 { margin-left: -320px; }
.pull-9 { margin-left: -360px; }
.pull-10 { margin-left: -400px; }
.pull-11 { margin-left: -440px; }
.pull-12 { margin-left: -480px; }
.pull-13 { margin-left: -520px; }
.pull-14 { margin-left: -560px; }
.pull-15 { margin-left: -600px; }
.pull-16 { margin-left: -640px; }
.pull-17 { margin-left: -680px; }
.pull-18 { margin-left: -720px; }
.pull-19 { margin-left: -760px; }
.pull-20 { margin-left: -800px; }
.pull-21 { margin-left: -840px; }
.pull-22 { margin-left: -880px; }
.pull-23 { margin-left: -920px; }
.pull-24 { margin-left: -960px; }

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float: left; position:relative;}


.push-1 { margin: 0 -40px 1.5em 40px; }
.push-2 { margin: 0 -80px 1.5em 80px; }
.push-3 { margin: 0 -120px 1.5em 120px; }
.push-4 { margin: 0 -160px 1.5em 160px; }
.push-5 { margin: 0 -200px 1.5em 200px; }
.push-6 { margin: 0 -240px 1.5em 240px; }
.push-7 { margin: 0 -280px 1.5em 280px; }
.push-8 { margin: 0 -320px 1.5em 320px; }
.push-9 { margin: 0 -360px 1.5em 360px; }
.push-10 { margin: 0 -400px 1.5em 400px; }
.push-11 { margin: 0 -440px 1.5em 440px; }
.push-12 { margin: 0 -480px 1.5em 480px; }
.push-13 { margin: 0 -520px 1.5em 520px; }
.push-14 { margin: 0 -560px 1.5em 560px; }
.push-15 { margin: 0 -600px 1.5em 600px; }
.push-16 { margin: 0 -640px 1.5em 640px; }
.push-17 { margin: 0 -680px 1.5em 680px; }
.push-18 { margin: 0 -720px 1.5em 720px; }
.push-19 { margin: 0 -760px 1.5em 760px; }
.push-20 { margin: 0 -800px 1.5em 800px; }
.push-21 { margin: 0 -840px 1.5em 840px; }
.push-22 { margin: 0 -880px 1.5em 880px; }
.push-23 { margin: 0 -920px 1.5em 920px; }
.push-24 { margin: 0 -960px 1.5em 960px; }

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float: right; position:relative;}


/* Misc classes and elements

/* Use this to create a horizontal ruler across a column. */
hr { background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: .1em; 
	 margin: 0 0 1.45em; border: none; }

hr.space { background: #fff; color: #fff; }


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after { content: "\0020"; display: block;  height: 0; clear: both; 
									visibility: hidden; overflow:hidden; }

.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }