* { 
	margin:0;
	padding:0;
}
html, body { 
	height:100%;
}
html {
	min-width:985px;
}
body { 
	background:url(images/orca-bg.jpg) no-repeat 50% 58px #fff fixed;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1.3125em;
	color:#4a4a4a;
}

img {
	border:0; 
	vertical-align:top; 
	text-align:left;
}
object { 
	vertical-align:top; 
	outline:none;
}
ul, ol { 
	list-style:none;
}

.fleft { 
	float:left;
}
.fright { 
	float:right;
}
.clear { 
	clear:both;
}

.col-1, .col-2, .col-3 { 
	float:left;
}

.alignright { 
	text-align:right;
}
.aligncenter { 
	text-align:center;
}

.wrapper { 
	width:100%;
	overflow:hidden;
}
.container { 
	width:100%;
}




/*==== GLOBAL =====*/
#main {
	width:985px; 
	margin:0 auto;
	font-size:.8125em;
	position:relative;
	overflow:hidden;
	padding-top:58px;
}

#header {
	height:400px;
	overflow:hidden;
	background:url(images/header-bg.png) no-repeat 0 348px;
}
	#content .aside {
		float:left;
		width:303px;
		margin-right:7px;
	}
	#content .mainContent {
		float:left;
		width:674px;
	}
#footer {
	width:674px;
	margin:0 0 0 310px;
	text-align:center;
	padding:27px 0 70px 0;
}



/*----- forms parameters -----*/

input, select, textarea { 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}


/*----- other -----*/
.img-indent { 
	margin:0 20px 0 0; 
	float:left;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:25px;
}
	.img-box img { 
		float:left; 
		margin:0 20px 0 0;
	}

.extra-wrap { 
	overflow:hidden;
}


p {
	margin-bottom:21px;
}
.p1 { 
	margin-bottom:10px;
}
.p2 { 
	margin-bottom:21px;
}
.p3 { 
	margin-bottom:32px;
}

/*----- txt, links, lines, titles -----*/
a {
	color:#47ccff; 
	outline:none;
}
a:hover{
	text-decoration:none;
}

h1 {
	font-size:60px;
	line-height:1em;
	font-weight:normal;
	border-bottom:1px solid #ededed;
	color:#000;
	padding-bottom:25px;
	margin-bottom:27px;
}
h2 {
	font-size:30px;
	line-height:1em;
	font-weight:normal;
	border-bottom:1px solid #ededed;
	color:#000;
	padding-bottom:18px;
	margin-bottom:20px;
	padding-top:20px;
}
h3 {
	background:url(images/title-bg.png) no-repeat 0 0;
	width:303px;
	height:55px;
	line-height:55px;
	color:#fff;
	font-size:1em;
	font-weight:normal;
	text-indent:43px;
	text-transform:uppercase;
}
h4 {
	font-size:11px;
	text-transform:uppercase;
	font-weight:normal;
	color:#a0a0a0;
	line-height:15px;
	margin-bottom:20px;
}
h5 {
	font-size:1em;
	color:#47ccff;
	font-weight:normal;
	margin-bottom:21px;
}
h6 {
	font-size:1em;
	color:#00C;
	font-weight:normal;
}


.txt1 {
	font-size:15px;
	line-height:23px;
	color:#7f7f7f;
}

.link1 { 
	background:url(images/marker3.gif) no-repeat 0 2px;
	padding:0 0 0 17px;
	font-size:11px;
	text-transform:uppercase;
	text-decoration:none;
}
.link1:hover {
	color:#000;
}
.link2 { 
	background:url(images/marker1.gif) no-repeat 0 2px;
	padding:0 0 0 17px;
	font-size:11px;
	text-transform:uppercase;
	text-decoration:none;
}
.link2:hover {
	color:#000;
}



