/*********************************
*
*	skhats-house.css 
*
*	House style: colours, fonts, banner
*/
@font-face {
	font-family: "Mistral";
	src: url("http://www.skhats.co.uk/resources/mistral.ttf");
}
body {
	font-family: Verdana, Tahoma, sans-serif;
	background-color: white; /*#FFE1B5;*/
	color:black;
	/* Future changes background-color:#FFFFFF; 
	
	background-image:url('../images/gradient-horizontal-yellow1.png');
	background-position:left;
	background-repeat:repeat-y;*/
}

/******
* Banner colours and fonts
*/
#banner {
	font-family: Mistral;
	font-weight:100;
	text-align:center;
	background-color:#000099;
	background-image:url('../images/gradient-vertical-blue2.png');
	background-position:bottom;
	color:white;
	padding-bottom:0;
}
#banner h1 {
	margin: 0;
	padding: 3px;
	font-size: 4em;
	font-weight: 100;
}
#banner p {
	font-size:1.5em;
	margin:0;
	padding-bottom:3px;
}

#banner img {
	position:absolute;
	top:4px;
	right:25px;
}
/******
* General link colours
*/
a {
	color: #000090;
	background-color:rgba(209,234,239,.4); /*#d1eaef;*/
}
a:hover {
	background-color:rgba(209,234,239,1); /*#a3d0dc;*/
	color:#000090;
}/***************
* Superfooter links
*/
#superfooter ul {
	list-style-type:none;
	text-align:right;
	font-size:.8em;
	max-width:45%;
	margin-left:auto;
	border-top:1px solid #CCC;
	padding-top:3px;
}
#superfooter li {
	display:inline;
	height:60px;
}
#superfooter a img{
	border:0;
}
#superfooter .getweb {
	margin-right:60px;
}

/* Useful styles */
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}



/***************
* error stuff
*/
.error {
	background-color: white;
	color:red;
	font-size:0.8em;
}
ul.error {
	list-style-type: disc;
}
.error li {
	border-bottom:1px dashed #CCC;
	padding-left:5px;
}
#chooser {
	background-color:#6495ed;
	margin-right:5px;
	margin-left:3px;
	margin-top:0;	
	background-image:url(../images/girl_in_hat.jpg);
	background-position:-270px 0;
	background-repeat:no-repeat;
	padding-bottom:20px;
}
.chooser_nav {
	list-style-type:none;
	padding:0px 0px 15px 3px;
	overflow:visible;
	max-width:161px;
	margin-right:0;
	margin-left:auto;
	background-color:white;
	padding-bottom:2px;
	margin-bottom:60px;
	filter:alpha(opacity=80);
	/*-moz-opacity:0.8;
	opacity:0.8;*/
	background-color:rgba(0,0,0,0.6);
}
#chooser h4 {
	margin-top:0;
	margin-bottom:2px;
	border-bottom: 1px dotted #BBB;
	padding:3px;
	text-align:center;
	color:white;
	background-color:#000099;
	background-position:right;
}
.chooser_nav li {
	padding-top:3px;
	padding-bottom:0;
	margin-left:1px;
	filter:alpha(opacity=100);
}
.chooser_nav li:first-child {
	/*margin-bottom: 10px;
	padding-top:3px;
	padding-bottom: 0;*/
}
.chooser_nav a {
	background-color:#000099;
	color:white;
	display:block;
	padding:2px;
	text-decoration:none;
}
.chooser_nav a:hover {
	background-color:#6495ed;
	color:white;
}
.chooser_nav .first_link {
	margin-bottom:10px;
}
.chooser_nav .selected a {
	margin-left:32px;
	background-color:#6495ed;
	color:white;
}
#footer {
	font-size:0.6em;
	text-align: center;
}
#footer li {
	display: inline;
}
#footer li a {
	padding: 1px;
}
#footer ul {
text-align:center;
	border: 1px solid transparent;
	margin-left:auto; margin-right:auto;
	width:auto;
	padding:2px;
	max-width:75%;
}
#footer ul:hover {
	border-color:black;
	background-color:  rgba(0, 0, 153, .3);
}
ul.address {
	list-style-type: none;
	list-style-image: none;
	margin-top:0;
}
ul.address li {
	padding: 0;
}
strong.company {
	font-family: Mistral;
	font-weight:600;
	font-size:1.4em;
}
.phone_list {
	list-style-type:none;
	list-style-image: none;
	margin-top:0;
}
.phone_list li {
	list-style-image: none;
}
.home #detail {
	margin-top: -12px;
}