html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

body {background: #1d1d1d; text-align: center; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; color: #999; font-size: 90%;}

html>body {font-size: 14px;}


/*------------- TYPOGRAPHY AND IMAGES STYLES --------------------*/

h1 {color: #fff; text-indent: -9999px; float: left;}

h1 a {display: block; width: 169px; height: 80px; background: url(../images/header_logo.png) no-repeat; }

h2 {color: #fff; font-size: 1.2em; margin-bottom: 20px; font-weight: normal;}

h3 {font-size: 1.1em; margin: 10px 0; color: #fff;}

p, ul, ol {font-size:0.9em; line-height:1.6em; padding: 0; margin-bottom: 1em;}

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

a:focus {color: #ff0000;}

a:hover {color: #ff0000;}

img {border: 1px solid #333; padding: 2px;}


/*------------- BASIC LAYOUT STYLES --------------------*/

.container {margin: 0 auto; text-align: left; width: 100%;}

.screen {border-top: 1px solid #999999; border-bottom: 1px solid #999999; background: #000; clear: both; overflow: hidden;}

.content {padding: 10px 20px 20px 20px; overflow: hidden;}

.clear {clear: both;}


/*------------- HEADER AND FOOTER STYLES --------------------*/

#header {height: 80px;}

#header, #footer {margin: 0 20px;}

#header, #footer {margin-right: 40px;}

ul.nav {float: right; color: #fff; margin-top: 60px; font-family: 'Copperplate Gothic Light', Helvetica, sans-serif; margin-bottom: 0;}

ul.nav li {float: left; margin-right: 30px; margin-bottom: 0; font-size: 1.1em; line-height: 0.9em; text-indent: -9999px;}

ul.nav li.contact {margin-right: 0;}

ul.nav li a {color: #999; text-decoration: none; }

ul.nav li a:hover {color: #fff;}

body.home ul.nav li.home a, body.news ul.nav li.news a, body.productions ul.nav li.productions a, body.press ul.nav li.press a, body.about ul.nav li.about a, body.contact ul.nav li.contact a {color: #fff;}

ul.nav li a {display: block; outline: none; color: #fff;}

ul.nav {height: 15px;}

ul.nav li.home a, ul.nav li.news a, ul.nav li.productions a, ul.nav li.press a, ul.nav li.about a, ul.nav li.contact a  {background:url(http://www.stonecity.co.uk/images/main_menu.png) no-repeat;}

ul.nav li.home a:hover, ul.nav li.news a:hover, ul.nav li.productions a:hover, ul.nav li.press a:hover, ul.nav li.about a:hover, ul.nav li.contact a:hover {background:url(http://www.stonecity.co.uk/images/main_menu.png) no-repeat;}

ul.nav li.home a {background-position: 0 0; width: 45px; left: 0; }

ul.nav li.home a:hover, body.home ul.nav li.home a {background-position: 0 -15px;}

ul.nav li.news a {background-position: -71px 0; width: 43px; left: 0;}

ul.nav li.news a:hover, body.news ul.nav li.news a {background-position: -71px -15px;}

ul.nav li.productions a {background-position: -141px 0; width: 101px; left: 0;}

ul.nav li.productions a:hover, body.productions ul.nav li.productions a {background-position: -141px -15px;}

ul.nav li.press a {background-position: -270px 0; width: 50px; left: 0;}

ul.nav li.press a:hover, body.press ul.nav li.press a {background-position: -270px -15px;}

ul.nav li.about a {background-position: -344px 0; width: 73px; left: 0;}

ul.nav li.about a:hover, body.about ul.nav li.about a {background-position: -344px -15px;}

ul.nav li.contact a {background-position: -441px 0; width: 70px; left: 0;}

ul.nav li.contact a:hover, body.contact ul.nav li.contact a {background-position: -441px -15px;}

#footer {text-align: right; font-size: 10px; margin-top: 5px;}


/*------------- HOMEPAGE STYLES --------------------*/

body.home .content {padding: 0;}

.cityscape_holder {
	position: relative;
	padding-bottom: 40.6%; /* bottom vs. top for IE5 */
	height: 0; /* triggers hasLayout in IE5.0+ */
}

.cityscape {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
}

.cityscape object,
.cityscape embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

body.home div.noflash {background: url(http://www.stonecity.co.uk/images/background4.jpg) no-repeat center; height: 450px; text-align: center;}

body.home div.noflash img {margin-left: 468px; margin-top: 173px; border: none; padding: none;}


/*------------- ABOUT STYLES --------------------*/

div.latest_productions {float: left; width: 300px;}

div.latest_productions img {margin-right: 20px; padding: 2px; border: 1px solid #333;}

div.about_text {width: 450px;}

div.about_summary img {float: left; margin-right: 30px;}

div.about_summary object {float: left; margin-right: 30px;}

div.about_summary p {width: 450px; margin-left: 336px;}

div.about_summary h3 {margin-top: 0; margin-left: 336px; margin-bottom: 5px; width: 450px;}

img.about_logo {border: none;}

body.directors_clips div.about_summary {float: left; width: 450px;}

body.directors_clips div.about_summary object {margin-left: 30px; float: none;}

body.directors_clips div.about_summary p, body.directors_clips div.about_summary h3 {margin-left: 30px;}

body.directors_clips div.about_summary h3 {margin-bottom: 10px; margin-top: 30px;}




/*------------- NEWS STYLES --------------------*/

div.news_summary {clear: both; border-bottom: 1px solid #333; overflow: hidden; height: 1%; padding-bottom: 20px; margin-bottom: 20px;}

div.news_summary img {float: left; margin-right: 30px;}

div.news_summary p {width: 450px; margin-left: 336px;}

div.news_summary h3 {margin-top: 0; margin-left: 336px; margin-bottom: 5px; width: 450px;}

div.news_summary h4 {color: #333; margin: 0 0 5px 0; padding: 0; font-size: 0.8em;}

div.news_summary p.continue_reading {margin-bottom: 0; line-height: 1.2em;}


/*------------- CONTACT STYLES --------------------*/

.map {width: 350px; height: 200px; margin: 20px 0; padding: 2px; border: 1px solid #333;}

div.contact_form {float: left; width: 550px;}

div.vcard {margin-left: 550px;}

			
		
		

body.contact .content {background: url(http://www.stonecity.co.uk//images/uploads/contact_bg.jpg) no-repeat center;}





body.contact div.contact_form {margin-left: -30px; padding-left: 30px; padding-bottom: 10px;}

body.contact fieldset {margin: 0; border: 0; padding: 0; }

body.contact legend { display: none; }

body.contact form label {display: block; line-height: 1.6em; padding: 8px 0px 12px 0px;}

body.contact form label.field_name {padding-top: 0;}

body.contact form fieldset input, body.contact fieldset textarea {display: block; margin-top: 3px; border: 2px solid #333; padding: 8px 4px; background: #000; color: #999; font-size: 1em;}

body.contact form .submit_button {margin-top: 12px;}

div.vcard p, div.vcard ul  {margin-bottom: 0;}

/*------------- PRODUCTION STYLES --------------------*/

ul.productions_list li h3 {margin-top: 0; padding-top: 0;}

ul.productions_list { margin-left: 45px; overflow: hidden;}

ul.productions_list li {float: left; margin-right: 20px; text-align: center; padding-bottom: 20px; width: 256px; height: 190px;}

ul.production_links {font-size: 1em; list-style: disc; margin-left: 15px;}

img.overview_image {float: left; margin-right: 20px;}

body.productions .content {background: url(http://www.stonecity.co.uk/images/productions2.jpg) no-repeat center;}


		
		

body.production_archive .content {background: url(http://www.stonecity.co.uk//images/uploads/productions2.jpg) no-repeat center;}






		
		

body.press .content {background: url(http://www.stonecity.co.uk//images/uploads/cityscape_bg01.jpg) no-repeat center;}






		
		

body.news .content {background: url(http://www.stonecity.co.uk//images/uploads/news.jpg) no-repeat 95% 2%;}






		
body.news_page_background_01 .content {background: url(http://www.stonecity.co.uk//images/uploads/news.jpg) no-repeat center;}		
		
		
		
body.contact_page_background_01 .content {background: url(http://www.stonecity.co.uk//images/uploads/contact_bg.jpg) no-repeat center;}		
		
		
		
body.cityscape_03 .content {background: url(http://www.stonecity.co.uk//images/uploads/productions3.jpg) no-repeat center;}		
		
		
		
body.cityscape_02 .content {background: url(http://www.stonecity.co.uk//images/uploads/productions2.jpg) no-repeat center;}		
		
		
		
body.casualty_01 .content {background: url(http://www.stonecity.co.uk//images/uploads/casualty_bg01.jpg) no-repeat center;}		
		
		
		
body.cityscape_01 .content {background: url(http://www.stonecity.co.uk//images/uploads/cityscape_bg01.jpg) no-repeat center;}		
		
		



/*------------- CAST STYLES --------------------*/

div.production_menu {float: left; margin-right: 20px; width: 200px; height: 500px; }

div.production_content {margin-left: 220px;}

div.production_menu ul {margin: 0; padding: 0; font-size: 1em;}

div.production_menu ul li.other_productions {margin: 10px 0 20px 0;}

ul.navigation li {margin-left: 20px; list-style: disc;}

div.actor_details {clear: both; padding-top: 20px;}

div.actor_details p, div.character_details p {width: 400px; margin-left: 276px;}

div.actor_details h3, div.character_details h3 {margin-top: 0; margin-left: 276px;}

div.actor_details img, div.character_details img {float: left; margin-right: 20px; }

div.cast_extras {clear: both;}

div.actor_links {float: left; width: 250px;}

div.cast_quote p {margin-left: 276px;}

div.cast_quote h3 {margin-left: 276px; padding-top: 10px;}

div.behind_the_scenes_photos {float: left; width: 276px;}

div.behind_the_scenes_photos img {margin-right: 20px;}

div.behind_the_scenes_text h3 {margin-top: 0;}

img.scenes_photo {margin-bottom: 20px;}

div.actor_details img {margin-bottom: 10px;}

div.video_holder {text-align: center; margin-bottom: 20px;}

div.gallery_image {text-align: center; margin-bottom: 20px;}

#slider {
    margin: 0 auto;
    position: relative;
    width: 970px;
}

.scroll {
    height: 570px;
    width: 700px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    background: #000000;
}

body.gallery .scroll {height: 530px;}

.scrollContainer div.panel {
    padding: 0 10px;
    height: 570px;
    width: 680px;
}

body.gallery .scrollContainer div.panel {height: 530px;}

body.production_archive .scroll {
    height: 530px;
    width: 910px;
    margin-left: 15px;
  }

body.production_archive .scrollContainer div.panel {
    padding: 0 20px;
    height: 510px;
    width: 890px;
}

body.production_archive .scrollButtons {
    top: 210px;

}

body.production_archive .scrollButtons.left {
    left: -10px;
}

body.production_archive .scrollButtons.right {
    right: -10px;
}


ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
}

.scrollButtons {
    position: absolute;
    top: 250px;
    cursor: pointer;
}

.scrollButtons.left {
    left: 190px;
    border: none;
}

.scrollButtons.right {
    right: 10px;
     border: none;
}

.hide {
    display: none;
}