#tinymce .link {
  width:0%;
  height:0%;
  }


body#tinymce p{
  color:#747474;
}

#tinymce div{
  display:block;
 }



.link{ 
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;

  /* edit: added z-index */
  z-index: 1;

  /* edit: fixes overlap error in IE7/8, 
     make sure you have an empty gif */
  background-image: url('empty.gif');
}  

h1{position:relative;
z-index:11;
width:300px;
top:-40px;
left:110px;
ebackground:rgba(20,20, 20, 0.3);
epadding:0px 10px 0px 10px;
font-size:24px;
color:#54a5f0;
text-align:left;
margin:0px 0px 0px 0px;
font-weight:200;
}

#product-page h1{
position:static;
font-size:28px;
color:#54a5f0;
text-align:left;
margin:10px 0px 0px 20px;}

h3{font-size:28px;
color:#54a5f0;
text-align:left;
margin:20px 0px 20px 0px;
font-weight:200;
}



.no-margin{margin:0}



.clear{clear:both;}


.button{
width:140px;
float:right;
margin:0px 30px 0px 0px;}

.button2{
width:125px;
float:right;
margin:0px 45px 0px 0px;}

.button, .button2 {
-webkit-appearance: none;/*solves rendering on ipad*/
text-align:center;
   border-top: 1px solid #f7f7f7;
   background: #8e9294;
   background: -webkit-gradient(linear, left top, left bottom, from(#727272), to(474747));
   background: -webkit-linear-gradient(top, #727272, #474747);
   background: -moz-linear-gradient(top, #727272, #474747);
   background: -ms-linear-gradient(top, #727272, #474747);
   background: -o-linear-gradient(top, #727272, #474747);
   padding: 10px;
   -webkit-border-radius: 1px;
   -moz-border-radius: 1px;
   border-radius: 1px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover, .button2:hover  {
   eborder-top-color: #424242;
   background: #424242;
   color: #54a5f0;
   }
.button:active, .button2:active {
   border-top-color: #363636;
   background: #363636;
   }




#about{width:900px;
display:none;
text-align:left;
z-index:10;
border:8px solid rgba(200, 200, 200, 0.4);
margin: 0px 10px 0px 40px;}


#about-slideshow{
text-align:left;
z-index:10;
margin: 20px 10px 30px 80px;}


#about-text{clear:both;
edisplay:none;
z-index:10;
padding:10px 10px 10px 10px;
background: rgba(20,20, 20, 0.1);
margin: 20px 0px 20px 0px;}

#about-text p{clear:both;
}


.ie8 #about-text{background: #474747\9;}

#about #slideshow_3{float:left;
border:0px solid #363636;}


about h1{
margin:20px 0px 20px 0px;
}

#about p{text-align:left;
margin: 0px 10px 10px 10px;}

#contact{
display:none;
text-align:left;
z-index:10;
min-height:450px;
margin: -30px 0px 0px 0px;}

#contact-background{display:none;
position:absolute;
z-index:12;
width:980px;
height:655px;
right:0px;
top:0px;
padding:0px;
background: rgba(20,20, 20, 0.5);

}

.ie8 #contact-background{background: #474747\9;}

#contact-text{
position:absolute;
z-index:12;
width:290px;
left:90px;
top:90px;
padding:15px;
border:8px solid rgba(200, 200, 200, 0.4);
background: rgba(20,20, 20, 0.5);
background: #474747\9;/* IE8 and below */

}

#contact-frame{display:none;
position:absolute;
z-index:12;
width:340px;
right:90px;
top:90px;
padding:0px;
border:8px solid rgba(200, 200, 200, 0.4);
background: rgba(20,20, 20, 0.7);

}


#copyright{
        font-size:14px;
        color:#ccc;
	ewidth: 980px;
	position: absolute;
	bottom: 9px;
	text-align: left;
        left:22%;
	margin: 0px 0px 0px 0px;
}

#copyright-logo{
        font-size:14px;
        color:#ccc;
	ewidth: 980px;
	position: absolute;
	bottom: 9px;
	text-align: left;
        left:5%;
	margin: 0px 0px 0px 0px;
}


#icons{
        font-size:14px;
        color:#ccc;
	ewidth: 980px;
	position: absolute;
	bottom: 9px;
	text-align: center;
        right:5%;
	margin: 0px 0px 0px 0px;
}

#icons img{margin: 0px 5px 0px 0px;}


#copyright a:link, #copyright a:visited{
	
	font-size:14px;
	margin:0px 0px 0px 0px;
	text-decoration:none;
	color:#a5a5a5;}
	
#copyright a:hover, #copyright a:active{
	
	font-size:14px;
	margin:0px 0px 0px 0px;
	text-decoration:none;
	color:#eee;}


#surfdesign{opacity:.9;
	position: absolute;
	width: 980px;
	bottom: -32px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	text-decoration: none;
		}
	
