/* Green Colour : #414425 
   Mid Blue: #00ABEB
   Light Blue: #B8DEF7
   Dark Blue: #156FAD
   Pink:#D472A7
   Dark Pink: #C90087
*/

body {
	text-align:center;  /* for IE */
	font-family: Arial, Verdana, Times New Roman,Trebuchet MS, Arial, serif;
	font-size: 12px;
	line-height:1.6em;
	margin:0;
	padding:0;
}
a {color:#000;text-decoration:underline;}
a:hover {color:#92F757;text-decoration:underline;}
img {
	border: 0;
}
blockquote {
	float:right;
	padding:16px;
	background: #CC383A;
	color:#fff;
	width:15em;
	font-size:10pt;
	margin-bottom:10px;
}
form {
	margin: 0;
	padding: 0;
}
strong {font-weight:bold;}
label {
	font-weight:bold;
}
.left {float:left;}
.right {float:right;}
form p {padding:7px;text-align:left;}

input, textarea, select {padding:5px;border:1px solid #ccc;
	-moz-box-shadow:0 0 10px #eee inset;width:170px;}

input.empty {width: auto;}

#main_content h1, #content h1 {
	padding: 10px 0px;
}

h1 {font-size:12pt;margin-bottom:10px;}
h2 {font-size:12pt;margin-bottom:10px;line-height:15pt;}
#form h2 {clear:both;}
p {padding-bottom:5px;}

/* ID Styles */

#mainhome {
	background: url('../../images/top_background.jpg') top repeat-x #0099DC;
	color:#fff;
}
#mainhome table td {padding:10px;}
#mainhome ul {padding:10px 0 0 10px;}
#mainhome li {background: url('../../images/mainhome_arrow.gif') no-repeat 0px 5px;color:#fff;font-size:15px;margin-bottom:10px;}
#mainhome h2 {color:#fff;font-size:22px;}

h2.web {background: url('../../images/h2_web.jpg') no-repeat 0 0;padding-left:45px;}
h2.pros {background: url('../../images/h2_ppl.jpg') no-repeat 0 0;padding-left:45px;}
h2.upgrades {background: url('../../images/h2_upgrade.jpg') no-repeat 0 0;padding-left:45px;height:40px;}
h2.benefits {background: url('../../images/h2_benefits.jpg') no-repeat 0 0;padding-left:45px;height:40px;}
h2.separator {font-size:20px;color:#156FAD;font-weight:normal;border-bottom:2px solid #D472A7;padding-bottom:5px;margin-bottom:10px;}
#home {
	background: url('../../images/top_background.jpg') top repeat-x #4C4F38;
}
#h1 {padding:10px;color:#fff;}
#h1 a {color:#fff;font-size:14px;padding:0 10px;}
#h1 h1 {font-size:24px;color:#fff;font-weight:bold;float:left;}
#h1 img {float:left;}

#homecontent {
	background: url('../../images/home.jpg') no-repeat;
	height:60px;
	overflow:hidden;
	text-align:center;
	padding-top:160px;
}
#tempcontent {
	background: url('../../images/temp_home.jpg') no-repeat;
	padding-top:160px;
}

.container {
	text-align: left;
	margin: 0 auto;
	width: 960px;
}
.center {text-align:center;}
#header {
	height:89px;
}
#top_section {
	background: url('../../images/up_gradient.jpg') left bottom repeat-x;
}
.social {position:relative;top:3px;left:5px;}
.logo {
	position:relative;
	left:0;
	top:10px;
	float:left;
}

#navigation {
	float:right;
	display:block;
	height:30px;
	margin-top:49px;
	overflow:hidden;
}

#content {
	padding: 10px 0px 10px 10px;
	float:left;
	width: 630px;
}
#large_content {
	padding: 10px 0px 10px 10px;
}
#main_content {
	padding: 10px 20px 10px 20px;
	color:#fff;
}

