@charset "utf-8";
/* CSS Document */

/*--------------------------------------------Global styling---------------------------------------*/
html,body{
	padding: 0;
	border: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000000;
	text-align: left;
}
body{
	background: #FFFFFF url(../images/bg1.jpg) no-repeat;
	background-position: center top;
	background-attachment: fixed;
	/*background-color: #CCCCCC;*/
}
h1, h2, h3, h4, h5, h6{
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-weight: normal;
}
h1, h2, h3, h4, h5, h6, p, img, img a, ul, ol {
	margin:0;
	padding: 0;
	border: 0;
}
ul
{
	list-style: none;
}
ol
{
	margin: 10px 0 0 43px;
	padding-left: 20px;
	line-height: 20px;
	color: #1F3E00;
}
ol li
{
	margin: 10px 0 10px 0;
}
.siteClear
{
	clear: both;
	margin: 0;
	padding: 0;
}
.carbon2
{
	font-size: 0.7em;
}
.relHolder
{
	position: relative;
	*float: left;
}
.upperMargin
{
	margin: 10px 0 0 0;
}
.upperMarginSlm
{
	margin: 3px 0 0 0;
}
.upperMediaMargin
{
	margin: 0 0 0 35px;
}
/*--------------------------------------------Structure styling---------------------------------------*/
#container
{
	position: relative;
	width: 864px;
	margin: 0 auto 0 auto;
	background: transparent url(../images/bgTran.png) top left repeat-y;
	/*IE6 fix*/
	_background: #EEEEEE url(../images/fix/bgTran.gif) top left repeat-y;
}
/*--------------------------------------------Header styling---------------------------------------*/
#headerImg
{
	float: left;
	width: 864px;
	height: 86px;
	background: transparent url(../images/headerImg.jpg) top left no-repeat;
	/*background-color:#999999;*/
}
/*--------------------------------------------Logo styling---------------------------------------*/
#logoCap
{
	float: left;
	width: 864px;
	height: 7px;
	line-height: 1px;
	margin: -3px 0 0 0;
	background: transparent url(../images/headerCap.gif) top left no-repeat;
}
#logoArea
{	
	float: left;
	width: 100%;
	background-color: #FFFFFF;
}
.RayneswayLogo
{
	float: left;
	margin: 0 0 0 20px;
}
.greenBulb
{
	float: right;
	margin: 0 20px 0 0;
}
/*--------------------------------------------Nav styling---------------------------------------*/
#leftCap
{
	float: left;
	width: 9px;
	height: 30px;
	margin: -3px 0 -3px 0;
	z-index: 1000;
	background: transparent url(../images/navLeftCap.gif) top left no-repeat;
}
#siteNav
{
	float: left;
	width: 846px;
	height: 30px;
	margin: -3px 0 -3px 0;
	z-index: 1000;
	background: transparent url(../images/navTile.jpg) top left repeat-x;
}
#rightCap
{
	float: right;
	width: 9px;
	height: 30px;
	margin: -3px 0 -3px 0;
	z-index: 1000;
	background: transparent url(../images/navRightCap.gif) top left no-repeat;
}
.siteNavBtn
{
	float: left;
	height: 24px;
	margin: 0 10px 0 0;
	padding: 6px 0 0 12px;
	background: transparent url(../images/navBreak.gif) top left no-repeat;
}
.siteNavBtn a:link, .siteNavBtn a:visited, .siteNavBtn a:active
{
	font-size: 0.9em;
	color: #FFFFFF;
	text-decoration: none;
}
.siteNavBtn a:hover
{
	text-decoration: underline;
}
/*--------------------------------------------Body Content styling---------------------------------------*/
#bodyContent
{
	width: 100%;
	height: auto;
}
#centerContent
{
	float: left;
	width: 615px;
	margin-bottom: 15px;
}
#rightContent
{
	float: right;
	width: 210px;
	padding: 15px 0 0 0;
}
#wideContent
{
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
#centerContent p, #wideContent p
{
	color: #1F3E00;
	font-size: 0.9em;
	line-height: 1.7em;
	padding: 15px 40px 0 40px;
}
#centerContent ul
{
	color: #1F3E00;
	font-size: 0.9em;
	line-height: 1.7em;
	margin: 15px 40px 0 40px;
	padding: 0;
}
#centerContent ul li
{
	margin: 0;
	padding: 0;
}
#centerContent ul ul
{	
	font-size: 1.0em;
	margin: 0;
}
.bodyBullet
{
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	line-height: 1.9em !important;
}
.bodyBullet li
{
	padding: 2px 0 0 15px !important;
	background-image: url(../images/bulletGreen.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}
#centerContent p a, #wideContent p a
{
	color: #1F3E00;
	text-decoration:underline;
}
.bodyBullet a
{
	color: #1F3E00;
	text-decoration:underline;
}
.bodyBullet a:hover
{
}
/*--------------------------------------------Footer styling---------------------------------------*/
#siteFooter
{
	width: 864px;
	height: 29px;
	margin: 0 0 -3px 0;
	background: transparent url(../images/footerBg.gif) top left no-repeat;
}
#poweredBy
{
	float: left;
	width: 150px;
	font-size: 0.8em;
	margin: 8px 0 0 10px;
}
#poweredBy a
{
	color: #000000;
	text-decoration: none;
}
#poweredBy a:hover
{
	text-decoration: underline;
}
#cyclamaxLink
{
	float: right;
	margin: 0 10px 0 0;
}
#xhtmlLink
{
	float: right;
	margin: 4px 15px 0 0;
}
/*--------------------------------------------Right styling---------------------------------------*/
#stayInformed, #threeDLocation, #model, #siteBrochure
{
	margin: 0 0 10px 0;
	width: 201px;
	height: 68px;
	padding: 6px 0 0 8px;
}
#stayInformed
{
	background: url(../images/stayInformed.png) top left no-repeat;
	_background: url(../images/fix/stayInformed.jpg) top left no-repeat;
	
}
#threeDLocation
{
	background: url(../images/3dLocation.png) top left no-repeat;
	_background: url(../images/fix/3dLocation.jpg) top left no-repeat;
	/*background-color:#999999;*/
}
#model
{
	background: url(../images/model.png) top left no-repeat;
	_background: url(../images/fix/model.jpg) top left no-repeat;
	/*background-color:#999999;*/
}
#siteBrochure
{
	height: 98px;
	background: url(../images/siteBrochure.png) top left no-repeat;
	_background: url(../images/fix/siteBrochure.jpg) top left no-repeat;
}
#keydates
{
	position: relative;
	margin: 0 0 3px 0;
	padding: 6px 0 0 8px;
	top: 5px;
	width: 201px;
	min-height: 68px;
	background: transparent url(../images/keydatesTile.jpg) top left repeat-y;
}
#keydatesImg
{
	position: absolute;
	width: 209px;
	height: 105px;
	top: -5px;
	left: 0px;
	background: transparent url(../images/keydates.png) top left no-repeat;
	_background: transparent url(../images/fix/keydates.jpg) top left no-repeat;
}
#keydatesFooter
{
	width: 209px;
	height: 18px;
	margin: 0 0 10px 0;
	background: transparent url(../images/keydatesFooter.png) top left no-repeat;
	_background: transparent url(../images/fix/keydatesFooter.jpg) top left no-repeat;
}
#stayInformed .title, #model .title, #siteBrochure .title, #threeDLocation .title1, #threeDLocation .title2, #keydates .title, #keydates .title
{
	float: left;
	width: 200px;
	color: #FFFFFF;
	font-weight: bold;
}
#threeDLocation .title1
{
	width: 105px;
}
#threeDLocation .title2
{
	width: 95px;
}
#stayInformed .title,
#threeDLocation .title1
{
	color: #508718;
}
#stayInformed .content1, #model .content, #siteBrochure .content, #threeDLocation .content1, #threeDLocation .content2, #keydates .content
{
	float: left;
	width: 130px;
	margin: 2px 0 0 0;
	color: #FFFFFF;
	font-size: 0.85em;
}
#keydates .content, #keydates .title
{
	float: none;
	position: relative;
	color: #508718;
	z-index: 1000;
	width: 200px;
}
#siteBrochure .content
{
	width: 200px;
}
#stayInformed .content1
{
	margin-top: 10px;
	color: #000000;
	width: 190px;
}
#stayInformed .content1 #stayForm
{
	float: left;
	width: 152px;
}
#stayInformed .content1 #stayForm input
{
	border: 1px solid #96D839;	
	font-size: 0.9em;
	width: 144px;
	padding: 3px;
}
#stayInformed .content1 #btnGo
{
	float: left;
	width: 30px;
	height: 17px;
	padding: 2px 0 0 0;
	margin-top: 1px;
	text-align: center;
	background-color: #4A7B1A;
	border: 1px solid #96D839;
	border-left: none;
}
#threeDLocation .content1, #threeDLocation .content2
{
	width: 85px;
}
#threeDLocation .content2
{
	margin-left: 18px; 
}
#locationList li, #datesList li
{
	padding-left: 20px;
	background-image: url(../images/bulletLeaf.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	margin: 3px 0 0 0;
	
}
#datesList li
{

}
#threedList li
{
	padding-left: 20px;
	background-image: url(../images/bulletLeaf.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	margin: 3px 0 0 0;
	color: #1F3E00;
}
#threedList li a
{
	color: #1F3E00;
	text-decoration:none;
}
#threedList li a:hover
{
	color: #1F3E00;
	text-decoration:underline;
}
#locationList li a, 
#model .content a,
#siteBrochure .content a,
#stayInformed .content1 #btnGo a
{
	color: #FFFFFF;
	text-decoration: none;
}
#locationList li a:hover,
#model .content a:hover,
#siteBrochure .content a:hover,
#stayInformed .content1 #btnGo a:hover
{
	text-decoration: underline;
}
#datesList li a
{
	color: #508718;
	text-decoration: none;
}
#datesList li a:hover
{
	color: #508718;
	text-decoration:underline;
}
/*--------------------------------------------heading styling---------------------------------------*/
.headerHolder, .headerHolderHp
{
	position: relative;
	float: left;
	margin: 15px 0 15px 0;
}
.headerHolderHp
{
	margin: 0 0 15px 0;
}
h1.headerCR, h1.headerCRHome
{
	position: relative;
	width: 575px;
	height: 28px;
	color: #74BB27;
	font-size: 1.5em;
	padding: 5px 0 0 40px;
	margin: 0;
	background: url(../images/pageHeader.gif) top left no-repeat;
}
h1.headerCRHome
{
	margin: 0;
}
.headerCRImg
{
	position: absolute;
	top: 0px;
	left: -35px;
	width: 35px;
	height: 105px;
	background: url(../images/pageHeaderArrows.png) top left no-repeat;
	_background: none;
}

h2.headerCR, h3.headerCR, h4.headerCR, h5.headerCR,
h2.headerCRHome, h2.headerCRTall
{
	position: relative;
	width: 575px;
	height: 22px;
	color: #74BB27;
	font-size: 1.2em;
	padding: 5px 0 0 40px;
	margin: 15px 0 0 0;
	background: url(../images/pageHeaderH2.gif) top left no-repeat;

}
h2.headerCRTall
{
	height: 58px;
	background: url(../images/pageHeaderTallH2.gif) top left no-repeat;
}
h2.headerFAQCR
{
	position: relative;
	width: 575px;
	height: 22px;
	color: #74BB27;
	font-size: 1.0em;
	padding: 5px 0 0 40px;
	margin: 15px 0 0 0;
	background: url(../images/pageHeaderFAQH2.gif) top left no-repeat;
}
h2.headerFAQCR a, h2.headerCR a, h2.headerCRTall a, h3.headerCR a
{
	color: #74BB27;
	text-decoration:none;
}
h2.headerFAQCR a:hover, h2.headerCR a:hover, h2.headerCRTall a:hover, h3.headerCR a:hover
{
	text-decoration:underline;
}
.headerFAQ_A
{
	position: absolute;
	top: 14px;
	left: 15px;
	width: 13px;
	height: 14px;
	background: url(../images/aAnswer.png) top left no-repeat;
	_background: url(../images/fix/aAnswer.gif) top left no-repeat;
}

/*--------------------------------------------how helps styling---------------------------------------*/
#helpsHolder
{
	position: relative;
	margin: 10px 0 0 40px;
	width: 530px;
	height: 250px;
	background: url(../images/helpsDoor.png) no-repeat;
	_background: url(../images/fix/helpsDoor.jpg) no-repeat;
	background-position: 195px 30px;
}
.helpsLeft
{
	float: left;
	width: 240px;
	height: 42px;
	clear: left;
	margin: 0 0 5px 0;
	background: url(../images/helpsBg.gif) left 2px no-repeat;
}
.helpsImgL, .helpsImgR
{
	float: right;
	width: 42px;
	height: 42px;
	margin: 0 5px 0 0;
}
.helpsImgR
{
	float: left;
	margin: 0 0 0 5px;
}
.helpsRight
{
	float: right;
	width: 240px;
	height: 42px;
	clear: right;
	margin: 0 0 5px 0;
	background: url(../images/helpsBg.gif) left 2px no-repeat;
}
.helpsText
{
	float:left;
	font-size: 0.8em;
	color: #FFFFFF;
	padding: 6px 1px 5px 3px;
	width: 188px;
	height: 28px;

}
.helpsText strong
{
	font-size: 1.1em;
}
/* --------------------------------------- FAQ styling ----------------------------- */
#faqAa, #faqBa, #faqCa, #faqDa, #faqEa, #faqFa, #faqGa, #faqHa,
#faqIa, #faqJa, #faqKa, #faqLa, #faqMa, #faqNa, #faqOa, #faqPa,
#faqQa, #faqRa, #faqSa, #faqTa, #faqUa, #faqVa, #faqWa, #faqXa, #faqYa, #faqZa, #faqZzz,
#faqAbb
{
	 DISPLAY: none; 
}
#faqA, #faqB, #faqC, #faqD, #faqE, #faqF, #faqG, #faqH,
#faqI, #faqJ, #faqK, #faqL, #faqM, #faqN, #faqO, #faqP,
#faqQ, #faqR, #faqS, #faqT, #faqU, #faqV, #faqW, #faqX, #faqY, #faqZ, #faqZz,
#faqAb
{
	 DISPLAY: block;
}
/* --------------------------------------- contact styling ----------------------------- */
.contactLeft
{
	float: left;
	margin: 5px 0 0 40px;
	width: 100px;
	color: #1F3E00;
}
.contactRight
{
	float: left;
	width: 400px;
	margin: 5px 0 0 0;
}
.contactRight span, .contactLabel, .contactReq
{
	color: #1F3E00 !important;
}
.contactRight input, .contactRight textarea
{
	padding: 3px;
	width: 265px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #639214;
}
.contactWide
{
	float: left;
	margin: 10px 0 0 40px;
	width: 372px;
	clear:both;
	text-align: right;
}
/* -------------------------- google map page ------------------------ */
#mapSurround
{
	position: relative;
	width: 582px;
	height: 358px;
	margin: 20px 0 0 0;
	background: url(../images/googleBg.png) top left no-repeat;
	_background: url(../images/fix/googleBg.gif) top left no-repeat;
}
#map
{
	position: relative;
	width: 562px;
	height: 338px;
	margin: 10px 0 0 10px;
}