#surfdesign a:link, #surfdesign a:visited{
	font-weight:100;
	font-size:12px;
	margin:0px 0px 0px 0px;
	text-decoration:none;
	color:#999;}
	
#surfdesign a:hover, #surfdesign a:active{
	font-weight:100;
	font-size:12x;
	margin:0px 0px 0px 0px;
	text-decoration:none;
	color:#777;}

#preload{ display:none }
	
#preload img {height:1px;width:1px;}
/* Stylesheet: styles Modified On 2014-10-03 14:24:12 */
a:link, a:visited {
       	
	font-size:14px;
	margin:0px 0px 0px 0px;
	text-decoration:none;
	color:#54a5f0;}
	
a:hover, a:active{
      
    font-size:14px;
	margin:0px 0px 0px 0px;
	text-decoration:none;
	color:#fff;}

.navbar-top{float:right;
	eposition:absolute;top:0px;
	eright:30px;
	margin:10px 30px 0px 0px;}


.navbar-top a:link, .navbar-top a:visited{
color:#ddd;
text-transform:uppercase;
display:inline-block;
text-decoration:none;
margin:0px;
padding:0px;}
	
.navbar-top a:hover, .navbar-top a:active{
color:#54a5f0;
display:inline-block;
text-decoration:none;
margin:0px;
padding:0px;}
	
	
.navbar-top li{
height:20px;
margin:0px 0px 0px 0px;	
emargin:0px 8px 0px 0px \9;
padding:0;
list-style:none;
display:inline;}

.navbar-top p{
color:white;
margin:0px 0px 0px 0px;	
padding:0;
display:inline;}





.navbar-main ul{
width:930px;
position:absolute;
top:0px;
text-align:right;
}

.navbar-main a:link, .navbar-main a:visited{
color:white;
text-transform:uppercase;
font-size:16px;
line-height:28px;
text-align:center;
border-bottom:solid #666 3px ;
display:inline-block;
text-decoration:none;
margin:0px 10px 0px 0px; 
padding:0px; }
	
.navbar-main a:hover,  .navbar-main a:active{
color:#fff;
font-size:16px;
line-height:28px;
text-align:center;
ebackground-color:#2d1082;
border-bottom:solid #54a5f0 3px ;
display:inline-block;
text-decoration:none;
margin:0px 10px 0px 0px; 
padding:0px;}
	
	
.navbar-main li{
line-height:30px;
width:100px;
margin:0px 10px 0px 0px;
padding:0;
list-style:none;
display:inline;}







#address a:link, #address a:visited{
	color: #54a5f0;
	text-decoration: none;
}
	
#address a:hover, #address a:active{
color:#fff;
text-decoration:none;}



#nav-bottom a:link, #nav-bottom a:visited{
color: #eee;
text-transform:uppercase;
font-size:14px;
text-decoration: none;
display:inline;
}

#nav-bottom a:hover, #nav-bottom a:active{
color:#54a5f0;
font-size:14px;
text-decoration:none;
display:inline;}

#nav-bottom li{

display:inline;
margin:3px 15px 0px 0px;
padding:0;
list-style:none;
}





.navblock-inline li{
height:20px;	
margin:0px 15px 0px 0px;
padding:0;
list-style:none;
display:inline;}



	
/* Stylesheet: nav Modified On 2014-06-16 16:07:10 */
@charset "UTF-8";
/* CSS Document */


html {overflow-y: scroll;
}

body {  position:relative;
        font-family:  'Pontano Sans', sans-serif;
	background-color:#000;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #fff;
        text-align:left;
}

#outer-container { 

  background:url(http://www.surfenergy.co.uk/web/culmax/images/background1.jpg)no-repeat center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:1800px;
  margin: 0px auto 0px auto; 
  border: 1px solid #000;
	
}

.ie8 #outer-container {  background:url(http://www.surfenergy.co.uk/web/culmax/images/background1.jpg);
  background-position:50% 0;
  background-repeat:no-repeat;}


 #container {
	width: 980px; 
        background: rgba(50,50, 50, 0.9);
	margin: 15px auto 0px auto; 
	border: 1px solid #000000;
	text-align: left;
	
}
 
.ie8 #container {
background:#474545;
}


#header {
position:relative;
height:160px;

}


#logo{
position:absolute;
top:23px;
left:77px;
height:70px;
width:333px}

#contact-top{text-align:right;
position:absolute;
top:55px;
right:30px;
height:70px;
padding:0px;
}

#contact-top a, #contact-top p{
margin:0px 0px 0px 0px;}

.highlight{
font-family: 'ABeeZee', sans-serif;
font-size:18px;
text-transform:uppercase; 
position:absolute;
top:-3px;
left:25px;
height:70px;
width:300px}

.highlight2{
font-weight:bold;
}

.highlight3{
color:#54a5f0;
}

#header h1 {
position:absolute;
top:65px;
left:382px;
color:#fff; 
font-size:16px; 
font-weight:100;
margin: 0; 
padding: 10px 0;
}


