/*
(c) Andy Higgs Design 2010, Jo Munson 2010, Michael Waterworth 2011
[w] http://andyhiggs.co.uk
[t] @aajhiggs
*/

html {background-color:#000;padding:8px 0;}
body {background: #FFF url(../img/header-bg-tile.gif) repeat-x 50% 0;font: 13px/1 "Trebuchet MS", Arial, Helvetica, sans-serif;}

noscript {padding:8px 16px;background:#C33;color:#FFF;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;clear:both;display:block;margin:1em;}

.page-note {margin: 0 auto;padding:16px 0;width:960px;color:#090;font-weight:bold;text-align:center;}

/* HEADER */

#header {height:136px;}
#header #branding {height:106px;overflow:hidden;zoom:1;}
#header #branding a#titles {display:block;float:left;width:500px;height:106px;}
#header #branding a#winner_star {display:block;float:left;width:170px;background:url(../img/npia-logo.png) no-repeat 100% 30%;text-indent:-9999px;text-align:left;height:106px;padding-top:28px;}
#header .page-title {color:#7cd9ff;font-size:18px;margin:0 0 20px;padding-top:28px;text-shadow: 0 1px 5px #000;}
#header .strap-line {color:#FFF;text-transform:uppercase;width:263px;height:10px;text-indent:-9999px;overflow:hidden;background:url(../img/header-strap-line.png) no-repeat 0 0;}
#header .content {width:960px;margin:0 auto;}
#header a {text-decoration:none;}
#header a .page-title {-webkit-transition:0.3s;-moz-transition:0.3s;}
#header a:hover .page-title {color:#FC0;}

/* NAVIGATION */

#navigation {overflow:hidden;zoom:1;height:30px;}
#navigation li {float:left;display:block;margin-right:5px;}
#navigation li a {float:left;display:block;padding:7px 14px 10px;background: #FFF url(../img/nav-button-bg-tile.jpg) repeat-x left bottom;color:#0A3555;text-decoration:none;-webkit-border-top-right-radius:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;}
#navigation li.this-page a {background:#d7e1eb;}
#navigation li.ratemyplacement a {background:#0da8db;color:#FFF;}

/* CONTENT */
#countdown { float:left; margin-bottom:32px;  }
#countdown h2 { float:right; width:500px; }
#countdown p { float:right; width:500px; }
#content {color:#0A3555;border-top:16px solid #d7e1eb;}
#content_primary {background: #dae4ee url(../img/light-blue-tile.jpg) repeat-x 50% 0;}
#content_secondary {}
#content .content {width:960px;margin:0 auto;overflow:hidden;zoom:1;padding:32px;}
.enter-tab #content .content {width:900px;}
#content a {color:#0A3555;}
#content p, #content ul, #content ol, #content dl {line-height:1.5;margin-bottom:1em;}
#content h2,
#content .section-title {font-size:18px;font-weight:bold;margin-bottom:0.75em;line-height:1.5;}
#content h3 {font-size:14px;font-weight:bold;margin-bottom:0.75em;margin-top:2em;line-height:1.5;}
#content h3.winner {font-size:16px;margin-top:1em;}
#content .featured {overflow:hidden;zoom:1;}
#content .featured h2 {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#content .featured img {display:block;margin:0 auto;}
#content #content_secondary .featured .col-3-1 {float:left;width:298px;}
#content .featured .col-3-1 a {display:block;text-decoration:none;}
#content .featured .col-3-1 a img.thumb-illustration {float:left; margin-right:12px;}
#content ul li {list-style:disc;margin-bottom:0.5em;margin-left: 20px;}
#content ol li {list-style:decimal;margin-bottom:0.5em;}
#content ul.sponsor-logos {overflow:hidden;zoom:1;clear:both;padding-top:12px;margin-bottom:0;position:relative;width:100%;}
#content ul.sponsor-logos li {list-style:none;padding:0;margin:0;}
#content ul.sponsor-logos li img {display:block;clear:both;padding:10px 0 0;}
.sponsored-by:after {
	content: ":";
}
#content ul.sponsor-logos li.first img{
	display: block;
	float: left;
	clear: none;
}
.finalist-bullets li {
	width: 270px;
	float: left;
}
#content ul.sponsor-logos li.first span{
	display: block;
	float: left;
	font-size: 18px;
	margin-top: 40px;
}
.contain{
	clear: both;
}

#content ul.sponsor-logos li.second {position:absolute;top:150px;left:0;}
#content ul.sponsor-logos li.last {position:absolute;top:20px;right:0;}
#content .section {
	position: relative;
	width: 640px;
	float: right;
	margin-left: 20px;
}
#content .divided {
	background:url(../img/embossed-horizontal-line.png) no-repeat 50% 0;
	padding-top:32px;

	zoom:1;
	margin-bottom:32px;
}
#content blockquote {padding:15px;overflow:hidden;zoom:1;margin:1em 0;font-style:italic;background:#FFF;border-radius: 15px;}
#content blockquote p{margin:0px;}
#content form {padding:16px 16px 0;background:#FFF;}
#content form .field,
#content form .buttons {padding:0 0 1em;clear:both;display:block;overflow:hidden;zoom:1;}
#content form .indented {padding-left:110px;}
#content form .field label {float:left;width:100px;margin-right:10px;}
#the-form2 div.field label { width:180px; }
.finalist-bullets{margin-left:20px;}
#content_secondary .featured div{
	background: #DAE4EE;
	border-radius: 10px;
	margin-left:10px;
	margin-right: 10px;
}
#content_secondary .featured div:hover{
	background: #bed1e4;
}
/* FOOTER */

