@charset "UTF-8";

/* CSS Document */

/*----------------------------------------------------------------------*/
/*	Reset   */
/*----------------------------------------------------------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	padding: 0;
	margin: 0; }

table {
	border-collapse: collapse;
	border-spacing: 0; }

fieldset, img {
	border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
	font-weight: normal;
	font-style: normal; }

ol, ul {
	list-style: none; }

caption, th {
	text-align: left; }

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%; }

q:before, q:after {
	content:''; }

abbr, acronym {
	border: 0; }



/*----------------------------------------------------------------------*/
/*	Layout Classes   */
/*----------------------------------------------------------------------*/

.clear {
	clear: both; }
	
.clearright {
	clear: right; }
	
.clearleft {
	clear: left; }

.appleclear {
	clear: both;
	height: 0px;
	font-size: 1px;
	line-height: 0px;
	margin: 0;
	padding: 0; }

.clearer {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 1px;
	font-size: 1px; }

.left {
	float: left; }

.right {
	float: right; }
	
.space {
	display: block;
	margin: 0;
	padding: 0;
	height: 15px;
	line-height: 15px;
	font-size: 1px; }
	


/*----------------------------------------------------------------------*/
/*	Global   */
/*----------------------------------------------------------------------*/

body {
	color:#CCCCCC;
	text-align: center;
	background: #00060c url(../images/backgrounds/gradientBody.png) repeat-x; }
	
.content {
	padding: 15px; }
	
.ui-tabs-hide {
	display: none; }
	
p {
	margin-bottom: 10px; }

	

/*----------------------------------------------------------------------*/
/*	Grid System   */
/*----------------------------------------------------------------------*/

.column { 
	float: left; }

.grid2col, .grid2cola, .grid2colb, .grid2colc .grid2cold, .grid4col {
	width: 100%; }
	
/* equal split */
.grid2col .column { 
	position: relative;
	width: 46%; }
	
/* panels(content) */
.grid2cola .column.first { 
	position: relative;
	width: 63%; }
	
.grid2cola .column.last { 
	position: relative;
	width: 35%; }
	
/* sidebar right (layout) */
.grid2colb .column.first { 
	position: relative;
	width: 65%; }
	
.grid2colb .column.last { 
	position: relative;
	width: 29%; }

/* sidebar left (layout) */	
.grid2colc .column.first { 
	position: relative;
	width: 29%; }
	
.grid2colc .column.last { 
	position: relative;
	width: 60%; }
	
.grid2cold .column.first { 
	position: relative;
	width: 62%; }
	
.grid2cold .column.last { 
	position: relative;
	width: 34%; }
	
.grid4col .column { position: relative; width: 25%; }

.grid5col .column { width: 18.4%; margin-left: 2%; }

.grid6col .column { width: 15%; margin-left: 2%; }
	
.column.first, .column.last { 
	margin-left: 0 !important; }
	
.column.last { 
	float: right !important; }
	
#container:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid5col:after, .grid6col:after, .item:after, #nav ul:after, #topbar:after, #download:after { 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }
	
#container, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col, .column, #branding img, .item, #services, #about, #nav ul, #topbar { 
	zoom: 1; }
	


/*----------------------------------------------------------------------*/
/*	Fonts Styles  */
/*----------------------------------------------------------------------*/

body { 
	font: 100 normal 12px/18px Arial, Sans-Serif;
	letter-spacing: 1px; }

strong, b { font-weight: bold; color: #FFF}
em, i { font-style: italic; }

h1 {
	margin-bottom: 15px; }
	
h2 {
	font: bold 14px Arial, sans-serif;
	font-style: italic;
	color: #dcf6ff;
	margin-bottom: 3px;
	text-transform: uppercase; }
	
h3 {
	font: bold 11px Arial, sans-serif;
	font-style: italic;
	color: #dcf6ff;
	text-transform: uppercase; }
	
h4 {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #CCCCCC !important;
	margin-bottom: 7px; }
	
h4 a {
	font-size: 15px;
	font-weight: bold;
	color: #CCCCCC !important;
	margin-bottom: 7px; }
	
h5 {
	font-size: 12px;
	font-weight: bold;
	color: #0083B5;
	margin-bottom: 3px; }
	
h6 {
	font-size: 10px;
	font-weight: bold;
	color: #CCCCCC;
	margin-bottom: 2px; }



/*----------------------------------------------------------------------*/
/*	Global Links   */
/*----------------------------------------------------------------------*/

a { outline: none; }
a:link { color: #999999; text-decoration: underline; }
a:hover   { color: #FFFFFF; text-decoration: underline; }
a:visited { color: #999999; }
a:active  { color: #FFFFFF; }



/*----------------------------------------------------------------------*/
/*	Global */
/*----------------------------------------------------------------------*/
	

	
#topbarwrapper {
	width: 100%;
	height: 100px;
	margin: 0 auto;
	background: #00090d; }
	
qqq#topbar {
	position: relative;
	width: 902px;
	height: 100px;
	margin: 0 auto;
	background: #00090d; }
	
#topbar {
	position: relative;
	width: 100%;
	height: 100px;
	margin: 0 auto;
	background: #00090d; }
	
#branding {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100px;
	margin: 0px auto 5px;
	background: #00090d url(../images/backgrounds/branding.jpg) no-repeat top;
	overflow: hidden; }
	
#branding img {
	margin: 15px 0 0 0; }
	
#branding a {
	display: block; }

#nav {
	background:#00090d url("../images/nav/bg.jpg") repeat-x top;
	width: 100%; }
	
#container {
	width: 902px;
	margin: 15px auto 40px;
	text-align: left; }
	