#feature {
	background:#3B3B3B;
	padding:10px;
	text-align:center;
	color:#fff;
}
#feature a {color:#fff;text-decoration:none;font-size:14px;}
.free {color:#BFD346;font-style:italic;font-weight:bold;font-size:18px;}
#feature img {display:inline;margin-left:20px;position:relative;margin-bottom:-5px;}
.breadcrumb {margin-bottom:10px;}
.breadcrumb a {color:#00ABEB;font-style:italic;}
/* 3 bottom areas on the home page */
.section {
	width:300px;
	padding:10px;
	display:block;
	float:left;
}
.company {
	border:10px solid #eaeaea;
	padding:10px;
}
.display {
	margin:10px;
	padding:10px;
	clear:both;
}
.display td {text-align:left;border:0;margin-bottom:10px;border-bottom:2px solid #eaeaea;padding:5px;}
.display td.img {width:150px;}
.display td.img img {max-width:150px;max-height:150px;}
#content p {margin-top:10px;}
#content h4 {font-size:15px;font-weight:bold;}
#content .phone {float:right;font-weight:bold;font-size:14px;text-decoration:underline;}
#sidebar {
	margin-right: 20px !important;
	margin-right: 10px;
	margin-right/**/:/**/10px;
	margin-top: 10px;
	padding:10px;
	width: 270px;
	color: #003777;
	float:left;
	background:#f8f8f8;
	border-right:1px solid #eaeaea;
	border-bottom:1px solid #eaeaea;
	height:100%;
}

#sidebar p {
	padding: 3px;
}

#sidebar a{
	color:#000;
	text-decoration: none;
	font-size:16px;
	display:block;
	padding: 5px 5px 5px 5px;
}
#sidebar a:hover {color:#156FAD;background:#fff;}
#sidebar ul {list-style:none;margin:0 0 10px 0;padding:0;padding-left:3px;}
#sidebar li {background:url('../../images/arrow.gif') 3px 8px no-repeat;margin-bottom:3px;}
#bottom {
	background: url('../images/down_gradient.jpg') left repeat-x top;
	padding-top:10px;
	padding-bottom:30px;
}
#bottom h1, #bottom h2 {
	margin-right:40px;
	color:#000;
	font-weight:normal;
}
#bottom p {
	margin-top:10px;
	margin-right:130px;
	color:#000;
}

