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;
	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;
}

hr {
margin: 0;
padding: 0;
}

b, strong { font-weight: bold; }

span span { display: none; }

/*=========================
LAYOUT
=========================*/
body { background: url(http://www.dontjustsurvive.co.uk/images/BG.jpg); }

#back_gradient {
background: url(http://www.dontjustsurvive.co.uk/images/BGGrad.png) no-repeat;
top:0;
left:0;
position:fixed;
width: 100%;
z-index: 1;
height: 450px;
}

#wrapper {
width: 940px;
margin: 30px 0 10px 40px;
float: left;
position: absolute;
z-index: 2;
}

#topbar {
width: 100%;
float: left;
}

#logo {
width: 235px;
height: 23px;
float:left;
margin: 0 20px 0 0;
}

#topbar_lower {
width: 100%;
float:left;
margin: 60px 0 11px 0;
}

#content {
width: 100%;
float:left;
}

#beta {
width:53px;
height:25px;
float:left;
margin: -3px 80px 0 0;
background: url(http://www.dontjustsurvive.co.uk/images/beta_rounded.png);
}

#upper_nav {
width: 386px;
float:right;
margin: 5px 0 0 0;
}

#upper_nav li {
float:left;
margin-right: 15px;
}

#upper_nav a { font-weight: bold; }

body#homepage a, body#homepage #upper_nav a#current { 
color: #66ffcc; 
text-decoration: none;
}

#upper_nav li.margin_right_0 { margin-right: 0; }

#secondary_nav {
width: 720px;
float:left;
margin: 0;
}

#secondary_nav li {
float:left;
width: 220px;
margin-right: 20px;
}

hr, .hr_grey {
height: 1px;
line-height: 1px;
color: #000;
background-color: #000;
width: 100%;
font-size: 0;
float:left;
margin: 0 0 5px 0;
border: 0;
}

.hr_grey {
color: #ccc;
background-color: #ccc;
}

.title_container {
width: 100%;
height: 65px;
float:left;
border-top: 3px solid #000;
padding: 5px 0 0 0;
}

.col_460, .col_220, .col_280, .col_640, .col_340, .col_700 {
float: left;
width: 460px;
margin: 0 20px 20px 0;
display:inline;
}

.col_460 {  margin: 0 20px 20px 0; }

.col_220 { 
width: 220px; 
height: 410px;
margin: 0 20px 20px 0;
}

.col_280 { width: 280px; }

.col_340 { width: 340px; }

.col_640 { width: 640px; }

.col_700 { width: 700px; }

.height_480 { height: 480px; }

.gradRuleTop, .gradRuleBottom {
width: 100%;
height: 6px;
float: left;
margin: 0 0 15px 0;
background: #000; 
}

.gradRuleBottom, body#homepage div.gradRuleBottom { 
height: 3px; 
margin: 0;
}

#advert {
width: 100%;
float: left;
padding: 0 0 15px 0;
margin: 0 0 5px 0;
}

#advert_text {
float: right;
text-align: right;
width: 150px;
}

#advert_image {
width: 700px;
height: 78px;
float:left;
}

ul.gallery {
float:left;
width: 285px;
margin: 0 0 15px 0;
}

ul.gallery li {
float:left;
width: 90px;
height: 90px;
overflow: hidden;
margin: 0 5px 5px 0;
cursor: pointer;
}

.pika_subdiv {
height: 170px;
width: 280px;
float:left;
margin: 0 0 2px 0;
}

.col_340 .pika_subdiv {
height: 260px;
width: 340px;
margin: 0 0 5px 0;
}

.pika_caption {
width: 100%;
height: 40px;
float:left;
}

ul#survival_gallery {
float:left;
width: 345px;
overflow:hidden;
margin: 0 0 15px 0;
}

ul#survival_gallery li {
float:left;
width: 168px;
height: 195px;
margin: 0 4px 5px 0;
cursor: pointer;
overflow: hidden;
font-size: 11px;
line-height: 13px;
}

.video_container {
float:left;
width: 340px;
margin: 0 0 15px 0;
}

#details, #photo_upload, .details {
width: 280px;
border-color: #aaa;
}

#details tr, .details tr { width: 280px; }

#details td, #photo_upload td, .details td {
padding: 5px 0;
width: 220px;
border-top: 1px solid #aaa;
}

#details td.cell_title, .details td.cell_title {
width: 45px;
margin: 0;
padding: 5px 5px 5px 0;
vertical-align: top;
}

#photo_upload td.photo_cell_title {
width: 50px;
padding: 5px 10px 5px 0;
vertical-align: middle;
color: #000;
}

#freshers {
width: 100%;
border-color: #aaa;
}

