/*   
Theme Name: Heritage Sash - The Period Property Specialists
Theme URI: http://www.sashwindowswestmidlands.com/
Author: Mitchell Renton
Author URI: http://www.jonoliver.com
Version: 2.0
*/

@import "style/reset.css";

/* ==========   COLOURS   ==========   

red			993333
beige		f2d1b5

/* ==========   TYPOGRAPHY   ========== */

p {
	font-size: 1.2em;
	line-height: 18px;
	padding-bottom: 15px;
}

h1, h2, h3, h4, h5 {
	margin-bottom: 15px;
	font-family: Georgia, Cambria, Times, "Times New Roman", serif;
	color: #993333;
}

h1, h2	{
	font-size: 1.6em;
}

h3 {
	font-size: 1.4em;
}

a {
	color: #993333;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


/* ==========   PAGE   ========== */

body {
	background: #fff; font: 62.5% Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #666;
}

#container {
	width: 750px;
	margin: 0 auto;
	padding: 0 21px;
	background: url(images/backgroundTile.png) repeat-y;
}

.inside {
	padding: 20px;
}

/* ==========   HEADER   ========== */

#header	{
	width: 750px;
	height: 130px;
	background: url(images/headerBgTile.png) repeat-x;
}

#logo {
	float: left;
	width: 300px;
	height: 49px;
	margin: 37px 0 0 37px;
}

#header #address {
	float: right;
	margin: 18px 10px 0 0;
	font-size: 1em;
	text-align: right;
	color: #5c5b5b;
}


/* ==========   NAVIGATION   ========== */

#navigation {
	width: 750px;
	height: 40px;
	background: url(images/navigationBg.png) no-repeat;
	border-top: 1px solid #c5c4c4;
	border-bottom: 1px solid #c5c4c4;
}

/* 
	LEVEL ONE
*/
ul.dropdown  {
	position: relative;
	width: 750px;
	height: 40px;
	z-index: 10;
}

ul.dropdown li {
	float: left;
	width: 125px;
	height: 40px;
	text-align: center;
	zoom: 1;
}

ul.dropdown li a {
	display: block;
	width: 125px;
	height: 27px;
	padding-top: 13px;
	color: #5c5b5b;
	font-size: 1em;
	text-decoration: none;
}

ul.dropdown li:hover, ul.dropdown li.hover, ul.dropdown li.current_page_item a {
	position: relative;
	background: url(images/navBullet.png) no-repeat 58px 34px;
	color: #993333;
}

ul.dropdown li.current_page_item li a { color:  #5c5b5b;}

ul.dropdown li.current_page_item li a:hover { color: #993333; }

ul.dropdown a:hover {
	color: #993333;
}

ul.dropdown li.hover, ul.dropdown li:hover { 
	position: relative; 
}

/* 
	LEVEL TWO
*/
ul.dropdown ul { 
	width: 124px; 
	visibility: hidden; 
	position: absolute; 
	top: 100%; 
	left: -1px;
	background: #F2D2B6;
	border-bottom: 1px solid #C5C4C4;
	border-right: 1px solid #C5C4C4;
	border-left: 1px solid #C5C4C4;
	z-index: 11;
}

ul.dropdown ul li { 
	width: 124px;
	float: none;
	text-align: left;
	
}

ul.dropdown ul li a {
	width: 114px;
	height: 12px;
	padding: 15px 5px 5px 5px;
}

ul.dropdown ul li:hover, ul.dropdown ul li.hover {
	background-image: none;
	color: #993333;
}

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: -1px; border-top: 1px solid #C5C4C4; border-left: none; }
ul.dropdown li:hover > ul 			{ visibility: visible; }


/* ==========   SLIDER HOMEPAGE   ========== */

#slider {
    float: left;
    width: 289px; /* important to be same as image width */
    height: 478px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 289px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
    padding: 10px 13px;
    width: 263px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
    bottom: 0;
    left: 0;
    font-size: 1.2em;
    line-height: 15px;
}

.sliderImage span strong {
    font: bold 15px Georgia, Cambria, Times, "Times New Roman", serif;
    color: #993333;
}

li.clear {
	clear: both;
}


/* ========== MAIN CONTENT ========== */

#content {
	float: left;
	width: 461px;
}

#content .post {
	padding: 20px;
}

.post address {
	font-size: 1.2em;
	line-height: 19px;
	margin-bottom: 15px;
}

/* ========== GALLERY ========== */

#imageGallery { position: relative; float: left; width: 289px; overflow: hidden; }
#pageImage { width: 289px; height: 400px; }

/* jCarousel stuff */
.jcarousel-container { position: relative;  }
.jcarousel-clip { position: relative; z-index: 2; overflow: hidden; margin: 0; padding: 0; }
.jcarousel-list { position: relative; z-index: 1; overflow: hidden; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list img { width: 67px; height: 67px; }
.jcarousel-list li,
.jcarousel-item { float:left; list-style:none; width:69px; height:69px }
.jcarousel-list li a { display: block; width: 67px; height: 67px; border: 1px solid #5b5958 }
.jcarousel-next { z-index:3; display:none }
.jcarousel-prev { z-index:3; display:none }

.jcarousel-container-horizontal { width:227px; padding:20px 30px; }
.jcarousel-clip-horizontal { width:227px; height: 69px; }

.jcarousel-item { width:69px; height:69px }
.jcarousel-item-horizontal { margin-right: 10px; }

.jcarousel-next-horizontal, 
.jcarousel-prev-horizontal { position:absolute; top:43px; width:30px; height:30px; cursor:pointer }
.jcarousel-next-horizontal { right:0; background: url(images/next-horizontal.gif) no-repeat 0 0 }
.jcarousel-next-horizontal:hover { background-position:-30px 0 }
.jcarousel-next-horizontal:active { background-position:-60px 0 }
.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -90px 0; }

.jcarousel-prev-horizontal { left:0; background: url(images/prev-horizontal.gif) no-repeat 0 0 }
.jcarousel-prev-horizontal:hover { background-position:-30px 0 }
.jcarousel-prev-horizontal:active { background-position:-60px 0 }
.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -90px 0; }


/* ========== FOOTER ========== */

#servicesWrap {
	width: 740px;
	padding: 15px 0 0 10px;
	border-top: 1px solid #fff;
	background: url(images/servicesBg.png) repeat-x top;
}

.service {
	float: left;
	width: 175px;
	padding-right: 10px;
	display: inline;
}

.service h3 {
	margin: 8px 0;
}

.service img {
	border: 1px solid #a6a1a1;
}

.service p {
	font-size: 1.1em;
}

#footer {
	width: 792px;
	height: 46px;
	margin: 0 auto;
	padding-top: 15px;
	text-align: center;
	background: url(images/footerBottom.png) no-repeat bottom;
}

#footer p {
	font-size: 1em;
	font-style: italic; 
}

#jon_oliver {
	width: 750px;
	margin: 0 auto 25px;
}

#jon_oliver a {
	float: right;
	width: 171px;
	height: 20px;
	display: block;
	text-indent: -9999px;
	background: url(images/jon_oliver.gif) no-repeat; 
}