@charset "utf-8";
/* CSS Document */
body {
font-size:12px;
font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; 
margin:0;
}
h1,h2,h3,h4 {
margin:0 0 14px 0;
font-family:"Times New Roman", Times, serif;
}
h5,h6 {
margin:0;
}
h1,h2 {
text-transform:uppercase;
}
h1 {
color:#6a6a6a;
border-bottom:2px solid #dbdbdb;
font-size:18px;
padding-bottom:10px;
line-height:16px;
}
h2 {
color:#000;
border-bottom:2px solid #000;
font-size:18px;
padding-bottom:10px;
line-height:16px;
}
.title-h2 {
display:block;
color:#000;
border-bottom:2px solid #000;
font-size:18px;
padding-bottom:10px;
line-height:16px;
text-transform:uppercase;
margin:0 0 14px 0;
font-family:"Times New Roman", Times, serif;
}
h3 {
color:#80335A;
border-bottom:2px solid #80335A;
font-size:18px;
padding-bottom:10px;
line-height:16px;
font-variant:small-caps;
}
h4,.title-h4 {
color:#6A6A6A;
border-bottom:2px solid #DBDBDB;
font-size:18px;
padding-bottom:6px;
line-height:16px;
font-variant:small-caps;
font-family:"Times New Roman", Times, serif;
display:block;
}
body.home h4 {
color:#6A6A6A;
border-bottom-color:#6A6A6A;
font-size:18px;
padding-bottom:10px;
line-height:16px;
font-variant:small-caps;
}
a {
color:#A90056;
font-weight:bold;
}
p {
margin:0 0 8px 0;
font-size:13px;
line-height:18px;
}
:active,:focus {
outline:none;
}
ul li em {
color:#7d7d7d;
}
div.facilities {
margin:0 0 16px 0;
}
div.facilities h3 {
border:0px;
text-transform:none;
font-variant:normal;
font-size:14px;
margin:0;
padding:0 0 8px 0;
}
div.facilities h3 a {
}
div#side-column div.facilities ul {
margin:0;
padding:0 0 0 20px;
color:#A90056;
}
div#side-column div.facilities ul ul {
margin:0;
padding:0 0 0 20px;
color:#A90056;
}
.group {
margin:0 0 30px 0;
}
/*-------------------------------------
				  	Containers
-------------------------------------*/
div#container-header {
background-color:#000;
background-image:url(../i/header_bg.gif);
background-position:bottom left;
background-repeat:repeat-x;
padding:0 0 1px 0;
}
div#header {
width:798px;
margin:0 auto;
height:150px;
}
div#container {
width:798px;
margin:0 auto;
padding:30px 0 40px 0;
}
div#container:after {
content:".";
display:block;
clear:both;
visibility:hidden;
height:0px;
font-size:0px;
}
/*-------------------------------------
				  	Header
-------------------------------------*/
h1#logo {
color:#fff;
width:382px;
height:58px;
background-image:url(../i/logo.gif);
background-position:top left;
background-repeat:no-repeat;
text-indent:-9999px;
position:relative;top:43px;
border:0px;
}
h1#logo a {
display:block;
height:58px;
width:50px;
color:#fff;
text-decoration:none;
}
/*-------------------------------------
				  	Navigation
-------------------------------------*/
ul#nav-main {
width:796px;
border:1px solid #80335a;
border-bottom-color:#93004b;
background-color:#91004a;
margin:0 auto;
padding:0;
list-style:none;
height:30px;
background-image:url(../i/nav_bg.gif);
background-position:bottom left;
background-repeat:repeat-x;
}
ul#nav-main li {
margin:0;
font-family:"Times New Roman", Times, serif;
float:left;
padding:0 1px 0 0;
background-image:url(../i/nav_border.gif);
background-position:top right;
background-repeat:no-repeat;
font-size:15px;
position:relative;
}
ul#nav-main li a {
display:block;
line-height:30px;
padding:0 21px;
color:#cd90af;
float:left;
background-color:#91004a;
background-image:url(../i/nav_bg.gif);
background-position:bottom left;
background-repeat:repeat-x;
font-weight:normal;
text-decoration:none;
}
ul#nav-main li.on a,ul#nav-main li a:hover,ul#nav-main li:hover a,ul#nav-main li.hover a {
background-position:top left;
color:#fff;
background-color:#b30052;
}
ul#nav-main li.on a {
text-decoration:underline;
}
ul#nav-main li ul {
position:absolute;top:30px;left:0px;
width:170px;
margin:0;
padding:0;
list-style:none;
border-top:2px solid #93004B;
display:none;
}
ul#nav-main li:hover ul,ul#nav-main li.hover ul {
display:block;
float:none;
}
ul#nav-main li ul li {
float:none;
margin:0;
padding:0;
}
ul#nav-main li ul li a,ul#nav-main li.on ul li a {
float:none;
display:block;
line-height:30px;
height:30px;