#gradient{
width:980px;
position:absolute;
bottom:0px;
background:url(/images/gradient-bar.png) #747474;
padding:0px;
height:50px;}


#gradient-bottom {
clear:both;
	width:980px;
	position: absolute;
	bottom: 0px;
        left:0px;
	background:url(/images/gradient-bar.png) #747474;
	margin: 0px 0px 0px 0px;
	height: 50px;
	
}
#maincontent{position:relative;
margin:0px;}

#maincontent p{
margin:10px 0px 0px 20px;}

#why{
margin:-30px 0px 0px 0px;
}

#why-text{display:none;
position:absolute;
z-index:12;
width:310px;
right:90px;
top:90px;
padding:0px 10px 20px 10px;
border:8px solid rgba(200, 200, 200, 0.4);
background: rgba(20,20, 20, 0.7);

}

.ie8 #why-text{
background: #474747;}


#product-page{display:none;
text-align:left;
position:absolute;
z-index:10;
width:310px;
left:90px;
top:120px;
padding:0px 10px 20px 10px;
border:8px solid rgba(200, 200, 200, 0.4);
background: rgba(40,40,40, 0.7);

}

.ie8 #product-page{background: #474747\9;}

.right{float:right;
margin:30px 0px 0px 0px;
width:500px;
}

#products-holder{
width:980px;
margin:-20px 0px 0px 45px;}

.product-frame{position:relative;
float:left;
margin:0px 20px 20px 0px;
padding:0px;
width:270px;
border:solid 5px #474747;


}

.product-frame:hover{border:solid 5px #54a5f0;}

.product{float:left;
margin:0px 0px 0px 0px;
width:270px;
height:180px;
background-color:#777;
}


.product img{width:270px;
height:180px;
margin:0px 0px 0px 0px;}


.product-text{
width:270px; 
color:#fff;
font-weight:100;
background-color:#343434;
margin:0px 0px 0px 0px;
padding:0px;
 }



.product-text h2{
width:270px;
color:#fff;
text-align:center;
font-size:18px;
line-height:30px; 
font-weight:200;
padding:0px 0px 0px 0px;
background-color:#252525;
margin:0px 0px 0px 0px;}


.product-text p{
width:240px
text-align:left;
font-size:14px; 
color:#ccc;
margin:0px;
padding:0px;
 }





#projects-holder{
width:980px;
margin:-20px 0px 0px 30px;}

.project-frame{
position:relative;
float:left;
margin:0px 10px 10px 0px;
width:290px;
height:240px;
border:solid 5px #555;
}

.project-frame:hover{border:solid 5px #54a5f0;}

.project-frame h2{
color:#fff;
text-align:center;
font-size:18px; 
font-weight:200;
padding:5px 0px 5px 0px;
background-color:#474747;
margin:5px 0px 0px 0px;}



.project{float:left;
margin:10px 0px 10px 10px;
width:270px;
height:180px;
background-color:#777;
}

.project img{width:270px;
height:180px;
margin:0px 0px 0px 0px;}


#production{
display:none;
color:#ddd;
efont-size:16px;
padding:10px;
border-left:2px solid #ccc;
border-bottom:2px solid #ccc;
margin:-20px 15px 0px 15px;
background-color: #363636;}

#ideas{margin:-30px 0px 0px 0px;}



.navblock-holder{
clear:both;
display:block;
	position:relative;
	width: 980px;
	background-color: #474747;
	height:130px;
	margin: 0px 0px 0px 0px;
        left: 1px;	
}


#address{float:left; margin:0px 0px 0px 0px;}

#nav-bottom{width:978px;
text-align:center; 
background:#363636;
margin:0px 0px 5px 0px;
padding: 10px 0px 10px 0px;
border-bottom:2px solid #aaa;}

#address {width:980px;
eborder-left:2px solid #aaa;
eborder-bottom:2px solid #aaa;
text-align:center;
ebackground:#272727;
padding:0px;
ebox-shadow: 0 0 50px #555;
e-webkit-box-shadow: 0 0 100px #aaa;
e-moz-box-shadow: 0 0 50px #aaa;
}



.ie8 #address, .ie8 #nav-bottom {ebackground-color:#272727;}

.space-top{
margin:0px 5px 0px 5px;
}

.space{
margin:0px 0px 0px 15px;
}


#address-left{
float:left;
width:480px;
margin:0px 0px 0px 80px;}

#address-right{
float:right;
width:300px;
margin:3px 80px 0px 0px;}


#address-right p{
display:inline;
}

#address p{margin:3px 0px 0px 0px;
color:#ccc;
padding:0px;}



#nav-bottom ul, .navblock-inline ul{margin:0px 0px 0px 10px; padding:0px;}


#nav-bottom-left, #nav-bottom-right{width:150px; float:left;}

#nav-bottom-left{margin:0px 0px 0px 10px;}

#nav-bottom-right{margin:0px 0px 0px 0px;}
/* Stylesheet: layout Modified On 2015-10-23 21:02:21 */