/*--------------------------------------------


hiddenpearl.co.uk
Stylesheet: screen.css
Author: Hidden Pearl Productions Limited
Version: 5.1
Date: Feb 2011


CONTENTS

1.  RESET
2.  BODY
3.  TYPOGRAPHY
4.  LAYOUT
5.  LISTS


COLOURS

F8F8FF - page
D44735 - warm red
4896A1 - turquoise
949494 - pale grey
6B6B6B - light grey
404040 - mid grey
121212 - dark grey 


---------------------------------------------*/


/*--------------------------------------------
1.  RESET
---------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin: 0; 
	padding: 0;
} 
table { 
	border-collapse: collapse; 
	border-spacing: 0; 
} 
fieldset {  
	border: 0; 
} 
address,caption,cite,code,dfn,th,var { 
	font-style: normal; 
	font-weight: normal; 
} 
ol,ul { 
	list-style: none; 
} 
caption,th {
	text-align: left; 
} 
h1,h2,h3,h4,h5,h6 { 
	font-weight: normal; 
}
q:before,q:after { 
	content: ''; 
} 
abbr,acronym {
	border: 0; 
}
a:link, a:active, a:hover, a:visited {
	outline: none;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: bottom;
}

/*--------------------------------------------
2.  BODY
---------------------------------------------*/

/* Force vertical scrollbar so centred pages don't shift */
html {
	height: 100%;
	margin-bottom: 1px;
}

body {
	height: 100%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	color: #121212;
	margin: 0;
	padding: 0;
	background: #F8F8FF url(images/body_background.jpg) top repeat-x;
}

/*--------------------------------------------
3.  TYPOGRAPHY
---------------------------------------------*/

/*
FONT SCALE
8px - 0.5em
9px - 0.563em/0.5
10px - 0.625em/1.8
11px - 0.688em/1.637
12px - 0.75em/1.5
14px/18px - 0.875em/1.286
16px - 1em/1.125
18px - 1.125em/1
21px - 1.313em/0.858
24px - 1.5em/0.75
36px - 2.25em/0.5
48px - 3em/0.375
60px - 3.75em/0.3
72px - 4.5em/0.25
*/

h1 {
	font-size: 1.125em;
	line-height: 1;
	text-transform: uppercase;
	margin: 0;
	letter-spacing: 0.2em;
	padding: 1.125em 0 0 0;
	color: #D44735;
}

h2 {
	font-size: 0.875em;
	line-height: 1.286;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin: 0 0 1.286em 0;
	padding: 0 0 8px 0;
	border-bottom: #404040 solid 1px;
}

#pastproductions_section h2 {
	border-bottom: #404040 solid 1px;
}

#production_information h2 {
	font-size: 1em;
	line-height: 1.125;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin: 0;
	padding: 0;
	border-bottom: none;
	color: #D44735;
}

h3 {
	font-size: 0.75em;
	line-height: 1.5;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#contact h3,
#biography h3 {
	margin-bottom: 1.5em;
}

#production_information h3 {
	margin: 1.5em 0;
	padding: 17px 0 0 0;
	border-top: #404040 solid 1px;
}

p {
	font-size: 0.75em;
	line-height: 1.5;
	margin: 0 0 1.5em 0;
	padding: 0;
}

#topnav {
	font-size: 0.75em;
	line-height: 1.5;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}


#index_standfirst p {
	font-size: 1.125em;
	line-height: 1.5;
	font-style: italic;
	text-align: justify;
	margin: 0;
	padding: 0;
}

#tours_section ul {
	font-size: 0.75em;
	line-height: 1.25;
}

#pastproductions_section ul {
	font-size: 0.688em;
	line-height: 1.364;
}

#about_standfirst p {
	font-size: 0.875em;
	line-height: 1.286;
}

#production_credits .credit {
	font-size: 0.688em;
	line-height: 1.637;
	font-style: italic;
}

#production_credits .name {
	font-size: 0.75em;
	line-height: 1.5;
	text-transform: none;
	color: #121212;
}

.text_highlight {
	color: #D44735;	
}

.smallprint {
	font-size: 0.688em;
	line-height: 1.637;
	font-style: italic;
}

.image_credit {
	font-size: 0.5em;
	line-height: 1.125;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #121212;
	margin: 1.125em 0 2.5em 0;
}

.quote {
	text-indent: -2px;
	font-style: italic;
	color: #121212;
}

.quote_indent {
	text-indent: 1em;
	font-style: italic;
	margin-top: -1.5em;
	color: #121212;
}

.quote_credit {
	margin-top: -1.5em;
	color: #D44735;	
}

#bottomnav {
	font-size: 0.688em;
	line-height: 1.637;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

#footer p {
	font-size: 0.688em;
	line-height: 1.637;
	color: #949494;
}


/*--------------------------------------------
4.  LAYOUT
---------------------------------------------*/

#container {
	width: 598px;
	margin: 0 auto 0 auto;
	padding: 1em 181px 0 181px;
	background: url(images/container_background.jpg) top no-repeat;
}

#header {
	width: 598px;
	height: 81px;
	margin: 0;
	padding: 0;
	background: url(images/hp_symbol.gif) top right no-repeat;
}

#topnav {
	font-family: Arial, Helvetica, sans-serif;
	width: 598px;
	margin: 0 0 5.625em 0;
	padding: 0;
}

