/*
		Date: 	May, 2008
		Desc:	Coded By Peter Scott / www.chrysalis.com.jm
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~


1..   Layout
2..   Header
3..   Content
4..   Footer 
5..   Navigation
6..   Login

*/

/* 1.. Layout _____________  */
* {
	margin: 0;
	padding: 0;
	border: 0;
}
.clear {clear:both}
a { outline: none;}
p, h2 {margin: 0 0 10px 0;}
body {
	background: url(../i/bg_gradient.jpg) repeat-x 0 1px #615d8f;
	font-size: 62.5%; 
	line-height: 13pt; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000; 
}
#holder {
	background:url(../images/bg_holder.png) repeat-y 2px top;
	width: 844px;
	margin: 0 auto;
	margin-top: 6px;
	padding: 0 10px 0 12px;
}
/* 1.. End Layout ________  */

/* 2.. Header ____________  */
#logo {
	float: left;
}
#sticky {
	float:right;
	margin: 0 50px 0 0;
}
#nav{
	float: left;
	overflow:hidden;
	height: 36px;
	width:524px;
	list-style: none;
}
#nav li{
	float: left;
	height: 36px;

}
#nav li a{
	display: block;
	overflow:hidden;
	height:36px;
}
#navbar {
	background: url(../i/bg_navbar.jpg) repeat-x;
	height: 36px;
	margin: -2px 0 0 0;
}
#nav-home, #nav-why, #nav-services, #nav-links, #nav-contact{
	text-indent: -10000px;
}
.menu li #nav-home {
	background: url(../i/nav.jpg) no-repeat;
	background-position:0 0;
	width: 86px;
}
.menu li #nav-home:hover {
	background-position:0 -36px;
}
.menu li.selected #nav-home, .menu li.selected #nav-home:hover  {
	background-position:0 -72px;
}
.menu li #nav-why {
	background: url(../i/nav.jpg) no-repeat;
	background-position:-86px 0;
	width: 113px;
}
.menu li #nav-why:hover {
	background-position:-86px -36px;
}
.menu li.selected #nav-why, .menu li.selected #nav-why:hover {
	background-position:-86px -72px;
}
.menu li #nav-services {
	background: url(../i/nav.jpg) no-repeat;
	background-position:-199px 0;
	width: 111px;
}
.menu li #nav-services:hover {
	background-position:-199px -36px;
}
.menu li.selected #nav-services, .menu li.selected #nav-services:hover {
	background-position:-199px -72px;
}
.menu li #nav-links {
	background: url(../i/nav.jpg) no-repeat;
	background-position:-310px 0;
	width: 88px;
}
.menu li #nav-links:hover {
	background-position:-310px -36px;
}
.menu li.selected #nav-links, .menu li.selected #nav-links:hover {
	background-position:-310px -72px;
}
.menu li #nav-contact {
	background: url(../i/nav.jpg) no-repeat;
	background-position:-398px 0;
	width: 125px;
}
.menu li #nav-contact:hover {
	background-position:-398px -36px;
}
.menu li.selected #nav-contact,.menu li.selected #nav-contact:hover {
	background-position:-398px -72px;
}
#search {
	padding: 3px 0 0 0;
  	float: right;
	width: 225px;
  	background: url("../i/bg_search.jpg") right 3px no-repeat;
}
#search_input {
  	border: none;
  	width: 158px;
  	height: auto;
  	margin: 6px 5px 0 33px;
  	background-color: transparent;
  	color: #999;
  	font-size: 0.9em;
  	float: left;
}

#search_submit {
  	width: 25px;
  	margin: 0 0 0 0 ;
}
/* 2.. End Header ________  */

/* 3.. Content ___________  */
#intro { 
	position: relative; 
	overflow: hidden;
	height: 240px;
}
#nav-right, #nav-left {
	position: absolute;
	z-index: 100;
	bottom: 3px;
	outline: none;
	text-indent: -9999px;
}
#nav-right:hover, #nav-left:hover { background-position: 0 -36px; }
#nav-right { 
	width: 36px;
	height: 36px;
	right: 8px;
	background: url(../i/nav_right.gif) 0 0 no-repeat;
}
#nav-left {
	width: 36px;
	height: 36px;
	right: 46px;
	background: url(../i/nav_left.gif) 0 0 no-repeat;
}
#intro .none { background-position: 0 -72px; }

#scroll { overflow: hidden; }
#scroll li { overflow: hidden;}
#container {
	background: url(../i/grace.jpg) right -2px no-repeat;
	font-size: 1.1em;
}
#lc {
	background-color: #d7d7ff;
	color: #1A1361;
	float: left;
	width: 240px;

}

