@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------------------------------------------------------------------
	General
--------------------------------------------------------------------------------------------------------------------*/

html {
	background: #002856 url(../images/template/background.gif);
	height: 100%;
}
body {
	background: url(../images/template/background_strip.gif) repeat-x;
    height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
}
html>body {
	height: auto;
	min-height: 100%;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	margin: 0 0 15px 0;
}
a {
	color: #333;
	text-decoration: none;	
}
a:hover {
	color: #002856;
	text-decoration: none;	
}
h1 {
	font-size: 32px;
}
h2 {
	font-size: 26px;
	margin: 20px 0;
}
/* Used in Menu Start */
h3 {
	color: #333;
	font-size: 16px;
	font-weight: bold;
}
h4 {
	font-size: 14px;
	font-weight: bold;
	text-indent: 20px;
	margin: 5px 0;
	background-image: url(../images/template/head_arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	text-shadow: 1px 1px 1px #000;
}
h4 a {
	color: #fff;
}
h4 a:hover {
	color: #999;
}
/* Used in Menu End */
h5 {
	color: #fff;
	font-size: 18px;
	text-shadow: 1px 1px 1px #000;
	margin: 0 0 20px 0;
}
h6 {
	color: #fff;
	font-size: 14px;
	text-shadow: 1px 1px 1px #000;
	margin: 3px 0 20px 0;
}
h6 a {
	color: #fff;
}
h6 a:hover {
	color: #002856;
}

/*-------------------------------------------------------------------------------------------------------------------
	Main Container
--------------------------------------------------------------------------------------------------------------------*/

#maincontainer {
	z-index: 1;
	width: 990px;
	left: 50%;
	margin: 0px auto 0px -495px;
	position: relative;
	display: inline-block;
	background: url(../images/template/frame.png) repeat-y;
}

/*-------------------------------------------------------------------------------------------------------------------
	Header
--------------------------------------------------------------------------------------------------------------------*/

#headcontainer {
	z-index: 300;
	width: 960px;
	height: 120px;
	margin: 0 15px;
	position: relative;
	display: block;
	background: url(../images/template/background_head.png) bottom repeat-x;
}
#headleft {
	width: 700px;
	float: left;
	display: block;
	margin: 0 0 0 10px;
}
#headright {
	width: 240px;
	float: left;
	display: block;
	margin: 0 10px 0 0;
}

/*-------------------------------------------------------------------------------------------------------------------
	Top Content
--------------------------------------------------------------------------------------------------------------------*/

#topcontainer {
	z-index: 3;
	width: 960px;
	height: 365px;
	margin: 0 15px;
	position: relative;
	display: block;
	overflow: hidden;
	background: url(../images/template/background_topcontainer.png) repeat-x bottom;
}

/*-------------------------------------------------------------------------------------------------------------------
	Bottom Content
--------------------------------------------------------------------------------------------------------------------*/

#bottomcontainer {
	z-index: 2;
	width: 940px;
	min-height: 300px;
	margin: -15px 25px 0 25px;
	position: relative;
	display: inline-block;
}

/*-------------------------------------------------------------------------
	Index Bottom Content
--------------------------------------------------------------------------*/

.narrow {
	width: 272px;
	height: 195px;
	float: left;
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 22px 15px 15px 18px;
	background: url(../images/template/background_narrow_divs.png) no-repeat top center;
}
.narrowmid {
	width: 272px;
	height: 195px;
	float: left;
	display: inline-block;
	position: relative;
	margin: 0 12px;
	padding: 22px 15px 15px 18px;
	background: url(../images/template/background_narrow_divs.png) no-repeat top center;
}
.narrowpics {
	float: left;
	display: inline-block;
	position: relative;
	margin: 0;
}
.narrowpicsmid {
	float: left;
	display: inline-block;
	position: relative;
	margin: 0 12px;
}

/*-------------------------------------------------------------------------
	Wide Pages Bottom Content
--------------------------------------------------------------------------*/

.wide {
	width: 910px;
	float: left;
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 22px 15px 0px 14px;
	background: url(../images/template/background_wide_divs.png) no-repeat top center;
}
#leftbox {
	width: 305px;
	float: left;
	display: inline-block;
	position: relative;
	margin: 0;
}
#rightbox {
	width: 585px;
	float: left;
	display: inline-block;
	position: relative;
	margin: 0 0 0 20px;
}

/*-------------------------------------------------------------------------
	50% Split Pages Bottom Content
--------------------------------------------------------------------------*/

#halfleftbox {
	width: 426px;
	float: left;
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 22px 15px 15px 18px;
	background: url(../images/template/background_wide_divs.png) no-repeat top left;
}
#halfrightbox {
	width: 427px;
	float: left;
	display: inline-block;
	position: relative;
	margin: 0 0 0 20px;
	padding: 22px 15px 15px 18px;
	background: url(../images/template/background_wide_divs.png) no-repeat top left;
}

/*-------------------------------------------------------------------------
	220px Small Div Bottom Content
--------------------------------------------------------------------------*/

.tinybox {
	width: 210px;
	min-height: 150px;
	float: left;
	display: inline-block;
	position: relative;
	margin: 0 0 0 3px;
}

