/* CSS Document */

body {
	margin:0px;
	color: #FFFFFF;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-align: center;
}

#layout {
	width:700px;
	text-align:left;
	margin:0px auto;
}

#header {
	height:193px;
	background:url(../images/dolphin_head_short.jpg) no-repeat right top;
	padding:0px;
}

#menucontainer {width: 700px; height: 21px; background-image:url(../images/menubg.jpg) repeat-x;
}

#topzone {
	height:105px;
}

#header1 {
	height:155px;	
}

#header1left {
	float:left;
	padding:0px 0px 0px 116px;
}

#header1right {
	float:right;
	padding:13px 58px 0px 0px;
}

#bodycontainer {
	padding:16px;
	background-color: #BAECFF;
}

#leftcontainer {
	width:680px;
	float:left;
	padding:0px;
}

#rightcontainer {
	width:300px;
	float:right;
	padding:0px 6px;
	border: 2px dotted #999999;
}

#aboutuszone {
	padding:0px 0px 30px 0px;
}

#servicezone {
	padding:0px 0px 30px 0px;
}

.serviceleft {
	width:150px;
	float:left;
}

.serviceright {
	width:390px;
	float:right;
}

.servicefeature {
}

.servicefeature ul {
	margin:0px;
	padding:0px;
}

.servicefeature ul li {
	display:block;
	list-style:none;
	background:url(../images/servicedisc.gif) 0px 5px no-repeat;
	padding:0px 0px 15px 34px;
}

#footercontainer {
	background:url(../images/footer.gif) no-repeat left top;
	padding:0px;
	margin:0px;
	height: 51px;
	width: 700px;
}

#footer {
	font-size:11px;
	width:700px;
	height:51px;
	background:url(../xhtml/images/footer1.gif) right top no-repeat;
}

#footerleft {
	float:left;
	font-weight:bold;
	padding:0px 0px 0px 0px;
}

#footerright {
	float:right;
	padding:30px 50px 0px 0px;
}

.newsrow {
	padding:0px 0px 25px 0px;
}

.viewall {
	padding:15px 0px 0px 0px;
}

.clear {
	clear:both;
	margin:0px;
	padding:0px;
	height: 1px;
}


/*	Img Style Start Here  */

.aboutimg {
	float:right;
	margin:0px 0px 0px 28px;
}

/*	Img Style End Here  */


/*	Text Style Start Here  */

h1 {
	font:16px/17px "Myriad Pro", Arial, Helvetica, sans-serif;
	color:#003366;
	background:url(../images/bullet.gif) no-repeat;
	padding:0px 0px 10px 40px;
	margin:0px;
	text-transform:capitalize;
}

h2 {
	font:italic 19px/26px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	padding:0px 0px 10px;
	margin:0px;
	text-transform: capitalize;
	color: #FF0000;
}

h3 {
	font:italic bold 14px/20px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	padding:0px 0px 10px;
	margin:0px;
	text-transform: none;
	color: #FF0000;
}

h4 {
	font: bold 24px/28px Verdana, Arial, Helvetica, sans-serif;
	padding:0px 0px 10px;
	margin:0px;
	text-transform: none;
	color: #FF0000;
}

h5 {
	font: bold 24px/28px Verdana, Arial, Helvetica, sans-serif;
	padding:0px 0px 10px;
	margin:0px;
	text-transform: none;
	color: #003399;
}
.copyright {
	font: 9px/11px Verdana, Arial, Helvetica, sans-serif;
	padding:0px 0px 10px;
	margin:0px;
	color: #FFFFFF;
	background-position: center;
	text-indent: 6px;
}

/*	Text Style End Here  */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {font-family: arial, sans-serif; width:700px; height:20px; position:relative; font-size:11px; z-index:100; background-image: url(../images/menubg.jpg); background-repeat: repeat-x;}
.menu ul li a, .menu ul li a:visited {color:#CCCCCC; display:block; text-decoration:none; background: url(../images/menubg.jpg) repeat-x; width:114px; height:20px; text-align:center; line-height:20px; font-size:11px; overflow:hidden;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#0099cc;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#ddd; color:#000;}
.menu ul li:hover ul li a:hover {background:#6fc; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}