@import url(http://fonts.googleapis.com/css?family=Amatic+SC:400,700);
/**************************** extend/override Blueprint ****************************/
/* colours */
/*
main grey text: #767676;
dark grey text: #2e2c34;
darker: #6c6868;
body text: #767676;
blue text: #68b5e1;
black text: #2e2c34;
purple text: #e13876;
pink text: #f59594;
orange text: #f7971e;
gallery text; #5b8987
test green:  #b6e13a;
test purple:  #e13876;
test teal:  #68b5e1;
nav: #999292;
nav bg: #f4f3f3; 
nav bg rollover: #e1e0e0;
stroke, darker text, darker image box: #c3c3c3;

*/
/* blueprint over rides */
.span-6-5, .span-8-5,.span-8-border, .span-9-5, .span-14-5, .span-15-5, .span-16-border, .span-17-5, .span-24-border {float:left; margin-right:10px;}
.last {margin-right:0;}
.span-6-5 {width:240px;}
.span-8-5 {width:300px;}
.span-8-border {width:308px;}
.span-9-5 {width:360px;}
.span-14-5 {width:570px;}
.span-15-5 {width:620px;}
.span-16-border {width:628px;}
.span-17-5 {width:690px;}
.span-24-border {width:948px;}

.append-0 {padding-right:10px;}
.prepend-0 {padding-left:10px;}


/* common */
.clearfix::after {
content: "";
display: table;
clear: both;
}
a{
	text-decoration: none;  
	color: #767676;
}
a.underline{
	text-decoration: underline;
}
a.highlight{
	color: #68b5e1;
}
a.highlight:hover {
	text-decoration: underline;
}
.highlight{
	color: #68b5e1;
	font-weight: bold;
}
.normal{
	font-weight: normal
}
.bigger{
	font-size: 1.1em;
}
.darker{
	color: #6c6868;
	font-weight: bold;
} 
.smaller{
	font-size: 0.85em;
}
h2{
	line-height: 1.25em;
}

p{
	padding: 0;
	margin: 0 0 5px;
}
.bignews p {
 	margin-bottom: 30px;
}
.gallery p {
	margin: 5px 0 0;
}
.noborder{
	border: none;
}
.footer-contact p a:hover, .glorious a:hover, .contact a:hover, .story-pic-3 a:hover{
	text-decoration: underline;
} 
hr{
background:none;
clear:both;
float:none;
width:100%;
height:1px;
margin: 0;
border:none;
color: #fff;
}
h1.download {
  text-align: center;
  margin-bottom: 20px;
}
h1.download a {
  color: #e13876;
}
h1.download a:hover {
  color: #68B5E1;
}
/* use hr class="dashed" or whatever */
.dashed{
	border-bottom: 1px dashed #c3c3c3;
	margin:5px 0 ;
}
body {
	font-family: verdana, arial, sans-serif;
   font-size: 81.25%;
	line-height: 1.385em;
	color: #767676;
}
/* ie6 */
* html body{font-size:12px;}

.container{}
.header{}
.radiator{
	background: url(../images/radiator.jpg) 37px 0 no-repeat;
}

.header-right{
	text-align: right;
	margin-top: 110px;
}

.logo{
	background: url(../images/logo_sm.jpg) no-repeat;
	float: right;
}
.header-address{
	float: right;
	font-size: 0.9em;
	font-weight: bold;
	text-align: right;
}

.splash{
	margin-bottom: 5px;
	background-color: #140B0E;
	padding: 1px 0 2px;
}
.splash p{
	color: #DAC9B5;
	font-weight: bold;
	font-size: 1em;
	margin: 0;
	padding-left: 10px;
}
/* navigation */
.nav {
   background-color: #f4f3f3;
	color: #999292;
	margin: 0px 0 5px;
	padding:0px;
}
.nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.nav li {
	display: inline;
   margin: 0;
   padding: 0;
}
.nav a {
 	text-decoration: none;
	color: #999292;
}
.nav a span {
	float: left;
   display: block;
   background-color: #f4f3f3;
   padding: 3px 15px 4px 10px;
	border-right: 1px solid #fff;
}

.nav li.social-links {
	float: right;
	margin: 0 10px -3px 0;
	padding: 0;
}
/*.nav a:hover span {
	color: #999292;
}*/
.nav a:hover, .nav a:hover span, .nav .selected {
	background-color: #fff;
}
.selected.home,  a:hover .home{color: #68b5e1;}
.selected.offer,  a:hover .offer{color: #e13876;}
.selected.gallery,  a:hover .gallery{color: #f7971e;}
.selected.test,  a:hover .test {color: #b6e13a;}
.selected.contactus,  a:hover .contactus {color: #87a9cc;}

/* footer nav */
.bottomnav {
	text-align: center;
	background-color: #fff;
	font-size: 0.85em;
}
.bottomnav ul {
	float: left;
	margin-left: 240px ;
	padding: 0;
	list-style: none;
}
.bottomnav li {
	display: inline;
   margin: 0;
   padding: 0;
}
.bottomnav a {
 	text-decoration: none;
	color: #999292;
}

.bottomnav a span {
  float: left;
   display: block;
   background-color: #fff;
   padding: 0px 15px 0px 10px;
	border-right: 1px solid #2e2c34;
	line-height: 10px;
}
.bottomnav  a span.noborder {
	border-right: none;
}
 
/* end of navigation */   

/* gallery subnav */
.subnav{
	margin-top: -5px;
}
.subnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.subnav li {
	display: inline;
   margin: 0;
   padding: 0;
	color: #5b8987;
	
}
.subnav a {
 	text-decoration: none;
	text-transform: uppercase;
	color: #f7971e;
	font-size: 0.8em;
}
.subnav a:hover{
	color: #5b8987;
}
/* end of subnav */
.footer{
	text-align: center;
	margin: 25px auto;
	border-top: 1px solid #c3c3c3;
	padding-top: 5px;
}
.footer-contact p{
	margin: 20px 0 10px;
	font-size: 0.8em;
	color: #2e2c34;
	line-height: 1.3em;
} 
.footer-contact p a{
	color: #2e2c34;
} 

.glorious{
	font-size: 0.8em;
}


 


.page{
	font-size: 0.85em;
	line-height: 1.385em;
}
.row{
	margin:20px 0;
}

.row01{
	/*border:1px dashed limegreen;*/
	float:left;
}

.bigpicture{
	margin: 0;
}
.story-pic-3{
	float: left;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-bottom: 0px;
	border: 1px solid #c3c3c3;
}
h1{
	font-size: 1.2em;
	color: #68B5E1;
	text-transform: uppercase;
	font-weight: bold;
	margin: 5px 0;
}
.testimonial-box h1{
	color: #b6e13a;
	font-size: 1.75em;
	font-weight: normal;
	margin: 10px 0px 10px 10px;
}
.testimonial-box p{
	margin: 10px 0px 30px 10px;
	line-height: 1.6em;
}
p span.purple {	
	color: #e13876;
}
p span.teal {
	color: #68b5e1;
}
.gallery h1{
	color: #5b8987;
	margin: 5px 0px;
}

.gallery h2 a{
	color: #f7971e;
	margin: 5px 0px 10px;
	font-size:1em;
	text-transform: uppercase;
	font-weight: bold;
}

.story-pic-3 h1{
	margin: 15px 3px;
	line-height: 1.35em;
}
.story-pic-3 h2 a{
	font-size:1em;
	color: #767676;
	margin: 3px 5px;	
	display: list-item;
	list-style: none;
}
.pic-3{
	padding:5px 0 5px 5px;
}

.pic-3 p{
	padding-left: 3px;
}

.span-8 .pic-box{
	width: 308px;
	height: auto;
}
.span-8 .pic-box h3{
	font-size:.85em;
	color: #767676;
	margin: 3px 5px;	
	line-height: normal;
}
.pic-box{
	width: 180px;
	background-color: #fff;
	float:left;
	border:1px solid #c3c3c3;
	padding: 0;
	margin: 5px 2px;
	height: 260px;
	line-height: 1.5em;
}
.pic-box img{
	margin:5px 5px 0;
}
.story{
	padding: 0px;
}
.videos{
	
}
.videos h2{
	margin-bottom: 5px;
}
.video-block{
	border:1px solid #c3c3c3;
	text-align: center;
}
.video-block iframe{
	margin: 10px auto -2px;
}
.text-block{
	
}
.text-block h1{
	color: #e13876;
	font-size: 1.25em;
	font-weight: bold;
}

.text-block p{
	margin: 0 0 5px;
}
.contact{
	font-size:0.9em;
}
.name{color: #68b5e1;}
.contact a{color: #68b5e1;}
.box-pic-3{
	float: left;
	border:1px solid #c3c3c3;
		
}
.box-pic-3 h2{
	padding: 5px 0 0 10px;
	
}
.box-pic-3 p{
	padding-left: 10px;
	
}
.simple-pic-box{
	background-color: #fff;
	float:left;
	border:2px solid #c3c3c3;
	padding:3px 5px;
	margin: 5px 12px;
	
}
.simple-pic-box img{
	margin:3px;
}

.rounded-box {
	-moz-border-radius: 15px;
	border-radius: 15px;
	margin-top:20px;
	background-color: #c3c3c3;
	
}
.rounded-box h2{
	padding: 5px 0 0 10px;
	
}

/*- email form classes -------------------------- */	
.comment-box {
	
}
.comment-box h1{
	color: #87a9cc;
	font-size: 2em;
	padding: 0 0 10px 0;
	font-weight: normal;
}
.comment-box h2{
	font-size: 1.45em;
	padding: 0;
   font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.comment-box p{
	padding: 0;
}
p.telecom{
	font-size: 1.4em;
	line-height: 1.4em;
}
p.telecom span{
	text-transform: uppercase;
	color: #e083a5;
	
}
.comment-box-address{
	margin: 20px 0;
}
p.telecom.last{
	margin-bottom: 0;
}
.clearing { clear: both; }
.alert, .error { color: #FF0000; }
p.alert{
	clear: both;
}
ol.forms {
	float: left;
	list-style: none;
	margin-top: 10px;
	/*border:1px dashed red;*/
}

ol.forms li {
	clear: left;
	float: left;
	line-height: 1.5em;
	margin-bottom: 0.5em;
	width: 100%;
}

ol.forms label {
	cursor: pointer;
	display: block;
	float: left;
	line-height: 1.5em;
	padding-right: 5px;
	text-align: right;
	width: 84px;
	color: #68b5e1;
	/*border:1px dashed blue;*/
}

ol.forms input { width: 200px; }
ol.forms textarea {
	height: 75px;
	width: 400px; 
}

ol.forms input, ol.forms textarea, ol.forms button { font: 1em verdana, tahoma,  sans-serif; }

ol.forms .error { 
	display: block;
	margin: 10px;
}

ol.forms li.buttons {
	padding-left: 10px;
	
}	

.artclub{
	margin-top:18px;
	float:left;
}

.hermit{
	width:100%;

}
.hermit img {
	width: 100%;
}

/************************************************************************/


.teaser-block{
	border-bottom: 1px dashed #666;
	padding-bottom: 15px;
	margin-bottom: 15px;  
}
.append-0 {padding-right:10px;}
.prepend-0 {padding-left:10px;}