/*GENERAL*/
body {
padding:0;
margin:0;

background-color: #E6E6E6;

text-align:center; /*ie5 fix to center page*/

color:#FFF;
font-family: "Lucida Grande", "Lucida Unicode", "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 12px;
line-height: 1.5em;
}
#headerwrap{
text-align:left;
}
a {
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
	}	
a:hover {
	text-decoration:underline;
	}
h1 {
	font-size:20px;
}
h2 {
	font-size:16px
}
h3 {font-size:14px;}

h4 {
	font-size:1em;
	margin:0;
	padding:0;
	line-height: 1em;
}
img {
display:block; /* removes spacing around img*/
}
ul
{
list-style-type: none;
padding-left: 0;
margin-left: 0;
}
/*LAYOUT*/
#header {
padding:0;
margin:0;
background-color:#000;
width: 100%;
}

#content {
text-align:left;
padding:0;
margin: 0 auto;
width: 800px;
}

.text {
margin: 0 20px 0 20px;
}
/*HEADER & NAVIGATION MENU*/
#headerwrap {
position:relative;
width:800px;
height:68px;
margin:auto;
}

#logo {
	position: absolute;
	bottom:10px;
	border:none;
}

.navigation{
	margin: 0;
	padding:0;
	list-style: none;
	text-align: center;
	font-size:12px;
	position:absolute;
	bottom:0;
	right:0;
	}
.navigation ul {
	text-align:center;
	display:inline;
	}
.navigation li {
	margin: 0 0 0 5px;
	width: 90px;
	height: 30px;
	background: #333;
	float: left;
	font-weight: bold;
	}
.navigation li a {
	width: 90px;
	line-height: 30px;
	display: block;
	color: #999;
	background: url("../img/navigation-tabs2.jpg") no-repeat 0 -60px;
	text-shadow: #222 0 1px 1px;
	text-decoration:none;
	}
.navigation li a:hover {
	color: #CCC;
	background-position: 0 -30px;
	text-decoration:none;
	}
.navigation li.current a, .navigation li.current a:hover {
	height: 30px;
	color: #888;
	background-position: 0 0;
	text-shadow: none;
	}

/*FOOTER*/
#footer {
margin:auto;
height: 30px;
text-align:center;
clear:both;
padding:15px 0 15px 0;

background-image:url("../img/footer.gif");
background-repeat:no-repeat;
background-position:bottom;
background-color:#222;
color:#999;

}
#footer a {
	text-decoration:none;
	color:#999;
	font-weight:normal;
}
#footer a:hover {
	color:#CCCCCC;
	text-decoration:underline;
	}

/* FAUX COLUMN BG */ 
#wrapper {
background-image:url("../img/greyshadowbg2.gif");
background-position:top center;
background-color:#333333;
}
#clear {clear: both; margin: 0px} /* Makes BG extend to correct length */

/* 3 COLUMN CONTENT LAYOUT */
#colA {
	margin-left:20px;
	padding:0;
	width:240px;
	float:left;
	display:inline; /*IE double margin bug fix*/
}
#colB {
	margin-left:20px;
	padding:0;
	width:240px;
	float:left;
}
#colC {
	margin-left:20px;
	padding:0;
	width:240px;
	float:left;
}

/* -------------
HOMEPAGE
--------------- */
#hp-pic {
margin: 10px 0 0 0;
padding: 0;
}
#hp-pic-shadow {
margin: 0;
padding: 0;
}


.ticklist li
{
list-style-type: none;
background-image: url("../img/tick.gif");
background-repeat: no-repeat;
background-position: 0 2px;
padding-left: 20px;

}

/* -------------
STUDIOS PAGE
--------------- */
#studios-pic {
float:right;
}
#studios-pic-shadow {
float:right;
}
#studios-pic-holder {
width:360px;
float:right;
margin:20px;
}

/* -------------
LOCATION PAGE
--------------- */
#map {
	float: right;
	}
#map-shadow {
	float: right;
	}
#map-shadow-holder {
width:370px;
float:right;
margin-left:10px;
}

/* -------------
RATES PAGE - TABLES etc.
--------------- */
#rates {
	margin:auto;
	border-collapse:collapse;
	border: solid #CCC 1px;
	width:50%;
	font-size: 14px;
	text-indent:40px;
}
thead
{
	background-color:#E6E6E6;
	color:#333;
	
}
tr {
	text-align:left;
	}
th {
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
td {
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
#termsandconditions {
	color:#333;
	margin:0;
	padding: 10px 20px 10px 20px;
	background-color:#E6E6E6;
}
/* -------------
INPUT FORMS
--------------- */
label,input {
	text-align: left;
    display: block;
    width: 150px;
    float: left;
    margin-bottom: 10px;
}

input { 
	background-color: white !important;
	}

label {
    width: 75px;
    padding-right: 20px;
}
textarea {
	text-align:left;
	}
select {
	text-align:left;
	}
br {
    clear: left;
}
#submit {
	text-align:center;
}


/*----------------
AMSTERDAM PAGE
-----------------*/
#amsterdampic {
	float:right;
	margin: 0 0 20px 20px;
}