/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

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

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12{
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_12 .grid_1 {
	width:60px;
}
    .container_12 .grid_2 {
	width:140px;
}
    .container_12 .grid_3 {
	width:220px;
}
    .container_12 .grid_4 {
	width:300px;
}
    .container_12 .grid_5 {
	width:380px;
}
    .container_12 .grid_6 {
	width:460px;
}
    .container_12 .grid_7 {
	width:540px;
}
    .container_12 .grid_8 {
	width:620px;
}
    .container_12 .grid_9 {
	width:700px;
}
    .container_12 .grid_10 {
	width:780px;
}
    .container_12 .grid_11 {
	width:860px;
}
    .container_12 .grid_12 {
	width:940px;
}




/* Prefix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_12 .prefix_1 {
	padding-left:80px;
}
    .container_12 .prefix_2 {
	padding-left:160px;
}
    .container_12 .prefix_3 {
	padding-left:240px;
}
    .container_12 .prefix_4 {
	padding-left:320px;
}
    .container_12 .prefix_5 {
	padding-left:400px;
}
    .container_12 .prefix_6 {
	padding-left:480px;
}
    .container_12 .prefix_7 {
	padding-left:560px;
}
    .container_12 .prefix_8 {
	padding-left:640px;
}
    .container_12 .prefix_9 {
	padding-left:720px;
}
    .container_12 .prefix_10 {
	padding-left:800px;
}
    .container_12 .prefix_11 {
	padding-left:880px;
}


/* Suffix Extra Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_12 .suffix_1 {
	padding-right:80px;
}
    .container_12 .suffix_2 {
	padding-right:160px;
}
    .container_12 .suffix_3 {
	padding-right:240px;
}
    .container_12 .suffix_4 {
	padding-right:320px;
}
    .container_12 .suffix_5 {
	padding-right:400px;
}
    .container_12 .suffix_6 {
	padding-right:480px;
}
    .container_12 .suffix_7 {
	padding-right:560px;
}
    .container_12 .suffix_8 {
	padding-right:640px;
}
    .container_12 .suffix_9 {
	padding-right:720px;
}
    .container_12 .suffix_10 {
	padding-right:800px;
}
    .container_12 .suffix_11 {
	padding-right:880px;
}


/* Push Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_12 .push_1 {
	left:80px;
}
    .container_12 .push_2 {
	left:160px;
}
    .container_12 .push_3 {
	left:240px;
}
    .container_12 .push_4 {
	left:320px;
}
    .container_12 .push_5 {
	left:400px;
}
    .container_12 .push_6 {
	left:480px;
}
    .container_12 .push_7 {
	left:560px;
}
    .container_12 .push_8 {
	left:640px;
}
    .container_12 .push_9 {
	left:720px;
}
    .container_12 .push_10 {
	left:800px;
}
    .container_12 .push_11 {
	left:880px;
}




/* Pull Space >> 2 Columns
----------------------------------------------------------------------------------------------------*/
    .container_12 .pull_1 {
	right:80px;
}
    .container_12 .pull_2 {
	right:160px;
}
    .container_12 .pull_3 {
	right:240px;
}
    .container_12 .pull_4 {
	right:320px;
}
    .container_12 .pull_5 {
	right:400px;
}
    .container_12 .pull_6 {
	right:480px;
}
    .container_12 .pull_7 {
	right:560px;
}
    .container_12 .pull_8 {
	right:640px;
}
    .container_12 .pull_9 {
	right:720px;
}
    .container_12 .pull_10 {
	right:800px;
}
    .container_12 .pull_11 {
	right:880px;
}

	.grid_7 p{
	margin-bottom: 10px;		
}

	/* Page backgrounds */
	body#page_mario{ background-image: url(../images/layout/bg/magazine.jpg) !important;}
	body#page_home{ background-image: url(../images/layout/bg/home.jpg) !important; }
	body#page_about-us { background-image: url(../images/layout/bg/about.jpg) !important; }
	body#page_video { background-image: url(../images/layout/bg/video.jpg) !important; }
	body#page_21{background-image: url(../images/layout/bg/toolroom.jpg) !important;}	
	body#page_babyshambles { background-image: url(../images/layout/bg/band.jpg)!important;}
	body#page_projects, body#page_joy{ background-image: url(../images/layout/bg/background.jpg) !important; }
	body#page_creamamnesia{ background-image: url(../images/layout/bg/cream.jpg) !important;}
	body#page_143 { background-image: url(../images/layout/bg/143.jpg) !important; }
	body#page_allsaints { background-image: url(../images/layout/bg/spitalfield.jpg) !important;}
	body#page_deadmau5{ background-image: url(../images/layout/bg/deadmau5.jpg) !important;}
	body#page_princeofwales{ background-image: url(../images/layout/bg/prince.jpg) !important;}
	body#page_planb{ background-image: url(../images/layout/bg/plan.jpg) !important;}
	body#page_thetout{ background-image: url(../images/layout/bg/tout.jpg) !important;}
	body#page_gallery, body#page_contact{ background-image: url(../images/layout/bg/form.jpg) !important;}
	body#page_jennings{ background-image: url(../images/layout/bg/boxer.jpg) !important;}
	body#page_news{ background-image: url(../images/layout/bg/news.jpg) !important;}
	body#page_event{background-image: url(../images/layout/bg/event.jpg) !important;}
	body#page_itiswhatitis{background-image: url(../images/layout/bg/itiswhatitis.jpg) !important;}
	body#page_dewa{background-image: url(../images/layout/bg/dewa.jpg) !important;}
	
	/* Sticky footer */
	* {margin:0;padding:0;} 
	html, body, #main {height: 100%;}
	body > #main {height: auto; min-height: 100%;}
	#main { padding-bottom: 194px; }
	#footer_cont {position: relative; margin-top: -194px; height: 194px; clear:both; background: transparent url(../images/layout/footer.png) top center no-repeat; } 

	/* General */
	/* Inc default BG */
	body { background: #000 url(../images/layout/bg/home.jpg) top center no-repeat; font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; }
	#header { border-bottom: 1px solid #fff; padding-top: 10px; }
	#content {background-color: #131313; border: 10px solid #131313; border-bottom: 20px solid #131313 !important;  }
	#blue a {font-size: 0.75em; text-decoration: none; color: #99ffff; }
	#content p { line-height: 17px; color: #ccc; margin-bottom:10px;}
	
	.grid_4, .grid_12, .grid_9, .grid_3 { margin-top: 10px; color: #fff; }
	.grid_4 p { margin-bottom: 10px; }
	.mt30 { margin-top: 20px; }
	#subheader { height: 260px; position: relative; }
	
	
	
	/* Header */
	#header h2 { margin: 2px 0 0 0; float: left; }
	#header h2 a { display: block; width: 113px; height: 22px; text-indent: -10000px; background: transparent url(../images/layout/sprite_layout.png); outline: none; }
	
	/* Main menu - General */
	#mainmenu { list-style: none; margin: 0; padding: 0; float: right; }
	#mainmenu li { float: left; clear: none; margin-left: 10px; }
	#mainmenu li a { display: block; height: 24px; text-indent: -10000px; background-image: url(../images/layout/sprite_layout.png); }
	
	/* Main menu - buttons */
	#mm_projects a { width: 70px; background-position: -119px 0; }
	#mm_aboutus a { width: 82px; background-position: -189px 0; }
	#mm_gallery a { width: 70px; background-position: -271px 0; }
	#mm_news a { width: 54px; background-position: -341px 0; }
	#mm_press a { width: 51px; background-position: -395px 0; }
	#mm_videos a { width: 65px; background-position: -446px 0; }
	#mm_events a { width: 65px; background-position: -589px 0; }
	#mm_contact a{ width: 70px; background-position: -514px 0; }
	
	/* Manu menu - buttons - hovers */
	#mm_projects a:hover, #mm_projects #menu_selected { background-position: -119px -24px; }
	#mm_aboutus a:hover, #mm_aboutus #menu_selected  { background-position: -189px -24px; }
	#mm_gallery a:hover, #mm_gallery #menu_selected  { background-position: -271px -24px; }
	#mm_news a:hover, #mm_news #menu_selected  { background-position: -341px -24px; }
	#mm_press a:hover, #mm_press #menu_selected  { background-position: -395px -24px; }
	#mm_videos a:hover, #mm_videos #menu_selected  { background-position: -446px -24px; }
	#mm_events a:hover, #mm_events #menu_selected  { background-position: -589px -24px; }
	#mm_contact a:hover{ background-position: -514px -24px; }
	
	/* Footer */
	#footer h4 { margin: 0 0 15px 0; height: 21px; background-image: url(../images/layout/sprite_layout.png); text-indent: -10000px; }
	#ft_h_d24 { width: 140px; background-position: 0 -48px; }
	#ft_h_contact { width: 70px; background-position: -140px -48px; }
	#ft_h_connect { width: 74px; background-position: -210px -48px; }

	.footer_inner {padding: 5px 0 0 0; margin-top: 24px; height: 145px; }
	#footer ol, #footer ul { list-style: none; height: 40px; }
	#footer ol li, #footer ul li { float: left; clear: none; display: block; width: 140px; }
	#footer ol li a, #footer ol li { color: #666; text-decoration: none; line-height: 16px; }
	#footer ol li a:hover { color: #fff; }
	#footer ul li a, #ft_l_copyright { background-image: url(../images/layout/sprite_layout.png); text-indent: -10000px; display: block; }
	
	/* We've lost facebook, so we need to resize the footer UL */
	#footer ul { width: 250px; }
	
	#ft_l_facebook { width: 104px !important; margin-top: 1px !important; }
	#ft_l_twitter { width: 95px !important; margin-top: 3px !important; }
	#ft_l_youtube { width: 59px !important; }
	#ft_l_facebook a { width: 80px; height: 16px; background-position: 0 -72px; }
	#ft_l_twitter a { width: 70px; height: 14px; background-position: -80px -73px; }
	#ft_l_youtube a { width: 59px; height: 21px; background-position: -150px -70px; }
	#ft_l_facebook a:hover { background-position: 0 -94px; }
	#ft_l_twitter a:hover { background-position: -80px -95px; }
	#ft_l_youtube a:hover { background-position: -150px -92px; }
	#ft_l_copyright { width: 125px !important; height: 27px; background-position: -211px -68px; margin-top: 18px !important; }


	#h1_welcome { position: absolute; color: #fff; text-indent: -10000px; width: 766px; height: 60px;  top: 140px; left: 10px; }
	
	.sifr_h2, .sifr_h2_bio, .sifr_h2_news, .sifr_h2_projects, .sifr_h2_gallery { color: #fff; font-size: 2.2em; border-bottom: 1px solid #333; height: 31px; margin-bottom: 15px; }
	.sifr_h2_1 {margin: 0px 0px 8px 0px;border: 0px !important; font-size: 20px;}
	.sifr_h2_projects{color: #ffffff;width: 292px; border: none !important; margin-top: 18px; display:table; margin-bottom: 0px !important;}
	.sifr_label { color: #ffffff; margin-top:12px; font-size: 14px; height: 31px;}
	.sifr_introduce{max-width:600px;color: #ffffff; font-size: 16px; height: 31px; margin: 0px 0px 0px 0px; display: inline;}
	.sifr_h8, .sifr_h8 a {text-decoration: none; color:#ffffff;font-size: 18px; height: 10px; margin: 15px 0px 15px 0px; }
	.sifr_side { font-size: 20px; border-bottom: 1px solid #333333; height: 28px; margin-bottom: 15px; }
	.sifr_paragraph { font-size: 16px; height: 31px; margin: 15px 0px 15px 0px; width: 620px;}
	.sifr_thin{ font-size: 18px; height: 31px; margin: 15px 0px 15px 0px; }
	.noborder { border: none !important; margin-bottom: 10px !important; }
	hr { border: none; border-bottom: 1px solid #333; height: 1px; }
	hr.dotted { border-bottom: 1px dotted #333 !important; margin-bottom: 10px; padding-top: 10px; }
	.homegalimg { margin-bottom: 20px; border: none; }
	#content h3 { font-size: 1.5em; margin-top: -5px; }
	.homenews a { text-decoration: none; color: #fff; }
	.homenews a:hover { color: #999999; }
	
	#homepage_video { width: 938px; height: 402px; background-color: #000; margin-bottom: 10px; border-left: 1px solid #131313; border-right: 1px solid #131313; }
	#svideo, #movie{
		background-color: #000; margin-bottom: 10px; border-left: 1px solid #131313; border-right: 1px solid #131313;	
	}
	.video21x9{width: 940px; height: 402px;}
	.video16x9{width: 940px; height: 528px;}
	/* General / overrides */
	.mt0 { margin-top: 0 !important; }
	
	/* Sprite buttons */
	.sbtn { display: block; height: 20px; text-indent: -10000px; background: transparent url(../images/layout/sprite_layout.png) 0 0; outline: none; }
	.btn_fullbio { width: 128px; background-position: 0 -245px; margin: 20px 0 10px 0; }
	.btn_fullbio:hover { background-position: 0 -265px; }
	.btn_gallery { width: 181px; background-position: 0 -164px; }
	.btn_gallery:hover { background-position: 0 -184px; }
	.btn_news { width: 150px; background-position: 0 -205px; }
	.btn_news:hover { background-position: 0 -225px; }
	.btn_projects { width: 181px; background-position: 0 -124px; }
	.btn_projects:hover { background-position: 0 -144px; }


	#content_exp { background: transparent url(../images/layout/pagebg.png) repeat-y top center; bottom: 0 !important; top: 344px !important; width: 100%; position: absolute; text-align: center; z-index: -1; }
	
	/* News */
	.newspost p { margin-bottom: 15px; }
	.newspost { margin-bottom: 25px; }
	.newspost .sifr_h2_news { margin-bottom: 5px !important; }
	.newspost small { display: block; margin-bottom: 10px !important; }
	#sidebar ul { list-style: none; margin-bottom: 15px;  }
	#sidebar li { margin: 5px 0 0 15px; }
	#sidebar #s { background: #131313; border: 1px solid #333; color: #ccc; }
	.post_cat a { color: #131313; background-color: #999999; padding: 2px 4px; }
	.post_cat a:hover { background-color: #000; color: #999999; }
	h2.pagetitle { margin-bottom: 15px; }

/* SIFR */
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0px 0px 0px 0px;
    padding: 0px;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:*/
  .sIFR-active h2.sifr_h2 {
    padding-bottom: 0 !important;
    visibility: hidden;
  }
  
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

#project{
	padding: 8px 10px 0px 0px;
	width: 610px;
}

#project h3{
	color: #ffffff;
	margin:0 0 10px 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

.project{
	margin-left: auto;
	margin-right: auto;
	width: 100%;	
}

.project div{
	float: left;
}

.project img{
	margin: 0px 0px 8px 0px;	
}

.project li{
	float: left;
	list-style: none;
	margin: 20px 10px 20px 10px;
	width: 300px;
}

.project img{
	float: left;
}

.video_gallery, .image_gallery{
	margin-bottom: 15px;	
}

img{
	border: 0px;
}

.gallery_img{
	font-size:0;
	margin: 0px 0px 0px 0px;
	text-align: left;
}

.gallery_img img{
	margin: 0px;
	padding: 0px;
}

#project_side{
	margin-left: 0px;
	width:310px;
}

.field{
	float: left;
	margin-top: 10px;
}

#comment{
	height: 210px;	
}

.c_label{
	float: left;
	width: 180px;
}

.c_box{
	float: left;
	width: 278px;
}

.box{
	background-color:#333333;
	border:1px solid #999999;
	color:#999999;
	height:32px;
	width:278px;
}

.box:focus{
	border: 1px solid #66ffff;
}

.form_req{
	color: #ef9001;
	float: left;
}

.submit{
	background-image: url("../images/layout/sprite_layout.png");
	background-position: 0px 41px;
	border: 0px none;
	float: left;
	height: 20px;
	margin-top: 10px;
	margin-left: 180px;
	width: 122px;
}

.submit:hover{
	background-position: 0px 21px;	
}

#message{
	color: #ffffff;
	background-color: #333333;
	border:1px solid #999999;
	padding: 14px;
}

.opening_paragraph{
	float: left;
	margin: -20px 0 50px 1px;
}

#three p{
	margin: 0px 0px 10px 0px;	
}

.margin{
	float: left;
}

.row{
	font-size: 0;
	width: 100%;	
}

.row li{
	display: inline;
	width: 235px;
}

.hover {
	background:#000000 no-repeat center center;
	border: none;
}

.marginless{
	font-size: 0em;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

textarea { 
	font-family:Arial, Helvetica, sans-serif;
}

.top{
	padding-top: 10px;	
}

.start{
	background-image:url(../video/playbutton.png) !important;
	background-repeat:no-repeat;
	float:left;
	height:50px;
	left:127px;
	position:absolute;
	top:65px;
	width:50px;
}
.start:hover{
	background-image:url(../video/buttonover.png) !important;
	background-repeat: no-repeat;
}
.postmetadata{
	float:left;
	width: 100%;
}

.galleryr{
	float:left;
	text-align:center;
	width:184px;
	margin:5px 5px 0 0;
}

.gallerymargin{
	float:left;
	text-align:center;
	width:184px;
	margin:5px 5px 0 0;	
}

.gallerynoright{
	float:left;
	text-align:center;
	width:184px;
	margin:5px 0 0 0;	
}

.mainViewer{
	text-align: center;
}

.thumb{
	position: relative;
	overflow: hidden;
	width: 940px;
}

.thumbViewer{
	left: 28px;
	overflow:hidden;
	position: relative;
	visibility: hidden;
}

.thumbnail {
	float: left;	
}

.thumbViewer a{
	display: inline;
}

.next{
	cursor: pointer;
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	right: 0;
	z-index: 500;
}

.previous{
	cursor: pointer;
	filter: alpha(opacity=0);
	opacity: 0;
	position: absolute;
	z-index: 500;
}

.mainPrevious{
	cursor: pointer;
	display: block;
	height: 82%;
	position: absolute;
	left: 0;
	width: 50%;
	z-index:200;
}

.mainNext{
	cursor: pointer;
	display: block;
	height: 82%;
	position: absolute;
	right: 0;
	width: 50%;
	z-index:200;
}