﻿

body	/*#E4ECF5*/								
{font-family:"Century Gothic",san-serif;color:#000000;background:#ffffff;}

h1  
{color:#33B5DE;text-align:center;}

h2
{color:#2EA4C8;text-align:center;}

h3
{color:#247F9B;text-align:center;}

h4
{color:#1D6485;}



#main-container /**/
 {
	margin:0 auto;
	padding-top:0px;
	min-width:768px;
	max-width:1024px;
	-moz-border-radius:10px; border-radius:10px;
	
	  
}
*{margin:0; padding:0;}

.box1 /*background:url('../images/title2.png') no-repeat 30% 20%;background:#E4ECF5 -moz-border-radius:0.4em; border-radius:0.4em*/
{float:left;margin:1em 0 0 0;width:100%;height:1.9em;}

.box2 /*#425059;border:1px solid #000000;*/
{float:left;width:100%;text-align:left;height:5.5em;text-align:center;margin-top:0.5em;-moz-border-radius:0.4em; border-radius:0.4em;background:#E4ECF5;}

.box3 /*url('../images/callcentre2.png') no-repeat 90% 90%  #E4ECF5*/
{
	float:left;
	width:100%;
	height:auto;
	background:url('./images/gradient1.png') no-repeat bottom ;
	margin-top:1em;
	margin-left:0.1em;
	-moz-border-radius:0.4em; 
	border-radius:0.4em;
	border:1px solid #E4ECF5;}



#footer										
{clear:left;text-align:right;padding:20px;height:5px;font-size:10px;}

.left
{text-align:left;float:left;}

/* inside box 1  --background:#ffffff url('../images/transparent3big.png')no-repeat right center;*/ 

#navbar /*background:url('../images/menubanner.png') no-repeat 5px 50%;*/
{height:1.9em;}
/*;*/
#navbar ul {
  font-family: "century gothic", Verdana;
  font-size: 1em;
  margin: 0;
  padding: 0;
  list-style: none;
  float:right;
}
#navbar ul li {
  display: block;
  position: relative;
  float: left;
  
}/*-moz-border-radius:0.4em; border-radius:0.4em ;;*/
#navbar li ul { display: none; }
#navbar ul li a {
  display: block;
  text-decoration: none;
  color: #000000;
  border-right:1px solid #101010;
  padding: 0.4em 15px 0px 15px;
  background: #ffffff;
  white-space: nowrap;
}
#navbar ul li a:hover { color:#148DB0}
#navbar li:hover ul {
  display: block;
 -moz-border-radius:0em; border-radius:0em;
  position: absolute;
 }
#navbar li:hover li {
  float: none;
  font-size:0.9em;-moz-border-radius:0em; border-radius:0em;
}

#navbar li:hover ul {border-bottom:1px solid #101010;border-top:1px solid #101010;border-left:1px solid #101010;}
#navbar li:hover a {text-decoration:none;-moz-border-radius:0em; border-radius:0em; }
#navbar li:hover li a:hover { text-decoration:none; }

#logonav
{width:28%;border-bottom:1px solid black;float:left;}

@media only screen and (device-width: 768px){

#logonav
{width:20%;border-bottom:1px solid black;float:left;}

}

#logobox
{width:8%;border:none;float:left;background:url('images/dolphin1.png') no-repeat 0% -1%;height:25px;}

.logo 
{font-family:"Century Gothic",san-serif;color:#148DB0; font-size:1.3em; font-weight:bold;padding-left:0.5em;}

.logo1
{font-family:"Century Gothic",san-serif;color:#55636D; font-size:1.3em; }

/* inside box2*/ 

.indent10
{
	text-align:left;
	padding:10%;
}

/* Inside box 3*/ 

#feature-content
{float:left;padding:2em 2em 1em 2em;width:95%;min-height:550px;} 

#focus
{min-height:20em; width:99%;}

#product-buttons
{float:left;max-width:10em;background:none;} 
#product-frame
{padding:auto;max-width:1500px;float:left;}

#speciallink
{text-decoration:none;color:black;}

.align
{float:right;}

.left
{float:left;}

.bold
{font-weight:bold;}

.redsmall
{color:red;font-size:0.8em;text-align:center;list-style-type:none;}

img
{border:none;}

.small
{font-size:0.8em;text-align:center;}

#sidenote
{text-align:center;font-size:0.775em;color:red;}

/*module links and buttons*/

#picture {float:right;background:none;margin:5px;}


#bullet ul
{list-style-type:square;}

.blue /*#E1ECF0*/
{background:#E6E7E8;border:1px solid #E1ECF0}

.grey /*  E6E7E8*/
{background:#D9D9D9;}

.middle
{margin-left:auto;margin-right:auto;}

#stop /* for buttons to start and stop the homepage content change*/
{padding:0.3em;text-align:center;margin-left:50%;}

.NB
{color:red;text-decoration:underline;}

.note
{color:green;text-decoration:underline;}

form
{
    text-align:left; 
    margin:2em; 
}

table.regform
{
    margin:0 auto 0 auto;
}

table.regform td 
{ 
    border-bottom:1px solid #B8B8B8;
}

table.regform th 
{
    text-align:center;
}

.requiredmessage
{
    color:red; 
    font-weight:bold;
}

ul.a											
		{list-style-type:circle;font-weight:bold;}
		
		ul.b
		{padding-left:3em;list-style-type:circle;font-weight:normal;}
#demo
{ 
    margin:0.5em; 
    font-size: 0.9em;
}