#footer {background-color:#f2f2f2;}
#footer .content {width:960px;margin:0 auto;overflow:hidden;zoom:1;padding:20px 32px;color:#BBB;font-size:12px;background: url(../img/embossed-horizontal-line.png) no-repeat center top;}
#footer .content a {color:#BBB;text-decoration:none;-webkit-transition:0.3s;-moz-transition:0.3s;}
#footer .content a:hover,
#footer .content a:focus {color:#777;}
#footer .licence {float:left;width:760px;}
#footer .credit {float:right;text-align:right;width:200px;}
.eligible{
	width: 640px;
	float: right;
	margin-top: 40px;
}
.eligible a{
	text-decoration: none;
}
.eligible div{
	font-weight: bold;
	width: 170px;
	height: 110px;
	margin: 10px;
	padding: 70px 10px 10px 10px;
	list-style: none!important;
	background: url(../img/gold-square.png) top left no-repeat;
	float: left;
	border-radius: 13px;
	text-align: center;
}

.speech{
	font-style: italic;
	font-size: 12px;
}

.eligible div span{
	font-size: 15px;
	display: block;
	text-transform: uppercase;
}

.eligible div:hover{
	box-shadow: 0 0 7px grey;
}

.page-home p span{
	font-weight: bold;
}
#content ul.shortlist { float:left; margin-left:-25px; }
#content ul.shortlist li  {
	display: block;
	margin: 5px 5px 10px 26px;
	float: left;
	width: 180px;
	text-align:center;
	height:230px;
}
#content ul.shortlist li div { background:#FFF; border-radius: 7px;text-align: center; display:block;overflow:hidden;	height: 174px;	width: 180px;	overflow: hidden;	padding: 5px;
position:relative;
box-shadow: 0 0 5px #aaa; margin-bottom:8px;}
	

/* HOMEPAGE */
.contentright{
	float:right;
	width:630px;
}

.contentleft{
	float:left;
	width:280px;
	background:#FFF;
	border-radius:10px;
	padding:15px;
	clear: left;
	margin-bottom: 20px;
}
.contentleft h4{
	font-size: 18px;
	font-family: "Trebuchet MS", verdana, sans-serif;
}
.twitter{
	float:left;
	margin-top:30px;
}
.page-home #content_primary .content {padding-bottom:0;}
.page-home #content_secondary div.col-3-1 a {padding:16px;width:277px;overflow:hidden;zoom:1;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;}
.page-home #content_secondary h2 {text-align:center;}

