/* HTML5 And CSS3 Theme
By JBiddulph (2010) */
a { 
	color:#005fa8;
	text-decoration:none;
}
a:hover {
	color:The TARDIS has landed
! In fact it landed slap bang in the middle of London Olympiaâ€™s roof canopy and â€˜officialsâ€™ say it is to remain as a permanent fixture. As part of the BBCâ€™s Dr Who Experience Helix were asked to create an exact replica of the Tardis, no mean feat given its iconic status. Working together with the local authority, TFL and structural engineers rather than flying in, the Tardis was actually painstakingly craned into its new home. Go see for yourself!  See www.doctorwhoexperience.com.;}
.menuselected { color:#00919C!important; }
form {
	padding: 10px;
}
.clear{
	clear: both;
}
.selected { 
	background-color: #005fa8!important;
}
.textbox { 
	border: 1px solid #005fa8;
	background-color: #fff;
	height:20px;
}
/* left */

/* end left */
#left {
    float: left;
    width: 554px;
}
#left p { font-family: "Arial";
    font-size: 17px!important;
    font-style: normal;
    padding: 30px 20px 10px 42px!important;
    text-align: justify; }
/* right */
#right { float: right;
    padding-right: 32px;
    padding-top: 20px;
    width: 438px; }
#right .youtube { width:32px; height: 30px; display: inline block; padding-right: 10px;  }
#right .twitter { width:32px; height: 30px; display: block; padding-right: 10px; }
#right .facebook { width:32px; height: 30px; display: block; padding-right: 10px; }
#right .barbazaar { width:85px; height: 30px; display: block; padding-right: 10px; }
#right .pinterest { width:32px; height: 32px; display: block; }
#right ul { float:right; display: inline; }
#right ul li{ float:right; display: inline; }

/* end right */ 
#editcompany .text{ 
	text-align: right;
}
#editcompany td{ 
	padding: 6px;
}
body { 
	background-color:#000000;
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    margin:0px;
}
#top {
    background: none repeat scroll 0 0 #1A1A1A;
    height: 154px;
    margin-bottom: 20px;
    width:960px;
    margin:0 auto;
    padding:0 32px;
	position:relative;
}
#top .line {
	border-bottom: 4px solid #fff;
	width:960px;
	position: absolute;
	left:32px;
	bottom:0px;
}
#topwrapper {
    margin: 0 auto;
    width: 980px;
}
#rightnav {
    float:right;
    margin-top:10px;
    margin-right:20px;
    text-align: right;
    line-height: 17px;
}
#rightnav a{
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}
#rightnav a:hover { 
	color:#00919C;
}
#topwrapper nav{
	float:left;
	margin-top:124px;
}
#topwrapper nav ul li{
	font-size: 12px;
	display: inline;
	padding:0 4px 0 2px;
	border-right: 2px solid #fff;
	text-transform: uppercase;
}
#topwrapper nav ul li a{
	color: #fff;
}
#topwrapper nav ul li a:hover{
	color: #00919C;
}
#newscontent{
	margin: 0 auto;
    width: 1024px;
    position:relative;
    display: block;
    background: none repeat scroll 0 0 #1A1A1A;
    color: #fff;
    padding:6px 0;
    
} 
#content{
	margin: 0 auto;
    width: 1024px;
    position:relative;
    display: block;
    background: none repeat scroll 0 0 #1F1F1F;
    color: #fff;
    clear:both;
} 
#content .dottedline {
    border-bottom: 1px dotted #FFFFFF;
    bottom: -1px;
    left: -1px;
    position: absolute;
    width: 1025px;
}

#content #finishesbox{
	margin: 12px 32px 0 32px;
	padding:0px;
    width: 960px;
    position:relative;
    display: block;
    color: #fff;
}
#content #finishesbox h2 a{
	color:#666;	
}
#content #finishesbox h2 a:hover{
	color:#00919C;	
}
#content #finishesbox h2 .selected{
	color:#00919C!important;
	background-color:#1a1a1a!important;	
}
#content #finishesbox ul{
	display: inline;	
}
#content #finishesbox ul li{
	display: inline-block;
	width:191px;
	position: relative;
}
#content #finishesbox ul li.last{
	display: inline-block;
	width:180px;
	position: relative;
}
#content #finishesbox h1{
	font-family: "Arial";
	font-style: normal;
	padding:5px 5px 0px 0px;
	font-size: 24px;
	font-weight: bold;
	color: #666;
}
#content #finishesbox h1.topselected{
	color:#fff!important;
}
#content #finishesbox h2{
	font-family: "Arial";
	font-size: 15px;
	padding:0px 5px 0px 0px;
	font-weight: bold;
	color: #00919C;
	text-transform: uppercase;
}
#content #finishesbox h3{
	font-family: "Arial";
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	padding:10px 12px 5px 0px;
}
#content #finishesbox h4{
	font-family: "Arial";
	font-size: 12px;
	font-style: normal;
	color: #fff;
	padding:2px 12px 5px 0px;
}