#main {
	background: #00090d;
	padding: 20px;
	border: 1px solid #333; }

#footer {
	clear: both;
	position: relative;
	text-align: center;
	width: 100%;
	padding: 10px 0px 20px 0px;
	font: normal 9px sans-serif;
	border-top: 1px solid #333333; }



/*----------------------------------------------------------------------*/
/*	Navigation   */
/*----------------------------------------------------------------------*/
	
#nav ul {
	width: 900px;
	text-align: center;
	padding: 0;
	margin: 0 auto;
	color: #CCC;
	font: normal 10px Arial, sans-serif;
	background: #00090d url("../images/nav/bg.jpg") repeat-x top; }

#nav ul li {
	display: inline;
	padding-bottom: 5px;
	padding-top: 5px; }

#nav ul li a {
	float: left;
	width: 20%;
	padding-bottom: 5px;
	padding-top: 5px;
	color: #CCC;
	text-decoration: none; }

#nav ul li a:hover {
	color: #FFF;
	width: 20%;
	background: #00090d url("../images/nav/bgHover.jpg") repeat-x top; }
	
#nav .special {
	border-right: none; }


/*----------------------------------------------------------------------*/
/*	Navigation States   */
/*----------------------------------------------------------------------*/

#homepage #nav_home li,
#offlinepage #nav_offline li,
#onlinepage #nav_online li,
#newspage #nav_news li,
#ratecard #nav_ratecard li,
#contactpage #nav_contact li {
  	color: #CCC; }
  	
#homepage #nav_home a,
#offlinepage #nav_offline a,
#onlinepage #nav_online a,
#newspage #nav_news a,
#ratecard #nav_ratecard a,
#contactpage #nav_contact a {
  	color: #FFF;
  	width: 20%;
  	font-weight: bold;
  	background: #00090d url("../images/nav/bgSelected.jpg") repeat-x top; }
  	
#homepage #nav_home a:hover,
#offlinepage #nav_offline a:hover,
#onlinepage #nav_online a:hover,
#newspage #nav_news a:hover,
#ratecard #nav_ratecard a:hover,
#contactpage #nav_contact a:hover {
	background: #00090d url("../images/nav/bgSelected.jpg") repeat-x top;
	cursor: default; }
  	

/*----------------------------------------------------------------------*/
/*	Header   */
/*----------------------------------------------------------------------*/
		
#title {
	position: relative;
	width: 960px;
	list-style: none;
	margin: 0px auto 0px; }

#title ul {
	list-style: none;
	margin-top: 0px; }

#title #mana {
	padding: 0 0px 0 12px; }


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

#billboardwrapper {
	position: relative;
	width: 900px;
	height: 250px;
	border: 1px solid #444;
	margin-bottom: 20px;
	overflow: hidden; }
	
#billboard {
	width: 900px;
	height: 250px;
	overflow: hidden; }
	
#info {
	float: left;
	height: 100px;
	margin-bottom: 20px;
	overflow: hidden;
	width: 800px }
	
#download {
	float: right;
	height: 100px;
	margin-bottom: 20px;
	overflow: hidden;
	width: 100px }
	
#billboardwrapper #enquire {
	position: absolute;
	z-index: 100;
	width: 100px;
	height: 100px;
	bottom: 0px;
	right: 0px; }
	
.bucket {
	width: 600px;
	margin-bottom: 20px;
	border: 1px solid #333333; }
	
.bucket .image {
	width: 300px;
	float: left; }
	
.bucket img {
	width: 300px;
	height: 150px; }
	
.bucket .text {
	width: 280px;
	float: left;
	padding: 10px;
	height: 130px;
	overflow: hidden; }
	

/*----------------------------------------------------------------------*/
/*	Home Page   */
/*----------------------------------------------------------------------*/

#about {
	background: #00090d;
	height: 225px;
	border: 1px solid #333;
	overflow: hidden; }
	