#freshers td, #freshers th {
padding: 5px;
text-align: left;
border: 1px solid #aaa;
}

#freshers td.cell_date {
color: #000;
width: 60px;
}

.image_container {
float:left;
width:220px;
height: 170px;
position: relative;
margin: 0 0 3px 0;
}

.image_container img, .image_overlay {
position: absolute;
left: 0;
top: 0;
z-index: 5;
}

.image_overlay {
z-index: 10;
width: 220px;
height:170px;
background: url(http://www.dontjustsurvive.co.uk/images/stripe_15b.png);
}

#map {
width: 218px;
height: 300px;
overflow:hidden;
border: 1px solid #aaa;
}

.cu_events_container {
float:left;
width: 280px;
border-bottom: 1px solid #aaa;
}

.cu_events_title_container {
float:left;
width: 280px;
padding: 5px 0 0 0;
margin: 5px 0 5px 0;
}

.cu_events_title {
float:left;
width: 200px;
font-weight: bold;
}

.cu_events_date {
float:right;
text-align: right;
width: 69px;
font-weight: bold;
}

#copyright {
color: #000;
}

.breadcrumbs {margin: 3px 0 0 0;}

.document_container {
float:left;
width: 340px;
margin: 15px 0 0 0;
}

a.document, a.document:visited  { 
padding: 5px 10px;
background: #999;
}

a.document:hover { background: #000; }

ul#comments_list {
float:left;
width: 340px;
}

ul#comments_list li {
width: 340px;
float:left;
border-bottom: 1px solid #aaa;
margin: 0 0 15px 0;
}

.comment_number {
float:left;
width: 60px;
}

.comment_text {
width: 280px;
float:right;
}

#comment_form {
width: 340px;
float:left;
}

#comment_form p { margin: 0 0 5px 0; }

#comment_form input, #comment_form textarea {
width: 260px;
border: 0;
background: #fdfdfd;
padding: 4px;
}

#comment_form textarea {
width: 332px;
height: 140px;
}

#comment_form input.notify_me {
width: 13px;
margin: 0 0 5px 0;
}

#comment_form input.submit {
width: 60px;
margin: 0 0 5px 0;
color:#fff;
background: #999;
cursor: pointer;
}

#comment_form input.submit:hover { background: #000; }

ul#archive, .categories_list {
float:left;
width: 220px;
margin: 0 0 30px 0;
}

ul#recent_comments_list li {
float:left;
width: 220px;
border-bottom: 1px solid #aaa;
margin: 0 0 10px 0;
}

ul#recent_comments_list li.last_list_item {
border: 0;
margin: 0 0 20px 0;
}

ul#recent_comments_list li img {
float:left;
width: 40px;
height: 32px;
margin: 0 10px 0 0;
}

ul#recent_comments_list li .recent_comments_text {
width: 170px;
float:right;
margin: -3px 0 0 0;
}

ul#recent_comments_list li p { margin: 0 0 2px 0; }

ul#recent_comments_list li p.photo_credits { margin: 0 0 10px 0; }

#search, #logged_in_search {
float:left;
width: 220px;
margin-top: 62px;
}

#logged_in_search { margin-top: 17px; }

#logged_in_search form p { margin: 0; }

.search_input {
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
margin: 0;
height: 17px;
width: 169px;
font-size: 14px;
padding: 6px;
border: 0;
float: left;
}

.search_submit {
cursor: pointer;
width: 39px;
height: 29px;
margin: 0;
border: 0;
padding: 0 0 0 15px;
text-indent: -9999px;
overflow: hidden;
color: #fef1a2;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
background: #fef1a2 url(http://www.dontjustsurvive.co.uk/images/search.png) center no-repeat;
}

.search_submit:hover { background-color: #888; }

span.up_arrow, span.down_arrow {
background: url(http://www.dontjustsurvive.co.uk/images/up_arrow.png);
width: 8px;
height: 10px;
display:block;
float:left;
margin: 1px 5px 0 0;
}

span.up_arrow span, span.down_arrow span, span.comment_bubble span, span.comment_bubble_small span {
display: none;
}

span.down_arrow {
background: url(http://www.dontjustsurvive.co.uk/images/down_arrow.png);
}

span.comment_bubble_small {
background: url(http://www.dontjustsurvive.co.uk/images/comment_bubble_small.png);
display:block;
width: 15px;
height: 14px;
float:left;
margin: 0 5px 0 0;
}

span.comments_bubble {
background: url(http://www.dontjustsurvive.co.uk/images/comment_bubble.png);
display:block;
width: 23px;
height: 19px;
color: #fff;
font-size: 11px;
font-weight: bold;
padding: 4px 0 0 1px;
text-align: center;
float:right;
}

.comments_title_container {
float:left;
width: 340px;
}

.comments_title_container h3 {
width: 300px;
float:left;
}

ul#church_directory_list {
float:left;
width: 700px;
margin: 5px 0 0 0;
}

ul#church_directory_list li {
float: left;
width: 700px;
border-bottom: 1px solid #aaa;
padding: 0 0 5px 0;
margin: 0 0 10px 0;
}

ul#church_directory_list li img {
width: 40px;
height:40px;
float:left;
margin: 0 10px 0 0;
}

ul#church_directory_list li .church_directory_lg_image img {
width: 220px;
height: 140px;
float:left;
margin: 0;
}

ul#church_directory_list li h3 {
padding: 0 0 4px 0;
}