/*==================boxes====================*/
.box {
	width:100%;
	margin-bottom:7px;
	overflow:hidden;
}
	.box .left-top-corner {
		background:url(images/left-top-corner.png) no-repeat 0 0;
		padding-left:29px;
	}
	.box .right-top-corner {
		background:url(images/right-top-corner.png) no-repeat 100% 0;
		padding-right:29px;
	}
	.box .border-top {
		background:#fff;
		height:29px;
		overflow:hidden;
		font-size:0;
		line-height:0;
	}
	.box .left-bot-corner {
		background:url(images/left-bot-corner.png) no-repeat 0 0;
		padding-left:29px;
	}
	.box .right-bot-corner {
		background:url(images/right-bot-corner.png) no-repeat 100% 0;
		padding-right:29px;
	}
	.box .border-bot {
		background:#fff;
		height:29px;
		overflow:hidden;
		font-size:0;
		line-height:0;
	}
	.box .inner {
		background:#fff;
		padding:22px 34px 8px 39px;
	}

.address { 
	float:left;
	margin-right:30px;
}
.address.last {
	margin-right:0;
}
.address.Mid {
	margin-middle:0;
}
	.address dt {
		margin-bottom:16px;
		color:#47ccff;
	}



.extra-header {
	height:58px;
	overflow:hidden;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	z-index:10;
	background:#fff;
}
	.extra-header .wrapper {
		width:980px;
		margin:0 auto;
	}
	.extra-header .fleft {
		padding:19px 0 0 26px;
		color:#000;
		font-size:11px;
		text-transform:uppercase;
	}
		.extra-header .fleft a {
			color:#dc605c;
			text-decoration:none;
		}
		.extra-header .fleft a:hover {
			text-decoration:underline;
		}


/*===== header =====*/
#header .row-1 {
	position:relative;
}
	#header .logo {
		position:absolute;
		left:12px;
		top:36px;
		z-index:2;
	}
	#header .nav {
	position:absolute;
	left:424px;
	top:113px;
	text-align: right;
	width: 558px;
	}
		#header .nav li {
			font-size:42px;
			line-height:42px;
			margin-bottom:12px;
		}
		#header .nav li.alt {
			padding-left:53px;
		}
		#header .nav li.last {
			margin-bottom:0;
		}
			#header .nav li a {
				color:#ff0000;
				text-decoration:none;
			}
			#header .nav li a:hover, #header .nav li a.current {
				color:#12398e;
			}
	
	#header .intro {
		font-size:42px;
		line-height:42px;
		color:#fff;
		position:absolute;
		right:10px;
		top:393px;
		text-align:right;
		width:870px;
	}
		#header .intro a {
			color:#000;
			text-decoration:none;
		}
		#header .intro a:hover {
			text-decoration:underline;
		}



.slider {
	position:absolute;
	left:10px;
	top:0;
	z-index:1;
}
#faded {
	width:414px;
	height:371px;
	overflow:hidden;
}
/*
 * Required: If fixed height, state it here
*/
#faded .rap { height:371px; }

.nav-control {
	position:absolute;
	left:442px;
	top:351px;
	width: 54px;
	height: 41px;
}
	.nav-control li {
		float:left;
		padding-right:22px;
	}
		.nav-control li a {
			display:block;
			width:19px;
			height:28px;
			text-decoration:none;
		}
		.nav-control li a.prev {
			background:url(images/prev-button.png) no-repeat 0 0;
		}
		.nav-control li a.prev:hover {
			background-position:0 -28px;
		}
		.nav-control li a.next {
			background:url(images/next-button.png) no-repeat 0 0;
		}
		.nav-control li a.next:hover {
			background-position:0 -28px;
		}
		


/*===== content =====*/
#content .section {
	padding-bottom:30px;
}
	#content .mainContent .inner {
		padding:6px 34px 45px 56px;
	}
	
	.list1 li {
		border-bottom:1px solid #ededed;
	}
		.list1 li a {
			display:block;
			background:url(images/arrow1.gif) no-repeat 3px 12px;
			padding:3px 0 5px 18px;
			color:#7f7f7f;
			text-decoration:none;
			font-size:15px;
		}
		.list1 li a:hover {
			background:url(images/arrow1.gif) no-repeat 3px 12px #f6f6f6;
			color:#2b2b2b;
		}
	
	
	.list2 li {
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		text-transform:uppercase;
		padding:0 0 0 18px;
	}
	.list2 li.item1 {
		background:url(images/marker1.gif) no-repeat 0 4px;
	}
	.list2 li.item2 {
		background:url(images/marker2.gif) no-repeat 0 4px;
	}
	.list2 li.item3 {
		background:url(images/marker3.gif) no-repeat 0 4px;
	}
		.list2 li a {
			color:#47ccff;
			text-decoration:none;
		}
		.list2 li a:hover {
			color:#000;
		}
	
	
	.list3 dt {
		color:#47ccff;
	}
	.list3 dd {
		border-bottom:1px solid #ededed;
		padding-bottom:20px;
		margin-bottom:21px;
	}
	.list3 dd.last {
		border-bottom:none;
		margin-bottom:0;
	}