#services {
	background: #00090d;
	height: 225px;
	border: 1px solid #333;
	overflow: hidden; }
	
#services ul {
	width: 200px;
	height: 250px;
	float: left; }
	
#services li {
	display: block;
	padding: 3px 5px 3px 0;
	margin-bottom: 10px; }
	
#services li a {
	display: block;
	padding: 5px 0 5px 10px;
	width: 150px;
	text-decoration: none;
	text-transform: uppercase;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	font: 100 10px Arial; }
	
#services li a:hover {
	color: #FFF; }
	
#services .selected {
	padding: 5px 0 0 10px;
	color: #000;
	font: 300 10px Arial;
	display: block;
	width: 200px;
	height: 15px;
	border: none;
	background: transparent url(../images/common/servicesSelected.gif) no-repeat; }
	
#services .selected:hover {
	color: #000; }
	
#services #tab1, #services #tab2, #services #tab3, #services #tab4 {
	width: 330px;
	float: left; }
	
#features {
	background: #00090d;
	margin: 20px 0 0 0;
	text-align: center;
	border: 1px solid #333;
	padding: 15px 0 15px 0; }
	
#features img {
	margin-bottom: 10px; }
	
#news h1 {
	display: inline;
	float: left; }
	
#newsItem {
	margin-left: 180px;
	width: 675px;
	height: 60px;
	padding: 5px;
	border: 1px solid #333;
	margin: 0 0 10px 180px;
	overflow: hidden; }
	
.more {
	float: right; }
	
#subscribetoggle {
	float: right; }
	
#subscribe {
	float: right; }


/*----------------------------------------------------------------------*/
/*	Offline   */
/*----------------------------------------------------------------------*/

.item {
	position: relative;
	background: #081115 url(../images/headers/corner_blank.png) bottom right no-repeat;
	padding: 20px;
	border: 1px solid #333;
	margin-bottom: 25px; }
	
.item img {
	float: left;
	border: 1px solid #333;
	margin-right: 20px; }
	
	
/*----------------------------------------------------------------------*/
/*	Ratecard   */
/*----------------------------------------------------------------------*/

table { 
	border-collapse: collapse;
	border: 0px solid #666; } 
	
th, td { 
	padding: 0.1em 1em; }
	
tr {
	border-bottom: 1px solid #333; }
	
tr:hover { 
	background-color:#1C2428; 
	color: #fff; 
}

thead tr:hover { 
	background-color: transparent; 
	color: inherit; 
}

/*----------------------------------------------------------------------*/
/*	Contact   */
/*----------------------------------------------------------------------*/

#form {
	float: left;
	width: 60%;
	background: #00090d;
	padding: 20px;
	border: 1px solid #333;
	margin-bottom: 35px; }
	
#contactForm {
	background: #081115;
	padding: 20px;
	border: 1px solid #333; }
	
#sidebar {
	float: right;
	width: 30%; }
	
#sidebar img {
	margin-right: 15px; }
	
.sidebox {
	width: 230px;
	background: #00090d;
	padding: 20px;
	border: 1px solid #333;
	margin-bottom: 40px; }
	
.formlabel {
	display: block;
	margin-bottom: 3px; }	
	
.forminput {
	display: block;
	margin-bottom: 20px;
	background: transparent;
	border:  1px solid #292929;
	color: #CCCCCC; }
	
.dropinput {
	display: block;
	margin-bottom: 20px;
	border:  1px solid #292929;
	color: #333; }

.textarea {
	width: 100%;
	height: 150px; }
	
.textline {
	width: 100%; }
	
#links {
	list-style-type: square;
	margin: 0 0 0 10px; }
	
	
/*----------------------------------------------------------------------*/
/*	Footer   */
/*----------------------------------------------------------------------*/

#footer img {
	margin: 5px 0 10px 0; }
	
#footer ul { 
	text-align: center;
	padding-bottom: 15px;
	padding-top: 5px;
	padding-left: 0;
	margin-top: 0;
	margin-left: 0;
	color: #CCCCCC;
	width: 100%; }
	
#footer ul li {
	display: inline;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-top: 5px; }
	
#footer ul li a {
	color: #999;
	text-decoration: none; }
	
#footer ul li a:hover {
	color: #FFF;
	text-decoration: underline; }
	
#footer p {
	margin-bottom: 5px; }
	

/*----------------------------------------------------------------------*/
/*	New 2010   */
/*----------------------------------------------------------------------*/

.errors {
	color: red;
	padding-bottom: 10px; }