.church_directory_list_info {
width: 650px;
float: left;
}

.church_directory_title {
float:left;
width: 600px;
}

.list_icons {
width: 79px;
float: right;
margin: 3px 0 0 0;
}

span.small_list {
float:left;
display:block;
height: 22px;
width: 22px;
margin: 0 5px 0 0;
overflow: hidden;
background: url(http://www.dontjustsurvive.co.uk/images/icon_sprite.png) -52px 0px;
}

span.medium_list {
float:left;
display:block;
height: 22px;
width: 22px;
margin: 0 5px 0 0;
background: url(http://www.dontjustsurvive.co.uk/images/icon_sprite.png) -76px 0px;
}

span.grid_list {
float:left;
display:block;
height: 22px;
width: 23px;
background: url(http://www.dontjustsurvive.co.uk/images/icon_sprite.png) -126px 0;
}

.list_icons span.small_list:hover, span#slist_selected { background-position: -52px -23px; }

.list_icons span.medium_list:hover, span#mlist_selected {background-position: -76px -23px; }

.list_icons span.grid_list:hover, span#glist_selected {background-position: -124px -23px; }

#quicksearch { 
float:left;
margin: 0 0 30px 0; 
width: 181px;
overflow: hidden;
}

label.qs_label {
margin: 0 0 5px 0;
float:left;
}

input.qs_input {
background: #fff;
border: 0;
padding: 6px;
width: 169px;
height: 17px;
float:left;
font-size: 14px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
}

.search_icon {
float:left;
margin: 20px 0 0 0;
}
.church_directory_list_map {
width: 220px;
height: 140px;
float:left;
overflow: hidden;
}

ul#church_directory_list li.church_dir_grid_entry, ul#church_directory_list li.church_dir_grid_entry_right {
float:left;
width: 169px;
height: 120px;
border: 0;
margin: 0 8px 8px 0;
position: relative;
padding: 0;
}

ul#church_directory_list li.church_dir_grid_entry_right { margin: 0 0 8px 0; }

ul#church_directory_list li.church_dir_grid_entry img, ul#church_directory_list li.church_dir_grid_entry_right img, .stripe_overlay, .green_overlay {
position: absolute;
top: 0;
left: 0;
width: 169px;
height: 120px;
z-index: 10;
margin:0;
}

ul#church_directory_list a.church_dir_grid_h3 {
position:absolute;
z-index: 50;
background: url(http://www.dontjustsurvive.co.uk/images/black_overlay.png);
padding: 5px;
font-size: 22px;
line-height: 22px;
font-weight: bold;
}

.stripe_overlay {
background: url(http://www.dontjustsurvive.co.uk/images/stripe_15b.png);
z-index: 20;
}

.green_overlay {
background: url(http://www.dontjustsurvive.co.uk/images/green_overlay.png) 0 0;
z-index: 30;
}

a.corner_arrow_link, a.corner_arrow_link:visited, a.corner_arrow_link:hover {
background: url(http://www.dontjustsurvive.co.uk/images/corner_arrow.png);
display:block;
width: 18px;
height: 18px;
bottom: 10px;
right: 5px;
z-index: 35;
position: absolute;
}

a.church_dir_grid_thumb, .blank {
display: block;
width: 169px;
height: 120px;
position: absolute;
top: 0;
left: 0;
z-index: 50;
cursor: default;
}

#mask {
position:absolute;
left:0;
top:0;
z-index:9000;
background-color:#000;
display:none;
}
  
.window {
position:absolute;
left:0;
top:0;
width:440px;
height:auto;
display:none;
z-index:9999;
padding:20px;
}

#log_in_dialog, #sign_up_dialog {
width: 350px; 
height: auto;
padding: 20px;
background: #eee;
background: -moz-linear-gradient(top, #eeeeee, #ffffff);
background-image: -webkit-gradient(linear,left top,right top,color-stop(0, #eeeeee),color-stop(1, #ffffff)); /* Safari & Chrome */
filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eeeeee', endColorstr='#ffffff'); /* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#eeeeee', endColorstr='#ffffff')"; /* IE8 */
}

#log_in_dialog .title_container, #sign_up_dialog .title_container {
border-top: 2px solid #000;
float:left;
}

#log_in_dialog .title_container h2, #sign_up_dialog .title_container h2 {
float:left;
width: 200px;
}

#log_in_dialog p, #sign_up_dialog p, body#homepage #log_in_dialog p, body#homepage #sign_up_dialog p  {
margin: 0 0 5px 0;
font-size: 18px;
line-height: 18px;
color: #000;
float: left;
}

#log_in_dialog .log_in_label, #sign_up_dialog .log_in_label {
width: 100px;
display:block;
float:left;
margin: 3px 0 0 0;
color: #000;
font-size: 18px;
line-height: 20px;
}

