/* Site layout */

body {
	padding:0px;
	margin:0px;
	background: #FFFFFF;
	font-family: Helvetica, Arial, sans-serif;
}
a img {border:none}
.container { width:960px; margin:auto; clear:both }

iframe{height:20px}

#header, #footer {
	height:102px;
	width:100%;
	background-color:#FFF
}
p, h2, a{color:#fff}
h3{margin:30px 0 5px}
#content { background:url(design/bg.png) repeat-x #680000; }

.snow { height:22px }
#header .snow { background:url(design/header_blueglow.png) repeat-x; }
#footer .snow { background:url(design/header_blueglow.png) repeat-x 0 -22px; }
#header_shadow { background:url(design/dropshadow_sprites.png) repeat-x 0 -42px; height:42px; }
#footer_shadow { background:url(design/dropshadow_sprites.png) repeat-x 0 0; height:42px; }
#logo_shelter { margin:31px 0 0 5px; }
#logo_bbu { float:right; position:relative; top:-22px; }
#strapline {
	width:480px;
	background:url(design/dropshadow_sprites.png) no-repeat 0 -84px;
	position:relative;
	top:10px;
	padding:36px 0px 0px 2px;
	font-size:12px;
	color:#B4B4B4
}
.facebook_like {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	width:500px;
	margin: auto;
	text-align: center;
	background-color: #FFF;
	padding: 10px;
	margin-bottom:10px;
	color:#333
}
.facebook_like a {color:#333;text-decoration: none}
.facebook_like a:hover {color:#888;text-decoration: none}


/* Application styles */

#dialog_holder {
	background:url(design/overlay_bg.png);
	width:950px;
	height:450px;
	position:absolute;
	z-index:25;
	overflow:hidden;
}

#dialog_container { }

#dialog_box {
	margin:auto;
	background:url(design/bg.png) repeat-x #680000 0 -100px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-left:3px solid #D00;
	border-right:3px solid #500;
	border-top:3px solid #D00;
	border-bottom:3px solid #500;
	width: 500px;
	margin-top:50px;
	color:#FFF;
	padding: 30px;
}
#dialog_box h2 { font-size:30px; margin:0px; }
#dialog_box p { font-size:18px; margin:20px 0; line-height:22px }
#dialog_box a { color:#FFF; text-decoration:underline; }
#dialog_box a:hover { color: #CCC }

#postcode_search input {
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	font-size:40px;
	font-weight:bold;
	font-family:Helvetica, Arial, sans-serif;
	padding:10px;
}

.search_field, #share_field, #amount_custom {
	background:url(design/dialog_bg.png) repeat-x #FFF;
	border-left:1px solid #999;
	border-right:1px solid #FFF;
	border-top:1px solid #999;
	border-bottom:1px solid #FFF;
	width:300px;
	color:#777;
}

.search_button {
	background:url(design/dialog_bg.png) repeat-x #FFF;
	border-left:1px solid #FFF;
	border-right:1px solid #999;
	border-top:1px solid #FFF;
	border-bottom:1px solid #999;
	width:125px;
	color:#000;
	margin-left:10px;
	position:relative;
	line-height:40px
}

.search_button:active { 
	background:url(design/dialog_bg.png) repeat-x #333 0px -50px;
	border-left:1px solid #999;
	border-right:1px solid #FFF;
	border-top:1px solid #999;
	border-bottom:1px solid #FFF;
}

#app {
	width:950px;
	height: 500px;
	background:url(design/app_bg.png);
	padding: 20px 5px;
	margin: 20px auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	position:relative;
}

.gstreetview {
	position: absolute;
	right:5px;
	width: 700px;
	height: 450px;
}

#map { z-index: 0; overflow:hidden }
#streetview { display:none }
#decorate { position:absolute; z-index:1;}

.fp_container { margin-top:30px!important; width: 610px!important;height:320px }
#fp_container { height: 200px; }
#fp_container div { float:left; width:300px; }
#fp_container h3 { margin: 20px 0 10px 0 }
#fp_container p { margin: 10px 0 }
#fp_container a { 
	display:block;
	text-decoration:none;
	font-size:14px; 
	margin: 3px 0px;
	line-height:16px;
}
.email_box{ margin:40px auto auto auto!important;width:430px!important }

/* Controls */
#controls { 
	width:950px; 
	background:#200000; 
	clear: both;
	display:none;
	height:37px;
	position: relative;
	top:450px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}
