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


		
		/* ---------------------------*/
		/* CONTENT AREAS */
	
		#astairarea, #ocbeacharea, #crystalarea {
			width: 527px;
			height: 271px;
			margin-left: 14px;
			margin-top: 15px;
		}
		
			#outermotioncontent h2 {
				background: 	url(../images/motiontitle.png) no-repeat top center;
				position:		relative;
				top: 			18px;
				left:			.25em;
				width: 			143px;
				height: 		24px;
				margin: 		0 auto;
				text-indent:	-9999px;/*Hide Text, keep for SEO*/
			}
			
			#astairarea h3 {
				background: 	url(../images/astairtitle.gif) no-repeat top center;
				position:		relative;
				top: 			.9em;
				left:			-.1em;
				width: 			289px;
				height: 		29px;
				margin: 		0 auto;
				margin-bottom:  .73em;
				text-indent:	-9999px;/*Hide Text, keep for SEO*/
			}
			
			#ocbeacharea h3 {
				background: 	url(../images/ocbeachtitle.gif) no-repeat top center;
				position:		relative;
				top: 			.9em;
				left:			-.1em;
				width: 			204px;
				height: 		29px;
				margin: 		0 auto;
				margin-bottom:  .73em;
				text-indent:	-9999px;/*Hide Text, keep for SEO*/
			}
			
			#crystalarea h3 {
				background: 	url(../images/crystaltitle.gif) no-repeat top center;
				position:		relative;
				top: 			.9em;
				left:			-.1em;
				width: 			323px;
				height: 		29px;
				margin: 		0 auto;
				margin-bottom:  .73em;
				text-indent:	-9999px;/*Hide Text, keep for SEO*/
			}
	
			#astairslidearea, #ocbeachslidearea, #crystalslidearea {
				float: 			left;
				margin-left: 	.38em;
				width: 			341px;
				height: 		190px;
				
			}
			
			
			/* ---------------------------*/
			/* CONTENT AREAS DESCRIPTION */
			#astairdesc, #ocbeachdesc, #crystaldesc {
				float: right;
				position:relative;
				top: 0em;
				left: 0em;
				margin-top: 1em;
				margin-right: .8em;
				line-height: 1.3em;
				font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
				font-size: 11px;
				width: 170px;
				font-weight: bold;
			}
				#astairdesc span:first-child, #ocbeachdesc span:first-child, #crystaldesc span:first-child { /*This is the first sentence of #astairdesc*/
					/*position:relative;
					top: .4em;*/
					display: block;
					margin-bottom: .3em;
				}
				
				#astairdesc span + span, #ocbeachdesc span + span, #astairdesc span + span { /*This is the second sentence of #astairdesc*/  /*I am using Adjacent Selectors to affect the correct span tag*/
					display: block;
					margin-bottom: .7em;
				}
				
				#astairdesc span + span + span, #ocbeachdesc span + span + span, #crystaldesc span + span + span { /*This is the third sentence of #astairdesc*/  /*I am using Adjacent Selectors to affect the correct span tag*/
					font-weight: normal;
					text-decoration: underline;
					font-size: 10px;
					display: block;
					margin-bottom: .2em;
				}
				
				
				
				#astairdesc ul, #ocbeachdesc ul, #crystaldesc ul { 
					text-indent: 2.1em;
					font-size: 		10px;
					font-weight:	bold;
					word-spacing: .01em;
					line-height: 2.4em;
					letter-spacing: .01em;
					padding-left: -5em;
					position: relative;
					left: .7em;
				}
					#astairdesc ul li, #ocbeachdesc ul li, #crystaldesc ul li {
						padding-right: 4em;
						background: transparent url(../images/checkmark.gif) no-repeat center left;
					}
	
		/* ---------------------------*/
		/* SECTION NAVIGATION */
		#motionsectnav {
			width:527px;
			height: 115px;
			margin-left:14px;
			margin-top:19px;
			float:left;
			position: relative;
			top: -25px;
		}
	
			#motionsectbtns {
				float:left;
				position:relative;
				width: 525px;
				height: 85px;
			}
				
				#motionsectbtns li{
					float:left;
					margin-right: 45px;
					margin-left: 45px;
					margin-top: 7px;
				}
			
				#astairbtn {
				}
					#astairbtn span {
						background: 	url(../images/astairbtn.jpg) no-repeat top center;
						display: block;
						width: 85px;
						height: 85px;
						text-indent:	-9999px;/*Hide Text, keep for SEO*/
					}
						#astairbtn span:hover {
							background: 	url(../images/astairbtn_over.jpg) no-repeat top center;
							cursor:			pointer;
						}
				
				#ocbeachbtn {
				}
					
					#ocbeachbtn span {
						background: 	url(../images/ocbeachbtn.jpg) no-repeat top center;
						display: block;
						width: 85px;
						height: 85px;
						text-indent:	-9999px;/*Hide Text, keep for SEO*/
					}
						#ocbeachbtn span:hover {
							background: 	url(../images/ocbeachbtn_over.jpg) no-repeat top center;
							cursor:			pointer;
						}
				
				#crystalbtn {
				}
					#crystalbtn span {
						background: 	url(../images/crystalbtn.jpg) no-repeat top center;
						display: block;
						width: 85px;
						height: 85px;
						text-indent:	-9999px;/*Hide Text, keep for SEO*/
					}
						#crystalbtn span:hover {
							background: 	url(../images/crystalbtn_over.jpg) no-repeat top center;
							cursor:			pointer;
						}
					
			#motionsectnavtext {
				width: 			600px;
				position:		relative;
				left:			-1.3em;
			}
				#motionsectnavtext li {
					float: left;
					margin-left: 53px;
					margin-top: 5px;
					font-family: Tahoma, Geneva, sans-serif;
					font-size: 11px;
					letter-spacing: .12em;
				}
					#motionsectnavtext li:first-child {
						margin-left: 40px;
						margin-right: 15px;
					}
					
					#ocbeachtext {
						position:	relative;
						left: 		-2em;
					}
					
					#crystaltext {
						position:	relative;
						left: 		-1.5em;
					}
					
					#ocbeachtext {
						position:relative;
						left: -1.2em;
					}