#index_standfirst {
	width: 598px;
	margin: 0 0 2.813em 0;
	padding: 0;
}

#index_standfirst img {
	margin: 0 0 0.375em 0;
	padding: 0;
}

#tours_section {
	width: 598px;
	height: 459px;
	margin: 0 0 2.813em 0;
	padding: 0;
	border-bottom: #404040 solid 1px;
}

#pastproductions_section {
	width: 598px;
	height: 180px;
	margin: 0;
	padding: 0;
}

#tours_section img,
#pastproductions_section img {
	margin-bottom: 0.375em;
}

#content {
	width: 598px;
	margin: 0;
	padding: 0;
}

#about_standfirst {
	width: 445px;
	margin: 0 0 1.125em 0;
	padding: 0;
}

#biography,
#contact {
	width: 445px;
	margin: 2.25em 0 2.813em 0;
	padding: 17px 153px 0 0;
	border-top: #404040 solid 1px;
}

#biography img {
	float: right;
	margin-right: -153px;
}

#production_information {
	width: 445px;
	margin: 0 0 1em 0;
	padding: 0 14px 0 0;
	border-right: #404040 solid 1px;
	float: left;
}

#production_information .right_gutter {
	margin: 0 14px 0 0;
}

#production_credits {
	width: 124px;
	margin: 0 0 0 14px;
	padding: 0;
	float: right;
}

#footer {
	font-family: Arial, Helvetica, sans-serif;
	width: 598px;
	margin: 0;
	padding: 2em 0 12em 0;
	border-top: #404040 solid 1px;
	clear: both;
}

#bottomnav {
	margin: 0;
	padding: 0;
}


/*--------------------------------------------
5.  LISTS
---------------------------------------------*/

#topnav ul {
	margin: 0;
	padding: 0;
}

#topnav li {
	list-style: none;
	display: inline;
	margin: 0 1em 0 0;
	padding: 0;
}

#tours_section ul {
	width: 612px;
	list-style: none;
	margin: 0 -14px 0 0;
	padding: 0;
}

#tours_section li {
	width: 292px;
	margin: 0 14px 0 0;
	padding: 0;
	float: left;
	overflow:hidden;
}

#pastproductions_section ul {
	width: 612px;
	list-style: none;
	margin: 0 -14px 0 0;
	padding: 0;
}

#pastproductions_section li {
	width: 139px;
	margin: 0 14px 0 0;
	padding: 0;
	float: left;
	overflow:hidden;
}

#production_credits ul {
	margin: 0 0 1.125em 0;
	padding: 0;
}

#bottomnav ul {
	margin: 0;
	padding: 0;
}

#bottomnav li {
	list-style: none;
	display: inline;
	margin: 0 0.5em 0 0;
	padding: 0;
}


/*--------------------------------------------
6.  LINKS
---------------------------------------------*/

#topnav a:link,
#topnav a:visited {
	color: #6B6B6B;
	text-decoration: none;
}

#topnav a:hover,
#topnav a:active {
	color: #4896A1;
	text-decoration: none;
}

#tours_section a:link,
#tours_section a:visited {
	color: #121212;
	text-decoration: none;
	display: block;
}

#tours_section a:hover,
#tours_section a:active {
	color: #4896A1;
	text-decoration: none;
	display: block;
}

#pastproductions_section a:link,
#pastproductions_section a:visited {
	color: #121212;
	text-decoration: none;
	display: block;
}

#pastproductions_section a:hover,
#pastproductions_section a:active {
	color: #4896A1;
	text-decoration: none;
	display: block;
}

#contact a:link,
#contact a:visited,
#biography a:link,
#biography a:visited {
	color: #121212;
	text-decoration: none;
	border-bottom: dotted 1px;
}

#contact a:hover,
#contact a:active,
#biography a:hover,
#biography a:active {
	color: #4896A1;
	text-decoration: none;
	border-bottom: dotted 1px;
}

#production_information a:link,
#production_information a:visited,
.image_credit a:link,
.image_credit a:visited {
	color: #121212;
	text-decoration: none;
	border-bottom: dotted 1px;
}

#production_information a:hover,
#production_information a:active,
.image_credit a:hover,
.image_credit a:active {
	color: #4896A1;
	text-decoration: none;
	border-bottom: dotted 1px;
}

#footer a:link,
#footer a:visited {
	color: #949494;
	text-decoration: none;
	border-bottom: dotted 1px;
}

#footer a:hover,
#footer a:active {
	color: #4896A1;
	text-decoration: none;
	border-bottom: dotted 1px;
}

#bottomnav a:link,
#bottomnav a:visited {
	border-bottom: none;
}

#bottomnav a:hover,
#bottomnav a:active {
	border-bottom: none;
}
.submenu li a {
	color: #6B6B6B;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.75em;
}
.submenu li a:hover {
	color: #4896A1;
	text-decoration: none;
	font-size: 0.75px;
}

.submenu strong {
	font-size: .75em;
}
#production_information table tr td {
	font-size: 0.75em;
	color: #121212;
	font-weight: normal;
	padding: 5px;
	vertical-align: top;
}
#container #content #production_information p .imageborder {
	padding-bottom: 10px;
	padding-left: 30px;
}
.biggertext {
	font-size: 14px;
	padding-top: 10px;
}
#container #content #production_credits .submenu .biggertext .biggertext {
	font-size: 14px;
}