background-image:none;
text-decoration:none;
background-color:#B30052;
color:#fff;
}
ul#nav-main li ul li a:hover,ul#nav-main li.on ul li a:hover {
background-color:#A6004A;
}

/*-------------------------------------
				  	Content
-------------------------------------*/
div#content {
width:546px;
float:left;
}
.seo div#content {
float:none;
width:auto;
}
#seo-content {
width:546px;
float:left;
}
body#gallery div#content {
float:none;
width:auto;
}
div#miniGallery {
float:left;
width:123px;
margin:0 26px 0 0;
font-family:"Times New Roman", Times, serif;
line-height:14px;
font-size:12px;
color:#434343;
}
div#miniGallery a {
font-weight:normal;
color:#74003b;
}
div#miniGallery ul {
margin:0;
padding:0;
list-style:none;
}
div#miniGallery ul li {
margin:0 0 20px 0;
float:left;
}
div#miniGallery ul li img {
display:block;
border:1px solid #D0D0D0;
}
div#mainContent {
width:394px;
float:left;
}
body#news div#mainContent {
width:515px;
}
div#mainContent ul {
margin:0 0 18px 0;
padding:16px 0 0 18px;
}
div#mainContent ul li {
color:#9E0048;
font-weight:bold;
font-size:12px;
margin:0 0 4px 0;
}
div#mainContent h2 {
border:0px;
padding:0;
font-weight:normal;
font-size:18px;
text-transform:none;
margin:0 0 8px 0;
}
div#featuredProject a {
color:#6A6A6A;
}
div#featuredProject h5 {
color:#6A6A6A;
}
#side-images {
}
.img-caption {
margin:0 0 15px 0;
}
/*-------------------------------------
				  	Homepage
-------------------------------------*/
div#hpGallery {
height:350px;
}
div#imageFeatureContainer {
position:relative;
width:483px;
height:315px;
float:left;
background-position:top left;
background-repeat:no-repeat;
}
div#imageFeature {
position:absolute;top:0px;left:0px;
z-index:10;
width:483px;
height:315px;
float:left;
background-position:top left;
background-repeat:no-repeat;
}
/*----- Feature Images ---------*/
div.feature0 {
background-image:url(../i/large_heineken.jpg);
}
div.feature1 {
background-image:url(../i/large_taxi.jpg);
}
div.feature2 {
background-image:url(../i/large_chlor.jpg);
}
div.feature3 {
background-image:url(../i/large_laser.jpg);
}
div.feature4 {
background-image:url(../i/large_medical.jpg);
}
div.feature5 {
background-image:url(../i/large_dinghy.jpg);
}