#controls a {
	display: block;
	padding:10px 15px;
	text-decoration: none;
	font-weight:bold;
	background: #100000;
	color:#FFF;
	float:right;
	margin-left:2px;
}
#controls a:hover { background:#FFF; color:#333; text-decoration: none }
#controls p { 
	color:#FFF; 
	font-weight: bold;
	float:left;
	padding:12px 0 0 40px;
	margin:0;
	background: url(design/icons.png) no-repeat 12px -62px;
}
a.main_option { background: #FFF !important; color: #7e0000 !important; margin-left:10px !important ; -moz-border-radius-bottomright: 5px !important ; }
a.main_option:hover { background: #7e0000 !important ; color: #FFF !important; }
a#snapshot { padding-left: 40px; background: #FFF url(design/icons.png) no-repeat 12px -25px !important }
a#snapshot:hover { background: #7e0000 url(design/icons.png) no-repeat 12px 12px !important }

a.famouslandmark {
	color:#333!important;
	background-color:#fff;
	padding:2px 5px;
	-moz-border-radius:5px;
	text-decoration:none !important
}

a.famouslandmark:hover{
	color:#fff!important;
	background-color:#333
}

#c_hb,#c_sv,#c_mv { display: none }

/* Email form */
.email_field{-moz-border-radius:5px;-webkit-border-radius:5px;background:url(design/dialog_bg.png) repeat-x #FFF;border-bottom:1px solid #FFF;border-left:1px solid #999;border-right:1px solid #FFF;border-top:1px solid #999;color:#222;width:220px!important;padding:5px 8px}
textarea.email_field{font-family:Helvetica,Arial,sans-serif;height:80px;width:400px;font-size:12px}
.email_button{-moz-border-radius:5px;-webkit-border-radius:5px;background:url(design/dialog_bg.png) repeat-x #FFF 0 -30px;border-bottom:1px solid #999;border-left:1px solid #FFF;border-right:1px solid #999;border-top:1px solid #FFF;color:#000!important;float:none;font-size:14px;font-weight:700;line-height:40px;margin-top:5px;padding:5px 8px;width:125px!important;position:relative}
.email_button:active{background-position:0 -50px;border-bottom:1px solid #FFF;border-left:1px solid #999;border-right:1px solid #FFF;border-top:1px solid #999}
#sendemail{float:right;right:12px}
#email_form label{display:block;float:left;font-size:16px;margin-top:10px;width:180px}
.form_set{height:25px;margin-top:10px}
#message_set{margin-top:10px}
.not_selected{color:#999}

/* Share form */
#share_buttons{height:40px;text-align:center}#share_buttons a{background-image:url(design/buttons_share.png);cursor:pointer;display:block;float:left;height:40px;width:153px}a#button_email{background-position:0 0;margin-left:8px}a#button_email:hover{background-position:0 -40px}a#button_facebook{background-position:-153px 0}a#button_facebook:hover{background-position:-153px -40px}a#button_twitter{background-position:-306px 0}a#button_twitter:hover{background-position:-306px -40px}#share_field,.email_field{font-size:12px;padding:5px 8px;width:280px}#share_field,input#amount_custom{-moz-border-radius:5px;-webkit-border-radius:5px;color:#333;position:relative;top:-2px}.share_box{margin-top:20px!important}.divider{background:#700;border-bottom:1px solid #c00;height:1px;line-height:0px;margin-top:10px}#donate_panel{background:url(design/buttons_share.png) 0 -80px no-repeat;height:40px;padding-top:8px;width:458px}#donate_panel input.radiob{margin:0 5px 0 15px;position:relative;top:2px}#donate_panel label{color:#222;margin:0;padding:0}input#amount_custom{margin:0 0 0 5px;padding:3px 4px;width:40px!important}.donate_submit{background:url(design/buttons_share.png) -459px 0;border:none;cursor:pointer;float:right;height:40px;padding-top:8px;position:relative;top:-8px;width:159px}.donate_submit:hover{background-position:-459px -40px}

#moreinfo {width:700px!important;color:#fff}
#moreinfo p, #moreinfo li {font-size:14px;line-height:26px}
#moreinfo .divider {margin:10px 0px 50px 0px}
#links {text-align:center;font-size:12px}
#links a {text-decoration:none;color:#fff}