/*
Quortus stylesheet

Designed and built by Jonathan Brain
http://jonathanbrain.com
*/

/* Reset CSS - thanks, Eric */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* my own reset */

input, textarea {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  }

/* end of reset */


/* ====== basics ====== */

body { background-color: #fff; color: #5a5a5a; font-family: Arial, Helvetica, sans-serif; font-size: 80%;   }

h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.5em; }

p { line-height: 1.5em; margin: 0 0 18px 0; }
  
li,
dt,
dd,
label,
address { line-height: 1.5em; font-style: normal; }

.section li, .section ul {
	margin: 5px;
	padding: 5px;
	list-style-type: disc;
}

.section ul {
	padding: 0 0 0 5px;
	margin: 0 0 0 5px;
}

a,
a:link,
a:visited,
a:active { color: #4385c7; text-decoration: none; line-height: 1.5em; }
a:hover { color: #b0cce8; }

.cleared { clear: both; }
.hidden { display: none; }
.invisible { visibility: hidden; }

input, textarea { font-family: Arial, Helvetica, sans-serif; color: #5a5a5a; }
  
  
/* ====== main structures ====== */
  
#wrapper { width: 900px; margin: 0 auto; position: relative; }
#container { float: left; }

#header { width: 864px; height: 107px; border-bottom: 1px solid #b0cce8; float: left; position: relative; margin: 0 18px 18px 18px; }
#header h1 a { display: block; width: 241px; height: 61px; position: absolute; left: 0; top: 42px; background: transparent url(../images/logo.gif) 0 0 no-repeat; }
#header h1 span { display: none; }
#header #nav { display: block; float: right; padding: 77px 0 0 0; }
#header #nav li { display: block; float: left; margin: 0 0 0 28px; }
#header #nav li a { display: block; float: left; padding: 0 0 6px 0; color: #808080; font-size: 120%; }
#header #nav li a:hover { color: #5a5a5a; }
#header #nav li.on a { border-bottom: 3px solid #4385c7; color: #4385c7; }

#main { width: 900px; position: relative; float: left; padding: 19px 0 0 0; }
.column-left { width: 564px; margin: 0 0 0 18px; float: left; }
.column-left .section { width: 100%; float: left; padding: 0 0 14px 0; }
.column-left h2 { color: #4385c7; font-size: 190%; padding: 0 0 8px 0; }
.column-left h3 { color: #4385c7; font-size: 150%; margin: 0 0 -3px 0; }
.column-right { width: 264px; padding: 0 18px 0 17px; border-left: 1px solid #b0cce8; margin: 5px 0 0 0; float: right; }
.column-right h2 { color: #4385c7; font-size: 150%; padding: 0 0 9px 0; }

#footer { width: 864px; border-top: 1px solid #b0cce8; border-bottom: 14px solid #fff; float: left; position: relative; margin: 48px 18px 0 18px; padding: 9px 0 0 0; }
#footer a { color: #808080; }
#footer a:hover { color: #5a5a5a; }
#footer p { color: #808080; font-size: 95%; }
#footer #copyright { float: left; padding: 0 9px 0 0; }
#footer #telephone { float: left; padding: 0 9px 0 0; }
#footer #get-in-touch { float: left; }
#footer #get-in-touch a { font-weight: bold; padding: 0 12px 0 0; background: transparent url(../images/arrow_grey.gif) right 2px no-repeat; }
#footer #get-in-touch a:hover { background: transparent url(../images/arrow_grey.gif) right -21px no-repeat; }
#footer #website-credit { float: right; }

#maritime_gsm_products, #maritime_gsm_solutions {
	display: block;
	width: 864px;
	height: 30px;
	margin: 0;
	margin-left: 20px;
	float: left;
	padding: 0px;
}
#maritime_gsm_solutions { margin-top: -30px; }
#maritime_gsm_products { margin-top: 30px; }
div#fancy-box-title {
	display: none;
}
div#quick-registration {
	display: block;
	width: 300px;
}
div#quick-registration h2 {
	font-size: 140%; 
	padding: 0 0 13px 0;
	color: #4385C7;
}
div#quick-registration input {
	border: 1px solid black;
	float: right;
	padding: 2px;
	margin: 2px;
}
div#quick-registration span {
	padding: 4px;
	display: block;
	float: left;
	width: 70px;
}
/* ====== content ====== */

/* ====== home ======*/

#home-banner { width: 878px; height: 272px; margin: -19px 0 17px 11px; position: relative; float: left; background: transparent url(../images/frame_homebanner.png) 0 0 no-repeat; }
#home-banner img { width: 864px; height: 258px; position: absolute; left: 7px; top: 5px; }
#home-banner .home-banner-glow { width: 864px; height: 258px; position: absolute; left: 7px; top: 5px; background: transparent url(../images/glow_homebanner.png) 0 0 no-repeat;}
#home-banner #home-banner-text { color: #fff; position: absolute; left: 43px; top: 28px; width: 394px; }
#home-banner #home-banner-text h2 { font-size: 180%; padding: 0 0 13px 0; }
#home-banner #home-banner-text p { font-size: 120%; }
#home-banner #home-banner-text a { color: #fff; font-weight: bold; padding: 0 12px 0 0; background: transparent url(../images/arrow_white.png) right 3px no-repeat; }


/* ====== news ====== */

#nav-news { float: left; clear: both; }
#nav-news li { padding: 0 0 17px 0; }
#nav-news h3 { font-weight: bold; font-size: 110%; }
#nav-news p { margin: 0; }
#nav-news .more { font-weight: bold; padding: 0 12px 0 0; background: transparent url(../images/arrow_blue.gif) right 2px no-repeat; }
#nav-news .more:hover { background: transparent url(../images/arrow_blue.gif) right -20px no-repeat; color: #5a5a5a; }
#nav-news .last { padding: 0 0 0 0; }
.date { font-style: italic; }


/* ====== products ====== */

#nav-products-pictoral { width: 900px; float: left; }
#nav-products-pictoral .product { width: 264px; height: 220px; margin: 0 11px 48px 11px; padding: 5px 7px 0 7px; float: left; position: relative; background: transparent url(../images/frame_product.png) 0 0 no-repeat; }
#nav-products-pictoral .product-last { margin: 0 0 48px 11px; }
#nav-products-pictoral img { width: 264px; height: 176px; position: relative; padding: 0 0 14px 0; }
#nav-products-pictoral .product-glow { width: 264px; height: 176px; position: absolute; left: 7px; top: 5px; background: transparent url(../images/glow_product.png) 0 0 no-repeat; }
#nav-products-pictoral h3 { color: #4385c7; font-weight: normal; font-size: 140%; }
#nav-products-pictoral a { position: absolute; left: 7px; top: 5px; display: block; width: 264px; height: 280px; padding: 0 0 2px 0; border-bottom: 1px solid #b0cce8; }
#nav-products-pictoral .product:hover a { padding: 0 0 0 0; border-bottom: 3px solid #4385c7; }
#nav-products-pictoral #product-0 a { position: absolute; left: 7px; top: 5px; display: block; width: 264px; height: 280px; padding: 0 0 2px 0; border-bottom: 1px solid #d4145a;	 }
#nav-products-pictoral #product-0 a:hover { padding: 0 0 0 0; border-bottom: 3px solid #d4145a; }
#nav-products-pictoral #product-1 a { position: absolute; left: 7px; top: 5px; display: block; width: 264px; height: 280px; padding: 0 0 2px 0; border-bottom: 1px solid #a73891;	 }
#nav-products-pictoral #product-1 a:hover { padding: 0 0 0 0; border-bottom: 3px solid #a73891; }
#nav-products-pictoral #product-2 a { position: absolute; left: 7px; top: 5px; display: block; width: 264px; height: 280px; padding: 0 0 2px 0; border-bottom: 1px solid #4385c7;	 }
#nav-products-pictoral #product-2 a:hover { padding: 0 0 0 0; border-bottom: 3px solid #4385c7; }
#nav-products-pictoral #product-0 h3 { color: #d4145a; }
#nav-products-pictoral #product-1 h3 { color: #a73891; }
#nav-products-pictoral #product-2 h3 { color: #4385c7; }

a.product-links {font-size: 140%; font-weight: normal;}

/* ====== solutions ====== */

#nav-solutions-pictoral { width: 950px; float: left; }
#nav-solutions-pictoral .solution { width: 200px; height: 330px; margin: 0 11px 48px 11px; padding: 5px 7px 0 7px; float: left; position: relative; background: transparent url(../images/frame_solution.png) 0 0 no-repeat; }
#nav-solutions-pictoral img { width: 200px; height: 267px; position: relative; padding: 0 0 14px 0; }
#nav-solutions-pictoral .solution-glow { width: 200px; height: 267px; position: absolute; left: 7px; top: 5px; background: transparent url(../images/glow_solution.png) 0 0 no-repeat; }
#nav-solutions-pictoral h3 { color: #4385c7; font-weight: bold; font-size: 110%; }
#nav-solutions-pictoral a { width: 200px; height: 330px; position: absolute; left: 7px; top: 5px; display: block;  padding: 0 0 2px 0; border-bottom: 1px solid #b0cce8; }
#nav-solutions-pictoral .solution:hover a { padding: 0 0 0 0; border-bottom: 3px solid #4385c7; }


/* ====== single product ====== */

#nav-products { float: left; clear: both; }
#nav-products a { padding: 1px 0 17px 0; display: block; cursor: pointer; }
#nav-products span { display: block; color: #5a5a5a; }
#nav-products .title { font-weight: bold; font-size: 110%; }
#nav-products .last { padding: 0 0 0 0; }
#nav-products a:hover span { color: #808080; }

#key-facts { width: 564px; float: left; margin: 13px 0 20px 0; border-bottom: 1px solid #ededed; background: transparent url(../images/bg_keyfacts.gif) 188px 0 repeat-y; }
#key-facts dt { width: 181px; padding: 4px 7px 4px 0; display: block; float: left; font-weight: bold; clear: both; border-top: 1px solid #ededed; }
#key-facts dd { width: 362px; padding: 4px 7px 4px 7px; display: block; float: left; border-top: 1px solid #ededed; }

#pdf { margin: 18px 0 0 0; }
#pdf a { display: block; width: 517px; padding: 0 0 17px 47px; min-height: 35px; background: transparent url(../images/icon_pdf.gif) 0 3px no-repeat; }
#pdf span { display: block; color: #5a5a5a; }
#pdf .title { font-weight: bold; font-size: 110%; }
#pdf a:hover span { color: #808080; }

#adobe-reader { margin: 19px 0 0 0; }
#adobe-reader a { display: block; width: 112px; height: 33px; margin: 4px 0 0 0; }


/* ====== contact us ====== */

#contact-form { width: 100%; float: left; }
#contact-form .form-section { width: 100%; margin: 0 0 12px 0; float: left; }
#contact-form h3 { width: 100%; float: left; clear: both; padding: 0 0 18px 0; }
#contact-form .form-left { width: 264px; float: left; clear: both; margin: 0 0 21px 0; }
#contact-form .form-right { width: 264px; float: right; margin: 0 0 21px 0; }
#contact-form .form-wide { width: 564px; float: left; clear: both; margin: 0 0 21px 0; }
#contact-form label { width: 100%; display: block; font-weight: bold; }
#contact-form .text-box { width: 254px; border: 1px solid #b9b8b8; padding: 5px 4px 6px 4px; margin: 5px 0 0 0; }
#contact-form textarea.text-box { width: 554px; height: 96px; }
#contact-form select { width: 264px; border: 1px solid #b9b8b8; padding: 4px 4px 4px 4px; margin: 5px 0 0 0; color: #5a5a5a; }
#contact-form #btnSubmit { clear: both; margin: -3px 0 0 -6px; }

#contact-address { margin: 1px 0 0 0; }
#company-name { font-weight: bold; font-size: 110%; }
#phone-and-fax { display: block; margin: 18px 0 0 0; }

.column-right #distributor-header { margin: 18px 0 0 0; padding: 0; }
#distributor-list li { margin: 9px 0 0 0; }
#distributor-list h3 { font-weight: bold; font-size: 110%; }

#message-success { width: 548px; border: 1px solid #4385c7; color: #4385c7; padding: 7px; margin: -4px 0 18px 0; }
#message-success p { margin: 0 0 0 0; }
#message-error { width: 548px; border: 1px solid #f00; color: #f00; padding: 7px; margin: -4px 0 22px 0; }
regis{ margin: 0 0 0 0; }