/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
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,button {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol,ul {
list-style: none;
}
blockquote,q {
quotes: none;
}
blockquote:before,blockquote:after,
q:before,q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* @override http://sra.dev/css/uncompressed/typography.css */
/* -------------------------------------------------------------- 
typography.css
* Sets up some sensible default typography.
-------------------------------------------------------------- */
/* Default font settings */
body {
font-size: 12px;
color: #222;
background: #fff;
font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
}
/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
font-weight: normal;
color: #111;
font-family: HelveticaNeue-Light,'Helvetica Neue Light','Helvetica Neue',Arial,Helvetica,sans-serif;
}
h1 {
font-size: 24px;
line-height: 1.5;
margin-bottom: 18px;
color: #8dbd48;
}
/*h2 {
font-size: 24px;
margin-bottom: 18px;
}
*/
/*h2 {
font-size: 18px;
line-height: 1;
margin-bottom: 18px;
}
*/ 
h2 {
font-size: 14px;
line-height: 1.25;
margin-bottom: 18px;
text-transform: uppercase;
letter-spacing: 1px;
}
h3 {
font-size: 11px;
line-height: 1.25;
margin-bottom: 18px;
text-transform: uppercase;
letter-spacing: 1px;
}
/* h3 {
font-size: 18px;
line-height: 1;
margin-bottom: 18px;
}
*/
h4 {
font-size: 14px;
line-height: 1.25;
margin-bottom: 18px;
}
h5 {
font-size: 12px;
font-weight: bold;
margin-bottom: 18px;
}
h6 {
font-size: 12px;
font-weight: bold;
margin-bottom: 18px;
}
h1 img,h2 img,h3 img,
h4 img,h5 img,h6 img {
margin: 0;
}
/* Text elements
-------------------------------------------------------------- */
p {
margin: 0 0 18px;
line-height: 18px;
}
a:focus,
a:hover {
color: #8dbd48;
border-color: #8dbd48;
}
a:active {
position: relative;
top: 1px;
}
a {
color: #222;
text-decoration: none;
padding-bottom: 1px;
border-bottom: 1px dotted #666;
}
blockquote {
margin: 1.5em;
color: #666;
font-style: italic;
}
strong {
font-weight: bold;
}
em,dfn {
font-style: italic;
}
dfn {
font-weight: bold;
}
sup,sub {
line-height: 0;
font-size: 80%;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
}
address {
margin: 0 0 18px;
font-style: italic;
}
del {
color: #666;
}
pre {
margin: 18px 0;
white-space: pre;
}
pre,code,tt {
font: 1em 'andale mono','lucida console',monospace;
line-height: 1.5;
}
/* Lists
-------------------------------------------------------------- */
li ul,
li ol {
margin: 0 0 18px;
}
ul,ol {
margin: 0 0 18px;
line-height: 18px;
}
ul {
list-style-type: none;
}
ol {
list-style-type: none;
}
dl {
margin: 0 0 18px 0;
}
dl dt {
font-weight: bold;
}
dd {
margin-left: 18px;
}
/* Tables
-------------------------------------------------------------- */
table {
margin-bottom: 1.4em;
width: 100%;
}
th {
font-weight: bold;
}
thead th {
background: #c3d9ff;
}
th,td,caption {
padding: 4px 10px 4px 5px;
}
tr.even td {
background: #e5ecf9;
}
tfoot {
font-style: italic;
}
caption {
background: #eee;
}
/* vcards
-------------------------------------------------------------- */
#footer .vcard div,.copyright {
font-size: 10px;
margin-bottom: 18px;
}
.copyright {
font-size: 10px;
margin-bottom: 18px;
line-height: 18px;
}
/* other
-------------------------------------------------------------- */
.alt {
font-family: "Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif;
font-size: 1.2em;
line-height: 1%;
font-style: italic;
}
/* @override http://sra.dev/css/uncompressed/screen.css */
/* @group structure */
#nav,#content_wrapper,#footer {/*container_12*/
margin-left:auto;
margin-right: auto;
width: 960px;
}
#header {/*grid_12*/
display:inline;
float: left;
position: relative;
margin-left: 10px;
margin-right: 10px;
width: 940px;
}
#sra_logo {/*grid_6 alpha suffix_1*/
display:inline;
float: left;
position: relative;
margin-left: 0px;
margin-right: 10px;
padding-right: 80px;
width: 460px;
}
#fivepm_logo {/*grid_2*/
display:inline;
float: left;
position: relative;
margin-left: 10px;
margin-right: 10px;
width: 140px;
}
#business_seven {/*grid_3 omega*/
display:inline;
float: left;
position: relative;
margin-left: 10px;
margin-right: 0px;
width: 220px;
}
#main_content {/*grid_10*/
display:inline;
float: left;
position: relative;
margin-left: 10px;
margin-right: 10px;
width: 780px;
}
#intro {/*grid_7 alpha*/
display:inline;
float: left;
position: relative;
margin-left: 0px;
margin-right: 10px;
width: 540px;
}
#category_nav {/*grid_3 omega*/
display:inline;
float: left;
position: relative;
margin-left: 10px;
margin-right: 0px;
width: 220px;
}
#sponsors {/*grid_2*/
display:inline;
float: left;
position: relative;
margin-left: 10px;
margin-right: 10px;
width: 140px;
}
#category_section,#nominate_press {/*grid_12*/
display:inline;
float: left;
position: relative;
margin-left: 10px;
margin-right: 10px;
width: 940px;
}
.category {/*grid_2 alpha*/ 
display:inline;
float: left;
position: relative;
margin-left: 0px;
margin-right: 10px;
width: 140px;
}
.category_info {/*grid_10 omega*/
display:inline;
float: left;
position: relative;
margin-left: 10px;
margin-right: 0px;
width: 780px;
}
.winner {/*grid_10 omega alpha */
display:inline;
float: left;
position: relative;
margin-left: 0px;
margin-right: 0px;
width: 780px;
}
#nominate_form {/*grid 6 alpha*/
display:inline;
float: left;
position: relative;
margin-left: 0px;
margin-right: 10px;
width: 460px;
}
#fancybox-inner #nominate_form {
margin-right: 0px;
}
#fancybox-inner #press_pack {
margin-left: 0px;
}
#press_pack {/*grid 6 omega*/
display:inline;
float: left;
position: relative;
margin-left: 10px;
margin-right: 0px;
width: 460px;
}
#company_info {/* grid_6*/
display:inline;
float: left;
position: relative;
margin-left: 10px;
margin-right: 10px;
width: 460px;
}
#previous-years {/* grid_6*/
display:inline;
float: left;
position: relative;
margin-left: 10px;
margin-right: 10px;
width: 460px;
}
#mini_logo {/*grid_1 suffix_5 alpha omega*/
display:block;
}
#hcard-5pm-co-uk {/* grid_6 alpha omega*/
	display:inline;
	float: left;
	position: relative;
	margin-left: 0px;
	margin-right: 0px;
	width: 460px;
}
/* @end*/
body {
background: #000;
}
#wrapper {
background: #eee url(../../img/main_bg.png) repeat top left;
border-top: 36px solid #000;
}
#content_wrapper {
background: #fff;
border-top: 10px solid #fff;
border-bottom: 10px solid #fff;
padding-bottom: 18px;
margin-top: 0;
}
#top_bar {
background: #000;
}
#header {
margin-bottom: 18px;
}
#fivepm_logo {
background: #000;
}
.call_to_action {
margin-top: 36px;
text-align: center;
}
/* @group category_nav */
#category_nav {
background: #fff;
}
#category_nav h3 {
margin: 10px;
}
#category_nav ul {
background: #eee;
border: 1px solid #eee;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 10px
}
#category_nav ul li {
margin-bottom: 10px;
}
#category_nav ul li a {
color: #666;
}
/* @end */
h2#winners {
font-size: 36px;
line-height: 1;
margin-bottom: 18px;
color: #fff;
background: #333;
padding: 9px;
}
.category h2 {
text-transform: none;
font-size: 24px;
}
.category h2 a {
border: none;
}
.category h2 a:hover {
border: none;
color: #111;
}
#category_section {
margin-top: 36px;
background: #fff;
}
.category,.category_info {
margin-bottom: 18px;
}
.category li {
margin-bottom: 9px;
}
.category li a {
display: block;
text-align: center;
}
.winner {
background: #333 url(../../img/left-arrow.png) no-repeat top left;
}
.winner h2 {
color: #8dbd48;
padding-left: 80px;
padding-right: 20px;
padding-top: 10px;
}
.winner h2 span {
color: #fff;
}
.winner p {
color: #fff;
padding-left: 80px;
padding-right: 20px;
padding-top: 10px;
}
.nominated_restaurants {
font-size: 11px;
}
.winner_pic {
float: right;
margin: 10px 10px 10px 20px;
border: 1px solid #fff;
}
/* @group footer */
#footer_wrapper {
background: #000;
}
#footer {
background: #222;
padding: 18px 0;
margin-bottom: 36px;
color: #fff;
}
.copyright {
color: #fff;
display: inline;
}
#footer .vcard div {
display: inline;
color: #fff;
}
#footer_navigation ul {
list-style: none;
text-align: right;
}
#footer_navigation li a {
color: #fff;
text-decoration: none;
border: none;
}
#footer h3, #footer a{
	color: #fff;
}
/* @end */
#nominate_press {
background: transparent url(../../img/nominate_press_bg.png) repeat-y top center;
}
#nominate_form {
background: #8dbd48;
}
#nominate_form h3,#press_pack h3 {
color: #fff;
font-size: 18px;
margin-left: 20px;
margin-right: 20px;
margin-top: 20px;
border: none;
}
#nominate_form h3 a,#press_pack h3 a {
color: #fff;
border: none;
}
#nominate_form h3 a:active,#press_pack h3 a:active {
color: #fff;
border: none;
top: 0;
}
#nominate_form form {
margin-left: 20px;
margin-top: 20px;
margin-bottom: 20px;
}
#nominate_form label {
color: #fff;
}
#nominate_form input {
font-size: 18px;
margin-bottom: 10px;
border: 1px solid #fff;
-webkit-border-radius: 10px;
}
#press_pack {
background: #333;
}
#press_pack p {
margin-left: 20px;
margin-right: 20px;
color: #fff;
}
.download_pack {
color: #fff;
border: none;
font-size: 28px;
background: transparent url(../../img/download.png) no-repeat right center;
padding-right: 80px;
height: 70px;
display: block;
line-height: 70px;
text-align: right;
margin-right: 10px;
}
#download_pack:hover {
text-decoration: underline;
}
#download_pack:active {
top: 1px;
}
/* @group awsome buttons */
#nominate_your_rest,#nominate_your_rest:visited {
background: #91bd09 url(../../img/alert-overlay.png) repeat-x;
display: inline-block;
padding: 8px 14px 9px;
color: #fff;
text-decoration: none;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
font-size: 14px;
}
#nominate_your_rest:hover {
background-color: #749a02;
color: #fff;
}
#nominate_your_rest:active {
top: 1px;
}
#get_press_pack,#get_press_pack:visited,.button_nominate {
background: #a9014b url(../../img/alert-overlay.png) repeat-x;
display: inline-block;
padding: 8px 14px 9px;
color: #fff;
text-decoration: none;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
font-size: 14px;
}
#get_press_pack:hover,.button_nominate:hover {
background-color: #630030;
color: #fff;
}
#get_press_pack:active,.button_nominate:active {
top: 1px;
}
.category li a,.category li a:visited {
background: #91bd09 url(../../img/alert-overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
font-size: 11px;
}
.category li a:hover {
background-color: #749a02;
color: #fff;
}
.category li a:active {
top: 1px;
}
.category li.book_link a,.category li.book_link a:visited {
background: #a9014b url(../../img/alert-overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
font-size: 11px;
}
.category li.book_link a:hover {
background-color: #630030;
color: #fff;
}
.category li.book_link a:active {
top: 1px;
}