#masthead_video_wrapper {float:left;width:100%;zoom:1;padding-bottom:64px;}
#masthead_video_wrapper .info {float:left;width:288px;margin-right:32px;line-height:1.5;}
#masthead_video_wrapper .info h2 {font-weight:bold;margin-bottom:1em;font-size:18px;}
#masthead_video_wrapper .info h3 {margin-bottom:1em;font-size:18px;font-weight:normal;}
#masthead_video_wrapper #masthead_video {float:left;width:576px;height:324px;text-align:center;outline:0;}
#masthead_video_wrapper #watch_the_awards_video {height:62px;width:262px;margin-left:-8px;}
#masthead_video_wrapper #watch_the_awards_video a {height:46px;width:192px;background:url(../img/button2.png) no-repeat 0 0;display:block;color:#FFF;}
#masthead_video_wrapper #watch_the_awards_video a:hover,
#masthead_video_wrapper #watch_the_awards_video a:focus {background-position:0 -61px;}

#masthead_video_wrapper #awards2011 {height:77px;width:262px;margin-left:-8px;}
#masthead_video_wrapper #awards2011 a {font-size:16px;height:59px;width:192px;background:url(../img/button2.png) no-repeat 0 0;display:block;color:#FFF;text-decoration:none;padding-left:68px;padding-top:22px;}
#masthead_video_wrapper #awards2011 a:hover, #masthead_video_wrapper #awards2011 a:focus {background-position:0 -81px;}
#masthead_video_wrapper #awards2012 { font-weight:bold; font-size:14px; }
#countdown img{float:left;padding-right:50px; padding-bottom:30px;}
#countdown h2{font-size:20px; float:left; padding-top:00px;}
#countdown p{font-size:35px; float:left;}

.contentleft{
	font-family: "Trebuchet MS", verdana, sans-serif;
	font-size: 18px;
}
#awards .col-3-1{
	float: left;
	width: 210px;
}

.contentleft img{
	display: block;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}

/* ABOUT */
.icon-links2 div.col-4-1 a {
	overflow:hidden;
	zoom:1;
}

.icon-links2 div.col-4-1{
	background:#FFF;
	display:block;
}

#content .featured .col-4-1 {
	float:left;
	width:178px;
	padding:16px;
}

#content .featured .col-4-1 a {
	display:block;
	text-decoration:none;
}

#content .featured .col-4-1 h4 {display:block;}
#content .featured .col-4-1 img {display:block;}

.top-half{padding-bottom:30px; overflow:hidden; zoom:1;}