/* carousel styles */
.carousel-box {
		position:relative;
		width:556px;
		padding:20px 0 40px 0;
	}
	.carousel {
		margin-left:36px;
		width:475px !important;
		overflow:hidden;
	}
	.carousel li {
		padding-right:22px;
	}
		.carousel-box button {
			position:absolute;
			left:0;
			top:78px;
			width:17px;
			height:28px;
			border:none;
			cursor:pointer;
		}
		
		.carousel-box button.prev-button {
			background:url(images/carousel-prev.gif) no-repeat 0 0;
		}
		.carousel-box button.prev-button:hover {
			background-position:0 -28px;
		}
		
		.carousel-box button.next-button {
			left:536px;
			background:url(images/carousel-next.gif) no-repeat 0 0;
		}
		.carousel-box button.next-button:hover {
			background-position:0 -28px;
		}



/*--- gallery styles ---*/
#img {
    position: relative;
    width: 567px;
    height: 447px;
}

#gallery {
	height:144px;
	width:567px;
}

#gallery li {
  float: left;
  cursor: pointer;
	margin-right:22px;
}

.jcarousel-container {
	position:relative;
}

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

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

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 144px;
    height: 144px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */

.jcarousel-next {
    z-index: 3;
    display: none;
		position:absolute;
		right:16px;
		top:60px;
		width:17px;
		height:28px;
		border:none;
		cursor:pointer;
		background:url(images/carousel-next.gif) no-repeat 0 0;
}
.jcarousel-next:hover {
	background-position:0 -28px;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
		position:absolute;
		left:16px;
		top:60px;
		width:17px;
		height:28px;
		border:none;
		cursor:pointer;
		background:url(images/carousel-prev.gif) no-repeat 0 0;
}
.jcarousel-prev:hover {
	background-position:0 -28px;
}






/*===== footer =====*/
#footer {
	font-size:12px;
	color:#fff;
	text-transform:uppercase;
}
	#footer a {
		color:#fff;
		text-decoration:none;
	}
	#footer a:hover {
		text-decoration:underline;
	}


/*----- forms -----*/
#search-form {
	float:right;
	padding:14px 0 0 0;
	color:#000;
}
	#search-form fieldset {
		float:right;
		border:none;
		background:url(images/search-bg.gif) no-repeat 100% 0;
	}
		#search-form label {
			font-size:11px;
			text-transform:uppercase;
			padding:5px 10px 0 0;
			float:left;
		}
		#search-form input.text {
			width:180px;
			padding:6px 0 4px 10px;
			border:none;
			float:left;
			background:none;
			font-size:13px;
		}
		#search-form input.submit {
			height:30px;
			border:none;
			width:25px;
			background:none;
			float:left;
			cursor:pointer;
		}


#contacts-form fieldset {
	border:none;
}
	#contacts-form label {
		display:block;
		height:51px;
	}
	#contacts-form input {
		width:230px;
		background:none;
		border:1px solid #aeab93;
		padding:1px 0 1px 5px;
	}
	#contacts-form textarea {
		width:264px;
		background:none;
		border:1px solid #aeab93;
		overflow:auto;
		height:121px;
		padding:1px 0 1px 5px;
		margin-bottom:24px;
	}

	#contacts-form .col-1 {
		width:289px !important;
		margin:0 !important;
	}
	#contacts-form .col-2 {
		width:274px !important;
		margin:0 !important;
	}
	#contacts-form .button {
		float:right;
		margin-left:20px;
	}

/*==========================================*/