div#featureTitleBox {
background-image:url(../i/feature_title_bg.png);
background-position:top left;
background-repeat:repeat-y;
height:31px;
width:455px;
overflow:hidden;
position:absolute;bottom:0px;left:0px;
z-index:10;
_bottom:-1px;
color:#fff;
padding:15px 12px 0 16px;
font-family:Arial, Helvetica, sans-serif;
}
.featureTitle {
font-size:13px;
float:left;
color:#fff;
font-weight:bold;
width:290px;
overflow:hidden;
}
#featureTitleLinks {
float:right;
color:#9a9a9a;
font-weight:bold;
width:160px;
position:relative;left:0px;
}
#featureTitleLinks a {
color:#9a9a9a;
font-weight:bold;
margin:0;
line-height:18px;
height:18px;
display:block;
float:left;
}
div#moreInfo {
padding:20px 0 30px 0;
width:400px;
clear:both;
}
div#moreInfo a {
color:#fff;
}
a#info {
padding:0 0 0 14px;
margin-right:20px;
background-image:url(../i/updown.gif);
background-repeat:no-repeat;
}
a.down {
background-position:0px 6px;
}
a.up {
background-position:0px -16px;
}
a#enlarge {
padding:0 0 0 21px;
background-image:url(../i/plus.gif);
background-position:0px 4px;
background-repeat:no-repeat;
}
ol#featureNav {
margin:0;
list-style:none;
padding:0;
float:right;
width:44px;
}
ol#featureNav li {
margin:0 0 9px 0;
height:45px;
width:44px;
float:left;
}
ol#featureNav li a {
display:block;
width:38px;
height:39px;
border:3px solid #777;
filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
float:left;
}
ol#featureNav li.active a,ol#featureNav li a:hover {
filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;
}
div#companyOverview a {
font-weight:bold;
}
div#companyOverview img {
display:block;
border:1px solid #000;
float:left;
}
div#companyOverview p {
margin:0 0 8px 138px;
font-size:13px;
line-height:18px;
}
span#pauseplay {
display:block;
position:absolute;top:19px;right:18px;
height:18px;
width:40px;
z-index:11;
}
span#pauseplay a {
display:block;
float:left;
background-color:#5B5553;
color:#fff;
font-weight:bold;
border:1px solid #5B5553;
width:16px;
height:16px;
line-height:16px;
text-align:center;
text-decoration:none;
margin:0 2px 0 0;
}
span#pauseplay a:hover{
background-color:#3A2521;
}
a.play {

}
a.pause {

}
span#pauseplay a.disabled {
background-color:#3A2521;
cursor:default;
}
/*-------------------------------------
				  	Side Column 
-------------------------------------*/
div#sidebar {
width:218px;
float:right;
}
div#howItWorks {

}
body.home div#howItWorks {
padding:21px 10px 21px 10px;
background-color:#F8F4F6;
margin:0 0 35px 0;
height:273px;
}
div.videoDemo {
padding:0 0 8px 0;
margin:0 0 17px 0;
font-size:11px;
}
body.home div.videoDemo {
padding:0 0 8px 0;
border-bottom:1px solid #80335A;
margin:0 0 17px 0;
font-size:11px;
}
div.videoDemo p {
line-height:14px;
color:#3A3A3A;
font-size:11px;
}
div.videoDemo h5 {
color:#80335A;
font-size:13px;
font-weight:bold;
}
body.home div.videoDemo h5 {
font-size:12px;
}
div.videoDemo img {
display:block;
border:6px solid #EAE1E5;
margin:0 0 8px 0;
}
body.home div.videoDemo img {
display:block;
border:1px solid #873E63;
float:right;
margin:0 0 0 6px;
}
div#recentNews {
background-color:#eee;
padding:14px 10px 20px 10px;
color:#6A6A6A;
}
div#recentNews h6 {
color:#6A6A6A;
font-size:12px;
font-weight:bold;
line-height:14px;
margin:0 0 4px 0;
}
div#recentNews p {
line-height:14px;
color:#3A3A3A;
font-size:11px;
}
div#recentNews a {
color:#6A6A6A;
}
div#featuredImages {
width:auto;
}
div#featuredImages img {
border:6px solid #EAE1E5;
margin:0 0 20px 0;
display:block;
}
div#back-learn {
padding:30px 0 0 0;
}
body#news div#content {
font-size:13px;
}
div.newsItem {
margin:0 0 18px 0;
}
/*-------------------------------------
				  	Featured Projects
-------------------------------------*/
body.column2 div#mainContent {
width:520px;
}
div#mainContent ul#featuredProjects {
margin:0;
padding:0;
list-style:none;
}
div#mainContent ul#featuredProjects li {
margin:0 0 40px 0;
padding:0 0 0 147px;
position:relative;
font-weight:normal;
color:#000;
min-height:121px;
_height:121px;
}
ul#featuredProjects li img {
position:absolute;
left:0px;
top:2px;
border:1px solid #D0D0D0;
}
div.articleBody ul {
padding-left:30px;
margin:0 0 14px 0;
color:#9E0048;
font-weight:bold;
}
div.articleBody ul li {
margin:0 0 5px 0;
}
/*-------------------------------------
				  	Image Gallery
-------------------------------------*/
ul#imageGallery {
margin:0;
padding:16px 0 0 0;
list-style:none;
}
ul#imageGallery li {
margin:0 6px 0 0;
float:left;
width:102px;
height:108px;
}
ul#imageGallery li a {
display:block;
float:left;
text-decoration:none;
}
ul#imageGallery li a img {
display:block;
margin:0 0 4px 0;
border:1px solid #EAE1E5;
}
ul#imageGallery li a span {
display:block;
font-size:10px;
line-height:11px;
font-weight:normal;
margin:0 6px 0 6px;
display:none;
}
div#mainContent ul#awards {
margin:0;
padding:16px 0 0 0;
list-style:none;
}
div#mainContent ul#awards li {
padding:0 0 0 80px;
margin:0 0 20px 0;
position:relative;
min-height:48px;
_height:48px;
}
div#mainContent ul#awards li img {
position:absolute; top:2px;left:0px;
border:1px solid #999;
}
div#ftp {
padding:12px 0 0 0;
}
div#ftp a {
background-color:#EAE1E5;
display:block;
border:1px solid #B1628A;
padding:4px 4px 4px 60px;
background-image:url(../i/icon_ftp.gif);
background-position:8px 3px;
background-repeat:no-repeat;
text-decoration:none;
line-height:14px;
}

