/*RESET - default 960 reset*/
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; font-weight: normal;}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}

/*BASIC TEXT*/
body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}
p, a, ul, li, h1, h2, h3, h4, h5, h6, div, ol, img { margin: 0; padding: 0; text-decoration: none; border: none; }
a:focus{outline:1px dotted}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
h1{ font-size: 30px ;}
h2{font-size:23px}
h3{font-size:21px}
h4{font-size:19px}
h5{font-size:17px}
h6{font-size:15px}
ol{list-style:decimal}
ul{list-style:disc}
li{margin-left:30px}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px; line-height: 1.5em; font-weight: normal; }

/*960 GRID*/
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px} .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}

/*MEKONTA STYLES*/
/*some global settings*/
.floated, .floated li { float: left; }
.floated-r { float: right; }
.no-bullet, .no-bullet li { list-style: none; margin: 0; padding: 0; }
a img { border: none; }
a { color: #a5a501; border-bottom: 1px dotted: #a5a501; }
a:hover { color: #50cad8; border-bottom: none; }
a.color2 { color: #50cad8; border-bottom: 1px dotted #50cad8; } /*blue*/
a.color2:hover { color: #a5a501; border-bottom: none; }
strong { font-weight: bold; }
em { font-style: italic; }
span.amp { font-family: 'Goudy Old Style', Times, Serif; font-style: italic; font-size: 1.2em; }

/*About Pages*/
#aboutplan { background: url(/img/core/thinking.png) no-repeat top right; background-position: 650px 220px; }
ol#theplan { font-size: 20px; }
#theplan li { border-bottom: 1px dotted #918888; padding-bottom: 10px; margin-top: 10px; padding-left: 10px; margin-left: -10px; }
ol#theplan p { font-size: 14px; }
#theplan #thinking p { margin-right: 300px; }
#theplan #planning { background: url(/img/core/planning.png) no-repeat;  background-position: 0 30px;  }
#theplan #planning p { margin-left: 250px; }
#theplan #designing { background: url(/img/core/designing.png) no-repeat; background-position: 20px 35px; }
#theplan #designing p { margin-left: 300px; }
#theplan #building { background: url(/img/core/building.png) no-repeat; background-position: 0 35px; }
#theplan #building p { margin-left: 200px; }
#theplan #testing { background: url(/img/core/testing.png) no-repeat; background-position: 690px 0; min-height: 245px; }
#theplan #testing p { margin-right: 260px; }
#theplan #marketing { background: url(/img/core/traffic.png) no-repeat; background-position: 0 35px; }
#theplan #marketing p { margin-left: 260px; }
#theplan #marketing h3 { margin-bottom: 60px; }
#theplan #continuing { background: url(/img/core/happy.png) no-repeat; background-position: 650px 0;  height: 300px; }
#theplan #continuing p { margin-right: 300px; }
#theplan-link { display: block; width: 378px; height: 310px; background: url(/img/core/7step-preview.png) no-repeat; text-indent: -9999px; outline: none; }
#theplan-link:hover { background-position: 0 -317px; }
#theplan-link:active { background-position: -2px -315px; }

/*site specific*/
html { border-top: 100px solid rgba(24,25,29,0.5); }
body { background: #000 url(http://www.mekonta.co.uk/assets/img-core/main-bg.gif) repeat; margin-top: -100px; position: relative; padding-top: 10px; color: #918888; }
p, li, h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, Lucidia, sans-serif; }
h1, h2, h3, h4 { color: #c3a945; }
#branding, nav { height: 100px; }
figure.logo { display: block; background: url(http://www.mekonta.co.uk/assets/img-core/mekonta.png) no-repeat; height: 73px; width: 229px; text-indent: -9999px; }
figure.logo a { display: block; height: 73px; width: 229px; outline: none;  }
nav { width: 960px; }
nav ul.grid_6 { height: 81px; width: 390px; }
nav ul li, nav ul li a { width: 130px; display: block; height: 81px; }
nav ul li a { text-indent: -9999px; outline: none; }
li#n_portfolio { width: 130px; margin-left: 70px; }
#n_portfolio a { width: 130px; background: url(http://www.mekonta.co.uk/assets/img-core/main-nav.png) no-repeat; outline: none; }
#n_portfolio a:hover { background-position: 0 -81px; }
li#n_about { width: 110px; margin-left: 10px;  }
#n_about a { width: 110px; background: url(http://www.mekonta.co.uk/assets/img-core/main-nav.png) no-repeat; background-position:  -140px 0; outline: none; }
#n_about a:hover { background-position: -140px -81px; }
li#n_contact { width: 125px; margin-left: 15px; }
#n_contact a { width: 125px; background: url(http://www.mekonta.co.uk/assets/img-core/main-nav.png) no-repeat -264px 0; outline: none; }
#n_contact a:hover { background-position: -264px -81px; }
#n_portfolio a:active { background-position: 0 -78px; }
#n_about a:active { background-position: -140px -78px; }
#n_contact a:active { background-position: -264px -78px; }

h1#home-intro { margin-left: 30px; color: #c3a945; font-size: 34px; }
h1#home-intro span { font-size: 38px; display: block; font-size: 58px; }
#home-lead { position: relative; background: url(http://www.mekonta.co.uk/assets/img-core/mphant.png) no-repeat 550px 20px; padding-top: 20px; }
#home-subhead { background: url(http://www.mekonta.co.uk/assets/img-core/home-subhead.png) no-repeat; text-indent: -9999px; height: 46px; margin-top: 20px; }
#home-section2 h3 { color: #c3a945; font-size: 24px; }
ol.home-sales { font-size: 24px; color: #c3a945; }
ol.home-sales li span { font-style: italic; color: #666; font-family: Georgia, Garamond, Times, Serif; display: block; }
hr.wide { height: 3px; background: url(http://www.mekonta.co.uk/assets/img-core/dashes.png) repeat-x; border: none; margin-left: -20px; margin-right: -20px; }
span#head-underline { position: absolute; top: 100px; display: block; background: url(http://www.mekonta.co.uk/assets/img-core/dashes.png) repeat-x; height: 3px; width: 100%; }/*must match same height as #branding, nav*/

/*Project overview*/
#project-feature { margin-bottom: 20px; position: relative; width: 960px; }
#project-feature h2 { font-size: 20px; color: #FFF; position: absolute; top: 40px; left: 20px; }
#project-feature h2.sit-right { left: 620px; text-align: right; }
.project-list img { height: 200px; width: 220px; background: #666; }
.project-list h3 { font-size: 12px; color: #918888; }

/*Project showcase*/
#project-showcase { margin-top: 20px; }
#project-meta strong { color: #c3a945; }
#project-image { margin-top: 20px; clear: left; }
blockquote { background: url(/img/core/quote-bg.png) no-repeat top left; }
#project-showcase p#testimonial { padding: 12px 12px 0 12px; font-size: 1.2em;   }
#project-showcase cite { margin-top: 0; display: block; margin-bottom: 12px; padding-bottom: 4px; color: #c3a945; border-bottom: 2px solid #333; }

/*wit and wisdom*/
#quote { background: url(http://www.mekonta.co.uk/assets/img-core/speechbubble.png) no-repeat; width: 577px; height: 502px; border: 1px dotted rgba(0,0,0,0); position: relative; margin-top: 30px; margin-bottom: 20px; }
#quote h3 { color: #d69898; font: 48px 'Cooper Black'; text-align: center; width: 450px; margin: 60px 0 0 60px; }
#quote h3 {  font-family: "bigfish-1","bigfish-2","cooper black",serif; }
#quote h3.sm { font-size: 40px; }
#quote #refresh { position: absolute; bottom: 50px; right: 80px; font: 36px 'cooper black'; color: #1a1b21; display: block; }
#quote #refresh  {  font-family: "bigfish-1","bigfish-2", "cooper black", serif; }
#quote #refresh:hover { color: #d69898; }
#quote #refresh:active { bottom: 46px; }
#wit-wisdom { margin-top: -8px; }
#wit-wisdom h2 { font-size: 28px; color: #5f6375; }
#recent-quotes h4 { font: 34px 'Cooper Black'; font-family: "bigfish-1", "bigfish-2", "cooper black", serif;  }
#recent-quotes p { font-family: "bad-dog-1","bad-dog-2", Helvetica, sans-serif; font-size: 1.6em; margin: 5px 0; }
#project-waw h4 a { display: block; height: 194px; width: 304px; background: url(http://www.mekonta.co.uk/assets/img-core/wit-wisdom_feature.png) no-repeat; text-indent: -9999px; outline: none; }
#project-waw h4 a:hover { background-position: 0 -210px; }
#project-waw h4 a:active { background-position: 0 -207px; }
#project-waw h5 { margin-top: 20px; font-size: 14px; }
#about-mb h2, #about-mb h4 { font-family: "bad-dog-1","bad-dog-2", Helvetica, serif; }
#about-mb h2 { font-size: 3em; }
#about-mb h4 { font-size: 1.8em; }

span.wide { display: block; height: 3px; background: url(http://www.mekonta.co.uk/assets/img-core/dashes.png) repeat-x; clear: both; margin-top: 20px; }
#footer { text-align: center; padding-top: 20px; clear: both; }
p.more-stuff { background: rgba(36,36,40,0.5); padding: 3px 0; width: 100%; text-align: center; color: #c3a945; margin-bottom: 0; }

/*CONTACT FORM*/
#contact { margin-top: 20px; clear: left; }
#contact_simple label { display : block; font-weight: bold; clear: left; margin: 10px 0; }
#contact_simple label span { display: block; float: left; width: 8em; font-size: 1.1em; }
#contact_simple input { width: 300px; padding: 4px; border: 1px solid #ccc; }
#contact_message { width: 420px; padding: 4px; border: 1px solid #ccc; }
#contact_simple input:focus, #contact_message:focus { border: 1px solid #50cad8; }
#contact_simple input.btn { float: right; clear: both; width: 6em; padding: 6px; background: #a5a501; color: #fff; font-size: 1.2em; cursor: pointer; }
#contact_simple input.btn:hover { background: #50cad8; }
p.contact-phone { font-size: 1.3em; color: #8aabca; }
#contact h2 { font-size: 1em; color: #918888; }
#contact h2 span { font-style: italic; }
.contact-aside h3 { margin-left: 40px; margin-top: 30px; text-align: center; }
/*Hello message*/
span.contact-message { display: block; margin: 20px 0 0 60px; background: url(http://www.mekonta.co.uk/assets/img-core/hello.png) no-repeat; padding-top: 220px; padding-left: 40px; }

/*GALLERY*/
.gallery h2 { color: rgba(255,236,139,0.1); margin-bottom: 0; margin-top: 12px; }
.gallery ul { margin-top: 0; border-top: 1px dotted rgba(255,236,139,0.1); border-bottom: 1px solid rgba(255,236,139,0.1); background: url(http://www.mekonta.co.uk/assets/img-core/mphant_sm.png) no-repeat bottom right; -webkit-background-size: 130px 100px; opacity: 0.2em; }
#gallery-list li { margin: 10px; display: block; }
#gallery-list li.grid_2:nth-child(6n+1) { margin-left: 0px; }
#gallery-list li:nth-child(6n+0) { margin-right: 0px; }
#gallery-list li { border: 4px solid rgba(53,50,50,0.5); -moz-border-radius: 5px; -webkit-border-radius: 5px; height: 132px; width: 132px; overflow: hidden; }
#gallery-list li:hover { border: 4px solid rgba(53,50,50,0.3); }
#gallery-list li img { -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/*BLOG*/
#blog img { float: left; margin: 0 10px 10px 0; }
.blog-post .date { font-size: 0.9em; display: block; padding-bottom: 12px; }
.blog-post p:first-letter { text-transform: uppercase; }
.blog-post h2 { margin-bottom: 0; }
.blog-post { clear: both; border-bottom: 1px dotted #666; float: left; padding: 12px 0; }
.blog-post p.signoff { clear: left; margin-top: 8px; border-top: 1px solid #333; padding: 4px 10px; border-left: 4px solid #a5a501; }
.blog-post ol li { margin-top: 18px; }
#blog-aside { margin-top: 20px; margin-bottom: 20px; }
#blog-aside li:nth-child(2n+1) { margin-right:6px; }
#blog-aside li:nth-child(2n+2) { margin-left: 6px; }
#blog-aside li { margin-top: 5px; margin-bottom: 5px; border: 2px solid #333; height: 140px; }
#blog-aside li:hover { border: 2px solid #a5a501; }
#blog-aside li:active { padding-top: 2px; margin-bottom: 3px; }
#blog-aside li span { float: right; font-size: 0.8em; }
#blog-aside h3 { margin-top: 10px; margin-bottom: 0; }
#blog-aside ul { margin-bottom: 10px; }
#blog-aside .blog-list li { margin-right: 0; margin-left: 0; height: auto; border: none; border-bottom: 1px dotted #666; padding-left: 3px; } 
#blog-aside .blog-list li:active { padding-top: 0; margin-bottom: 0; }
#blog-aside .blog-list li a:active { position: relative; top: -3px; left: -3px; }
#blog h1 a, #blog h2 a { -webkit-transition: all 0.12s ease-out; -moz-transition: all 0.12s ease-out; -o-transition: all 0.12s ease-out; }
#blog h1 a:hover, #blog h2 a:hover { position: relative; top: -3px; left: -3px; text-shadow: 1px 1px #c3a945, 2px 2px #c3a945, 3px 3px #c3a945, 4px 4px #c3a945; color: #FFF; }
#blog blockquote  { padding: 20px 30px 8px 20px; border-bottom: 2px solid #333; margin-bottom: 12px;  font-style: italic; margin-left: 20px; margin-right: 30px; }
/*COMMENTS*/
#blog-comments { margin-top: 12px; }
#blog-comments h3 { border-bottom: 1px solid #333; }
ul#comment-wrap { margin-bottom: 12px; }
ul#comment-wrap li { display: block; border-bottom: 1px solid #333; }
ul#comment-wrap li:hover { background: rgba(117,149,160,0.2); }
ul#comment-wrap li.mek-comment { background: rgba(166,166,106,0.2); border-bottom: 1px solid #a5a501; }
.comment-entry p { margin-top: 18px; }
#comment { padding : 4px; font-size: 14px; border: 2px solid #333; }
#comment:focus { border: 2px solid #50cad8; }
p.live-preview { padding: 6px; width: 400px; margin-top: 0; }
.button { height: 40px; background: #a5a501; border: none; color: #000; width: 80px; float: left; margin: 10px 10px 10px 0; }
.button:hover { background: #50cad8; color: #FFF; }
p.button { text-align: center; }
#blog-comments { margin-bottom: 12px; }
p.comment-meta span { margin: 10px 10px 0 10px; font-size: 16px; text-transform: capitalize; display: block; }
p.comment-meta span.comment-date { margin: 0 10px; font-size: 11px; display: block; }
p.comment-option { clear: left; margin: 4px 0; }
.comment-preview { border-top: 1px solid #333; background: url(/assets/img-core/mphant_sm.png) no-repeat bottom right; padding-bottom: 20px; min-height: 150px; }
.comment-preview h5 { margin: 0; }
#blog-comments blockquote  { border-bottom: none; margin-bottom: 0; margin-top: 12px; padding-bottom: 0; }
span.label { width: 60px; margin-right: 10px; display: inline-block;  }
span.note { margin-left: 10px; font-style: italic; }
/*CODA SLIDER*/
/*jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
Copyright (c) 2009 Niall Doherty
This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/
.coda-slider-wrapper { width: 540px; overflow: hidden; height: 390px; background: transparent; margin-bottom: 20px; }
.coda-slider { width: 285px; overflow: hidden; height: 390px; background: rgba(36,36,40,0.5); }
.coda-slider-no-js .coda-slider { height: 390px; }
.coda-slider, .coda-slider .panel { width: 495px; } 
.coda-nav-left a, .coda-nav-right a { background: transparent;  color: #a5a501; width: 20px; margin-top: 130px; outline: none;font-size: 30px; }
.panel-wrapper { position: relative; height: 390px; width: 495px; }/*height required in Safari for proper display on 1st frame*/
.panel-wrapper img { background: rgba(165,165,1,0.3); margin: 20px 20px 10px 20px; border: none;  }
.panel-wrapper span { display: block; height: 285px; overflow: hidden; }
.panel-wrapper p { margin: 0 25px 20px 25px; }
.coda-slider p.loading { padding: 20px; text-align: center }
.coda-slider-wrapper { clear: both; overflow: auto; }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }
.coda-nav-left, .coda-nav-right { float: left }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }

/*COLOURBOX*/
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(http://www.mekonta.co.uk/assets/img-core/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(http://www.mekonta.co.uk/assets/img-core/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(http://www.mekonta.co.uk/assets/img-core/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(http://www.mekonta.co.uk/assets/img-core/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(http://www.mekonta.co.uk/assets/img-core/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(http://www.mekonta.co.uk/assets/img-core/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(http://www.mekonta.co.uk/assets/img-core/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(http://www.mekonta.co.uk/assets/img-core/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(http://www.mekonta.co.uk/assets/img-core/border.png) 0 -29px repeat-x;}
    #cboxContent{background: url(http://www.mekonta.co.uk/assets/img-core/main-bg.gif) repeat;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(http://www.mekonta.co.uk/assets/img-core/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(http://www.mekonta.co.uk/assets/img-core/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(http://www.mekonta.co.uk/assets/img-core/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(http://www.mekonta.co.uk/assets/img-core/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(http://www.mekonta.co.uk/assets/img-core/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.mekonta.co.uk/assets/img-core/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.mekonta.co.uk/assets/img-core/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.mekonta.co.uk/assets/img-core/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.mekonta.co.uk/assets/img-core/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.mekonta.co.uk/assets/img-core/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.mekonta.co.uk/assets/img-core/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.mekonta.co.uk/assets/img-core/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.mekonta.co.uk/assets/img-core/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

/*404*/
.e404 { background: url(/assets/img-core/404.png) no-repeat; min-height:  }
.e404 img { margin: 400px 0 0 100px; }
.aside404 { margin-top: 50px; }