#log_in_dialog input, #sign_up_dialog input {
width: 242px;
border: 0;
background: #ccc;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 4px;
}

#log_in_dialog input.submit, #sign_up_dialog input.submit {
width: auto;
cursor: pointer;
background: #000;
color: #fff;
font-weight: bold;
margin: 0;
padding: 6px 10px;
}

#log_in_dialog input.submit:hover, #sign_up_dialog input.submit:hover { background: #888; }

#sign_up_dialog { width: 420px; }

#sign_up_dialog .log_in_label { width: 182px; }

#sign_up_dialog input { width: 230px; }

#sign_up_dialog input.radio {
width: 15px;
margin: 0 5px 0 -2px;
color: #000;
}

#sign_up_dialog input.submit { margin: 10px 0 0 0; }

body #sign_up_dialog p#terms {
foat:left;
margin: 0 0 15px 0 ;
width: 100%;
position:relative;
}

input#sign_up_terms {
width: 20px;
margin: 4px 5px 0 -3px;
float:left;
}

#sign_up_dialog .terms_link, body#homepage #sign_up_dialog .terms_link {
width: 200px;
color: #5aebbb;
text-decoration: underline;
}

.terms_link:hover, body#homepage .terms_link:hover { text-decoration: none; }

.radio_buttons {
color: #000;
font-size: 14px;
margin: 0;
position:relative;
width: 230px;
height: 60px;
float:left;
}

.radio_buttons label.error {
position:absolute;
bottom: 0;
width: 230px;
margin:0;
}

#prices {
margin: 5px 0 15px 0;
background: #fff;
border: 1px solid #ddd;
width: 420px;
float: right;
}

#prices td { 
padding: 7px 10px 7px 10px; 
font-size: 12px;
line-height: 14px;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
}

#prices th {
text-align: left;
padding: 7px 10px 7px 10px;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
}

#prices tr:nth-child(even) { background: #eee; }

#prices input {
width: 13px;
height: 13px;
}

#priceBreaks {
float: left;
width: 420px;
}

#otherDescription, #priceBreaks { display: none; }

.close_box, body#homepage .close_box, .close, body#homepage .close {
display: block;
float:right;
font-size: 16px;
color: red;
text-decoration: none;
}

label.error {
font-size: 12px;
width: 230px;
display:block;
background: #f0aeae;
margin: 2px 0 0 182px;
border: 1px solid red;
padding: 0 3px;
}

.result_message {
color: #333;
padding: 4px;
width: 412px;
}

.error { background: #f0aeae; }

.success { background: #a0fabc; }


.edit_profile_form .input_text, .edit_profile_form textarea{
border: none; 
background-color: #d6f5d3; 
padding: 2px 3px;
font-family: 'helvetica neue', helvetica, verdana, arial;
font-size: 12px;
margin: 0 0 2px 0;
}

.edit_profile_form textarea{
width: 334px;
max-width: 340px;
}

#network_submit, .accept {
border:0;
width: 20px;
height: 21px;
margin: 0 0 0 5px;
float:right;
background: url(http://www.dontjustsurvive.co.uk/images/icon_sprite.png) 0 -20px;
}

.form_action {
float:right;
margin: 2px 0 0 0; 
}

.form_action p { margin: 0; }

.edit_profile_form label.error {
font-size: 12px;
width: 210px;
color: #000;
display:block;
font-weight: normal;
background: #f0aeae;
margin: 0 0 4px 0px;
border: 1px solid red;
padding: 0 3px;
float:left;
text-align:left;
}

.cu_events_date label.error {
margin: 40px 0 0 -220px;
}

#edit_additional .form_action, #edit_description .form_action {
float:left;
margin: 0;
}

#edit_description { margin: 0 0 30px 0; }

#entryform .input_text, #entryform textarea{
border: none; 
background-color: #d6f5d3; 
padding: 2px 3px;
font-family: 'helvetica neue', helvetica, verdana, arial;
font-size: 12px;
margin: 0 0 2px 0;
}

