/* CSS Document */

html {background-color:#1c1d26;}
body {color:#fff; font-family:"Helvetica Neue",Arial,Helvetica,sans-serif !important; font-size:10pt; line-height:1.5; background:none;}
a{text-decoration:none; color:#f60;}
a:hover {text-decoration:underline;}
p {color:#FFF; text-align:left;}
h1, h2, h3 {font-family: "Helvetica Neue",Arial,Helvetica,sans-serif; font-weight:bold;}
h2 {padding:0; font-size: 1.5em; margin-bottom:10px;}
h3 {font-size:1.17em;}
#container {background:url(/media/themes/dusk/bg.png) repeat-x top left; border:1px solid #0e0f13;}
#container, #footer, .header {width:960px; margin:0 auto;}
#navigation, #main-content, #content-right {display:inline; float:left; margin:0 10px;}

.header {height:145px; margin-bottom:27px; border:5px solid #1d1d27; border-bottom:none; background:none; position:relative;}
.logo {float:left; background-color:#1c1d26; padding:1px; border:1px solid #404047; margin:10px 25px 10px;}
/*.header h1 {  margin:70px 0 0 230px; font-size:3em; padding:0;}*/
.header h1 {color:#FF6600; position:absolute; bottom:20px; left:230px; font-size:3em; line-height:1.2; padding:0;}

/* ----------- Navigation ----------- */
#navigation{width:210px;}
#navigation ul{list-style:none;}
#navigation li {margin-bottom:2px;}
#navigation li a {display:block; background: #c35008 url(/media/themes/dusk/button-nav.gif) repeat-x top left; padding:5px 5px; border:1px solid #404047; color:#fff;}
#navigation li a:hover {background:#d0d0d7 url(/media/themes/dusk/button-nav-hover.gif) repeat-x bottom left; border:1px solid #000; } 
#navigation h3 {margin-bottom: 17px;}

/* ----------- Main-content ----------- */
#main-content{width:500px;}
.img-container {float:right; padding:20px 10px 10px;}
.img-container span {display:block; text-align:center; font-size:100%;}
.gallery {padding-top:20px;}
.thumb {text-align:center;}
.img-container .img, .gallery .img {border:2px solid #404047;}
.gallery .thumb a {display:block; width:175px; height:150px; overflow:hidden;}
.gallery .thumb img {visibility:hidden;}

/* ----------- Content-right ----------- */
.address, .open-times {float:none !important;}
#content-right{width:168px; background:#fff; color:#f60; padding:10px; margin-top:40px; border:1px solid #1c1d26;}
#map {overflow:hidden; width:166px; border:1px solid #000; margin:8px auto; max-width: 100%}
.address-inner p, .open-times-inner p, p.zoom {color:#000;}
#content-right h3 {border-bottom:1px solid #1c1d26; padding-bottom:2px; margin-bottom:5px;}
.contactname {margin-bottom:-8px;}
#content-right ul{list-style:none;}

/* ----------- Footer ----------- */
#footer {background:#fff; text-align:center; color:#000; margin-top:20px; border-top:none;}

/* ----------- Form ----------- */
.contact-us-form{ padding:10px 10px 0;}
.formfield {margin-bottom:10px;}
/* .textfield{} */
.formentry, .formnote{ visibility:hidden;}
.label {width:90px; float:left; text-transform:uppercase;}
input, textarea {padding:3px;}
.submit {height:auto; width: auto;  padding: 5px 9px 7px 9px; cursor:pointer; background: #c35008 url(/media/themes/dusk/button-nav.gif) repeat-x top left;  border: 0;  font-size: 14px;  color: #FFFFFF; margin: -30px 0 0 360px;}
.submit:hover {background:#d0d0d7 url(/media/themes/dusk/button-nav-hover.gif);}
input:hover, textarea:hover,  
input:focus, textarea:focus {  
border-color: #f60; }  

/* ----------- tidy-up styles ----------- */
.cb {clear:both;}
/* ----------- css3 styles ----------- */
#main-content p, #main-content h2, #navigation h3, .header h1, #navigation li a:hover, .img-container{text-shadow:1px 1px 1px #000000;}
#content-right, #navigation li a, .logo, .img-container .img, .gallery img, .submit {-moz-border-radius: 8px; /* FF1+ */ -webkit-border-radius: 8px; /* Saf3-4 */ border-radius: 8px; /* Opera 10.5, IE 9, Saf5, Chrome */}
input, textarea {  background: -webkit-gradient(linear, left top, left 10, from(#fff), color-stop(4%, #ccc), to(#fff)); background: -moz-linear-gradient(top, #fff, #ccc 1px, #fff 10px); }
#main-content p.error {text-shadow:none;}


@media screen and (max-width: 480px) {
	#container, #footer, .header {width:100%;}
	.header {border:none;}
	#navigation {padding:0 2%;}
	/* .thumb {width:45%;} */
	#main-content, #content-right {margin-top: 1em !important;}
	.submit {margin:0;}
}