/* CSS Document */

/*-------
// global reset
//-----*/
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;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
acronym { cursor: help; }



/*-------
// general
//-----*/

html { font-size: 100.01%; }
body { font-size: 62.5%; line-height:1.2em; }
input, select, textarea { font-size: 100%; }

input.text, textarea { padding: 2px 3px; font-family: Verdana, sans-serif; }
.submit { cursor/**/: /**/pointer; }
select > option { padding: 0 5px 0 3px; }

.ul, .ol { margin: 0 0 1em 2em; }
.ul li, .ol li { margin: .2em 0; padding: 0; }

.flR { float: right; }
.flL { float: left; }
.alR { text-align: right; }
.alC { text-align: center; }
.vlT {vertical-align:top;}
.vlB {vertical-align:bottom;}

.hide { display: none; }
.clear { clear: both; height:1px; line-height:1px; }

.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; }

a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }
a.inv:link, a.inv:visited { text-decoration: underline; }
a.inv:link:hover, a.inv:visited:hover { text-decoration: none; }

.cols { overflow: hidden; margin: 0; }
.cols .col { float: left; width: 50%; }
#page .cols .last { margin-right: 0; }

.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/*-------
// Globals
//-----*/
body{ background-color:#92a08c; font-family:Arial, Helvetica, sans-serif;}
h1,h2,h3,h4{line-height:1.2em;}
p{line-height:1.2em; }


/*-------
// Page Layout
//-----*/

/*-----container-----*/
div#container { margin:0px auto; width:800px; padding:20px 0px;}

/*-----header-----*/
div#header { background:#5B0056 url(../images/header/header_shadow.png) left bottom repeat-x; padding:20px 40px 10px 20px; width:740px; }

/*-----navigation-----*/
div#navigation { background-color:#7b297b; }

/*-----banner-----*/
div#banner{background-color:#000000;}

/*-----content-----*/
div#content{ background-color:#000000; overflow:hidden; width:740px; padding:30px 30px 40px;}

/*-----footer-----*/
div#footer { margin-bottom:30px;    }



/*-------
// common page content
//-------*/

/*---header---*/
div#header div.tagline h2 {background:url(../images/header/header_left_font-1.gif) left top no-repeat; width:419px; height:42px; display:block; margin-top:15px; }
div#header div.logo h1 a{background:url(../images/header/logo.gif) left top no-repeat; width:133px; height:78px; display:block;  margin:0px 15px 5px 0px;}
div#header div.quote{
	width:100px;
	height:100px;
	display:block;
	background-repeat: no-repeat;
	background-position: left top;
	float: right;
	margin-top: 0px;
	margin-right: 40px;
	margin-bottom: 5px;
	margin-left: 0px;
}


/*--- navigation ---*/
div#navigation ul{padding:0px 30px;}
div#navigation ul li{ font-size:120%; display:inline; padding:0px 5px;}
div#navigation ul li a{color:#b4b4b4; text-decoration:none; line-height:30px;}
div#navigation ul li span{color:#6b1656; padding:0px 0px;}
div#navigation ul li.active a{color:#67c82d;}
div#navigation ul li a:hover{color:#67c82d;}

/*-----footer----*/
div#footer p{ padding:5px 30px 0px; font-size:80%; line-height:10px;  }
div#footer p a{color:#000000;}

/*-----main----*/
div#content div.main{  width:497px; padding:0px 55px 0px 0px;}



/*-------
// home page content
//-----*/

/*-----banner-----*/
div#banner img.lawn{margin-left:15px;}