#footer {
	background: url('../../images/footer_background.jpg') repeat-x;
	margin:0;
	font-size:12px;
	color:#fff;
	padding-top:10px;
}
.footer_col {
	width:210px;
	padding:0 10px 10px 10px;
	display:block;
	float:left;
}
.footer_col h3 {color:#009ADC;text-transform:lowercase;font-style:italic;font-weight:bold;font-size:14px;}
.footer_col a {color:#fff;text-decoration:none;}
.footer_col a:hover {color:#fff;text-decoration:underline;}
.footer_col ul {padding-left:5px;}
.footer_col li {padding:0;background:none;}
.image {
	float:right;
	display:block;
	padding:0px 0 10px 10px;
}
ul {padding:10px;}
li {
	padding-left:16px;
	background: url('../../images/li.gif') no-repeat 0px 5px;
}
#top_section li {background:none;}
table {border-collapse:collapse;width:100%;}
td.red {
	background:#CC383A;
	color:#fff;
	text-align:right;
	font-weight:bold;
	padding-right:10px;
	border-top:1px solid #fff;
}
table.packages {
	background:#eaeaea;
	border-collapse:collapse;width:100%;
}
table.packages td, table.packages th {
	padding:10px;
	font-size:14px;
	text-align:center;
	border-bottom:1px dashed #838383;
}
table.packages th {font-weight:bold;}
table.packages #features {background:#eaeaea;padding:20px;}
table.packages #free {background:#B8DEF7;padding:20px;}
table.packages #oneworld {background:#B8DEF7;padding:20px;border:5px solid #00ABEB;}
table.packages #worldview {background:#B8DEF7;padding:20px;}
table.packages #features td{padding:15px;}
table.packages .price{color:#156FAD;font-size:18px;text-shadow:1px 1px 1px #00ABEB}
.error {font-weight:bold;font-style:italic;color:#f00;}
.success {font-weight:bold;color:#00cc00;background:url('../../images/success.gif') no-repeat;min-height:30px;padding-left:25px;}
#form p {clear:both;}

.more {
	padding-left:18px;
	background: url('../../images/more.gif') no-repeat 0px 0px;
	color:#156FAD;
	font-size:14px;
	font-style:italic;
	text-decoration:none;
}
.smallbox {
	background:#f7f7f7;
	border:2px solid #eaeaea;
	margin-bottom:10px;
}
.smallbox .col1 {width:60%;}
.smallbox .col2 {width:20%;}
.smallbox .col3{width:40%;}
.smallbox .thead {font-size:20px;color:#C90087;font-weight:normal;}
.smallbox td {padding:8px;}
.smallbox thead td{
	background:#fff;
	font-size:15px;
	font-weight:bold;
	color:#717171;
}
.smallbox .pagination a {font-size:14px;padding:0 3px;}
.smallbox .pagination strong {font-size:14px;}
.smallbox tbody td{
	border-bottom:1px solid #eaeaea;
}
.smallbox tbody tr:hover {background:#fff;}
.smallbox tfoot td{
	background:#fff;
	text-align:right;
	width:100%;
}
.box {
	background:#f7f7f7;
	border:2px solid #eaeaea;
	padding:10px;
	width:200px;
	margin:5px;
	display:inline;
	float:left;
}
/* Forum Information */
.textarea {width:95%;}
.date {font-style:italic;font-size:13px;color:#156FAD;}
.discussion {background:#f4f9f9;padding:20px;border-top:1px solid #afcdd0;clear:both;}
.comment {clear:both;padding:0;margin:0;position:relative;}
.comment_tag {background:url('../../images/comment_arrow.gif') no-repeat;position:absolute;width:20px;height:22px;top:10px;left:110px;z-index:5;}
.comment_name{width:120px;float:left;display:inline;}
.comment_info {display:inline;float:right;background:#eaeaea;width:480px;padding:10px;-moz-border-radius: 5px;
-webkit-border-radius: 5px;margin-bottom:10px;}
.title {font-size:14px;color:#156FAD;font-weight:bold;}
.wide {width:100%;}
.white {color:#fff;}
.half {width:315px;float:left;display:inline;}
#content .half p {margin-top:0;}
#content .half label {width:110px;display:inline-block;}
/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 150px;text-align:left;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* jQuery Tools Tabs CSS */
/* root element for tabs  */
ul.css-tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;

}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	float:left;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	display:block;
	padding:5px 10px;	
	text-decoration:none;
	border:1px solid #eaeaea;
	border-bottom:0px;
	height:18px;
	background-color:#efefef;
	color:#000;
	margin-right:2px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;
	position:relative;
	top:1px;	
}

ul.css-tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}
	
/* selected tab */
ul.css-tabs a.current {
	background-color:#ddd;
	border-bottom:2px solid #ddd;	
	color:#156FAD;	
	cursor:default;
}

	
/* tab pane */
.css-panes div {
	display:none;
	min-height:150px;
	padding:10px;
	background:url('../../images/tab_background.jpg') bottom repeat-x #ddd;
}

/* ----- jQuery TOOLS Date Skin ------ /*
/* For the details, see: http://flowplayer.org/tools/dateinput/index.html#skinning */

/* the input field */
input.date {
	font-style:normal;
	color:#000;
}

/* calendar root element */
#calroot {
	margin-top:-1px;
	width:198px;
	padding:2px;
	background-color:#fff;
	font-size:11px;
	border:1px solid #ccc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow: 0 0 15px #666;
	-webkit-box-shadow: 0 0 15px #666;	
}

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {	
	padding:2px 0;
	height:22px;
} 

#caltitle {
	font-size:14px;
	color:#0150D1;	
	float:left;
	text-align:center;
	width:155px;
	line-height:20px;
	text-shadow:0 1px 0 #ddd;
}

#calnext, #calprev {
	display:block;
	width:20px;
	height:20px;
	background:transparent url('../../images/prev.gif') no-repeat scroll center center;
	float:left;
	cursor:pointer;
}

#calnext {
	background-image:url('../../images/next.gif');
	float:right;
}

#calprev.caldisabled, #calnext.caldisabled {
	visibility:hidden;	
}

/* year/month selector */
#caltitle select {
	font-size:10px;	
}

/* names of the days */
#caldays {
	height:14px;
	border-bottom:1px solid #ddd;
}

#caldays span {
	display:block;
	float:left;
	width:28px;
	text-align:center;
}

/* container for weeks */
#calweeks {
	background-color:#fff;
	margin-top:4px;
}

/* single week */
.calweek {
	clear:left;
	height:22px;
}

/* single day */
.calweek a {
	display:block;
	float:left;
	width:27px;
	height:20px;
	text-decoration:none;
	font-size:11px;
	margin-left:1px;
	text-align:center;
	line-height:20px;
	color:#666;
	-moz-border-radius:3px;
	-webkit-border-radius:3px; 		
} 

/* different states */
.calweek a:hover, .calfocus {
	background-color:#ddd;
}

/* sunday */
a.calsun {
	color:red;		
}

/* offmonth day */
a.caloff {
	color:#ccc;		
}

a.caloff:hover {
	background-color:rgb(245, 245, 250);		
}


/* unselecteble day */
a.caldisabled {
	background-color:#efefef !important;
	color:#ccc	!important;
	cursor:default;
}

/* current day */
#calcurrent {
	background-color:#498CE2;
	color:#fff;
}

/* today */
#caltoday {
	background-color:#333;
	color:#fff;
}