/* THE LOOK */
/* real styles */
* {
	font-family: Arial, Helvetica, sans-serif;
	}
img {
	border: 0;
	padding: 0;
	margin: 0;
	}
body {
	background-color: #000000;
	text-align: center;
	background-image:url(images/bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	}
body, p, h1, h2, h3, h4, dl, dt, dd, ul, li form, input, textarea {
	padding: 0;
	margin: 0;
	}
p, dt, dd, form, h1, h2, h3, h5 {
	font-size: 12px;
	color: #999999;
	margin-bottom: 2px;
	line-height: 16px;
	}
	
dt a, p a{
	color: #999999;
	}
	
dt a:hover, p a:hover{
	color: #990000;
	}

p {
	margin-bottom: 10px;
}

#col-lhs p a{
	color: #990000;
}

#col-lhs p a:hover{
	color: #999999;
}

a {
	text-decoration: none;
	color: white;
	}

h1 {
	color:#999999;
	}
	
h2 {
	/*margin-top: -4px;*/
	text-transform:uppercase;
	font-size:12px;
	/*background-color:#55CC66;*/
	width: 210px;
	margin-bottom: 5px;
	}
	
h3 {
	margin: 40px 0 0 0;
	font-size: 18px;
}

h4 {
	font-size: 13px;
	margin: 3px 0 12px 0;
	color: #990000;
}

h5 {
	font-size: 12px;
	margin: -5px 0 6px 0;
}

dt {
	font-size: 15px;
	}
label {
	font-size:10px;
}
strong {
	font-weight:bold;
	}	
	
	
/*--------------------------------------------*/	
/* structure */
#container {
	text-align: left;
	margin: 0 auto;
	width: 780px;
	position: relative;
	background-image:url(images/bg.jpg);
	background-position: -260px 0;
	background-repeat: no-repeat;
	height: 670px;
	}

	


/* ----------------------- */
/* container-navi */
#container-navi li {
	list-style-type: none;
	display: inline;
	}
#container-navi li a {
	float: left;
	padding-top: 28px;
	overflow: hidden;
	height: 0 !important;
	background-repeat: no-repeat;
	position: absolute;
	}
html>body #container-navi li a {
	height: 28px; /* IE5/Win only */
	}
#container-navi .hide {	
	display: none;
	}
 .home {
	width: 40px;
	top: 12px;
	left: 457px;
	background-image: url(images/menu-home.gif);
	}
.about {
	width: 50px;
	top: 23px;
	left: 501px;
	background-image: url(images/menu-about.gif);
	}
.facilities {
	width: 60px;
	top: 34px;
	left: 549px;
	background-image: url(images/menu-facilities.gif);
	}
.portfolio {
	width: 65px;
	top: 50px;
	left: 617px;
	background-image: url(images/menu-portfolio.gif);
	}
.getintouch {
	width: 78px;
	top: 68px;
	left: 690px;
	background-image: url(images/menu-getintouch.gif);
	}
#container-navi li a:hover, #container-navi {
	background-position: 0 -40px;
	}
	
.navi-main-in a {
background-position: 0 -80px;
}
	
#container-navi h1 {
	position:absolute;
	top:14px;
	width:310px;
	height:163px;
	text-indent: -5000px;
	background: url(images/logo.gif);
	}
	
/*-------------------------------------------------*/	
/*container content*/
/*left column*/
#col-lhs, #col-rhs {
	margin-top: 5px;
	padding-top: 5px;
	}
#col-lhs {
	width: 230px;/*280*/
	float: left;
	/*background-color: #00FFFF;*/
	}
#col-lhs p, #col-lhs h3, #col-lhs form {
	padding-right: 35px;
	width: 210px;
	}
html>body #col-lhs p, html>body #col-lhs h3, html>body #col-lhs form {
	padding-right: 70px;
	}

label {
/*background-color:#000000;*/
}

input {
	background-color:#000000;
	border: 1px solid #666;
	margin-top: 2px;
	margin-bottom: 8px;
	color: #FFF;
	width: 202px;
	padding: 2px 3px 2px 3px;
	font-weight:bold;
	}

.submit {
	width: 45px;
	float: right;
	border: 0;
	/*padding-top: -5px;*/
	}

form {
	width: 210px;
	/*background-color:#00FF66;*/
	padding-right: 0 !important;
	padding-bottom: 32px;	
	border-bottom: 1px solid #222;
	}
	
/*-------------------------------*/
/*right hand column*/
#col-rhs{
	width: 550px;
	/*background-color: red;*/
	float: left;
	}
#col-rhs a {
	color: white;
	}
#col-rhs a:hover {
	color: #990000;
	}
#col-rhs dd {
	float: right;
	width: 330px;
	/*background-color: #00CCFF;*/
	height: 226px;
	border-bottom: 0px solid #222;
	margin-bottom: 0px;
	}

#col-rhs .image {
	width: 200px;
	float: left;
	height: 112px;
	/*background-color: yellow;*/
	border: 0;
	margin-top:1px;
	margin-bottom: 5px;
	}

#col-rhs dt {
	float: right;
	clear: both;
	width: 330px;
	/*background-color: #333366;*/
	}

#col-rhs p {
	margin-bottom: 5px;
	}
	
#col-rhs .back {
margin-bottom: 5px;
	}
	
/*#col-rhs img{
	padding-top: 20px;
	border-top: 1px solid #222;
	}*/
	
/*#col-rhs img:first-child {
	padding-top: 0;
	border-top: 0;
	}*/
/* ------------------------------------------------------ */
/*container content*/
/*main column*/
#col-main, #col-main {
	margin-top: 208px;
	border-top: 0px solid #222;
	padding-top: 2px;
	}
#col-main {
	width: 780px;/*280*/
	float: left;
	/*background-color: #00FFFF;*/
	}
#col-main p, #col-main h3, #col-main form {
	padding-right: 35px;
	width: 210px;
	}
html>body #col-main p, html>body #col-main h3, html>body #col-main form {
	padding-right: 70px;
	}

label {
/*background-color:#000000;*/
}
	
/* ------------------------------------------------------ */
/* address/ base line */
address {
	width: 780px;
	clear: both;
	float: left;
	padding-bottom: 100px;
	/*background-color: purple;*/
	color: #333;
	font-size: 9px;
	font-style: normal;
	line-height: 13px;
	border-top: 1px solid #222;
	/*margin-top: 20px;*/
	padding-top: 8px;
	}
	
	
/*-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+--+-+-+-+-+-+*/
/*homepage*/
.homepage #col-lhs h2 {
	text-transform:uppercase;
	font-size:11px;
	margin-top: 18px;
	padding-top: 18px;
	/*background-color:#55CC66;*/
	width: 210px;
	border-top: 1px solid #222;
	margin-bottom: 5px;
}
.showreel {
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #222;
	}

/*-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+--+-+-+-+-+-+*/
/*get in touch*/


/*
.getintouchpage #col-rhs p {
	margin: 10px 0 20px 0;
}*/

.getintouchpage #col-rhs strong {
	text-transform:uppercase;
	}