#content #finishesbox h4 span{
	font-weight: bold;
	color:#00919C ;
}
#content #finishesbox p{
	font-family: "Arial";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #cccccc;
	padding:5px 10px 10px 0px;
	line-height: 17px;
	border-bottom: 1px dotted #fff;
	width:170px;
	margin-bottom:10px;
}
/* archives */
#content #archivebox {
    border-bottom: 1px dotted #FFFFFF;
    color: #FFFFFF;
    display: block;
    height: 358px;
    margin: 0 32px 0;
    padding: 0;
    position: relative;
    width: 960px;
}

#content #archivebox ul{
	display: inline;	
}
#content #archivebox ul li{
	display: inline-block;
	width:191px;
	position: relative;
}
#content #archivebox ul li.last{
	display: inline-block;
	width:180px;
	position: relative;
}
#content #archivebox h1{
	font-family: "Arial";
	font-style: normal;
	padding:5px 5px 0px 5px;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
}
#content #archivebox h2{
	font-family: "Arial";
	font-size: 15px;
	padding:0px 5px 5px 5px;
	font-weight: bold;
	color: #00919C;
	text-transform: uppercase;
}
#content #archivebox h3{
	font-family: "Arial";
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	padding:10px 12px 5px 0px;
	width:100%;
	float:left;
}
#content #archivebox h4{
	font-family: "Arial";
	font-size: 12px;
	font-style: normal;
	color: #fff;
	padding:2px 12px 5px 0px;
}

#content #archivebox h4 span{
	font-weight: bold;
	color:#00919C ;
}
#content #archivebox h3 span{
	font-weight: bold;
	color:#00919C ;
}
#content #archivebox p {
    border-top: 1px dotted #FFFFFF;
    color: #CCCCCC;
    font-family: "Arial";
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    line-height: 17px;
    margin-bottom: 10px;
    padding: 5px 10px 10px 0;
    width: 170px;
}

/* archives */
#casestudyright #csbox{
	padding:0px;
    width: 660px;
    float:right;
    display: block;
    color: #fff;
    border-bottom: 1px dotted #fff;
}

#casestudyright #csbox ul{
	display: inline;
	display:block;
	width:650px;
	position: relative;	
	
}
#casestudyright #csbox ul li{
	display: inline-block;
	width:191px;
	position: relative;
}
#casestudyright #csbox ul li.last{
	display: inline-block;
	width:180px;
	position: relative;
}
#casestudyright #csbox h1 {
    font-family: "Arial";
    font-size: 20px;
    font-style: normal;
    padding: 20px 290px 0 0;
}

#casestudyright #csbox h5 {
    font-family: "Arial";
    font-size: 20px;
    font-style: normal;
    padding: 20px 290px 0 0;
	border-top: 1px dotted #FFFFFF;
}

#casestudyright #csbox h6{
    color: #00919C;
    font-family: "Arial";
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 0 0px 5px;
    text-transform: uppercase;
}

#casestudyright #csbox h2{
   border-bottom: 1px dotted #FFFFFF;
    color: #00919C;
    font-family: "Arial";
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 0 0px 5px;
    text-transform: uppercase;
}
#casestudyright #csbox h3{
	font-family: "Arial";
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	padding:10px 12px 5px 0px;
}
#casestudyright #csbox h4{
	font-family: "Arial";
	font-size: 12px;
	font-style: normal;
	color: #fff;
	padding:2px 12px 5px 0px;
}

#casestudyright #csbox h4 span{
	font-weight: bold;
	color:#00919C ;
}

#casestudyright #csbox p.first{
	font-family: "Arial";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #cccccc;
	padding:5px 10px 10px 0px;
	line-height: 17px;
	border: none!important;
	width:640px;
	margin-bottom:10px;
}

#casestudyright #csbox p{
	font-family: "Arial";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #cccccc;
	padding:5px 10px 10px 0px;
	line-height: 17px;
	border-bottom: 1px dotted #fff;
	width:640px;
	margin-bottom:10px;
}
#casestudyright #csbox p.noline{
	font-family: "Arial";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #cccccc;
	padding:5px 10px 10px 0px;
	line-height: 17px;
	border-bottom: none!important;
	width:640px;
	margin-bottom:10px;
} img{ float: left; margin-right:10px; }

#casestudyright #csbox p.small{
	font-family: "Arial";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #cccccc;
	padding:5px 10px 10px 0px;
	line-height: 17px;
	border-bottom: 1px dotted #fff;
	width:170px;
	margin-bottom:10px;
}

#casestudyright #services {
    color: #FFFFFF;
    display: block;
    float: right;
    padding: 0;
    width: 795px;
}