/*-------------------------------------------------------------------------------------------------------------------
	Left Box Pics
--------------------------------------------------------------------------------------------------------------------*/
.leftboxbgan {
	background: url(../images/template/left_box_bgan.png) no-repeat bottom left;
}
.leftboxisatphone {
	background: url(../images/template/left_box_isatphonepro.png) no-repeat bottom left;
}
.leftboxfleetbroadband {
	background: url(../images/template/left_box_fleetbroadband.png) no-repeat bottom left;
}
.leftboxvsat {
	background: url(../images/template/left_box_vsat.png) no-repeat bottom left;
}
.leftboxterrestrial {
	background: url(../images/template/left_box_terrestrial.png) no-repeat bottom left;
}
.leftboxe300 {
	background: url(../images/template/left_box_e300.png) no-repeat bottom left;
}
.leftboxe500 {
	background: url(../images/template/left_box_e500.png) no-repeat bottom left;
}
.leftboxe700 {
	background: url(../images/template/left_box_e700.png) no-repeat bottom left;
}
.leftboxe727 {
	background: url(../images/template/left_box_e727.png) no-repeat bottom left;
}
.leftboxsabre1 {
	background: url(../images/template/left_box_sabre1.png) no-repeat bottom left;
}
.leftboxsabre1remote {
	background: url(../images/template/left_box_sabre1remote.png) no-repeat bottom left;
}
.leftboxhns9201 {
	background: url(../images/template/left_box_hns9201.png) no-repeat bottom left;
}
.leftboxhns9250 {
	background: url(../images/template/left_box_hns9250.png) no-repeat bottom left;
}
.leftboxaccessories {
	background: url(../images/template/left_box_accessories.png) no-repeat bottom left;
}
.leftboxsailor150 {
	background: url(../images/template/left_box_sailor150.png) no-repeat bottom left;
}
.leftboxsailor250 {
	background: url(../images/template/left_box_sailor250.png) no-repeat bottom left;
}
.leftboxsailor500 {
	background: url(../images/template/left_box_sailor500.png) no-repeat bottom left;
}
.leftboxjue250 {
	background: url(../images/template/left_box_jue250.png) no-repeat bottom left;
}
.leftboxskipper150 {
	background: url(../images/template/left_box_skipper150.png) no-repeat bottom left;
}
.leftboxoceana400 {
	background: url(../images/template/left_box_oceana400.png) no-repeat bottom left;
}
.leftboxoceana800 {
	background: url(../images/template/left_box_oceana800.png) no-repeat bottom left;
}
.leftboxisatdocks {
	background: url(../images/template/left_box_isatdocks.png) no-repeat bottom left;
}
.leftboxisatlink {
	background: url(../images/template/left_box_isatphonelink.png) no-repeat bottom left;
}

/*-------------------------------------------------------------------------------------------------------------------
	Foot
--------------------------------------------------------------------------------------------------------------------*/

#footcontainer {
	z-index: 4;
	width: 960px;
	left: 50%;
	margin: 0px auto 0px -495px;
	padding: 40px 15px 10px 15px;
	position: relative;
	display: block;
	background: url(../images/template/frame_foot.png) no-repeat top center;

}
#footcontainer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #335378;
	text-align: right;
}
#footcontainer a {
	color: #335378;
}
#footcontainer a:hover {
	color: #000000;
}

/*-------------------------------------------------------------------------------------------------------------------
	Second Navigation
--------------------------------------------------------------------------------------------------------------------*/
.secondnav {
	list-style-position: outside;
	list-style-type: none;
	margin: 0 35px;
	list-style-image: url(../images/template/nav_list_arrow.png);
}
.secondnav a {
	color: #fff;
	text-decoration: none;
}
.secondnav a:hover {
	color: #999;
	text-decoration: none;
}

/*-------------------------------------------------------------------------------------------------------------------
	Text Controls
--------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------
	Colours
--------------------------------------------------------------------------*/
.white {
	color: #fff;
}
.darkblue {
	color: #002856;
}
/*-------------------------------------------------------------------------
	Sizes
--------------------------------------------------------------------------*/
.smalltext {
	font-size: 11px;
}
/*-------------------------------------------------------------------------
	Standard Lists
--------------------------------------------------------------------------*/
.bluelist {
	color:#002856;
	list-style-position: outside;
	list-style-type: none;
	margin: 0 35px;
	list-style-image: url(../images/template/nav_list_arrow_dark.png);
}
.bluelist a {
	color:#002856;
}
.bluelist a:hover {
	color:#333;
}
.greylist {
	color:#333;
	list-style-position: outside;
	list-style-type: none;
	margin: 0 35px;
	list-style-image: url(../images/template/nav_list_arrow_grey.png);
}

/*-------------------------------------------------------------------------------------------------------------------
	Image Controls
--------------------------------------------------------------------------------------------------------------------*/

.floatleft {
	float: left;
	display: block;
	position: relative;
	margin: 0 5px 0 0;
}
.floatright {
	float: right;
	display: block;
	position: relative;
	margin: 0 0 0 5px;
}