/*-----content---*/
div.home h2{color:#67c82d; font-size:160%; margin-bottom:10px; font-weight:normal;}
div.home p{color:#b4b4b4; font-size:130%; line-height:1.5em;}

div.home div.left{  width:260px; padding:0px 55px 0px 0px;}

div.home div.middle{ width:180px; padding:0px 50px 0px 0px;}

div.home div.right{ width:190px;padding:0px 5px 0px 0px;}	
div.home div.right ul{padding-left:10px; display:block;}
div.home div.right ul li{color:#b4b4b4; font-size:130%; line-height:1.5em; list-style:outside square; margin-left:10px; }



/*-------
// FAQ page content
//-----*/

/*-----banner-----*/
div#banner img.tent{margin-left:8px;}

/*-----content---*/
div.faq h2{color:#67c82d; font-size:160%; margin-bottom:10px; font-weight:normal; }
div.faq p{color:#b4b4b4; font-size:130%; line-height:1.5em;}

div.faq div.main ul.faqs li{margin:10px 0px;}
div.faq div.main ul.faqs li p.question{color:#FFFFFF; font-weight:bold; }



/*-------
// Link page content
//-----*/

/*-----banner-----*/
div#banner img.twin_tent{margin-left:6px;}

/*-----content---*/
div.link h2{color:#67c82d; font-size:160%; margin-bottom:10px; font-weight:normal; }
div.link p{color:#b4b4b4; font-size:130%; line-height:1.5em;}

div.link div.main ul.links li{margin:10px 0px;}
div.link div.main ul.links li p a{color:#FFFFFF; font-weight:bold; }



/*-------
// about_us page content
//-----*/

/*-----content---*/
div.about h2{color:#67c82d; font-size:160%; margin-bottom:10px; font-weight:normal; }
div.about p{color:#b4b4b4; font-size:130%; line-height:1.5em; margin-bottom:25px; }

div.about div.left{  width:465px; padding:0px 55px 0px 0px;}
div.about div.left p.highlight{color:#FFFFFF; font-weight:bold; margin-bottom:0px;}

div.about div.right{ width:215px; padding:0px 5px 0px 0px;}



/*-------
// contact_us page content
//-----*/

/*-----content---*/
div.contact h2{color:#67c82d; font-size:160%; margin-bottom:10px; font-weight:normal; }
div.contact p{color:#b4b4b4; font-size:130%; line-height:1.5em;}

div.contact div.left{  width:290px; padding:0px 100px 0px 0px;}
div.contact div.right{ width:345px; padding:0px 5px 0px 0px;}

div.contact div.left h2.address{margin-top:62px;}
div.contact div.left p.contact{margin-top:30px;}
div.contact div.left p.contact a{color:#b4b4b4;}

div.contact div.right table.contact_form p{margin-bottom:8px;}
div.contact div.right table.contact_form p label{font-size:100%; color:#67c82d;}
div.contact div.right table.contact_form p input{background-color:#adcc9b; width:300px; height:20px; border:none;}
div.contact div.right table.contact_form p  textarea{background-color:#adcc9b; width:300px; border:none;}


/*-------
// contact_us1 page content
//-----*/

/*-----content---*/
div.contact1 h2{color:#67c82d; font-size:160%; margin-bottom:10px; font-weight:normal; }
div.contact1 p{color:#b4b4b4; font-size:130%; line-height:1.5em;}

div.contact1 div.left{  width:245px; padding:0px 100px 0px 0px;}
div.contact1 div.right{ width:350px; padding:0px 5px 0px 0px;}

div.contact1 div.left h2.address{margin-top:62px;}
div.contact1 div.left p.contact{margin-top:30px;}
div.contact1 div.left p.contact a{color:#b4b4b4;}

div.contact1 div.right table.contact_form p{margin-bottom:8px;}
div.contact1 div.right table.contact_form p label{font-size:100%; color:#67c82d;}
div.contact1 div.right table.contact_form p input{background-color:#adcc9b; width:300px; height:20px; border:none;}
div.contact1 div.right table.contact_form p  textarea{background-color:#adcc9b; width:300px; border:none;}



/*-------
// Gallery page content
//-----*/

div.gallery h2{color:#67c82d; font-size:160%; margin-bottom:10px; font-weight:normal; }
div.gallery p{color:#b4b4b4; font-size:130%; line-height:1.5em;}

div#content.gallery div.main { width:100%; padding:0px; }

/*----  ticker settings -----*/
.stepcarousel{
	position: relative; /*leave this value alone*/
	border: 10px solid black;
	background:#252525; 
	padding:10px 0px 9px; 
	margin-top:55px;
	overflow: scroll; /*leave this value alone*/
	height: 120px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 10px; /*margin around each panel*/
	width:157px;
}