#casestudyright #services h1 {
    font-family: "Arial";
    font-size: 20px;
    font-style: normal;
    padding: 20px 290px 0 0;
}

#casestudyright #services h5 {
    font-family: "Arial";
    font-size: 20px;
    font-style: normal;
    padding: 20px 290px 10px 0;
	border-top: 1px dotted #FFFFFF;
	width: 342px;
}

#casestudyright #services h6{
    color: #00919C;
    font-family: "Arial";
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 0 0px 5px;
    text-transform: uppercase;
}

#casestudyright #services h2{
   border-bottom: 1px dotted #FFFFFF;
    color: #00919C;
    font-family: "Arial";
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 0 0px 5px;
    text-transform: uppercase;
}
#casestudyright #services h3{
	font-family: "Arial";
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	padding:10px 12px 5px 0px;
}
#casestudyright #services h4{
	font-family: "Arial";
	font-size: 12px;
	font-style: normal;
	color: #fff;
	padding:2px 12px 5px 0px;
}

#casestudyright #services h4 span{
	font-weight: bold;
	color:#00919C ;
}

#casestudyright #services p.first{
	font-family: "Arial";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #cccccc;
	padding:5px 10px 10px 0px;
	line-height: 17px;
	border: none!important;
	width:640px;
	margin-bottom:10px;
}

#casestudyright #services p{
	font-family: "Arial";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #cccccc;
	padding:5px 10px 10px 0px;
	line-height: 17px;
	border-bottom: 1px dotted #fff;
	width:640px;
	margin-bottom:10px;
}
#casestudyright #services p.noline{
	font-family: "Arial";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #cccccc;
	padding:5px 10px 10px 0px;
	line-height: 17px;
	border-bottom: none!important;
	width:640px;
	margin-bottom:10px;
} img{ float: left; margin-right:10px; }

#casestudyright #services p.small{
	font-family: "Arial";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #cccccc;
	padding:5px 10px 10px 0px;
	line-height: 17px;
	border-bottom: 1px dotted #fff;
	width:170px;
	margin-bottom:10px;
}
#services ul { list-style: circle inside;
    padding: 0 0 10px;}
#services li { font-family: "Arial";
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #cccccc;}

