* {margin:0;padding:0;}
html {font: 62.5% Arial, Helvetica, sans-serif;}
html, body {
	background: url('../img/bg.png') repeat-x center top #fff;
	width:100%;
	height:100%;
	color:#3d464f;
	min-width:960px;
	text-align:center;
	}
img {border:none}
h1, h2, h3 {
	font:bold 1em "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	text-transform:uppercase;
}
a {
	color:#b15402;
	font-weight:bold;
	text-decoration:none;
}
a:visited {color:#7f3c01;}
a:hover,
a:active,
a:focus	{
	text-decoration:underline;
}
#homePage  {
	background: url('../img/bg.jpg') repeat-x center top; #fff;
}
#container {
	background: url('../img/seaandmanta2.jpg') no-repeat center top;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	width:900px;
}
#homePage #container {background: url('../img/seaandmanta.jpg') no-repeat center top;}
#header {
	height:180px;
}
#homePage #header {
	height:455px;
}
#pageLogo {
	left:45px;
	position:absolute;
	top:45px;
}
#intro {
	color:#d2e3f1;
	height:90px;
	padding-right:400px;
	padding-top:185px;
	overflow:hidden;
	text-align:left;
}
#intro p {
	font-size:1.2em;
	line-height:1.4em;
}
#intro h1 {
	color:#feb775;
	font-size:1.5em;
	line-height:2.2em;
	text-shadow: #666 1px 1px 0;
}

#homeGallery {
	height:100px;
	padding: 15px 0 25px 0;
	width:900px;
}
#newsticker {
	color:#fff;
	font-weight:bold;
	font-size:1.4em;
	line-height:40px;
	overflow:hidden;
	text-align:left;
	text-shadow: #666 1px 1px 0;
}
#mainNav {
	right:100px;
	position:absolute;
	top:55px;
	z-index:10;
}
#mainNav li {
	list-style:none;
	display:block;
	float:left;
	margin-right:1em;
}
#mainNav li  a {
	color:#fff;
	font:bold 1.2em "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	padding:0 3px;
	text-transform:uppercase;
	text-decoration:none;
	text-shadow: #666 1px 1px 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}
#mainNav li  a.parent,
#mainNav li  a.active,
#mainNav li  a:hover,
#mainNav li  a:active,
#mainNav li  a:focus {
	background:#fff;
	color:#58a506;
	text-shadow: #111 0 0 0;
}

#content{
	font-size:1.2em;
	line-height:1.5em;
	overflow:hidden;
	padding:1em 0;
	text-align:left;
}

	#content .column {
		float:left;
		width:300px;
	}
	#content .contentBody {
		float:left;
		width:600px;
	}
	#content .column .inner {
		border-right:1px dashed #d0c5b9;
		padding:0.5em 1.5em;
	}
	#content .contentBody  .inner{padding:0.5em 1.5em;}
	#content .last .inner {
		border:none;
	}
	
	#content .column .decor {
		float:left;
		margin-left:-10px;
		padding-right:0.5em;
	}
	
	#importantNumber {
		color:#cc6607;
		display:block;
		font-size:2em;
		font-weight:bold;
		padding:1em 0;
		text-align:right;
	}
	#content ul {
		padding:0.5em 1.5em;
	}
	#content li {
		padding:0.2em 0;
	}
	#content p {
		padding-bottom:0.5em;
	}
	#content h1 {
		color:#0254b1;
		font-size:1.5em;
		font-weight:bold;
		padding:0.5em 0 1em 0;
	}
	#content h2 {
		color:#4a8d03;
		font-size:1.3em;
		padding:1em 0 0.5em 0;
	}
	#content h3 {
		font-size:1.1em;
		padding:1em 0 0.5em 0;
	}
	#homePage #content h2 {
		color:#034685;
	}
	#content .slideshow,
	#content .contentBody img {padding:2px;border:1px solid #ccc;}
	#content .slideshow {margin:1em 0}
	
#cornerInfo {
	background: url('../img/corner-image.png') no-repeat;
	display:block;
	height:135px;
	outline:none;
	position:absolute;
	right:0;
	text-indent:-9999px;
	top:0;
	width:135px;
	z-index:1;
}
	
#foot {
	background:#fff;
	border-top:1px dashed #d0c5b9;
	clear:both;
	color:#878b8f;
	font-size:1.1em;
	padding:1em 0;
	text-align:left;
}
	
.alignRight {float:right}
.alignLeft {float:left}

/* Paging */
div.paging {
	color: #ccc;
	clear:left;
	margin-bottom: 2em;
	text-align:center;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}


/* forms */

#contactForm {
	width:490px;
}

#contactForm label{
	float:left;
	line-height:1em;
	text-align:right;
	width:100px;
}
#contactForm .error-message,
#contactForm .submit input{
	margin-left:110px;
}


.input {
	clear:left;
}
.input label {
	display:block;
	margin:0.3em 10px 0 0;
	padding:3px 0;
}

.input textarea,
.input input,
.input select {
	border:1px dotted #ccc;
	font: 1em "Lucida Grande", "Lucida Sans Unicode", Tahoma,Verdana, sans-serif;
	margin:0.3em 0 0.3em 0;
	padding:3px;
	vertical-align:middle;
}
.input textarea:hover,
.input input:hover,
.input select:hover,
.input textarea:focus,
.input input:focus,
.input select:focus,
.input textarea:active,
.input input:active,
.input select:active {
	border:1px dotted #666;
}
.input select {padding:0;}
.input option {
	padding:0.3em 0.3em 0 0.3em;
}

.formBlock {
	border-bottom:1px solid #ccc;
	margin-bottom:1em;
	padding-bottom:1em;
}

/* messages & errors */

.message {
	background-color:#12617E;
	color:#fff;
	display:inline;
	font-weight:bold;
	margin:1em 0;
	padding:0.1em 0.3em;
}
#sessionFlash.error {
	background-color:#c13b00;
}

.error-message {color:#c13b00;}

.error input,
.error textarea,
.error select {
	border:1px dotted #c13b00;
}

.highlight {
	color:#333;
	font-weight:bold;
}


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-skin .jcarousel-container-horizontal {
	background: transparent url('../img/carousel.png') no-repeat center 9px;
    width: 820px;
    padding: 20px 40px;
}

.jcarousel-skin .jcarousel-clip-horizontal {
    width:  820px;
    height: 100px;
}
.jcarousel-list li,
.jcarousel-skin .jcarousel-item {
	background:#fff;
	float: left;
    list-style: none;
    width: 113px;
    height: 75px;
    border: 5px solid #fff;
}
.jcarousel-skin .jcarousel-item:hover {
    border-color: #02448c;
}
.jcarousel-skin .jcarousel-item-horizontal {
    margin: 0 21px;
}
.jcarousel-skin .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('../img/next-horizontal.gif') no-repeat 0 0;
}
.jcarousel-skin .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}
.jcarousel-skin .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin .jcarousel-next-disabled-horizontal,
.jcarousel-skin .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('../img/prev-horizontal.gif') no-repeat 0 0;
}

.jcarousel-skin .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin .jcarousel-prev-disabled-horizontal,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}