/* ---       ___                    __              __               --- */ 
/* ---      /\_ \                  /\ \            /\ \__            --- */
/* ---    __\//\ \       _ __   ___\ \ \____    ___\ \ ,_\   ___     --- */
/* ---  /'__`\\ \ \     /\`'__\/ __`\ \ '__`\  / __`\ \ \/  / __`\   --- */
/* --- /\  __/ \_\ \_   \ \ \//\ \L\ \ \ \L\ \/\ \L\ \ \ \_/\ \L\ \  --- */
/* --- \ \____\/\____\   \ \_\\ \____/\ \_,__/\ \____/\ \__\ \____/  --- */
/* ---  \/____/\/____/    \/_/ \/___/  \/___/  \/___/  \/__/\/___/   --- */
/* ---                                          www.el-roboto.co.uk  --- */

/*-----------------------------------------------------------------------*/
/* NOTES ----------------------------------------------------------------*/
/* .png fix => behavior: url(js/iepngfix.htc); */
/* Stop Google Yellow fields - background-color:#ffffff !important; */
/* Stop link outlines - outline:none; */

/*-----------------------------------------------------------------------*/
/* IMPORT MODULES  ------------------------------------------------------*/
/* @import url("CMsitenews.css"); */
/* @import url("CMmem.css"); */
/* @import url("CMvac.css"); */
/* @import url("CMvac.css"); */

/*-----------------------------------------------------------------------*/
/* BASE -----------------------------------------------------------------*/
* {margin:0; padding:0;}

body{
	background:#ffffff url(/img/bgd.jpg) left top repeat; 
	height:100%;
	margin:0; 
	padding:0;
	font-size:10px;
	color:#000000;
	}

img {
	margin:0; 
	padding:0; 
	border:none; 
	}

h1, h2, h3, h4, h5 {}
h1 {font-size:21px;}
h3 {font-size:105%;}
h4 {font-size:105%;}
h5 {font-size:105%;}

a {outline: none;}
b, strong {font-weight:100;}
hr {display:none;}


/*-----------------------------------------------------------------------*/
/* COMMON STYLES --------------------------------------------------------*/
.COMinline {display:inline;}
.COMright {display:inline; float:right;}
.COMleft {display:inline; float:left;}
.COMmiddle {display:inline; text-align:center;}
.COMclear {clear:both;}
.COMhide {display:none;}

.COMspace5 {height:5px; clear:both;}
.COMspace10 {height:10px; clear:both;}
.COMspace15 {height:15px; clear:both;}
.COMspace20 {height:20px; clear:both;}
.COMspace30 {height:30px; clear:both;}
.COMspace40 {height:40px; clear:both;}
.COMspace50 {height:50px; clear:both;}

.COMhr {height:2px; width:460px; background-color:#202020; margin: 30px 15px 35px 15px;}

.COMgood {color:#4c960a;}
.COMbad {color:#96240a;}

.error, .success {
	font-weight:600; 
	padding:5px 0;
	}
.error {
	color:#96240a; 
	}
.success {
	color:#4c960a; 
	}
.errorbox, .successbox {
	display:block;
	padding:10px; 
	font-weight:600; 
	}
.errorbox {
	background-color:#e0cecd; 
	color:#a2605a; 
	border:4px solid #c6938f;
	}
.successbox {
	background-color:#d2e0cd; 
	color:#6ca25a; 
	border:4px solid #9dc68f;
	}
/*-----------------------------------------------------------------------*/
/* THIS LAYOUT ----------------------------------------------------------*/

#Hold{
	display:block;
	text-indent:-9999px;
	font-size:1px;
	height: 666px;
	width: 753px;
	background: url(/img/hold.jpg) left top no-repeat;
	}

/*----------------------------------------*/	
/* PARENT / PAGE / FOOT FOR STICKY FOOTER */
#Honours, #Quote1 {
	font-size:1px;
	text-indent:-9999px;
	behavior: url(/js/iepngfix.htc);
}
#Honours {
	width:323px;
	height:79px;
	background: url(/img/honours.png) top left no-repeat;
	margin-left:15px;
	margin-bottom:20px;
}
#Quote1 {
	width:296px;
	height:131px;
	background: url(/img/quote1.png) top left no-repeat;
	margin-left:25px;
}

#Parent{
	display: block;
	min-height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	}
#Page {
	padding-bottom: 210px;
	}
	
	
.wrapper {
	width:900px; 
	margin:0 auto auto 0;
	display:block;
	}

#Title{
	width:352px;
	height:285px;
	display:inline;
	float:left;
	background: url(/img/title.jpg) top left no-repeat;
	font-size:1px;
	text-indent:-9999px;
	}
	
#ContentCol{
	width:428px;
	background: url(/img/soil.gif) top left repeat-y;
	padding: 0 60px 0 60px;
	color:#dedcda;
	overflow:visible;
	}
#ContentFoot{
	width:548px;
	height:106px;
	display:block;
	background: url(/img/soil-foot.gif) top left no-repeat;
	}
.ContentImg{
	position:absolute;
	width:416px;
	height:164px;
	margin-top:-65px;
	z-index:9999;
	}
.ContentImg2{
	display:inline;
	float:right;
	width:120px;
	height:120px;
	background-color:#dedcda;
	border: 1px solid #7e7c7b;
	padding:3px;
	}