.icon-links div.col-3-1 {
	float: left;
	width: 250px;
	margin: 10px;
	border-radius: 15px;
	height: 150px;
	background: #FFF;
	padding:15px;
}
.icon-links div.col-3-1:hover {
	box-shadow: 0px 0px 3px #000;
}
.icon-links2 h4 {font-weight:bold; font-size:12px;}
.icon-links2 a {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
/* MEDIA */

#content ul.photo-gallery {overflow:hidden;zoom:1;margin-left:-15px;}
#content ul.photo-gallery li {float:left; height:73px;overflow:hidden;width:109px;margin-left:15px;margin-bottom:15px;list-style:none;}
#content ul.photo-gallery li a {display:block;float:left;}

/* AWARDS PAGES */

#content dl.awards-list {display:block;overflow:hidden;zoom:1;width:100%;border-bottom:1px solid #FFF;margin-bottom:2em;margin-top:2em;clear:both;}
#content dl.awards-list dt {float:left;width:75%;display:block;margin-bottom:1em;border-top:1px solid #FFF;padding-top:1em;padding-right:3%;}
#content dl.awards-list dt strong,
#content dl.awards-list dt a {display:block;}
#content dl.awards-list dd {float:left;width:22%;clear:right;display:block;margin-bottom:1em;border-top:1px solid #FFF;padding-top:1em;text-align:right;color:#000;font-weight:bold;}
#content img.inline-winner-Logo {float:right;margin:0 0 8px 12px;border:8px solid #FFF;}
#content img.winner-photo {border:8px solid #FFF; margin:20px 0;}

#content .sponsor-logos {overflow:hidden;zoom:1;clear:both;margin-bottom:0;}
#content .sponsor-logos div {float:left;}
#content .sponsor-logos img {display:block;clear:both;margin-top:1em;}

table {width:100%;margin-top:1em;}
table th {padding:8px 6px;background:#0A3555;color:#FFF;font-weight:bold;}
table td{padding:6px;}
table tr.odd td {background:#FFF;}

.page-home .contentright p{
	font-size: 16px;
}
.page-home .contentright h2{
	font-size: 19px;
}

/* winners page */

.winnerbox {
	float: left;
	width: 280px;
	background: white;
	border-radius: 10px;
	text-align: center;
	padding: 10px;
	margin-top: 20px;
}

.content .section img.left-img {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-top: 4px;
}

#content .content .section h3.emp-title {
	margin-top: 1em;
}

.content .section p.quote-par {
	font-style:oblique;
}

#content .content .section h3.winners-title {
	margin-top:1em;
}

.content .section ul.winners-list {
	margin: 10px 0 10px 10px;
}

#content .content .section ul.winners-list li {
	list-style: none;
	margin: 0;
}

/* photos page */

.page-photos .gallery a {
    height: 100%;
    width: 192px;
    display: inline-block;
    position: static;
    vertical-align: middle !important;
    text-align: center;
    *display: inline;
    zoom: 1;
}

.page-photos .gallery a img div {
	height: 100%;
	width: 0;
	vertical-align: middle !important;
}

.photos-photo-album a img {
	vertical-align: middle !important;
}

.page-photos .gallery img{
	margin:10px;
        
}
.page-photos .gallery{
	width:960px;
	background:#FFF;
	border-radius:5px;
	padding: 10px;
}


/* 2011 Page */
#awards .col-3-1 .white {
	height: 130px;
	background: white;
	margin: 10px;
	border-radius: 10px;
	padding-top: 10px;
}

.award-winner-pic {
    margin-top: 10px;
}





.page-2011 .gallery img{
	margin:10px;
        
}
.page-2011 .gallery{
	width:960px;
	background:#FFF;
	border-radius:5px;
	padding: 10px;
}
#awards ul li:hover, #awards .col-3-1 .white:hover {
	box-shadow: 0 0 7px #999;
}
#awards ul li{
	list-style: none;
	font-weight: bold;
	font-size: 14px;
	line-height: 2em;
	background: white;
	margin: 8px;
	border-radius: 8px;
	padding: 5px;
	text-align: center;
}

/* SPONSORSHIP */

.sponsorship-page ul {padding-left:20px;}
.sponsorship-page h4{font-size:12px;font-weight:bold;line-height:1.5;margin-bottom:0.75em;margin-top:1em;margin-left:0px;}
.sponsorship-page .contentleft p{
	font-style: italic;
	font-size: 12px;
}

#sponsorship-form{
	overflow: overlay;
	border-radius: 5px;
}
#sponsorship-form img{
	float: right;
}
#sponsorship-form .form{
	float: left;
}

/* CONTACT PAGE */

.page-contact #content_primary .section{min-height:600px;}
.page-contact #content .section-meta img {margin-top:0;}
.page-contact #content .info {padding-top:32px;}
.page-contact #the-form {margin-bottom:20px; background-color: transparent;}

/* ENTER */

#winner_quote{margin-left:16px;}

.page-nominate #content h3{
	margin-bottom: 0.35em;
	margin-top: 1em;
}
			
/* CONTENT */