/*-------------------------------------
				  	Footer
-------------------------------------*/
div#footer {
width:800px;
margin:0 auto;
padding:0 0 30px 0;
color:#434343;
font-size:11px;
}
div#footer a {
color:#000;
font-weight:normal;
}
/*-------------------------------------
				  	Forms
-------------------------------------*/
form#formContact {
display:block;
margin:0;
padding:0;
}
div#mainContent form#formContact ul {
margin:0;
padding:0;
list-style:none;
}
div#mainContent form#formContact ul li {
margin:0;
height:30px;
clear:left;
position:relative;
}
#formContact ul li label {
display:block;
width:160px;
float:left;
line-height:14px;
}
#formContact ul li input {
}
input.txtField {
width:180px;
height:16px;
padding:2px 3px;
border:1px solid #7F9DB9;
font-size:12px;
color:#333;
}
textarea {
padding:2px 3px;
border:1px solid #7F9DB9;
font-size:12px;
color:#333;
font-family:Arial, Helvetica, sans-serif;
}
select {
width:188px;
height:20px;
_height:24px;
border:1px solid #7F9DB9;
}
*+html select {
height:24px;
}
input#submit {
cursor:pointer;
margin:12px 0 0 0;
}
form#formContact ul li label.error {
border:1px solid #50534C;
background-color:#0079B2;
width:175px;
color:#fff;
padding:3px 5px;
display:block;
position:absolute;top:15px;left:220px;
}
span.error-wrapper {
display:block;
position:relative;
}
div#errorContainer ol {
margin:0 0 8px 0;
padding:0 0 0 24px;
}
div#errorContainer ol li strong {
text-decoration:underline;
color:#9E0048;
}
input.invalid,textarea.invalid {
border:2px solid #9E0048;
}
input.invalid {
height:14px;
}
#seo-footer {
width:800px;
padding:300px 0 30px 0;
margin:0 auto;
}
.img-caption p {
font-size:11px;
line-height:14px;
font-weight:bold;
color:#91004A;
}
.img-caption img {
display:block;
margin:0 0 5px 0;
}
#seo-footer {
color:#aaa;
text-align:center;
}
#seo-footer a {
font-weight:normal;
font-size:11px;
color:#aaa;
}
#seo-footer a:hover {
color:#A90056;
}