.ContentImg3 a, .ContentImg3 a:visited {
	display:inline;
	float:left;
	width:120px;
	height:120px;
	background-color:#dedcda;
	border: 1px solid #7e7c7b;
	padding:3px;
	margin:0 10px 10px 0;
	}
.ContentImg3 a:hover, .ContentImg3 a:active {
	display:inline;
	float:left;
	width:120px;
	height:120px;
	background-color:#ffffff;
	border: 1px solid #7e7c7b;
	padding:3px;
	margin:0 10px 10px 0;
	}
#ContentCol p{
	margin-top:20px;
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:140%;
	}
#ContentCol .top{
	margin-top:20px;
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:140%;
	cursor:pointer;
	}
#ContentCol h3{
	margin:35px 0 -10px 0;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	line-height:140%;
	}
#ContentCol h4{
	margin:0 0 -10px 0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	line-height:140%;
	}
#ContentCol blockquote p{
	margin: 10px 25px -10px 25px;
	font-size:17px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	line-height:140%;
	}
	
#ContentCol a, #ContentCol a:visited {
	color:#dedcda;
	text-decoration:underline;
	}
#ContentCol a:hover, #ContentCol a:active {
	color:#ffffff;
	text-decoration:underline;
	}

#ContentCol fieldset {
	border:none;
	}
#ContentCol legend {
	display:none;
	}
#ContentCol label {
	height:15px; 
	background-color:#39322d; 
	border:5px solid #39322d; 
	color:#ffffff; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:12px; 
	}
#ContentCol input {
	width:180px; 
	height:12px; 
	background-color:#2b2723!important; 
	border:1px solid #39322d;
	padding:5px; 
	margin:0 0 20px 0; 
	color:#dedcda; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:12px; 
	}
#ContentCol textarea {
	width:392px;  
	background-color:#2b2723!important; 
	border:1px solid #39322d;
	padding:5px; 
	margin:0 0 20px 0; 
	color:#dedcda; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;  
	line-height:12px; 
	overflow:auto;
	}
#ContactButton input, #Processing2 input{
	width:160px; 
	height:24px; 
	border:1px solid #39322d;
	padding:5px; 
	margin:0 0 10px 0; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:12px;
	}
#ContactButton input{
	background-color:#dedcda!important; 
	color:#39322d; 
	}
#Processing2 input{
	background-color:#39322d!important; 
	border:1px solid #39322d;
	color:#dedcda; 
	}
	

/*----------------------------------------*/
/* HEADINGS ------------------------------*/
#Tsynopsis, #Ttrailer, #Tcast, #Tgallery, #Tpress, #Tcredits, #Tcontact {
	width:548px;
	height:285px;
	display:inline;
	float:left;
	overflow:hidden;
	margin:0;
	}
#Tsynopsis {
	background: url(/img/Tsynopsis.jpg) top left no-repeat;
	}
#Ttrailer {
	background: url(/img/Ttrailer.jpg) top left no-repeat;
	}
#Tcast {
	background: url(/img/Tcast.jpg) top left no-repeat;
	}
#Tgallery {
	background: url(/img/Tgallery.jpg) top left no-repeat;
	}
#Tpress {
	background: url(/img/Tpress.jpg) top left no-repeat;
	}
#Tcredits {
	background: url(/img/Tcredits.jpg) top left no-repeat;
	}
#Tcontact {
	background: url(/img/Tcontact.jpg) top left no-repeat;
	}

/*-----------------------------------------------------------------------*/
/* FOOTER ---------------------------------------------------------------*/
#Foot {
	position: absolute;
	display: block;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 130px;
	z-index: 9999;
	padding: 80px 0 0 0; 
	margin: 0;
	background: url(/img/journey.png) top left no-repeat;
	}

#Jackandjill, #Moviehouse, #Credits, #Molinare, #Ipsofacto, #Nfm, #Elroboto {
	display:block;
	text-indent:-9999px;
	font-size:1px;
	}

#Jackandjill {
	width:90px;
	height:96px;
	background: url(/img/Fjackandjill.gif) top left no-repeat;
	}
#Ipsofacto {
	width:85px;
	height:96px;
	background: url(/img/Fipso.gif) top left no-repeat;
	}
#Molinare {
	width:108px;
	height:42px;
	background: url(/img/Fmolinare.gif) top left no-repeat;
	}
#Moviehouse {
	width:100px;
	height:96px;
	background: url(/img/Fmoviehouse.gif) top left no-repeat;
	}
#Nfm {
	width:108px;
	height:54px;
	background: url(/img/Fnfm.gif) top left no-repeat;
	}
#Credits {
	width:492px;
	height:96px;
	background: url(/img/Fcredits.gif) top left no-repeat;
	}
#Elroboto {
	width:15px;
	height:96px;
	background: url(/img/Felroboto.gif) top left no-repeat;
	}


/*-----------------------------------------------------------------------*/
/* PNG FIX --------------------------------------------------------------*/
#Foot {behavior: url(/js/iepngfix.htc);}


/*-----------------------------------------------------------------------*/
/* IMPORT HACKS  --------------------------------------------------------*/
/* @import url("hacks.css"); */