@charset "utf-8";
/* CSS Document*/

body * {
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:0;
	
	color:#4b4b4b;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:68%;
	
	line-height:1.4em;
	
	background-color:#fff;
}

h1 {

	padding-bottom:12px;
	margin-bottom:20px;
	
	color:#aa0050;
	font-size:2em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	
	background-image:url(../images/heading_underline.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	
	line-height:1.1em;
}

h2, h3, h4 {
	font-size:1.2em;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#aa0050;
	margin-bottom:25px; /* + 20px top margin on paras = 25px */
}

h2 {
	color:#4b4b4b;
}

p {
	margin-bottom:20px;
}

a,
a:link, a:visited, a:active {
	color:#000;
	font-style:italic;
	text-decoration:underline;
	outline:0;
}

a:hover {
	text-decoration:none;
	outline:0;
}

.clear {
	clear:both;
}

/***************************************
	Major Elements

	- breadcrumb
	- sidebars
	- content containers
	- footer
****************************************/

#header {
	width:955px;

	margin:25px auto 0 auto;
	padding:0 5px 0 0;
	text-align:right;

	background-image:url(../images/bg_header.gif);
	background-position:25px top;
	background-repeat:no-repeat;

}

#search {
	padding-bottom:2px;
}


/***************************************
	Sitemap

****************************************/
#sitemap ul ul {
	margin-left:2.3em;
}

#sitemap ul {
	margin-bottom:2em;
}

#sitemap ul ul {
	margin-bottom:.5em;
}


/***********************************************
	 Footer 
************************************************/
#footer{
	clear:both;
	width:960px;
	margin:0 auto 3em auto;
	padding-top:1em;
	background-color:#fff;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.9em;
}

#footer ul {
	list-style:none;
}

#footer li {
	display:inline;
	padding:0 5px 0 10px;
}

#footer li a {
	color:#4b4b4b;
}

#footer img
{
    float: left;
}
/***********************************************
  Branding Banner and Section Specific Elements
************************************************/


#brand {
	width:960px;
	height:210px;
	overflow:hidden;
	
	
	
	margin:0 auto;
	
	margin-left:-25px;
	background-color:#CCCCCC;
	background-repeat:no-repeat;
	background-position:left top;
}


#brand h1 {
	position:relative;
	background-image:none;
}

#brand h1 a {
	position:absolute;
	display:block;	
	width:190px;
	height:210px;
	left:25px;
	text-align:left;
	text-indent:-9999px;
}


.about #brand {
	background-image:url(../images/bg_brand_about.jpg);
}

.explore #brand {
	background-image:url(../images/bg_brand_explore.jpg);
}
.book #brand {
	background-image:url(../images/bg_brand_book.jpg);
}

.whatson #brand {
	background-image:url(../images/bg_brand_whatson.jpg);
}

.support #brand {
	background-image:url(../images/bg_brand_support.jpg);
}

.news #brand {
	background-image:url(../images/bg_brand_news.jpg);
}

/* SEE ALSO: FeaturePage overrides fro adjustments to these values on .featurePage templates */


/***********************************************
  Body and  Section Specific Elements
************************************************/

#body {
	width:935px;
	margin:0 auto;
	padding-left:25px;

	
	background-repeat:no-repeat;
	background-position:left 210px;
	
}

.about #body {
	background-image:url(../images/bg_body_about.jpg)
}
.explore #body {
	background-image:url(../images/bg_body_explore.jpg)
}
.book #body {
	background-image:url(../images/bg_body_book.jpg)
}
.whatson #body {
	background-image:url(../images/bg_body_whatson.jpg)
}
.support #body {
	background-image:url(../images/bg_body_support.jpg)
}
.news #body {
	background-image:url(../images/bg_body_news.jpg)
}
/* SEE ALSO: FeaturePage overrides fro adjustments to these values on .featurePage templates */


/***********************************************
  Primary Navigation
 ***********************************************/

#navigation {
	padding:1em 0 1.5em 0;
	width:190px;
	background-color:#aa0050;
	float:left;

	color:#fff;
	font-size:1.2em;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
}


#navigation ul {
	list-style:none;
}

#navigation li {
	margin:0 0 .5em 0;
}

#navigation ul ul{
	margin:.4em 0;
	padding-bottom:.3em;
	font-size:.8em;
	line-height:1.2em;
}


#navigation ul ul ul{
	margin:.6em 0;
	font-size:1em;

	background-color:#990048;
	padding:7px 25px 7px 10px;
	font-weight:bold;
}


#navigation .title{
	font-weight:bold;
	padding-left:20px;
}


#navigation ul a,
#navigation ul .selected a{
	text-decoration:none;
	font-style:normal;
	font-weight:normal;
	color:#fff;
	display:block;
	margin-left:10px;
	padding:2px 0 2px 10px;
	background-repeat:no-repeat;
	background-position:left 50%;	
}

#navigation ul ul a,
#navigation ul ul .selected a {
	display:block;
	margin-left:20px;
	font-weight:bold;
	padding-right:25px;
}

#navigation ul ul ul a.
#navigation ul ul ul .selected a {
	font-weight:normal;
	margin-left:10px;
	padding-right:0;
}


#navigation a:hover,
#navigation .selected a {
	background-image:url(../images/bullet_nav_level1.gif);
}

/*
#navigation ul ul a:hover {
	background-image:url(../images/bullet_nav_level1.gif);
}
*/

/**********************************************
		Main Content Area
**********************************************/
#main {
	float:left;
	width:625px;
}

#breadcrumbs{
	padding:30px 0 55px 0;
	margin-left:25px;
	color:#4b4b4b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.9em;
}