#content {min-height:620px; }
#content p, #content ul, #content ol, #content table {line-height:1.5;margin-bottom:1em;}
	

			
#content #page_intro {background:#0a3555;color:#FFF;font-size:21px;line-height:34px;padding:16px 16px 8px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;font-weight:500;margin-bottom:24px;}
#content #page_intro h1 {font-size:28px;margin-bottom:12px;}
#content #page_intro p {margin-bottom:0.5em;}
#content #page_intro a {color:#e6e9d8;}
#content #page_intro a:hover {color:#FFF;}
			
/* -- Services -- */
			
.services-page .service {overflow:hidden;zoom:1;position:relative;}
.services-page .service h2 {display:block;background:#0a3555;color:#FFF;text-decoration:none;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;padding:10px 16px;font-size:12px;letter-spacing:1pt;margin-bottom:16px;clear:both;font-weight:700;}
.services-page .action-box {clear:both;display:block;color:#FFF;text-decoration:none;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;padding:10px 16px;font-size:12px;letter-spacing:1pt;margin-bottom:16px;clear:both;font-weight:700;}
.service_list {width:230px;overflow:hidden;zoom:1;float:left;padding-bottom:16px;}
.service_list li {font-size:14px;margin-bottom:4px;padding-right:27px;}
.service_list li a {background: rgba(255,255,255,0) 12px 50% no-repeat;padding:4px 4px 4px 32px;text-decoration:none;display:block;-webkit-transition:0.4s;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px; 6px;outline:0;}
			.service_list li a:hover,
			.service_list li a:focus {background-color:rgba(255,255,255,0.4);color:#0A3555;}
			.service_list li a.this-service {background-color:rgba(255,255,255,1);color:#0a3555;cursor:default;}
			#services {width:650px;float:left;position:relative; min-height:1100px;}
			#services .service {overflow:hidden;zoom:1;padding-left:32px;width:662px;padding-bottom:32px;}
			#services .service img {position:absolute;left:16px;top:0;}
			#services .service .content {width:673px;float:right;min-height:261px;overflow:hidden;zoom:1;}
			#services .service .content p,
			#services .service .content ul,
			#services .service .content h3 {padding:0 16px;}
			#services .service .content h3 {margin-bottom:1em;font-size:14px;font-weight:700;}
			#services .service .content ul li {list-style:disc; margin-left:20px;}
			#services .content h2 {margin-left:20px; margin-top:-30px;}
			#services .heading {font-size:20px; margin-right:-23px;}
			.past-winners{float:left; overflow:hidden;zoom:1; width:673px; height:270px;}
			.past-winners img{float:left; padding-top:50px; width:257px; margin-left:-6px;}
			.js #services .service {top:5000px;position:absolute;height:1250px;}

			.white-box{padding:10px 16px 16px 16px; background-color:#ffffff; overflow:hidden;zoom:1;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;}
			
			#submit-application {height:62px;width:262px;margin-left:-8px;}
			#submit-application a {height:46px;width:192px;background:url(../img/watch-video-button.png) no-repeat 0 0;display:block;color:#FFF;text-decoration:none;padding-left:70px;padding-top:16px;}
			#submit-application a:hover, #watch_the_awards_video a:focus {background-position: 0 -61px;}
			.annotation {float:right; width:360px;}
			.annotation h4 {font-size:14px;font-weight:bold; margin-top:0;line-height:1.5}
			
			#sub_nav {overflow:hidden;zoom:1; height:80px; width:960px;}
			#sub_nav ul li {margin-right:20px;list-style:none; float:left;width:170px;background:#0a3555;color:#FFF;font-size:21px;line-height:34px;padding:8px 57px 8px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;font-weight:500;margin-bottom:24px;}
			#sub_nav ul li a{color:#fff; text-decoration:none;}
			#sub_nav ul li a:hover, #sub_nav ul li a:active{color:#fff; text-decoration:underline;}
			
			#content .extra-links {font-size:14px;overflow:hidden;zoom:1;float:left;padding-bottom:16px; margin-top:-956px;width:220px; }
			#content .extra-links li { list-style:none; float:left;width:130px;background:#0a3555;color:#FFF;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;font-weight:500; padding:8px 8px 8px; margin-left:0; padding:10px 32px;}
			#content .extra-links li a {text-decoration:none;color:#fff;}
			#content .extra-links li a:hover, .extra-links li a:active {text-decoration:underline;}

			#content #page_intro h1 {font-size:28px;margin-bottom:12px;}
			#content #page_intro p {margin-bottom:0.5em;}
			#content #page_intro a {color:#e6e9d8;}
			#content #page_intro a:hover {color:#FFF;}

/* -- Services -- */

.services-page .service {overflow:hidden;zoom:1;position:relative;}
.services-page .service h2 {display:block;background:#0a3555;color:#FFF;text-transform:uppercase;text-decoration:none;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;padding:10px 16px;font-size:12px;letter-spacing:1pt;margin-bottom:16px;clear:both;font-weight:700;}
.services-page .action-box {clear:both;display:block;color:#FFF;text-transform:uppercase;text-decoration:none;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;padding:10px 16px;font-size:12px;letter-spacing:1pt;margin-bottom:16px;clear:both;font-weight:700;}
.award-list {width:264px;overflow:hidden;zoom:1;float:left;padding-bottom:16px;}
.award-list li {font-size:14px;margin-bottom:4px;padding-right:27px;}
.award-list li a {background: rgba(255,255,255,0) 12px 50% no-repeat;padding:4px 4px 4px 32px;text-decoration:none;display:block;-webkit-transition:0.4s;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px; 6px;outline:0;}
.award-list li a:hover,
.award-list li a:focus {background-color:rgba(255,255,255,0.4);color:#0A3555;}
.award-list li a.this-service {background-color:rgba(255,255,255,1);color:#0a3555;cursor:default;}

#services {width:694px;float:left;position:relative;}
#services .service {overflow:hidden;zoom:1;padding-left:32px;width:662px;padding-bottom:32px;}
#services .service img {position:absolute;left:36px;top:0;}
#services .service .content {width:650px;float:right;min-height:261px;overflow:hidden;zoom:1;}
#services .service .content p,
#services .service .content ul,
#services .service .content h3 {padding:0 16px;}
#services .service .content h3 {margin-bottom:1em;font-size:14px;font-weight:700;}
#services .service .content ul li {list-style:disc; margin-left:20px;}

.award-wrapper{overflow:hidden;zoom:1;clear:both;}
#sub_nav{overflow:hidden; zoom:1; width:960px;}
#sub_nav ul li{list-style:none;float:left; width:185px;}
.sponsor-quote{line-height:1.5; padding:10px 0 10px 0;}

.js #services .service {top:900px;position:absolute;height:1400px;}
.js #services #best-pie, .js #services #a, .js #services #f{top:0;}
.js .service:first{z-index:200;}

#content .up-down-links a{color:#fff; text-decoration:none;}
#content .up-down-links a:hover, #content .up-down-links a:active{color:#fff; text-decoration:underline;}
.up-down-links{width:264px;overflow:hidden;zoom:1;float:left;padding-bottom:16px; margin-top:-760px;color:#ffffff;}
.up-down-links li{background:#0a3555;color:#FFF;text-transform:uppercase;text-decoration:none;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;padding:10px 32px;font-size:12px;letter-spacing:1pt;margin-bottom:16px;clear:both;font-weight:700; list-style:none; margin-right:26px;}	
			
.left-side{float:left;}
.right-side{float:right; width:300px;}

p.planning { font-size:16px; font-weight:bold; }

.submitentry{
	background: url(../img/submit-entry-here-over.png);
	display: block;
	width: 195px;
	height:36px;
	font-size: 0px;
	border-radius: 10px;
	margin: 7px;
}

.submitentry:hover{
	box-shadow: 0 0 7px grey;
}

.submitdetails{
	font-size: 11px;
	font-style: italic;
}

.page-nominate #content_secondary ul li{
	margin-left: 25px;
}