#lc h3 {
	color: #000;
	font-size: 1.3em;
	margin: 10px 0 5px 0;
	padding: 7px 0 6px 0;
}
#lc .date {
	color: #1A1361;
	font-size: .9em;
	font-weight: 700;
}
#testimonials {
	padding: 8px 20px 8px 8px;
	text-align: justify;
	line-height: 14px;
}
#lc a {
	color: #000;
}
.yellow {
	color: #1A1361;
	font-weight: 700;
}
.friends {
	border: 1px solid #fff;
}
#rc {
	float: left;
	width: 590px;
	font-size: 1.1em;
	line-height: 1.5em;
}
#lcont, #rcont {
	float: left;
}
#lcont {
	width: 377px;
	padding: 15px 10px 0 10px;
}
#lcont_sub {
	padding: 15px 10px 0 10px;
}
#lcont h2, #lcont_sub h2{
	border-bottom: 1px solid #140e53;
	color: #140e53;
	font-size: 1.3em;
	padding: 0 0 10px 0;
}
#lcont p, #lcont_sub p{
	text-align: justify;
}
#lcont_sub ul, #lcont_sub ol{
	padding: 0 0 0 15px;
}
#rcont {
	background-color: #faeed1;
	margin: 30px 0 0 0;
	padding: 0 0 7px 0;
	width: 188px;
	font-size: .9em;
}
#rcont h3 {
	background: url(../i/feature.jpg) no-repeat;
	color: #ffff66;
	font-size: 1.1em;
	padding: 5px 0 5px 12px;
	margin: 0 0 7px 0;
}
.ja {
	margin: 0 7px;
	padding: 4px 7px 7px 0;
	text-align: justify;
	line-height: 15px;
}
#incheck, #autorider {
	list-style: none;
	
	margin: 0;
}
#incheck li, #autorider li {
	background-color: #fcf5e3;
	margin: 0 7px;
}
#incheck li a, #autorider li a {
	color: #130e51;
	font-weight: 700;
	background: url(../i/arrow.jpg) no-repeat 5px center ;
	display: block;
	padding: 3px 0 3px 12px;
	text-decoration: none;
}
#incheck li a:hover, #autorider li a:hover{
	color: #ac8f08;
}
.blu {
	background-color: #ffeea6;
	padding: 0 0 10px 10px;
}
#rcont img {
	margin: 0 0 0 7px;
}
#friend {
	position:absolute;
	margin-left:525px;
	margin-top:153px;
	width:156px;
	height:25px;
	z-index:101;
}
.switchcontent {
	padding: 0 0 10px 17px;
	font-size: 11px;
	line-height: 16px;
}
#pscroller1{
	height: 150px;
	line-height: 16px;
}
/* 3.. End Content _______  */

/* 4.. Footer ____________  */
#footer{
	background-color: #f4d652;
	clear:both;
	font:10px/17px Verdana, Arial, Helvetica, sans-serif;
	padding:5px 0 20px 0;
	margin: 0 auto;
}
#footer a {
	color: #252272;
	text-decoration:none;
}
#footer ul li a{
	color:#252272;
	font-weight:bold;
	text-decoration:none;
}
#footer ul li a:hover, #footer ul li a:active{
	text-decoration:underline;
}
#footer img{
	float:left;
	padding:0 60px 20px 10px;
}
#footer ul li{
	border-left:2px solid #423c3c;
	display:inline;
	padding:0 8px;
}
#footer ul li.first{
	border-left:none;
	padding-left:0;
}
#footer p{
	margin:0;
}
/* 4.. End Footer ________  */
/* ---------------------------------------------------------------------- */
/* 5 ..Accordian CSS */
.accordion_headings{
	padding:5px;
	color:#fff;
	cursor:pointer;
}
.accordion_headings:hover{
	background: url(../images/bg_nav.jpg) repeat-x; 
}
.accordion_child{
	font-size: 1em;
	padding:13px;
}
.header_highlight{
	background: url(../images/bg_nav.jpg) repeat-x; 
	color: #2c1799;
}
.accordion_headings a {
	color: #fff;
	text-decoration: none;
}
ul.pop {
	list-style: none;
}
.pop li {
	margin: 0 0 2px 0;
}
.pop li a:hover {
	color: #adbfca;		
}
#feature {
	float: right;
	width: 200px;
}
/* ---------------------------------------------------------------------- */
/* FAQs */
.faqs {
	padding: 0 0 10px 0;
}
.faqs a {
	color: #306;
	padding: 0 0 0 10px;
	text-decoration: none;
}
.faqtext {
	font-size: 11px;
	line-height: 16px;
}

/* ---------------------------------------------------------------------- */
/* Links */
.linktext {
	font-size: 10.5px;
	line-height: 16px;
}

/* ---------------------------------------------------------------------- */
/* Form */
form.general input{
	border: 1px solid #7F9DB9;
}

a.captcha-refresh-image {
	float: left;
	position: relative;
}

#cp {
	width: 120px;
	border: 1px solid #ff0000;
	position: relative;
}