/* CSS Document */
/* Light Red #d53d3d -------- Red #c81616 -------- Mid Red #b51717 -------- Dark Red #9d0a0a -------- Yellow #FF0 ------- Light grey #eeeeee ------- Mid Grey ##e6e6e6 ------- Dark grey #333 ------- */

* {margin:0; padding:0;}
* html body {font-size:small;}
html { background:#FFF url(/media/themes/clarity/bg-rpt-sky-black.gif) repeat-x top right;}
body {color:#333; font-family:"Georgia", Times New Roman, Times, serif; font-size:10pt; line-height:1.6; background:none;}
a{text-decoration:underline; color:#000; font-weight:bold;}
a:hover {text-decoration:underline;}
h1, h2, h3 {font-family: "Georgia", Times New Roman, Times, serif; font-weight:bold;}
h2 {padding:0; font-size: 1.5em; margin-bottom:10px;}
h3 {font-size:1.17em;}

/* #container {} */
#container, #footer, .header {width:960px; margin:0 auto;}
#navigation, #main-content, #content-right {display:inline; float:left; margin:0 10px;}

.header {height:170px; background:none; position:relative;}
.logo {float:left; margin:30px 30px 5px 10px; border: 5px #e6e6e6 solid; padding:5px; background-color:#fff;}
.header h1 {font-size:3em; position:absolute; bottom:20px; left:230px;line-height:1.2; padding:0; }

/* ----------- Navigation ----------- */
#navigation{ font-family:Arial, Helvetica, sans-serif; width:180px;}
#navigation ul{list-style:none; padding:5px; background-color: #c81616;}
/* #navigation li {} */
#navigation li a {text-decoration:none; font-weight:lighter; display:block; color:#fff; background: #b51717 url(/media/themes/clarity/red-button-rpt.gif) repeat-x top left; border-top:1px solid #9d0a0a; padding:5px; text-shadow:1px 1px 1px #9d0a0a;}
#navigation li a:hover {color:#b51717; background:#fff; text-decoration:none; text-shadow:1px 1px 1px #ccc;} 
#navigation h3 {visibility:hidden;}

/* ----------- Main-content ----------- */
#main-content{width:460px; /*background:#fff;*/ padding:10px; margin-top:10px;}
#main-content h2 {border-bottom:1px solid #eee; margin-bottom:20px;}
#main-content  strong {color:#c81616;}
.img-container, .thumb {border: 5px #e6e6e6 solid; padding:5px; background-color:#fff; float:right; margin:20px 10px 10px;}
.img-container {margin-top: 10px; margin-right:0;}
.img-container:hover, .thumb:hover {border: 5px #333 solid; background:#eee;}
.img-container .img, .gallery .img {border:none;}
.img-container .img {margin-bottom:5px;}
.img-container span {display:block; text-align:center; font-size:smaller;}
.img-container a:hover { text-decoration:none;}
.gallery .thumb a {display:block; height:140px; width: 140px;overflow:hidden;}
.gallery .thumb img {visibility:hidden;}
.thumb { float:left; margin: 5px;}

/* ----------- Content-right ----------- */
.address, .open-times {float:none !important;}
#content-right{width:240px; margin-top:70px;}
#map, .address-inner, .open-times-inner { border: 2px #eee solid; padding:5px; background:#fff; margin-bottom:10px;}

.address-inner ul {margin:10px 0 5px 0; list-style:none;}
#content-right h3 { color:#C81616; margin-bottom:4px;}
.contactname {margin-bottom:-10px;}
/* #content-right ul{} */
.zoom {visibility:hidden;}

/* ----------- Footer ----------- */
#footer { background:#000 url(/media/themes/clarity/black-red-foot.gif) repeat-x top left; text-align:center; border-top:1px solid #000;}
#footer p {padding:15px 0; color:#FF0;}

/* ----------- Form ----------- */
.contact-us-form{ margin:20px 0; padding:10px 10px 0;}
form {margin-top:20px;}
.formfield {margin-bottom:10px;}
/* .textfield{} */
.formentry, .formnote{ visibility:hidden;}
.label {width:90px; float:left; text-transform:uppercase;}
input {padding:3px;}
.submit {height:auto; width: auto;  padding: 9px 10px;  background: #f60;  border: 0;  font-size: 14px;  color: #FFFFFF; margin: -30px 0 0 360px;}

/* ----------- tidy-up styles ----------- */
.cb {clear:both;}
br {margin-bottom:10px;}

/* ----------- css3 styles ----------- */
#navigation ul, .submit  { background-image: -moz-linear-gradient(top, #c81616, #b51717); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #c81616),color-stop(1, #b51717)); filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#c81616', EndColorStr='#b51717');  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#c81616', EndColorStr='#b51717')"; /**/ border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; /**/  -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000; }
.img-container, .thumb, .address-inner, .open-times-inner  {border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.address-inner, .open-times-inner {-moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000; }

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