/********************************** 
Global CSS Style Sheet
Written by George Heib
Copyright 2010
Authorized editing only

This Style Sheet Contains only Styles used by the Global Template.
**********************************/ 
body{
	margin:0;
	font-family:"Century Gothic", Verdana, Arial;
	font-size:12px;
	background:#cee9f2 url(../images/background.jpg) top left no-repeat;
	background-attachment:fixed;
	color:#333;
} /*cee9f2  b3ddeb*/

/*	Wrapper contains the global navigation at the top of template */
#globalNavigationWrapper{
	width:100%;
	height:40px;
	background:#999;
	border-bottom:5px solid #000;	
}

/*	Defines width and centering of global navigation */
#globalNavigation{
	margin:0 auto;
	width:800px;
}

/*	Sets width and center alignment of content body */
#bodyWrapper{
	margin:0 auto;
	width:800px;
}

/*	Settings for main content area.  Gives 10px height seperation from header.  No padding added to account for overal width justification in the body warapper */
#content{
	margin:10px 0 0 0;
	min-height:500px;
	background:transparent url(../images/contentBackground.png) top left repeat;
	overflow:auto; 
}

/*	Settings for services pictures for each page to float them right */
#servicePicture{
	float:right;
	padding:0 0 0 3px;
}

/*  Indenting first line of paragraphs within the content section */
#content p{
	text-indent:1em;
}

/*	Links withing the main content area  */
#content a{
	text-decoration:none;
	color:#900;
}
#content a:hover{
	color:#F00;
}

/*	For business links within main content area.  All business links should be 100px in width to account for overall width of content area. */
#links{
	float:right;
	width:100px;
	padding:10px 10px 0 10px;
	overflow:hidden;
}

/*	To seperate each picture link */
#links a img{
	padding-bottom:10px;
}

/*	To add some inner padding on text within the main Content display */
#mainContent{
	padding-left:5px;
	padding-right:5px;
}

/*	Defines size and location of footer to be completely at the bottom of page */
#footerWrapper{
	margin:10px 0 0 0;
	width:100%;
	height:120px;
	bottom:0;
	background:url(../images/contentBackground.png) top left repeat;
}

/*	Centers footer content and text attributes */
#footer{
	margin:0 auto;
	width:800px;
	padding-top:10px;
	font-size:10px;
	color:#999;
}

/*	Places top images to the rigth of text links */
#footerRight{
	float:right;	
}

/*	Attributes for text links inside the footer */
#footer a{
	text-decoration:none;
	color:#555;
	font-size:10px;
	padding:0 5px 0 5px;
}

#footer a:hover{
	color:#06F;
}

/*  Was originally set to float right but didn't sit well.  Kept to add padding between lower content and text links. */
#footerBottomRight{
	padding-top:20px;
}

/*	For Image rollovers within the footer */
#footerReview{
	width:48px;
	height:48px;
	background:url(../images/review.png) no-repeat;
	display:block;
	float:left;
}

#footerReview:hover{
	background-position:0 -48px;
}

#footerContact{
	width:48px;
	height:48px;
	background:url(../images/contact.png) no-repeat;
	display:block;
	float:left;
}

#footerContact:hover{
	background-position:0 -48px;
}

/********************************** Main navigation Bar with mainImage.png **********************************/
#mainImage{
	float:left;
	height:40px;
	width:200px;
}

#mainNav, #dropDownSer, #dropDownCon{
	margin:0;
	padding:0;
	overflow:hidden;
	list-style:none;
}

#mainNav li{
	float:left;
}

#mainNav li a{
	color: #ccc;
	display: block;
	float: left;
	width: 90px;
	font-size: .9em;
	line-height: 1em;
	padding:1em 0em 1em .9em;
	margin: 0;
	text-decoration: none;
	border: none;
}

#mainNav li a span{
	color: #000;
	display: block;
	font-weight: bold;
	text-transform: uppercase;
}

#mainNav li a:hover{
	background: #cee9f2;
	color:#555;
}

#dropDownSer{
	clear: both;
	float:left;
	position:absolute;
	top:40px;
	display:none;
	z-index:50;
	background:#999;
	border:1px solid #000;
	border-top:none;
}
#dropDownSer li{
	clear:both;
	float:left;
}

#dropDownSer li a{
	color:#ccc;
	text-decoration:none;
}

#dropDownSer li a:hover{
	color:#555;	
}

#services:hover #dropDownSer{
	display:block;
}

#dropDownCon{
	clear:both;
	float:left;
	position:absolute;
	top:40px;
	display:none;
	z-index:100;
	background:#999;
	overflow:hidden;
	border:1px solid #000;
	border-top:none;
}

#dropDownCon li{
	clear:both;
	float:left;
}

#dropDownCon li a{
	color:#ccc;
	text-decoration:none;
}

#dropDownCon li a:hover{
	color:#555;	
}

#contact:hover #dropDownCon{
	display:block;
}

/********************************** Services main page links **********************************/

.sLink{
	display: block;
	margin-left:90px;
	width:500px;
	height:120px;
}

.eLink{
	display:block;
	width:500px;
	height:120px;
}

#rates{
	background:transparent url(../images/service/rates.png) top left no-repeat;	
}
#rates:hover{
	background-position:0 -120px;	
}
#membership{
	background:transparent url(../images/service/membership.png) top left no-repeat;	
}
#membership:hover{
	background-position:0 -120px;	
}
#group{
	background:transparent url(../images/service/group.png) top left no-repeat;	
}
#group:hover{
	background-position:0 -120px;	
}
#retail{
	background:transparent url(../images/service/retail.png) top left no-repeat;	
}
#retail:hover{
	background-position:0 -120px;	
}
#punch{
	background:transparent url(../images/service/punch.png) top left no-repeat;	
}
#punch:hover{
	background-position:0 -120px;	
}
#technique{
	background:transparent url(../images/service/technique.png) top left no-repeat;	
}
#technique:hover{
	background-position:0 -120px;	
}
#outdoor{
	background:transparent url(../images/service/outdoor.png) top left no-repeat;	
}
#outdoor:hover{
	background-position:0 -120px;	
}
#mLou{
	background:transparent url(../images/service/mLou.png) top left no-repeat;	
}
#mLou:hover{
	background-position:0 -120px;	
}
#waiver{
	background:transparent url(../images/service/waiver.png) top left no-repeat;	
}
#waiver:hover{
	background-position:0 -120px;	
}#groupWaiver{
	background:transparent url(../images/service/groupWaiver.png) top left no-repeat;	
}
#groupWaiver:hover{
	background-position:0 -120px;	
}

/*********************************Contact Styles**********************************/
#contactForm{
	margin:0;
	width:400px;
	border:none;
}
#contactForm ul{
	margin:0;
	padding:0;
	list-style:none;
}
#contactForm ul li{
	float:left;
}
#contactForm ul li label{
	margin:0 .5em;
	line-height:2.5;
	float:left;
	width:100px;
	text-align:right;
	text-transform:uppercase;
	font-weight:bold;
}
#contactForm ul li input{
	padding:.2em;
	width:240px;
}
#contactForm ul li select{
	padding:.2em;
	width:240px;
}
#contactForm ul li textarea{
	padding:.2em;
	width:245px;
}
#rCom{
	margin: 0 0 0 110px;
}
#submit{
	margin: 0 0 0 110px;
	width:100px;
}

/*********************************Setter Page aglingment**********************************/

.setterSpan{
	width:120px;
	display:inline-block;
	padding-right:5px;
	text-align:right;
	font-weight:bold;
}