#breadcrumbs ol {
	list-style:none;
}

#breadcrumbs li {
	display:inline;
	padding-right:5px;
}



#breadcrumbs a {
	color:#4b4b4b;
	text-decoration:none;
}

#breadcrumbs a:hover {
	text-decoration:underline;
}


#content {
	overflow:visible;
	padding-left:75px;
	width:430px;
}

#contentwide
{
	overflow:visible;
	padding-left:75px;
    width: 650px;
}

#content h1,
#content h2 {
	margin-left:-25px;
}


/**********************************************
		FeaturePage Overrides 
		For home page and production pages
**********************************************/
.featurePage #body {
	background-image:none;
	background-color:#000;
}

.featurePage #brand_navigation {
	float:left;
	width:190px;
	background-color:#009900;
}

.featurePage #brand {
	width:190px;
	margin:0;
	background-image:url(../images/bg_brand_feature.gif);
}

.featurePage #main {
	width:745px;
}

.featurePage #content {
	margin:0;
	padding:0;
	width:745px;
}


.featurePage #flashBanner {

	float:left;

	width:745px;
	height:515px;
	background-color:#000;
}

/**********************************************
		HOME PAGE
**********************************************/

.featurePage .quicklinks {
	width:960px;
	margin:0 auto 0 auto;
	/*padding-bottom: 20px;*/
	background-color:#000;
	height:11.5em;
}
.featurePage .qlinternal
{
    background-color: #363636;
    height:9.5em;
}
.quicklinks .bottommargin
{
    line-height: 20px;
}

.featurePage .quicklinks .item {
	float:left;
	width:189px;
	/*border:1px solid #fff;*/
	/*border-right:1px solid #fff;*/
	padding:15px 25px 10px 25px;
	background-color:#363636;
	height:7em;
}

.featurePage .quicklinks .lastItem
{
    border-right:none;
}
.featurePage .quicklinks .item .content {
	height:95px;
	
}
.featurePage .quicklinks .item .call_to_action {
	position:absolute;
	float:left;
	font-size:12px;
	margin-top:-8em;
	width:189px;
	padding-top:5.5em;
}

.featurePage .quicklinks .item h3 {
	font-size:17px;
	line-height:19px;
	margin-bottom:7px;
	font-weight:normal;
}

.featurePage #navigation {
	background-color:#990048;
}

.featurePage .quicklinks .item p {
	font-size:15px;
}


.featurePage .quicklinks .item h3, 
.featurePage .quicklinks .item p, 
.featurePage .quicklinks .item a {
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


/**********************************************
		Related Content Area
**********************************************/

#related {
	float:right;
	width:120px;
	margin-top:150px;
	font-size:.9em;
}

#related .item {
	border-bottom:1px solid #4b4b4b;
	padding-bottom:5px;
	margin-bottom:15px;
}

#related h5 {
	font-size:1.1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#aa0050;
}

#related p {
	margin-bottom:.9em;
}

/*************************************
   Production Page
**************************************/
.featurePage #main h1 {
	background-image:url(../images/heading_underline_invert.gif);
}

#julius #main h1,
#julius #main h3,
#julius #main h4 {
	color:#eeb211;
}
#screw #main h1, 
#screw #main h3,
#screw #main h4{
	color:#f78f1e;
}

#bear #main h1,
#bear #main h3,
#bear #main h4 {
	color:#61005d;
}

#faust #main h1,
#faust #main h3,
#faust #main h4 {
	color:#f78f1e;
}

#threepenny #main h1,
#threepenny #main h3,
#threepenny #main h4 {
	color:#892887;
}


.featurePage #main,
.featurePage h2,
.featurePage h3,
.featurePage h4 {
	color:#fff;
}


.featurePage .col_a {
	float:left;
	width:405px;
	padding:0 25px 0 75px;
	
	color:#fff;
}

.featurePage .col_a .production_info {
	margin:0 0 25px -25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.featurePage .col_a .production_info p{
	margin:0;
}

.featurePage #content a:link,
.featurePage #content a:visited,
.featurePage #content a:hover,
.featurePage #content a:active,
.featurePage .col_a  .call_to_action a{
	color:#fff;
}

.featurePage #related {
	float:left;
	width:215px;
	margin-top:50px;
	font-size:.96em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	
}

.featurePage #related .featureContent{
	font-family:Georgia, "Times New Roman", Times, serif;
}



/*************************************
   Secondary styles
**************************************/

.search_input {
	width:180px;
	margin-right:5px;

	background-color:#d9d9d9;
	border:1px solid #000;
}
.call_to_action {
	/*background-image:url(../images/bullet_cta.gif);*/
	background-position:left 50%;
	background-repeat:no-repeat;
}

.call_to_action a {
	padding:0 7px;
	font-weight:bold;
}

.divider
{
    float:left;
    border-left:1px solid #fff;
    height:7em;
    margin-top:1.3em;
}
.call_to_action a:hover {
	padding:0 7px;
	font-weight:bold;
	background-image:url(../images/bullet_cta.gif);
	background-position:left 50%;
	background-repeat:no-repeat;
}

.callout {
	margin:10px 0;
	padding:15px 25px 25px 25px;
	background-color:#ededed;
}

.featureContent {
	font-size:1.2em;
}


.alignleft {
	float: left;
}
.alignimgleft {
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	float: left;
}
.alignimgright {
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
	float: right;
}
.alignright {
	float: right;
}

a.rss {
	margin-left: -25px; 
	display: block; 
	margin-bottom: 20px;
	background: url('../images/template_feedicon.png') no-repeat;
	padding-left: 20px;
}