#entryform textarea, textarea.textarea_events {
width: 274px;
max-width: 280px;
height: 150px;
}

textarea.textarea_freshers {
width: auto;
height: 70px;
}

#type_select, #region_select { width: 140px }

.event_date { 
width: 63px; 
float:right;
}

.new_event {
width: 280px;
position: relative;
float:left;
}

.event_date_new {
width: 63px;
position: absolute;
top:11px;
right:0
}

.event_title { width: 190px; }

.edit_profile_form .events_summary { height: 60px; }

.church_event_container, .new_event_entry { 
margin: 5px 0 10px 0;
padding: 0 0 10px 0;
border-top: 1px solid #000;
float:left;
}

.church_event_container {
margin: 5px 0 0px 0;
padding: 0 0 0px 0;
height: auto;
}

input#title {
border: none; 
background-color: #fff; 
padding: 4px;
font-family: 'helvetica neue', helvetica, verdana, arial;
font-size: 16px;
margin: 0 0 2px 0;
width: 190px;
}

#title_submit {
width: auto;
background: #777;
color: #fff;
margin: 0;
border: 0;
padding: 4px;
font-size: 14px;
cursor: pointer;
}

#title_submit:hover {
background: #000;
}

#new_profile_form {
width: 300px;
margin: 0 0 50px 0;
}

#new_profile_form label.error {
margin:2px 0 4px 0;
font-size: 14px;
padding: 2px;
width: 294px;
}

#photo_upload {
margin: 0 0 20px 0;
}

#photo_upload tr.no_border {
border: #fff;;
}

.edit_profile_key {
background: #dddddd;
margin: 15px 0 0 0;
padding: 5px;
float:left;
border-top: 1px solid #000;
}

#key_icons {
margin: 15px 0;
}

#key_icons td.label {
vertical-align: middle;
padding: 3px 6px;
width: 130px;
color: #000;
}

#accept_icon {
width: 20px;
height: 21px;
background: url(http://www.dontjustsurvive.co.uk/images/icon_sprite.png) 0 -20px;
}

#new_icon {
width: 20px;
height: 21px;
background: url(http://www.dontjustsurvive.co.uk/images/icon_sprite.png) 0 0;
}

p.black span{
background: #d6f5d3;
}

.upload_button {
height: 15px;	
width: 60px;
background: #666;
font-size: 12px;
color: #fff;
text-align: center;
padding: 3px 3px 5px 2px;
}

.upload_button.hover {
background: #000;
color: #fff;	
}

td.photo_preview {
vertical-align: middle;
}

td.photo_label {
vertical-align: top;
}

.calendar {
border: 1px solid #000;
}

.calendar .calnavleft, .calendar .calnavright, .calendar .calheading {
background: #ccc;
border:0;
border-bottom: 1px solid #fff;
color: #000;
}

.calendar .caldayheading {
background: #999;
padding: 3px 2px;
}

.calendar .calblanktop, .calendar .calblankbot, .calendar .caldaycells { background: #f2f2f2; }

.calendar .caldaycells {
background: #d6f5d3;
border: 1px solid #666;
}

.calendar .caldayselected {
background: #ACDDA7;
border: 1px solid #666;
color: #000;
}

#footer {
float: left;
width: 940px;
margin: 10px 0 0 0;
padding: 0;
z-index: 2000;
}

#footer .col_220 { 
height: auto; 
border: 0;
}

#footer p { font-weight: bold; }

.start_time, .start_time1 { width: 62px; }

.start_time2 { width: 70px; }

.meeting_row {
width: 100%;
float:left;
}

.times_1, .times_2, .times_3 {
height: auto;
float:left;
width: 100%;
border-top: 1px solid #ccc;
padding: 5px 0;
}

span.add_entry_button {
width: 20px;
height: 21px;
display: block;
margin: 0;
float:left;
background: url(http://www.dontjustsurvive.co.uk/images/icon_sprite.png) 0 0;
}

span.remove_entry_button {
width: 20px;
height: 21px;
display: block;
margin: 0 0 0 5px;
float:left;
background: url(http://www.dontjustsurvive.co.uk/images/icon_sprite.png) 0 -41px;
}

#associates {
width: 600px;
float: right;
text-align: right;
}

#associates li {float:right;}

h3#profileTitle, h3#churchProfileTitle {
float: left;
width: 717px;
}