#content #casestudydiv {
    background: none repeat scroll 0 0 #000000;
    clear: left;
    color: #FFFFFF;
    display: block;
    height: 1312px;
    margin: 8px 0 0 32px;
    padding: 0;
    position: relative;
    width: 300px;
}
#content #casestudyright{
	margin:0px 10px 0px 0px;
	padding:0px 10px 0 0;
    display: block;
   	color: #fff;
   	float:right;
}
#content #box1{
	margin:0px 32px;
	padding:0px;
    width: 960px;
    height:376px;
    position:relative;
    display: block;
    background: none repeat scroll 0 0 #000;
    color: #fff;
}
#content #box1 img {
	position:absolute;
	top:0px; 
	right:0px;
}
#content #box2{
	margin:0px 32px;
	padding:0px;
    width: 960px;
    height:376px;
    position:relative;
    display: block;
    background: none repeat scroll 0 0 #000;
    color: #fff;
}
#content #box2 img {
	position:absolute;
	top:0px; 
	right:0px;
}
#content #box3{
	margin:0px 32px;
	padding:0px;
    width: 960px;
    height:376px;
    position:relative;
    display: block;
    background: none repeat scroll 0 0 #000;
    color: #fff;
}
#content #box3 img {
	position:absolute;
	top:0px; 
	right:0px;
}
#content #box4{
	margin:0px 32px;
	padding:0px;
    width: 960px;
    height:376px;
    position:relative;
    display: block;
    background: none repeat scroll 0 0 #000;
    color: #fff;
}
#content #box4 img {
	position:absolute;
	top:0px; 
	right:0px;
}
#content #box5{
	margin:0px 32px;
	padding:0px;
    width: 960px;
    height:376px;
    position:relative;
    display: block;
    background: none repeat scroll 0 0 #000;
    color: #fff;
}
#content #box5 img {
	position:absolute;
	top:0px; 
	right:0px;
}
#content .dashedlinebottom { 
	border-bottom: 1px dashed #FFFFFF;
    height: 1px;
    margin-left: 30px;
    padding-bottom: 6px;
    width: 960px;
}
#content .dashedlinetop { 
	border-top: 1px dashed #FFFFFF;
    height: 1px;
    margin-left: 32px;
    padding-bottom: 6px;
    width: 960px;
    margin-top:32px;
}
#content .line {
	border-bottom: 4px solid #fff;
	width:960px;
	position: absolute;
	left:32px;
	top:366px;
} 
#content h1 {
	padding:20px 20px 10px 32px;
	font-family: "Arial";
	font-style: normal;
	font-size: 17px;
}
#content p {
	padding:10px 200px 10px 42px;
	font-family: "Arial";
	font-style: normal;
	font-size: 20px;
	color: #CBCBCB;
}
#topwrapper #logo {
    float: left;
}
#top #logo {
    position: absolute;
    width: 50%;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
    display: block;
    height:100px;
    width:100px;
    top:15px;
}
#top #logo b {
    width: 980px;
    border-bottom: 1px solid #005fa8;
    display: block;	
    margin-top: 44px;
}
#logo .title{
	position: absolute;
	top:21px;
	left:70px;
	font-weight: bold;
	color: #fff;
	font-size: 16px;
}
#logo .slogan{
	position: absolute;
	top:40px;
	left:70px;
	font-size: 10px;
}
#content .clear{
	clear:both;
}
#content section#header {
    background: none repeat scroll 0 0 #005fa8;
    border: 10px solid #1A1A1A;
    padding: 15px 20px 20px;
    display: block;
    color:#fff;
}
#content section.pages { 
	background: none repeat scroll 0 0 #1A1A1A;
    margin-top: 10px;
    padding: 10px 0 10px 10px;
    display: block;
} 
#content section.pages aside {
    background: none repeat scroll 0 0 #000000;
}
#content section.pages section {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 20px;
    width: 680px;
}
#content #map { 
	height:175px;
	width:300px;
	display: block;
	float:right;
}
.one_quarter {
    float: left;
    width: 236px;
    border-right: 4px solid #CCCCCC;
}
.one_quarter .logout{
    color:#fff!important;
}
.one_quarter h2{
   	font-size: 18px;
   	background-color:#005fa8;
   	color:#fff;
   	padding:10px;
}
.one_quarter li{
	border-bottom: 1px dashed #000000;
   	padding:10px 0px;
   	display: block;
}
.three_quarter 1A1A1A
.three_quarter .pic img{	
	width:230px;
	height:170px;
	display: block;
	float:right;
}
.three_quarter .image img{	
	width:230px;
	height:170px;
}
.three_quarter h1{
	font-size: 24px;
}
.three_quarter h2{
	font-size: 18px;
}
.three_quarter p{
    border-bottom: 1px dashed #005fa8;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
#content section#slider {
    background-color: #1A1A1A;
    border-top: 6px solid #1A1A1A;
    border-bottom: 6px solid #1A1A1A;
    border-right: 32px solid #1A1A1A;
    border-left: 32px solid #1A1A1A;
    text-align: center;
    display: block;
}
#content section#slider #viewport {
    overflow: hidden;
    width: 960px;
}
#content section#slider #container {
    height: 370px;
    overflow: hidden;
    width: 60000px;
    position:relative;
}
#content section#slider div.section {
    float: left;
    width: 960px;
}
#content section#contact div.section {
    float: left;
    width: 960px;
    position: relative;
}
#contact h2 { position:absolute;
	top:80px;
	left:20px;
	color:#00919C;
	font-size: 14px;
 }
#contact p { position:absolute;
	top:120px;
	left:20px;
	text-align: left;
	font-size: 14px;
	padding:0px;
	line-height: 20px;
}
#contact a { 
	color:#00919C; 
}
#contact a { 
	text-decoration: underline; 
}
#contactbottom { 
	width:960px;
	height:244px;
	position: relative;
	padding:0px 32px;
}
#contactbottom form { 
	position:absolute;
	top:10px;
	left:32px;
}
#contactbottom .contact1{
	position: absolute;
	right:240px;
	top:64px;
}
#contactbottom .contact2{
	position: absolute;
	right:46px;
	top:63px;
}
#contactbottom .contact3 {
	position: absolute;
	right: 251px;
	top: 138px;
	width: 135px;
}
#contactbottom .contact4 {
	position: absolute;
	right: 46px;
	top: 138px;
}
#contactbottom span { 
	font-size: 10px;
}
#contactbottom p { 
	padding: 0px;
	font-size: 12px;
}
#contactbottom h2 { 
	color:#00919c;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}
#contactbottom h5 { 
	color: #00919c;
	font-size: 14px;
	text-transform: uppercase; 
	font-weight: bold;
}
#contactbottom a{ 
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}
#contactbottom a:hover { 
	text-decoration: underline;
}
#contactbottom .verticalline { 
	height:158px;
	border-right:1px dotted #fff;
	position: absolute;
	top:62px;
	right:400px;
}
#content input {
	width:252px;
	height:22px;
	background-color: #000;
	color:#00919C;
	border:none;
	margin:6px 0px;
	padding:4px;
 }
#content .button {
	height:26px;
	width:68px;
	margin:0px;
	padding:0px;
}
 #content textarea { 
 width:254px;
 height:114px;
 margin:6px 0px -92px 0px;
 background-color: #000;
 color:#00919C;
 border:none;
 }
