/* enhancedmedia - HTML/CSS Template - CityScape */
html, body {
	height:100%;
	margin:0;
}
body {
	text-align:center;
	background:#fff url(images/bg.jpg) repeat-x top;
	font-family: arial, Georgia, Times, serif;
	font-size:12px;
	color:#3a3a3a;
	min-height:100%;
}
/* Global styles */
a:link, a:active, a:visited{color:#3399CC; text-decoration:none;}
a:hover {text-decoration:underline;}
p {font-family:Tahoma, Helvetica, sans-serif;}
h1,h2,h3,h4{ font-family:Georgia, serif; color:#000; margin:10px 0;}
h1 {font-size:24px;}
h2 {font-size:12px;}
h4{margin:0 0 5px 0;}
.floatl{float:left; margin:10px 10px 10px 0;}
.floatr{float:right; margin:10px 0 10px 10px;}
.tagline{font:14px Georgia, serif; font-style:italic; color:#666; margin-left:50px;}
.separator {margin:10px 0 0 0; width:100%; font-size:0px; border-top:1px dashed #CCC;}
.colour{color:#3399CC;}
form, input, textarea{ margin:0; padding:0; font-family:Tahoma, sans-serif;}
.userinput {height:18px; width:140px; color:#999; font-size:10px; line-height:18px;}



.foto {border: 2px solid #c1e0ff;}
.fotol {border: 2px solid #c1e0ff; float: left; margin: 0 10px 10px 0;}
.fotor {border: 2px solid #c1e0ff; float: right; margin: 0 0 10px 10px;}


.menud {margin: 20px 0 0 0; padding: 10px 0 0 0; border-top: 1px dashed #808080;}

/* Global Page styles */
#wrapper {
	margin:0 auto 0 auto;
	width:900px;
	height:100%;
	text-align:justify;
}
#header {
	margin:0;
	padding:0;
	width:900px;
	height:58px;
	background:url(images/logo.gif) no-repeat top left;
	float:left;
}
#searchbox {
	width:207px;
	height:22px;
	float:right;
	margin:20px 0 0 0;
}
#pagewrapper {
	width:900px;
	background:url(images/pagebg.jpg) repeat-y;
	margin:0 auto 0 auto;
}
#pagecontent {
	width:900px;
	margin:0 auto 0 auto;
}
#leftcolumn {
	width:595px;
	margin:10px 0 40px 0;
	float:left;
}
#rightcolumn {
	width:260px;
	margin:10px 0 10px 40px;
	float:left;
}
#footer {
	width:100%;
	height:50px;
	margin:0 auto 0 auto;
	overflow:hidden;
	float:left;
	text-align:right;
	background-color:#333;
	color:#CCC;
	font-size:10px;
}
#footer p {margin-right:20px; margin-top: 10px;}
/* Index page styles */
#splash {
	width:890px;
	height:272px;
	margin:0;
	padding:30px 10px 0 0;
	background:url(images/splash.jpg) no-repeat top left;
	float:left;
	text-align:right;
}
#splash h1 {
	margin:0;
	font-size:36px;
}	
.boxcontent {
	width:240px;
	padding:10px;
	margin-bottom:10px;
	border:1px dashed #CCCCCC;
	border-left:2px solid #3399CC;
}
/* Navigation bar menu styling */
#nav {margin-top:12px; padding:0; float:right;}
#nav ul{ 
	padding:0;
	margin:0;
	width:auto;
	list-style: none;
	height:30px;
	position: relative;
	float:right;
}
#nav li{
	list-style:none;
	float:left;
	text-align:center;
	padding:0;
	color:#FFF;
	font:bold 12px Century Gothic, sans-serif;
	line-height:30px;
}
#nav .lavaLamp li a {
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 10px; 
}
#nav .lavaLamp li.back {
	background: url(images/lava.gif) no-repeat right -30px;
	width: 9px; height: 30px;
	z-index: 8;
	position: absolute;
}
#nav .lavaLamp li.back .left {
	background: url(images/lava.gif) no-repeat top left;
	height: 30px;
	margin-right: 9px; /* 7px is the width of the rounded shape */
}
#nav a:link, #nav a:hover, #nav a:active, #nav a:visited{color:#FFF; text-decoration:none;}
/* Contact page styles */
#loading { display:none;}
#contact label {
	margin:3px 5px 0 0;
	width:7.5em;
	float:left;
	text-align:right;
	display: block;
	font-size: 13px;
}
.contactinput {
	border:none;
	font-size:13px;
	line-height:12px;
	padding:3px 0 0 2px;
	color:#333;
	border: 1px solid #0080ff;
	background-color:#e5e5e5;
}