charset "UTF-8";

/* -- RESET -- */
body,img,p,h1,h2,h3,h4,h5,h6,form,table,td,ul,ol,li,fieldset {margin:0; padding:0; border:0;}
input,select {vertical-align: middle;}
img {border: 0px; padding: 0px; margin: 0px; display:block;}

/* -- colors 

brown -- #5f3e1a
gray/charcoal/text -- #76777a
dark blue -- #044c66
light blue -- #40bee0
green -- #90bd4f

-- */


/* -- BASICS -- */
body { background: #ebf7fb url(images/bg.jpg) center top repeat-y; color:#76777a; font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; font-size: 12px; margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 {font-family:Helvetica, Arial, sans-serif; line-height:1.3em;}
h1{font-size: 26px; color:#90bd4f; font-weight:normal; margin:0 0 6px 0;}
h2{font-size: 22px; line-height:26px; color:#5f3e1a; font-weight:normal;}
h3{font-size: 16px; text-transform: capitalize; color:#40bee0; margin:0 0 6px 0;}
h4{font-size: 14px; color:#5f3e1a;}
h5{font-size: 12px; text-transform: uppercase;}
p{margin:10px 0 0 0;}
b, strong{font-weight: bold;}
i, em{font-style: italic;}

hr {clear:both; border:0; width:100%; color:#d3d3d3; background-color:#d3d3d3; height:1px; margin:20px 0px;}

a {
	color:#40bee0;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
/* -- MISC -- */
div.clear {overflow:hidden; height:0px; clear:both;}
img.alignRight {float:right; margin:0 0 15px 15px;}
img.alignLeft {float:left; margin:0 15px 15px 0;}
.error {color: red;}

/* -- LAYOUT -- */ 
#pagewrap {
	width:980px;
	position:relative;
	margin:0 auto;
	padding:0;
}
#logo {
	margin:13px 0 0 0;
	float:left;
	padding:0 0 0 30px;
	width:252px;
	height:58px;
}
#login {
	float:right;
	width:90px;
	height:20px;
	margin:12px 10px 0 0;
}
#nav {
	float:right;
	margin:28px 0 0 0;
	padding:0 30px 0 0;
	text-align:right;
	z-index:999;
	position:relative;
}
#nav ul {
	margin:0;
	padding:0;
}
#nav ul li {
	float:left;
	padding:0 0 0 40px;
	list-style:none;
}
#nav ul li a {
	color:#5f3e1a;
	text-decoration:none;
	font-size:20px;
	padding:0 0 15px 0;
}
#nav ul li a:hover {
	color:#90bd4f;
}
#nav ul li a.green {
	color:#90bd4f;
}
#nav ul li a.green:hover {
	color:#40bee0;
}
#nav ul li ul li a {
	background:none;
	color:#fff;
	text-indent:0;
	width:inherit;
	height:inherit;
}
ul#topnav li {
	position:relative;
}
ul#topnav li .sub {
	position: absolute; /*--Important--*/
	top: 35px; left: 30px;
	/*--background: #044c66;--*/
	background: #FFFFFF;
	border-style:solid;
	border-color:#40bee0;
	border-width:2px;
	padding: 10px;
	float: left;
	/*--Bottom right rounded corner--*/
	--moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; /*--Hidden for those with js turned off--*/
	z-index:999;
}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 120px;
	float: left;
	height:auto;
	display:block;
}

/* -- colors 

brown -- #5f3e1a
gray/charcoal/text -- #76777a
dark blue -- #044c66
light blue -- #40bee0
green -- #90bd4f

-- */

ul#topnav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	/*--color: #fff;--*/
	color: #90bd4f;
	width:120px;
	overflow:visible;
	padding:0;
}
ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	padding: 5px 5px 5px 0px;
	display: block;
	text-decoration: none;
	/*--color: #40bee0;--*/
	color: #5f3e1a;
	font-size:12px;
	width:120px;
	text-align:left;
}
ul#topnav .sub ul li a:hover {
	/*--color:#fff;--*/
	color:#90bd4f;
}
a.button {
	color:#fff;
	background:url(images/btn-back.gif) center top no-repeat;
	width:145px;
	height:28px;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:10px 0 0 0;
	font-size:17px;
}
a.button:hover {
	color:#90bd4f;
	text-decoration:none;
}
/* -- CONTENT -- */
#content {
	padding:30px 0 0 0;
	margin:0 0 40px 230px;
	width:500px;
}
#content h2 {
	color:#40bee0;
	font-size:18px;
	margin:12px 0 3px;
}
#leftnav {
	width:170px;
	float:left;
	margin:0 30px 0 0;
	padding:35px 0 0 30px;
}
#leftnav ul {
	margin:0 0 20px 0; 
	padding:0;
}
#leftnav ul li {
	list-style:none;
	border-bottom:1px solid #ace5f5;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
}
#leftnav ul li a {
	font-size:15px;
	color:#044c66;
	display:block;
}
#leftnav ul li a:hover {
	text-decoration:none;
	color:#90bd4f;
}
#leftnav a.button {
	margin:10px 0 0 0;
}