/* Typography and default stuff */

@font-face {
	font-family: 'BebasRegular';
	src: url('http://www.helix3d.co.uk/css/fonts/BEBAS___-webfont.eot');
	src: local('BebasRegular'), url('http://www.helix3d.co.uk/css/fonts/BEBAS___-webfont.woff') format('woff'), url('http://www.helix3d.co.uk/css/fonts/BEBAS___-webfont.ttf') format('truetype'), url('http://www.helix3d.co.uk/css/fonts/BEBAS___-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}


.clearer { clear: both; }

footer {
background-color: #1f1f1f;
color: #CBCBCB;
display: block;
font-size: 11px;

padding: 20px 32px;
width: 960px;
float:left;
} 

footer .class {
    margin: 0 auto;
    float:left;
    margin-left:32px!important;
}
footer ul { 
	float:right;
}
footer ul li {
	display: inline;
	border-right: 1px solid #ffffff;
	padding:0 8px;
}
footer ul li a {
	color: #a9a9a9;
}
footer .copyright { 
	padding:32px 0px;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
/* END SLIDE MENU */



a#prev, a#next { font-size: 14px; font-family: Verdana, Helvetica, Arial, sans; color: #000; text-decoration: none; }
a#prev:hover, a#next:hover {text-decoration: underline; }

#slideshow1 { position:absolute; top:0px; right:0px; }	
 #slideshow1 .pics { height: 376px; width: 664px; display: block; padding:0; margin:0; overflow: hidden }
 #slideshow1 .pics img { height: 376px!important; width: 664px; display: block; top:0; left:0 }
 #slideshow1 .nav { position:absolute; top:0px; left:0px; }

#slideshow2 { position:absolute; top:0px; right:0px; }	
 #slideshow2 .pics { height: 376px; width: 664px; display: block; padding:0; margin:0; overflow: hidden }
 #slideshow2 .pics img { height: 376px!important; width: 664px; display: block; top:0; left:0;  }
 #slideshow2 .nav { position:absolute; top:0px; left:0px; }

#slideshow3 { position:absolute; top:0px; right:0px; }	
 #slideshow3 .pics { height: 376px; width: 664px; display: block; padding:0; margin:0; overflow: hidden }
 #slideshow3 .pics img { height: 376px!important; width: 664px; display: block; top:0; left:0 }
 #slideshow3 .nav { position:absolute; top:0px; left:0px; }

#slideshow4 { position:absolute; top:0px; right:0px; }	
 #slideshow4 .pics { height: 376px; width: 664px; display: block; padding:0; margin:0; overflow: hidden }
 #slideshow4 .pics img { height: 376px!important; width: 664px; display: block; top:0; left:0 }
 #slideshow4 .nav { position:absolute; top:0px; left:0px; }

#slideshow5 { position:absolute; top:0px; right:0px; }	
  #slideshow5 .pics { height: 376px; width: 664px; display: block; padding:0; margin:0; overflow: hidden }
 #slideshow5 .pics img { height: 376px!important; width: 664px; display: block; top:0; left:0 }
 #slideshow5 .nav { position:absolute; top:0px; left:0px; }

#nav1x { visibility: hidden; }
#nav2x { visibility: hidden; }
#nav3x { visibility: hidden; }
#slideshow1 .navx { position:absolute!important; top:0px!important; right:0px; }
#slideshow2 .navx { position:absolute!important; top:0px!important; right:0px; }
#slideshow3 .navx { position:absolute!important; top:0px!important; right:0px; }

#nav1 { position:absolute; bottom:19px; left:184px; }
#nav1 a { margin: 0 2px; font-size: 11px; font-weight: normal; padding: 3px 5px; background: #181818; text-decoration: none; color: #CBCBCB; }
#nav1 a.activeSlide { background: #00919C; }
#nav1 a:focus { outline: none; }

#nav2 { position:absolute; bottom:19px; left:184px; }
#nav2 a { margin: 0 2px; font-size: 11px; font-weight: normal; padding: 3px 5px; background: #181818; text-decoration: none; color: #CBCBCB; }
#nav2 a.activeSlide { background: #00919C; }
#nav2 a:focus { outline: none; }

#nav3 { position:absolute; bottom:19px; left:184px; }
#nav3 a { margin: 0 2px; font-size: 11px; font-weight: normal; padding: 3px 5px; background: #181818; text-decoration: none; color: #CBCBCB; }
#nav3 a.activeSlide { background: #00919C; }
#nav3 a:focus { outline: none; }

#nav4 { position:absolute; bottom:19px; left:184px; }
#nav4 a { margin: 0 2px; font-size: 11px; font-weight: normal; padding: 3px 5px; background: #181818; text-decoration: none; color: #CBCBCB; }
#nav4 a.activeSlide { background: #00919C; }
#nav4 a:focus { outline: none; }

#nav5 { position:absolute; bottom:19px; left:184px; }
#nav5 a { margin: 0 2px; font-size: 11px; font-weight: normal; padding: 3px 5px; background: #181818; text-decoration: none; color: #CBCBCB; }
#nav5 a.activeSlide { background: #00919C; }
#nav5 a:focus { outline: none; }

/* Box 1 */
#box1 #casestudy1 a{ position: absolute; bottom:16px; left:16px; background-color: #00919C; color: #000; font-weight: bold; padding: 3px; font-size: 11px; }
#box1 #casestudy1 a:hover{ color: #fff; }
#box1 #casestudy2 a{ position: absolute; bottom:16px; left:16px; background-color: #00919C; color: #000; font-weight: bold; padding: 3px; font-size: 11px; }
#box1 #casestudy2 a:hover{ color: #fff; }
#box1 #casestudy3 a{ position: absolute; bottom:16px; left:16px; background-color: #00919C; color: #000; font-weight: bold; padding: 3px; font-size: 11px; }
#box1 #casestudy3 a:hover{ color: #fff; }
#box1 #casestudy4 a{ position: absolute; bottom:16px; left:16px; background-color: #00919C; color: #000; font-weight: bold; padding: 3px; font-size: 11px; }
#box1 #casestudy4 a:hover{ color: #fff; }
#box1 #casestudy5 a{ position: absolute; bottom:16px; left:16px; background-color: #00919C; color: #000; font-weight: bold; padding: 3px; font-size: 11px; }
#box1 #casestudy5 a:hover{ color: #fff; }
#box1 { color: #CBCBCB; }
#box1 .titleloc { color: #CBCBCB; position: absolute; top:15px; right:680px; font-size: 12px; }
#box1 h1 { padding:10px 10px 10px 20px; position:absolute; top:15px; font-size: 28px; font-style: bold; color: #fff; }
#box1 h2 { color: #00919C; font-weight: bold; font-size: 14px; padding-left:20px; position:absolute; top:60px; text-transform: uppercase; }
#box1 p {
	color: #CBCBCB;
	width:240px;
	font-size: 12px;
	padding:10px 10px 10px 20px;
	position:absolute;
	top:80px;
	line-height:18px;
	left: 0px;
}
#box1 ul {
	color: #CBCBCB;
	font-size: 12px;
	padding: 10px 10px 10px 20px;
	position: absolute;
	top: 238px;
	width: 240px;
	height: 115px;
	left: 0px;
}
#box1 ul li strong{ color: #FFFFFF; font-weight: bold; font-size: 13px; }
#box1 #slideshow1 img { height:376px; width:664px; display: block; cursor: pointer; }
#box1 li span {color: #00919C; }
/* Box 2 */
#box2 #casestudy1 a{ position: absolute; bottom:16px; left:16px; background-color: #00919C; color: #000; font-weight: bold; padding: 3px; font-size: 11px; }
#box2 #casestudy1 a:hover{ color: #fff; }
#box2 #casestudy2 a{ position: absolute; bottom:16px; left:16px; background-color: #00919C; color: #000; font-weight: bold; padding: 3px; font-size: 11px; }
#box2 #casestudy2 a:hover{ color: #fff; }
#box2 #casestudy3 a{ position: absolute; bottom:16px; left:16px; background-color: #00919C; color: #000; font-weight: bold; padding: 3px; font-size: 11px; }
#box2 #casestudy3 a:hover{ color: #fff; }
#box2 #casestudy4 a{ position: absolute; bottom:16px; left:16px; background-color: #00919C; color: #000; font-weight: bold; padding: 3px; font-size: 11px; }
#box2 #casestudy4 a:hover{ color: #fff; }
#box2 #casestudy5 a{ position: absolute; bottom:16px; left:16px; background-color: #00919C; color: #000; font-weight: bold; padding: 3px; font-size: 11px; }
#box2 #casestudy5 a:hover{ color: #fff; }
#box2 { color: #CBCBCB; }
#box2 .titleloc { color: #CBCBCB; position: absolute; top:16px; right:680px; font-size: 12px; }
#box2 h1 { padding:10px 10px 10px 20px; position:absolute; top:15px; font-size: 28px; font-style: bold; color: #fff; }
#box2 h2 { color: #00919C; font-weight: bold; font-size: 14px; padding-left:20px; position:absolute; top:60px; text-transform: uppercase; }
#box2 p { color: #CBCBCB; width:240px; font-size: 12px; padding:10px 10px 10px 20px; position:absolute; top:84px; line-height:18px; }
#box2 ul { color: #CBCBCB; width:240px; font-size: 12px; padding:10px 10px 10px 20px; position:absolute; top:240px;  }
#box2 ul li strong{ color: #FFFFFF; font-weight: bold; font-size: 13px; }
#box2 #slideshow2 img { height:376px; width:664px; display: block; cursor: pointer; }
#box2 li span {color: #00919C; }
/* Box 3 */
#box3 #casestudy1 a{ position: absolute; bottom:16px; left:16px; background-color: #00919C; color: #000; font-weight: bold; padding: 3px; font-size: 11px; }
#box3 #casestudy1 a:hover{ color: #fff; }
#box3 #casestudy2 a{ position: absolute; bottom:16px; left:16px; background-color: #00919C; color: #000; font-weight: bold; padding: 3px; font-size: 11px; }
#box3 #casestudy2 a:hover{ color: #fff; }
#box3 #casestudy3 a{ position: absolute; bottom:16px; left:16px; background-color: #00919C; color: #000; font-weight: bold; padding: 3px; font-size: 11px; }
#box3 #casestudy3 a:hover{ color: #fff; }
#box3 #casestudy4 a{ position: absolute; bottom:16px; left:16px; background-color: #00919C; color: #000; font-weight: bold; padding: 3px; font-size: 11px; }
#box3 #casestudy4 a:hover{ color: #fff; }
#box3 #casestudy5 a{ position: absolute; bottom:16px; left:16px; background-color: #00919C; color: #000; font-weight: bold; padding: 3px; font-size: 11px; }
#box3 #casestudy5 a:hover{ color: #fff; }
#box3 { color: #CBCBCB; }
#box3 .titleloc { color: #CBCBCB; position: absolute; top:16px; right:680px; font-size: 12px; }
#box3 h1 { padding:10px 10px 10px 20px; position:absolute; top:15px; font-size: 28px; font-style: bold; color: #fff; }
#box3 h2 { color: #00919C; font-weight: bold; font-size: 14px; padding-left:20px; position:absolute; top:60px; text-transform: uppercase; }
#box3 p { color: #CBCBCB; width:240px; font-size: 12px; padding:10px 10px 10px 20px; position:absolute; top:84px; line-height:18px; }
#box3 ul { color: #CBCBCB; width:240px; font-size: 12px; padding:10px 10px 10px 20px; position:absolute; top:240px;  }
#box3 ul li strong{ color: #FFFFFF; font-weight: bold; font-size: 13px; }
#box3 #slideshow3 img { height:376px; width:664px; display: block; cursor: pointer; }
#box3 li span {color: #00919C; }
/* Box 4 */
#box4 #casestudy1 a{ position: absolute; bottom:16px; left:16px; background-color: #00919C; color: #000; font-weight: bold; padding: 3px; font-size: 11px; }
#box4 #casestudy1 a:hover{ color: #fff; }
#box4 #casestudy2 a{ position: absolute; bottom:16px; left:16px; background-color: #00919C; color: #000; font-weight: bold; padding: 3px; font-size: 11px; }
#box4 #casestudy2 a:hover{ color: #fff; }
#box4 #casestudy3 a{ position: absolute; bottom:16px; left:16px; background-color: #00919C; color: #000; font-weight: bold; padding: 3px; font-size: 11px; }
#box4 #casestudy3 a:hover{ color: #fff; }
#box4 #casestudy4 a{ position: absolute; bottom:16px; left:16px; background-color: #00919C; color: #000; font-weight: bold; padding: 3px; font-size: 11px; }
#box4 #casestudy4 a:hover{ color: #fff; }
#box4 #casestudy5 a{ position: absolute; bottom:16px; left:16px; background-color: #00919C; color: #000; font-weight: bold; padding: 3px; font-size: 11px; }
#box4 #casestudy5 a:hover{ color: #fff; }
#box4 { color: #CBCBCB; }
#box4 .titleloc { color: #CBCBCB; position: absolute; top:16px; right:680px; font-size: 12px; }
#box4 h1 { padding:10px 10px 10px 20px; position:absolute; top:15px; font-size: 28px; font-style: bold; color: #fff; }
#box4 h2 { color: #00919C; font-weight: bold; font-size: 14px; padding-left:20px; position:absolute; top:60px; text-transform: uppercase; }
#box4 p { color: #CBCBCB; width:240px; font-size: 12px; padding:10px 10px 10px 20px; position:absolute; top:84px; line-height:18px; }
#box4 ul { color: #CBCBCB; width:240px; font-size: 12px; padding:10px 10px 10px 20px; position:absolute; top:240px;  }
#box4 ul li strong{ color: #FFFFFF; font-weight: bold; font-size: 13px; }
#box4 #slideshow4 img { height:376px; width:664px; display: block; cursor: pointer; }
#box4 li span {color: #00919C; }
/* Box 5 */
#box5 #casestudy1 a{ position: absolute; bottom:16px; left:16px; background-color: #00919C; color: #000; font-weight: bold; padding: 3px; font-size: 11px; }
#box5 #casestudy1 a:hover{ color: #fff; }
#box5 #casestudy2 a{ position: absolute; bottom:16px; left:16px; background-color: #00919C; color: #000; font-weight: bold; padding: 3px; font-size: 11px; }
#box5 #casestudy2 a:hover{ color: #fff; }
#box5 #casestudy3 a{ position: absolute; bottom:16px; left:16px; background-color: #00919C; color: #000; font-weight: bold; padding: 3px; font-size: 11px; }
#box5 #casestudy3 a:hover{ color: #fff; }
#box5 #casestudy4 a{ position: absolute; bottom:16px; left:16px; background-color: #00919C; color: #000; font-weight: bold; padding: 3px; font-size: 11px; }
#box5 #casestudy4 a:hover{ color: #fff; }
#box5 #casestudy5 a{ position: absolute; bottom:16px; left:16px; background-color: #00919C; color: #000; font-weight: bold; padding: 3px; font-size: 11px; }
#box5 #casestudy5 a:hover{ color: #fff; }
#box5 { color: #CBCBCB; }
#box5 .titleloc { color: #CBCBCB; position: absolute; top:16px; right:680px; font-size: 12px; }
#box5 h1 { padding:10px 10px 10px 20px; position:absolute; top:15px; font-size: 28px; font-style: bold; color: #fff; }
#box5 h2 { color: #00919C; font-weight: bold; font-size: 14px; padding-left:20px; position:absolute; top:60px; text-transform: uppercase; }
#box5 p { color: #CBCBCB; width:240px; font-size: 12px; padding:10px 10px 10px 20px; position:absolute; top:84px; line-height:18px; }
#box5 ul {
    color: #CBCBCB;
    font-size: 12px;
    padding: 10px 10px 10px 20px;
    position: absolute;
    top: 240px;
    width: 240px;
}
#box5 ul li strong{ color: #FFFFFF; font-weight: bold; font-size: 13px; }
#box5 #slideshow5 img { height:376px; width:664px; display: block; cursor: pointer; }
#box5 li span {color: #00919C; }
/* case study */
#casestudydiv { color: #CBCBCB; }
#casestudydiv .titleloc { color: #CBCBCB; position: absolute; top:16px; right:20px; font-size: 12px; }
#casestudydiv .bottom {
    bottom: 0;
    display: block;
    height: 1295px;
    left: 10px;
    position: absolute;
    width: 240px;
}