/*
.awesome,.awesome:visited {
background: #222 url(../../img/alert-overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
}
.awesome:hover {
background-color: #111;
color: #fff;
}
.awesome:active {
top: 1px;
}
.small.awesome,.small.awesome:visited,.small {
font-size: 11px;
}
.awesome,.awesome:visited,
.medium.awesome,.medium.awesome:visited,.medium {
font-size: 13px;
font-weight: bold;
line-height: 1;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
.large.awesome,.large.awesome:visited {
font-size: 14px;
padding: 8px 14px 9px;
}
.green.awesome,.green.awesome:visited {
background-color: #91bd09;
}
.green.awesome:hover {
background-color: #749a02;
}
.blue.awesome,.blue.awesome:visited {
background-color: #2daebf;
}
.blue.awesome:hover {
background-color: #007d9a;
}
.red.awesome,.red.awesome:visited {
background-color: #e33100;
}
.red.awesome:hover {
background-color: #872300;
}
.magenta.awesome,.magenta.awesome:visited {
background-color: #a9014b;
}
.magenta.awesome:hover {
background-color: #630030;
}
.orange.awesome,.orange.awesome:visited {
background-color: #ff5c00;
}
.orange.awesome:hover {
background-color: #d45500;
}
.yellow.awesome,.yellow.awesome:visited {
background-color: #ffb515;
}
.yellow.awesome:hover {
background-color: #fc9200;
}
*/
/* @end */
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */
.clearfix:after {
clear: both;
content: ' ';
display: block;
font-size: 0;
line-height: 0;
visibility: hidden;
width: 0;
height: 0;
}
/*
The following zoom:1 rule is specifically for IE6 + IE7.
Move to separate stylesheet if invalid CSS is a problem.
*/
* html .clearfix,
*:first-child+html .clearfix {
zoom: 1;
}
/* @group forms */
/* -------------------------------------------------------------- 
forms.css
* Sets up some default styling for forms
* Gives you classes to enhance your forms
Usage:* For text fields,use class .title or .text
-------------------------------------------------------------- */
label {
font-weight: bold;
}
fieldset {
padding: 1.4em;
margin: 0 0 1.5em 0;
border: 1px solid #ccc;
}
legend {
font-weight: bold;
font-size: 1.2em;
}
/* Form fields
-------------------------------------------------------------- */
input.text,input.title,
textarea,select {
margin: 0.5em 0;
border: 1px solid #bbb;
}
input.text:focus,input.title:focus,
textarea:focus,select:focus {
border: 1px solid #666;
}
input.text,
input.title {
width: 300px;
padding: 5px;
}
input.title {
font-size: 1.5em;
}
textarea {
width: 390px;
height: 250px;
padding: 5px;
}
/* Success,notice and error boxes
-------------------------------------------------------------- */
.error,
.notice,
.success {
padding: .8em;
margin-bottom: 1em;
border: 2px solid #ddd;
}
.error {
background: #FBE3E4;
color: #8a1f11;
border-color: #FBC2C4;
}
.notice {
background: #FFF6BF;
color: #514721;
border-color: #FFD324;
}
.success {
background: #E6EFC2;
color: #264409;
border-color: #C6D880;
}
.error a {
color: #8a1f11;
}
.notice a {
color: #514721;
}
.success a {
color: #264409;
}
/* @end */