/* -- SPECIFIC PAGES -- */
	
/* -- HOME --*/ 
#promotop {
	margin-top:47px 0 0 0;
/* -- background:url(images/bg-promo.jpg) scroll 0 0 repeat-x;  --*/
}
#promo {
	margin:47px 0 0 0;
    background:url(images/bg-promo.jpg) scroll 0 0 repeat-x;
}
#promosmall {
	margin:47px 0 0 0;
}
#promo img {
    background:url(images/bg-promo.jpg) scroll 0 0 repeat-x;
}
#promo #promocontrols {
    height:30px;
    position:absolute;
    bottom:0; right:235px;
    z-index:5;
    overflow:hidden;
}
#promocontrols a {
    float:left;
    width:21px; height:22px;
    overflow:hidden;
    margin:0 4px 0 0;
    color:#fff;
    background:transparent url(images/numbers.png) no-repeat scroll 0 0;
    _background:transparent url(images/numbers.gif) no-repeat scroll 0 0;
    text-indent:-998em;
}

#promocontrols a:hover,
#promocontrols a.pc1active {
    background-position:0 -22px;
}
    
#promocontrols a.pc2 {
    background-position:-21px 0;
}
#promocontrols a.pc2:hover,
#promocontrols a.pc2active {
    background-position:-21px -22px;

}

#promocontrols a.pc3 {
    background-position:-42px 0;
}
#promocontrols a.pc3:hover,
#promocontrols a.pc3active {
    background-position:-42px -22px;
}

#promocontrols a.pc4 {
    background-position:-63px 0;
}
#promocontrols a.pc4:hover,
#promocontrols a.pc4active {
    background-position:-63px -22px;
}

#promocontrols a.pc5 {
    background-position:-84px 0;
}
#promocontrols a.pc5:hover,
#promocontrols a.pc5active {
    background-position:-84px -22px;
}


.hideme {
	display:none;
}
#home-sidebar {
	position:absolute;
	top:103px;
	right:20px;
	width:210px;
	background:url(images/sidebar-mid.jpg) center top repeat;
	z-index:3;
}
#home-sidebar .top {
	background:url(images/sidebar-top.jpg) center top no-repeat;
	height:55px;
	width:210px;
	position:absolute;
	top:0;
}
#home-sidebar .bottom {
	background:url(images/sidebar-bot.jpg) center top no-repeat;
	height:56px;
	width:210px;
	position:absolute;
	bottom:0;
}
#sidebar-content {
	padding:30px 20px 30px;
	margin:-15px 0 0 0;
	position:relative;
    width:170px;
}
#sidebar-content h2 {
	text-align:center;
	margin:0;
	padding:12px 0 9px 0;
}
#sidebar-content ul {
	margin:0 -5px 30px 20px;
	padding:0;
}
#sidebar-content ul li {
	list-style:url(images/check.gif);
	color:#044c66;
	font-size:14px;
	margin:0 0 10px 0;
	padding:0 0 0 2px;
}
#sidebar-content a.button {
	margin:0 auto 10px;
	position:relative;
}
#sidebar-content p {
	color:#044c66;
	font-size:14px;
	line-height:1.7em;
}
#sidebar-content h4 {
	text-align:center;
}
.testimonial h2 {
	font-size:18px;
}
.testimonial img {
	margin:0 auto;
}
#quicktour {
	position:absolute;
	top:497px;
	left:22px;
}
#quicktour a {
	width:200px;
	height:76px;
	background:url(images/btn-quicktour.png) center top no-repeat;
	overflow:hidden;
	display:block;
	text-indent:-998em;
	_background-image:none; /*IE6 only*/
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='common/css/images/btn-quicktour.png', sizingMethod='crop'); /*IE6 only*/
}
#features-bar {
	margin:0 0 0 40px;
	padding:70px 0 0 0;
	width:940px;
}
.feature {
	text-align:center;
	width:160px;
	float:left;
	margin:0 43px 0 0;
	padding:0 43px 0 0;
	border-right:1px solid #40bee0;
}
.last {
	border:0;
	margin:0;
	padding:0;
}
.feature img {
	text-align:center;
	margin:0 auto;
	padding:0;
}
.feature h3 {
	margin:-20px 0 6px 0;
}
#force-bar {
	margin:0 0 0 40px;
	width:900px;
	padding:30px 0 0 0;
}
#force-bar p {
	color:#a7a9ac;
	font-size:25px;
	padding:13px 0 0 0;
	margin:0;
}
#force-bar img {
	margin:0 0 15px 0;
	padding:0;
}
#force-bar-content {
	width:630px;
	margin:20px auto 0;
}

/*-- Footer --*/
#footer {
	color:#40bee0;
	width:920px;
	margin:0 auto 30px;
}
#footer h3 {
	color:#90bd4f;
	font-size:18px;
	margin:0;
	font-weight:normal;
}
#footer .right {
	float:right;
}
#footer a {
	margin:0 20px 0 0;
}
#footer .right a {
	margin:0 0 0 20px;
}