/* Stylesheet: layout Modified On 2016-07-21 15:16:59 */
@charset "UTF-8";
/* CSS Document */

html { min-height: 100%; margin-bottom: 1px; 
}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #222;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #ffffff;
}



#container {background-color:#000;
	width:900px; 
	margin: 20px auto 0px auto; 
	border: 1px solid #555;
	text-align: left; 
}
#header {
	background: #000000; 
	padding: 0 10px 0 20px; 
}
#header h1 {
	margin: 0; 
	padding: 10px 0;}
	
#header img {margin:20px 0px 0px 20px;
	width:650px;
	height:175px;
}

#maincontent {
	clear:both;
	margin:0px 0px 35px 0px;
	float:left;
	width:550px;
	background: #000000;
}

#maincontent p{
	width:450px;
	margin:0px 0px 15px 60px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
}

h1{	margin:0px 0px 15px 60px;
	color:#ff0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;	
	
	}
	
	
	
	
	
	h2 a:link, h2 a:visited{margin:0px 0px 15px 60px;
	color:#ffffff;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;	
	
	}
	
		h2 a:hover, h2 a:active{
			margin:0px 0px 15px 60px;
	color:#ff0000;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;	
	
	}
	
	h3{text-align:center;
	margin:0px 0px 30px 0px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;}
	
.award{width:400px  !important;
color:#999;
clear:both;
font-size:10px !important;}

.video-surround{margin:0px 0px 60px 0px;}

	
	#drop{width:350px;
	height:200px;
	margin:0px 0px 15px 60px;
	background-color:#211f1f;}
	
	#drop p{width:200px;
	margin:0px 0px 0px 72px;
	color:#ddd;
	text-align:center;}
	
a{text-decoration:none !important;
	}

div#drop:hover{background-color:red;}	
	
dt{	color:#ff0000;
	margin:0px 0px 0px 60px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;	
	}
dd{	margin:0px 0px 5px 60px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}

#photos {
	float:right;
	width:300px;
	margin:5px 0px 20px 0px;
	border:solid 0px #ffffff;
	padding: 0 20px;
	background: #000000;
}

#photos img{
	margin:0px 10px 10px 0px;
}
	
#photos p{
	margin:3px 30px 0px 0px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;}

	
.fade_in{
    filter: alpha(opacity=0);
    -moz-opacity:0;
    opacity:0;
}



#video{
       float:left;
	margin:0px 0px 40px 0px;
	padding:0px;

}

#showcase-text p{float:left;
ewidth:180px;
	margin:0px 0px 0px 0px;
	padding:0px;}


.space{margin:130px 0px 0px 0px;
}

#showcase-text ul{float:left;
width:200px;
margin:0px 0px 0px 10px;
	padding:0px;

}

#video-box{float:left;
width:440px;height:258px;
border:0px #fff solid;
	margin:0px 0px 5px 0px;
	padding:0px;

}


#video-box p{
	margin:10px 0px 0px 0px ;
	}


#showcase-text a:link, #showcase-text a:visited{text-decoration:none;color:#fff; display:inline;}
#showcase-text a:hover, #showcase-text a:active{text-decoration:none;color:red; display:inline;}

#showcase-text{float:left;
	margin:0px 0px 0px 60px;
	padding:0px;

}


#showcase a{display:block;
	margin:0px 0px 0px 0px;
}

table{margin:0px 0px 0px 55px;}


#footer {
	clear:both;
	padding: 0px 50px 20px 60px; 
	background:#000000;
}


#footer hr{
	background-color:#666666;
	color:#666666;
	border:0px;
	height:5px;
	margin:0px 0px 0px 0px; }

#footer p a:link, #footer p a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	margin:0px 10px 0px 0px;
	text-decoration:none;
	color:#666666;}
	
#footer p a:hover, #footer p a:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	margin:0px 10px 0px 0px;
	text-decoration:none;
	color:#ff0000;}

#footer-left p{
	float:left} 
	
#footer-right p{
	float:right} 

#surfdesign{
	margin:0px 0px 0px 0px;
	text-align:center;
	clear:both;
	text-decoration:none;
	color:#ff0000;
	}
	
#surfdesign a:link, #surfdesign a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	margin:0px 0px 0px 0px;
	text-decoration:none;
	color:#444;}
	
#surfdesign a:hover, #surfdesign a:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	margin:0px 0px 0px 0px;
	text-decoration:none;
	color:#aa0000;}
	
#clear{
	clear:both;}
/* Stylesheet: nav Modified On 2012-02-03 17:12:44 */
@charset "UTF-8";
/* CSS Document */
li img{width:120px;
height:33px;}


li{
list-style:none;
float:left;
display:block;
margin:0px 10px 35px 0px;
padding:0px}

ul{


margin:0px 0px 30px 30px;
padding:0px;
background-color:#000000;}


#nav-home a:link, #nav-home a:visited{
background:url(http://www.creativeedits.co.uk/images/home.gif) no-repeat left bottom;

} 

#nav-home a:hover, #nav-home a:active{
background:url(http://www.creativeedits.co.uk/images/home-over.gif) no-repeat right bottom;
}

#nav-facilities a:link, #nav-facilities a:visited{
background:url(http://www.creativeedits.co.uk/images/facilities.gif) no-repeat left bottom;

} 

#nav-facilities a:hover, #nav-facilities a:active{
background:url(http://www.creativeedits.co.uk/images/facilities-over.gif) no-repeat right bottom;

} 

#nav-showcase a:link, #nav-showcase a:visited{
background:url(http://www.creativeedits.co.uk/images/showcase.gif) no-repeat left bottom;

} 

#nav-showcase a:hover, #nav-showcase a:active{
background:url(http://www.creativeedits.co.uk/images/showcase-over.gif) no-repeat right bottom;

} 

#nav-aromatherapy a:link, #nav-aromatherapy a:visited{
background:url(http://www.creativeedits.co.uk/images/aromatherapy.gif) no-repeat left bottom;

} 

#nav-aromatherapy a:hover, #nav-aromatherapy a:active{
background:url(http://www.creativeedits.co.uk/images/aromatherapy-over.gif) no-repeat right bottom;

} 

#nav-daoyin a:link, #nav-daoyin a:visited{
background:url(http://www.creativeedits.co.uk/images/daoyin.gif) no-repeat left bottom;

} 


#nav-contact a:link, #nav-contact a:visited{

background:url(http://www.creativeedits.co.uk/images/contact.gif) no-repeat left bottom;

} 

#nav-contact a:hover, #nav-contact a:active{
background:url(http://www.creativeedits.co.uk/images/contact-over.gif) no-repeat right bottom;

} 


ul a:link, ul a:visited, ul a:hover, ul a:active{
display:block;
margin:0px 0px 10px 0px;
padding:0px;
width:120px;
height:33px;
} 