#socialMediaIcons {
float: right;
width: 223px;
margin: 3px 0 0 0;
}

#socialMediaIcons li {
float: right;
margin: 0 0 0 10px;
}

#twitterIcon, #facebookIcon, #vimeoIcon, #youtubeIcon {
width: 52px;
height: 13px;
display: block;
margin: 0;
float:left;
background: url(http://www.dontjustsurvive.co.uk/images/icon_sprite.png) -152px 0;
}

#facebookIcon {
background-position: -206px 0;
width: 54px;
height: 14px;
}

#vimeoIcon {
background-position: -263px 0;
width: 37px;
height: 13px;
}

#youtubeIcon {
background-position: -151px -15px;
width: 40px;
height: 17px;
margin: -3px 0 0 0;
}


/*========= LIGHTBOX ========= */

div.pp_pic_holder .pp_bottom .pp_left, div.pp_pic_holder .pp_bottom .pp_middle, div.pp_pic_holder .pp_bottom .pp_right, div.pp_pic_holder .pp_top .pp_left, div.pp_pic_holder .pp_top .pp_middle, div.pp_pic_holder .pp_top .pp_right, div.pp_pic_holder .pp_content { background-color: #fff; }  
div.pp_pic_holder .pp_content a.pp_next:hover { background: url(/images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.pp_pic_holder .pp_content a.pp_previous:hover { background: url(/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.pp_pic_holder .pp_content a.pp_expand { background: url(/images/prettyPhoto/light_rounded/btnExpand.gif) top left no-repeat; cursor: pointer; } /* Expand button */
div.pp_pic_holder .pp_content a.pp_expand:hover { background: url(/images/prettyPhoto/light_rounded/btnExpand.gif) bottom left no-repeat; cursor: pointer; } /* Expand button hover */
div.pp_pic_holder .pp_content a.pp_contract { background: url(/images/prettyPhoto/light_rounded/btnContract.gif) top left no-repeat; cursor: pointer; } /* Contract button */
div.pp_pic_holder .pp_content a.pp_contract:hover { background: url(/images/prettyPhoto/light_rounded/btnContract.gif) bottom left no-repeat; cursor: pointer; } /* Contract button hover */
div.pp_pic_holder .pp_content a.pp_close { width: 31px; height: 22px; cursor: pointer; } /* Close button */
div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(/images/prettyPhoto/light_rounded/arrow_previous.png) top left no-repeat; } /* The previous arrow in the bottom nav */
div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(/images/prettyPhoto/light_rounded/arrow_next.png) top left no-repeat; } /* The next arrow in the bottom nav */
div.pp_pic_holder .pp_loaderIcon { background: url(/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
div.ppt div.ppt_left, div.ppt div.ppt_right, div.ppt div.ppt_content { 
background: #fff; 
background: #dddddd;
background: -moz-linear-gradient(top, #ffffff, #dddddd); 
background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#dddddd));
color: #333; font-weight: bold; 
}

div.pp_pic_holder a:focus {outline:none}
div.pp_overlay {background:#000;position:absolute;top:0;left:0;z-index:9500;width:100%}
div.pp_pic_holder {position:absolute;z-index:10000;width:100px}
div.pp_pic_holder .pp_top {position:relative;height:20px}
* html div.pp_pic_holder .pp_top {padding:0 20px}
div.pp_pic_holder .pp_top .pp_left {position:absolute;left:0;width:20px;height:20px}
div.pp_pic_holder .pp_top .pp_middle {position:absolute;left:20px;right:20px;height:20px}
* html div.pp_pic_holder .pp_top .pp_middle {position:static;left:0}
div.pp_pic_holder .pp_top .pp_right {position:absolute;top:0;left:auto;right:0;width:20px;height:20px}
div.pp_pic_holder .pp_content {position:relative;text-align:left;width:100%;height:40px}
div.pp_pic_holder .pp_content .pp_details {display:none;margin:10px 15px 2px 20px}
div.pp_pic_holder .pp_content .pp_details p.pp_description {display:none;float:left;margin:0}
div.pp_pic_holder .pp_content .pp_details .pp_nav {float:left;margin:3px 0 0 0}
div.pp_pic_holder .pp_content .pp_details .pp_nav p {float:left;margin:0 4px}
div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous,div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next {float:left;display:block;width:14px;height:15px;overflow:hidden;text-indent:-10000px;margin-top:3px}
div.pp_pic_holder .pp_content .pp_details .pp_nav a.disabled {background-position:0 -16px;cursor:default}
div.pp_pic_holder .pp_content div.hoverContainer {position:absolute;z-index:2000;top:0;left:0;width:100%}
div.pp_pic_holder .pp_content a.pp_next {display:block;float:right;text-indent:-10000px;width:49%;height:100%;background:url(/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat}
div.pp_pic_holder .pp_content a.pp_previous {display:block;float:left;text-indent:-10000px;width:49%;height:100%;background:url(/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat}
div.pp_pic_holder .pp_content a.pp_expand,div.pp_pic_holder .pp_content a.pp_contract {position:absolute;z-index:20000;top:10px;right:30px;cursor:pointer;display:none;text-indent:-10000px;width:20px;height:20px}
div.pp_pic_holder .pp_content a.pp_close {float:right;display:block; font-weight: bold;}
div.pp_pic_holder .pp_bottom {position:relative;height:20px}
* html div.pp_pic_holder .pp_bottom {padding:0 20px}
div.pp_pic_holder .pp_bottom .pp_left {position:absolute;left:0;width:20px;height:20px}
div.pp_pic_holder .pp_bottom .pp_middle {position:absolute;left:20px;right:20px;height:20px}
* html div.pp_pic_holder .pp_bottom .pp_middle {position:static;left:0}
div.pp_pic_holder .pp_bottom .pp_right {position:absolute;top:0;left:auto;right:0;width:20px;height:20px}
div.pp_pic_holder .pp_loaderIcon {display:none;position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px;width:24px;height:24px}
div.pp_pic_holder #full_res {width:100%;text-align:center}
div.pp_pic_holder #full_res {display:block;margin:0 auto}
div.ppt {display:none;position:absolute;top:0;left:0;z-index:9999;color:#fff;font-size:13px}
div.ppt div.ppt_left,div.ppt div.ppt_right {float:left;width:19px;height:23px;overflow:hidden}
div.ppt div.ppt_content {float:left;line-height:23px}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix {display:inline-block}
* html .clearfix {height:1%}
.clearfix {display:block}


/*==== HOMEPAGE ====*/

body#homepage { background: url(http://www.dontjustsurvive.co.uk/images/homeBG.jpg); }

body#homepage #back_gradient { background: url(http://www.dontjustsurvive.co.uk/images/homeBGGrad.png) no-repeat; }

body#homepage p, body#homepage h1, body#homepage h3, body#homepage #secondary_nav a, body#homepage #upper_nav a { color: #fff; }

body#homepage a:hover, body#homepage #upper_nav a#current:hover { text-decoration: underline; }

body#homepage .gradRuleTop, body#homepage .gradRuleBottom {
width: 100%;
height: 6px;
float: left;
background: #66ffcc;
background: -moz-linear-gradient(left, #66ffcc, #fef1a2);
background-image: -webkit-gradient(linear,left top,right top,color-stop(0, #66ffcc),color-stop(1, #fef1a2)); /* Safari & Chrome */
filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#66ffcc', endColorstr='#fef1a2'); /* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#66ffcc', endColorstr='#fef1a2')"; /* IE8 */
}

#homeSliderContainer {
width: 940px;
height: 438px;
background: #eee;
overflow: hidden;
position: relative;
margin: 0 0 15px 0;
}

#homeSliderOverlay {
width: 440px;
height: 438px;
background: url(http://www.dontjustsurvive.co.uk/images/slideCover.png);
position: absolute;
top: 0;
right: 0;
z-index: 300;
}

#homeSliderNav {
position: absolute;
top: 15px;
right: 10px;
z-index: 310;
width: 14px;
float: right;
}

#homeSliderNav a {
display: block;
width: 12px;
height: 12px;
background: #bbb;
text-indent: -9999px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin: 0 0 4px 0;
}

#homeSliderNav a.activeSlide { background: #555; }

.homeSlide {
position: relative;
width: 720px;
height: 438px;
overflow: hidden;
}

.slideCopy {
top: 0;
left: 0;
position: absolute;
background: url(http://www.dontjustsurvive.co.uk/images/twodgreen45stripeOpac.png);
width: 350px;
padding: 10px;
display: block;
}

.slideTitle {
font-weight: bold;
font-size: 36px;
line-height: 34px;
width: 300px;
display: block;
color: #fff;
}

.slideTitle span {
font-size: 30px;
line-height: 30px;
}

.slideSummary { 
display: none; 
font-weight: bold;
font-size: 22px;
line-height: 22px;
color: #fff;
}

body#homepage .slideCopy a, body#homepage .slideCopy a:visited { color: #555; }
body#homepage .slideCopy a:hover { text-decoration: none; }

#termsFeatureList { width: 460px; }
#termsFeatureList li {
width: 460px;
margin: 0 0 15px 0;
float: left;
}

#termsFeatureList li ul {
width: 460px;
float: left;
}

#termsFeatureList li ul li {
margin: 0 0 0 -15px;
}

/*=========================
TYPOGRAPHY
=========================*/

body, p {
font-family: "helvetica neue", "Helvetica Neue", helvetica, verdana, arial, sans-serif;
color: #555;
font-size: 12px;
line-height: 15px;
}

p {
background-color: transparent;
margin: 0 0 15px 0;
color: #555;
}

a, a:visited {
color: #000;
text-decoration: underline;
}

a:hover { text-decoration: none; }

h1, h2, h3, h4, h5 {
font-size: 50px;
line-height: 48px;
font-weight: bold;
letter-spacing: -0.03em;
color: #000;
}

h2 {
font-size: 30px;
line-height: 30px;
}

h2 span {
font-size: 12px;
vertical-align: super;
}

h3 {
font-size: 22px;
line-height: 22px;
padding: 0 0 15px 0;
}

h4 {
font-size: 14px;
line-height: 14px;
padding: 0 0 15px 0;
}

h5 {
font-size: 12px;
line-height: 14px;
padding: 0 0 15px 0;
}

h5 span {
font-size: 8px;
vertical-align: 2px;
}

.homepage_sentence {
font-size: 68px;
line-height: 90px;
font-weight: bold;
background-color: #13fe01;
color: #000;
letter-spacing: -0.03em;
}

.homepage_sentence span { color: #fff; }

.homepage_sentence a, .homepage_sentence a:visited, .homepage_sentence a:hover { color: #13fe01; }

ul#secondary_nav a,  ul#secondary_nav a:visited, ul#secondary_nav a#location, ul#upper_nav a, ul#upper_nav a:visited, ul#upper_nav a#current {
color: #000;
text-decoration: none;
}

ul#secondary_nav h1 a:hover, ul#secondary_nav h1 a#location, ul#secondary_nav h1 a#location:visited, ul#secondary_nav h1 a#location:hover { color: #5aebbb; }

body#homepage ul#secondary_nav h1 a:hover, body#homepage ul#secondary_nav h1 a#location, body#homepage ul#secondary_nav h1 a#location:visited, body#homepage ul#secondary_nav h1 a#location:hover { 
text-decoration: none;
color: #66ffcc; 
}

ul#upper_nav a:hover, ul#upper_nav a#current, ul#upper_nav a#current:visited, ul#upper_nav a#current:hover { text-decoration: underline; }

.breadcrumbs a, .breadcrumbs a:visited, .breadcrumbs a:hover { text-decoration: underline; }

a.document, a.document:visited, a.document:hover { 
color: #fff; 
text-decoration: none;
}

a.black, a.black:visited, , #comments_list a, #comments_list a:visited { text-decoration: underline; } 

#comments_list a:hover, a.black:hover { text-decoration: none; }

.photo_credits {
font-size: 10px;
line-height: 14px;
color: #777;
font-style: italic;
}

.summary {
font-weight: bold;
letter-spacing: -0.02em;
}

.description {
font-size: 14px;
line-height: 17px;
color: #000;
}

td { color: #888; }

td.cell_title, .breadcrumbs { color: #000; }

ul#comments_list .comment_number {
font-size: 32px;
font-weight: bold;
color: #999;
line-height: 32px;
}

#log_in_dialog p.forgot, #sign_up_dialog p.forgot, body#homepage #log_in_dialog p.forgot, body#homepage #sign_up_dialog p.forgot {
font-size: 14px;
line-height: 16px;
margin: 10px 0 0 0;
width: 100%;
}

#sign_up_dialog p.forgot span, body#homepage #sign_up_dialog p.forgot span {
text-transform: uppercase;
color: red;
font-size: 14px;
}

#log_in_dialog p.forgot a, #sign_up_dialog p.forgot a, body#homepage #log_in_dialog p.forgot a, body#homepage #sign_up_dialog p.forgot a { color: #555; }

#associates li a, #associates li a:visited {
text-decoration: none;
color: #666;
}

#associates li a:hover { text-decoration: underline; }

#footer a:hover { text-decoration: none; }

p#terms { font-size: 12px; }

p.black { color: #000; }

#comment_form span { color: red; }

a.white, a.white:visited, a.white:hover { color: #fff; }

a.no_underline, a.no_underline:visited { text-decoration: none; }

a.no_underline:hover { text-decoration: underline; }

.no_background { background-color: transparent; }

.margin_right_0 { margin-right: 0; }

.no_border { 
border: 0;
padding: 0;
}

.height_auto { height: auto; }

.no_margin { margin: 0; }

.no_padding { padding: 0; }

.width_170 { width: 170px; }