/* Title: Global styles for screen media. Author: Simon Leadbetter simon@cogdesign.com. Last updated: 20 August 2008 */

/* --[ =YUI RESET ]---------------------------- */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/* --[ =YUI BASE ]----------------------------- */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
body{margin:10px;}h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}optgroup{font-weight:normal;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}del{text-decoration:line-through;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}sup{vertical-align:super;}sub{vertical-align:sub;}p,fieldset,table,pre{margin-bottom:1em;}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;}


/* --[ =GRID ]--------------------------------- */
/*
Activate these styles for positioning during development.
*/

/*html {background:transparent url('/site_assets/images/generic/grid_baseline.gif') repeat left top;}
html body {background:transparent url('/site_assets/images/generic/grid_columns.gif') repeat-y left top;}
*/

/* --[ =LAYOUT ]------------------------------- */
/* Global */
html,html body{padding:0;margin:0;}
html{width:100%;height:100%; background:#ED5F9A url('/site_assets/images/generic/background_html.gif') repeat-y top left;}
html body{padding:20px 0;}
/* Wrapper */
div#wrapper{background:#ED5F9A url('/site_assets/images/generic/background_wrapper.gif') repeat-y top left;margin:0 20px;}
/* Header */
div#header{position:relative;margin:0;padding:0;height:420px;background:#9D3493;}
div#header #advert_video{display:none;}
a#logo {position:absolute;top:15px;right:15px;z-index:10;}
a#logo img {width:145px;height:55px;}
a#logo:hover img {filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
/* Fact box */
div#factbar{background:#ED5F9A;padding:0;margin:0;}
div#factbar p{padding:0;margin:0;}
div#factbar h1,div#factbar p.logo_arm{position:relative;display:block;background:transparent url('/site_assets/images/generic/logo_armagainst.gif') repeat left top;text-indent:-5000px;width:225px;height:100px;padding:0;margin:0 15px 0 0;float:left;}
div#column_left div#factbar{background:#ED5F9A;padding:0;margin:0;}
div#column_left div#factbar p{padding:0;margin:0;}
div#column_left div#factbar h1,div#factbar p.logo_arm{position:relative;display:block;background:transparent url('/site_assets/images/generic/logo_armagainst.gif') repeat left top;text-indent:-5000px;width:225px;height:100px;padding:0;margin:0 15px 0 0;float:left;}
/* Content */
div#content{position:relative;padding:0;background:#ED5F9A;}
div#content h1{position:absolute;top:100px;}
div#content p{color:#FFFFFF;}
/* Main content */
div#content div#main_content{position:relative;padding:220px 15px 15px 0;}
div#content div#main_content div.emphasised_text{margin:0 0 1em 0; padding:0 0 1px 0;}
div#content div#main_content div.emphasised_text p{font-size: 1.285714em; line-height: 1.166667em; font-weight:bold; margin-bottom: 1em;}
/* Secondary content */
div#content div#secondary_content{background:url('/site_assets/images/generic/horizontal_rule.gif') no-repeat bottom left;position:relative;padding:0 15px;margin-top:220px;border-left:1px solid #FFFFFF;width:194px;}
div#content div#secondary_content ul{padding:0;margin:0;}
div#content div#secondary_content ul li{padding:0;margin:0 0 1.071429em 0; list-style:none;}
/* Contact info */
div#contact_info {background:#9D3493;}
div#contact_info p{color:#FFFFFF;}
div#contact_info :link { text-decoration: none; color:#ED5F9A; }
div#contact_info :visited { text-decoration: none; color:#ED5F9A; }
div#contact_info :link:hover, div#content div#contact_info :visited:hover { text-decoration: underline; color:#FFFFFF; }
div#contact_info :link:focus, div#content div#contact_info :visited:focus { text-decoration: none; }
div#contact_info :link:active, div#content div#contact_info :visited:active { text-decoration: none; color:#ED5F9A; }
/* Footer */
div#footer{position:relative;display:block;clear:both;margin:0;padding:15px 0 30px 0;background:#FFFFFF;}
div#footer div#copyright{color:#000000;margin:0;}
div#footer div#copyright p{font-size:0.714286em;padding:0;margin:0;color:#000000;}
div#footer div#copyright :link { text-decoration: none; color:#ED5F9A; }
div#footer div#copyright :visited { text-decoration: none; color:#ED5F9A; }
div#footer div#copyright :link:hover, div#footer div#copyright :visited:hover { text-decoration: underline; color:#9D3493; }
div#footer div#copyright :link:focus, div#footer div#copyright :visited:focus { text-decoration: none; }
div#footer div#copyright :link:active, div#footer div#copyright :visited:active { text-decoration: none; color:#ED5F9A; }

/* --[ =TYPOGRAPHY ]--------------------------- */
body{font-size:87.5%;line-height:1.5em;font-family: Arial, Verdana, "MS Trebuchet", sans-serif;} /* Set base font size to 14px for Internet Explorer 6 and below on Windows */
html>body{font-size:14px;} /* Ignored by IE6, but used by Firefox, Safari, IE7, Opera */       
p{font-size:1em;line-height:1.5em;margin:0 0 1.5em 0;}
h1{font-size:2.285714em;line-height:1em;margin:0 0 1em 0;}
h2,h3,h4,h5,h6{font-size:1.142857em;line-height:1.3125em;margin-top:0em;margin-bottom:0.714286em;clear:both; display:block;}
h2{background:#FFFFFF; padding:0.357143em 0.571429em;color:#ED5F9A;}
div#content h2{display:inline-block;}
dl,ol,ul{margin-top:0.714286em;margin-bottom:0.714286em;}                                                         
li {color:#FFFFFF;}
sup,sub{position:relative;height:0;line-height:1px;vertical-align:baseline;_vertical-align:bottom;/* Hack for < IE6*/}
sup{bottom:1ex;}
sub{top:.5ex;}  
dfn{font-style:italic;font-weight:bold;} 
pre {margin:0;padding:0;}
blockquote {margin:1.5em 0 1.5em 2em;}
blockquote p {margin:0;}
blockquote cite{font-size:0.714286em;line-height:2.1em;margin:0 0 1.5em 0;}
hr{line-height:0.071429em;margin-top:-0.142858em;margin-bottom:1.5em;}
img {position:relative;}
a img{border:none;}  
table{margin-bottom:1.5em;border-collapse:collapse;}
table th{font-weight:bold;text-align:left;}
table tr,table th,table td{margin:0;padding:0 1.5em 0 1em;height:21px;border:none;}
table tfoot{font-size:0.714286em;line-height:2.1em;margin:0 0 1.5em 0;font-style:italic;}
table caption{height:21px;margin:0;}

/* --[ =LINKS ]--------------------------- */
/*
These are global link styles that are often over-rided by declaration with greater specificity 
*/
a {outline: none;}
a:link { text-decoration: underline; color:#FFFFFF; }
a:visited { text-decoration: underline; color:#FFFFFF; }
a:link:hover, a:visited:hover { text-decoration: underline; color:#9D3493; }
a:link:focus, a:visited:focus { text-decoration: underline; }
a:link:active, a:visited:active { text-decoration: underline; color:#FFFFFF; }

/* --[ =FORMS ]--------------------------------------- */
form {position:relative;padding:0;margin:0;}
form fieldset {position:relative;padding:0;margin:0 0 0.5em 0;}
form fieldset input, form fieldset textarea, form fieldset select{border:1px solid #000000;}
form fieldset input:focus, form fieldset textarea:focus, form fieldset select:focus{border-color:#666666; background:#C9E9Eb;}
/*remove border on non-standard input types*/
form fieldset input.ns_input, form fieldset input.ns_input:focus{border:none;}
form fieldset legend{font-size:1.428571em;line-height:1.4em;padding-bottom:0.3em;clear:both;display:block;color:#FFFFFF;}
form fieldset label{position:relative;display:block;font-size:0.857143em;line-height:2.1em;font-weight:bold;float:none;color:#FFFFFF;}
form fieldset label span{color:#FFFFFF;float:left;font-size:1em;line-height:1.4em;font-weight:bold;}
form fieldset p.error{font-size:1em; font-weight:normal; line-height:1.5em; color:#1B0F03; margin:0 0 0.5em 0;}
form fieldset input.error{background:#5A320E; color:#FFFFFF;border:1px solid #000000;}
form fieldset input.checkbox {float:left;margin: 0 0.5em 0.5em 0;clear:none;width:auto!important;}
form fieldset input,form fieldset textarea{position:relative;display:block;padding:3px 5px;margin:0 0 0.5em 0;font-size:1em;line-height:1.5em;clear:both;font-family:Verdana,Arial,"MS Trebuchet",sans-serif;}
form fieldset textarea{height:200px;}

/* --[ =COLUMN SYSTEM ]------------------------------- */
/* 
We use a flexible 960 pixels 12-column grid system and have developed
a flexible system to quickly create page structure.

You can define a column using the following options:

	col[adds 15px to the right margin]
	width-value[one|two|three|four|six|seven|eight|nine|ten|eleven|twelve] 
	padding[provides override widths for columns with padding] 
	clear[optional] 
	float[optional]
	btm_margin[adds 15px bottom margin to columns]
	last[removes the margin set by col, useful for columns that are last in the row]

eg. <div class="padded four col float></div>
*/

.col{margin:0 15px 0 0; position:relative;}
.padding{padding:15px;}
.last{margin:0;}
.float{float:left; display:inline;}
.clear{clear:both;}
.btm_margin{margin:0 0 1.5em 0; clear:left;}

.one{width:65px;}
.two{width:145px;}
.three{width:225px;}
.four{width:305px;}
.five{width:385px;}
.six{width:465px;}
.seven{width:545px;}
.eight{width:625px;}
.nine{width:705px;}
.ten{width:785px;}
.eleven{width:865px;}
.twelve{width:945px; margin:0;}
/* 
Reduce the column width by Xpx if padding if Xpx is applied to column. 
Currently calculated to accomodate 15px padding, so  this single declaration
it will reduce the column width by 15px. 

The following stacked classes can behave irratically in IE6. Therefore, it is important to 
explicity declare widths for any element using this modular system within the IE6 style sheet.
*/
.single.one{width:50px;}
.single.two{width:130px;}
.single.three{width:210px;}
.single.four{width:290px;}
.single.five{width:370px;}
.single.six{width:450px;}
.single.seven{width:530px;}
.single.eight{width:610px;}
.single.nine{width:690px;}
.single.ten{width:770px;}
.single.eleven{width:850px;}
.single.twelve{width:930px; margin:0;}
/* 
Reduce the column width by Xpx if padding if Xpx is applied to column. 
Currently calculated to accomodate 15px padding, so  this both declaration
it will reduce the column width by 30px. 

The following stacked classes can behave irratically in IE6. Therefore, it is important to 
explicity declare widths for any element using this modular system within the IE6 style sheet.
*/
.both.one{width:35px;}
.both.two{width:115px;}
.both.three{width:195px;}
.both.four{width:275px;}
.both.five{width:355px;}
.both.six{width:435px;}
.both.seven{width:515px;}
.both.eight{width:595px;}
.both.nine{width:675px;}
.both.ten{width:755px;}
.both.eleven{width:835px;}
.both.twelve{width:915px; margin:0;}


/* Form elements column override */
form fieldset div.one input, form fieldset div.one textarea{width:53px;}
form fieldset div.two input, form fieldset div.two textarea{width:133px;}
form fieldset div.three input, form fieldset div.three textarea{width:213px;}
form fieldset div.four input, form fieldset div.four textarea{width:293px;}
form fieldset div.five input, form fieldset div.five textarea{width:373px;}
form fieldset div.six input, form fieldset div.six textarea{width:453px;}
form fieldset div.seven input, form fieldset div.seven textarea{width:533px;}
form fieldset div.eight input, form fieldset div.eight textarea{width:613px;}
form fieldset div.nine input, form fieldset div.nine textarea{width:693px;}
form fieldset div.ten input, form fieldset div.ten textarea{width:773px;}
form fieldset div.eleven input, form fieldset div.eleven textarea{width:853px;}
form fieldset div.twelve input, form fieldset div.twelve textarea{width:933px;}
/* Form elements column widths */
form fieldset div.one select{width:65px;}
form fieldset div.two select{width:145px;}
form fieldset div.three select{width:225px;}
form fieldset div.four select{width:305px;}
form fieldset div.five select{width:385px;}
form fieldset div.six select{width:465px;}
form fieldset div.seven select{width:545px;}
form fieldset div.eight select{width:625px;}
form fieldset div.nine select{width:705px;}
form fieldset div.ten select{width:785px;}
form fieldset div.eleven select{width:865px;}
form fieldset div.twelve select{width:945px;}

/* --[ =HACKS ]-------------------------------- */
.clearfix{display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} 
/* Global */
.inv{position:absolute;left:-900000px; z-index:-1; height:1px; float:left; display:inline;}   

/* --[ =NAVIGATION ]------------------------------- */ 
/* Accessibility */
ul#navigation_accesibility{position:absolute; left:-900000px;}  
/* Section navigation */
ul#navigation_sections{position:absolute;top:145px;left:0;padding:0;margin:0;}
ul#navigation_sections li {
	position: relative;
	background: transparent url('/site_assets/images/navigation/navigation_states.png') no-repeat top left;
	list-style: none;
	display: block;
	margin: 0;
	padding: 0 15px;
	font-weight: normal;
	font-size: 22px;
	height: 36px;
	line-height: 36px;
	width: 195px;
}
ul#navigation_sections li a{position:relative;font-size:1em;display:block;text-decoration:none;font-weight:normal;height:36px;line-height:36px;}
ul#navigation_sections li a:link { text-decoration: none; color:#FFFFFF; }
ul#navigation_sections li a:visited { text-decoration: none; color:#FFFFFF; }
ul#navigation_sections li a:link:hover, ul#navigation_sections li a:visited:hover { text-decoration: none; color:#ED5F9A; }
ul#navigation_sections li a:link:focus, ul#navigation_sections li a:visited:focus { text-decoration: none;}
ul#navigation_sections li a:link:active, ul#navigation_sections li a:visited:active { text-decoration: none; color:#FFFFFF;}
/* Section navigation on states */
body#t_default ul#navigation_sections li.home {background-position:top right;}
body#t_default ul#navigation_sections li.home a {cursor:default;color:#ED5F9A; }
body#t_why ul#navigation_sections li.why {background-position:top right;}
body#t_why ul#navigation_sections li.why a {cursor:default;color:#ED5F9A; }
body#t_how ul#navigation_sections li.how {background-position:top right;}
body#t_how ul#navigation_sections li.how a {cursor:default;color:#ED5F9A; }
body#t_where ul#navigation_sections li.where {background-position:top right;}
body#t_where ul#navigation_sections li.where a {cursor:default;color:#ED5F9A; }
body#t_videos ul#navigation_sections li.videos {background-position:top right;}
body#t_videos ul#navigation_sections li.videos a {cursor:default;color:#ED5F9A; }
/* Footer navigation */
ul#navigation_footer{position:absolute;right:0;top:0;padding:0;margin:0;}
ul#navigation_footer li{list-style:none;float:left;display:inline;margin:0;padding:0 0.714286em;font-size:1em;line-height:2.714286em;height:2.714286em;border-right:1px solid #ED5F9A;}
ul#navigation_footer li a{display:block;text-decoration:none;font-weight:bold;}
ul#navigation_footer li a:link { text-decoration: none; color:#ED5F9A;}
ul#navigation_footer li a:visited { text-decoration: none; color:#ED5F9A;}
ul#navigation_footer li a:link:hover, ul#navigation_footer li a:visited:hover { text-decoration: none; color:#9D3493;}
ul#navigation_footer li a:link:focus, ul#navigation_footer li a:visited:focus { text-decoration: none;}
ul#navigation_footer li a:link:active, ul#navigation_footer li a:visited:active { text-decoration: none; color:#ED5F9A;}
/* Section navigation on states */
body#t_default ul#navigation_footer li.home a {color:#9D3493;cursor:default;}
body#t_why ul#navigation_footer li.why a {color:#9D3493;cursor:default;}
body#t_how ul#navigation_footer li.how a {color:#9D3493;cursor:default;}
body#t_where ul#navigation_footer li.where a {color:#9D3493;cursor:default;}
body#t_videos ul#navigation_footer li.videos a {color:#9D3493;cursor:default;}

/* --[ =sIFR]------------------------------- */
h1.sIFR-replaced{margin-bottom:0.2em;}
h2.sIFR-replaced{margin-bottom:0.3em;}
ul#navigation_sections li.sIFR-replaced{float:left;width:195px;clear:both;}


/* --[ =HCARD]------------------------------- */
div.vcard p {margin:0;padding:0;}

/* --[ =JQUERY UI ELEMENTS ]------------------------------- */
/* Global */
.link{color:#EB3D15;}
.hover{text-decoration: underline; color:#7d7d7d; cursor:pointer;} /* This class will be added dynamically*/
.ui-state-default{color:#EB3D15;}
.ui-state-active{color:#7d7d7d;}
/* Tabs */
ul.tab_nav{list-style:none; padding:0.75em; margin:0.75em 0; background:#blue;}
ul.tab_nav li{display:inline;}
ul.tab_nav li a{float:left; margin:0 1em 0 0;}
ul.tab_nav li.ui-state-active a, ul.tab_nav li.ui-tabs-selected a{color:red;}
div.tab_area div.ui-tabs-hide{display:none;}
/* Accordion */
div.accordion{margin:0;}
div.accordion h3{margin:0 0 0.4em 0;}
/* Easy Slider */
#slider ul,#slider li{margin:0;padding:0;list-style:none;}
/* 
Define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
div#slider li{width:580px;height:80px;overflow:hidden;}
div#slider li p{font-size: 1.214286em;line-height: 1.235294em;padding:15px 15px 15px 0;color:#FFFFFF;}
span#prevBtn{position:absolute; top:30px; right:60px;}
span#nextBtn{position:absolute; top:30px; right:15px;}
span#prevBtn a, span#nextBtn a{width:46px; height:60px; display:block; text-indent:-90000px;}
span#prevBtn a{background:url('../site_assets/images/sections/home/facts_prev.gif') no-repeat top left;}
span#nextBtn a{background:url('../site_assets/images/sections/home/facts_next.gif') no-repeat top left;}
span#prevBtn a:hover, span#nextBtn a:hover{background-position:top right;}
div#factbar p.the_facts {
	position: absolute;
	display:none;
	top:60px;
	right:15px;
	background:#ED5F9A url('/site_assets/images/sections/home/the_facts.gif') no-repeat top left;
	width:92px;
	height:21px;	
	margin: 0;
	padding: 0;
	text-indent:-5000px;
}



/* FancyBox */
.advert_video{position:absolute;bottom:15px; left:15px;}

/* --[ =SECTION STYLES ]----------------------------------- */
/* 
These style are section specific
*/
/* Home */
body#t_default div#main_content div.key_message p {font-size:2.285714em;margin-bottom: 0.65625em;font-weight:bold;}
body#t_default div#main_content div.player_visible{margin:0 0 1em 0;}
body#t_default div#main_content div.secondary_message p {font-size:1.571429em;margin-bottom: 0.65625em;font-weight:bold;}
body#t_default div#content div#main_content{position:relative;padding:15px 15px 15px 0;}
body#t_default div#content{background:#9D3493;}
body#t_default ul#navigation_footer li{border-right:1px solid #9D3493;}
/* Where */
body#t_where div#content div#main_content div.listings_container{margin:1.428571em 0 0 0;}
body#t_where div#content div#main_content div.listing{width:220px;}
body#t_where div#content div#main_content div.listing.vcard{margin-bottom:2.142857em;}
body#t_where div#content div#main_content div.listing.vcard h3{font-size:1em;line-height:1.5em;margin:0; font-weight:bold; color:#fff;}
/* Video */
body#t_videos ul#navigation_sections{top:230px;}
body#t_videos div#main_content div.listing{border-bottom:1px solid #fff;margin:0 0 1em 0;padding:0 0 1em 0;}
body#t_videos div#main_content div.listing h2{clear:both;}
body#t_videos div#main_content div.listing div.player{display:none;}
body#t_videos div.vimeomessage{padding:15px;font-size:1.2em;width:760px;height:560px;}
body#t_videos div#main_content div.listing div.description{float:left;width:285px;}
body#t_videos div#main_content div.listing div.description p{margin-bottom:1em;}
body#t_videos div#main_content div.listing div.description p:last-child{margin-bottom:0;}
body#t_videos div#main_content div.listing a.fancybox{display:block;float:left;margin:0 15px 0 0;position:relative;width:150px;min-height:1px;}
body#t_videos div#main_content div.listing a.fancybox:link:hover, body#t_videos div#main_content div.listing a.fancybox:visited:hover{opacity: 0.5;-moz-opacity: 0.5;filter:alpha(opacity=50);}
body#t_videos div#main_content div.listing a.fancybox span.playicon{width:150px;height:40px;display:block;background:transparent url('../site_assets/images/generic/playvideo.gif') no-repeat top center;position:absolute;z-index:4;top:25%;left:0;}