#casestudydiv .bottom img{ padding:0px; margin:0px; }
#casestudydiv li { margin-left: 34px; padding: 10px 30px 10px 4px; font-size: 12px; list-style-type: circle;  }
#casestudydiv h1 {
    color: #FFFFFF;
    font-size: 18px;
    padding: 10px 10px 10px 20px;
}
#casestudydiv h2 { color: #00919C; font-weight: bold; font-size: 14px; padding-left:20px; text-transform: uppercase; }

#casestudydiv p { color: #CBCBCB; width:240px; font-size: 12px; padding:10px 10px 10px 20px; }
#casestudydiv p.firstpara { color: #CBCBCB; width:240px; font-size: 12px; padding:10px 10px 10px 20px; position:absolute; top:260px; }
#casestudydiv p.secondpara { color: #CBCBCB; width:240px; font-size: 12px; padding:10px 10px 10px 20px; position:absolute; top:320px; }
#casestudydiv  ul.csleft { color: #CBCBCB; width:240px; font-size: 12px; padding:10px 10px 10px 20px; position:absolute; top:166px;  }
#casestudydiv  ul.csleft li strong{ color: #FFFFFF; font-weight: bold; font-size: 13px; }
#casestudydiv #csright ul { color: #CBCBCB; width:240px; font-size: 12px; padding:10px 10px 10px 20px; }
#casestudydiv #csright ul li strong{ color: #FFFFFF; font-weight: bold; font-size: 13px; }

#newsbox { display:block; color:#CBCBCB; background-color: #000; margin:0px 32px; overflow: auto; }
#newsbox img{ float:right; }
#newsbox #titleloc { color: #CBCBCB; font-size: 12px; }
#newsbox h1 { padding:10px 10px 10px 20px; font-size: 28px; font-style: bold; color: #fff; }
#newsbox h2 { color: #00919C; font-weight: bold; font-size: 14px; padding-left:20px; text-transform: uppercase; }
#newsbox p { color: #CBCBCB; width:240px; font-size: 12px; padding:10px 10px 10px 20px; }
#newsbox ul { color: #CBCBCB; width:240px; font-size: 12px; padding:10px 10px 10px 20px; }
#newsbox ul li strong{ color: #FFFFFF; font-weight: bold; font-size: 13px; }