/* Hands Event Site – Golf – CSS */

body {
	margin: 30px 0;
	padding: 0;
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

img{
	border: 0;
}

.clear{
	clear: both;
}

.hide{
	display: none;
}

.space{
	height: 10px;
}

#container{
	width: 942px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

/* header -------------------------------------------------------*/
#header{
	margin: 0;
	padding: 0;
	background-image: url(../images/top_bg.jpg);
	background-repeat: no-repeat;
	height: 146px;
	color: #668707;
}

#headerLogo{
	margin: 0 0 0 76px;
	padding: 0;
}

/* header nav/links ----------------------------------------------------------------*/
#headerNav{
	margin: 0;
	padding: 7px 0 0 50px;
	float: left;
}

#headerNav ul{
	margin: 0;
	padding: 0;
}

#headerNav li{
	margin: 0;
	padding: 0 3px;
	display: inline;
	font-weight: bold;
	font-size: 11px;
	line-height: normal;
}

#contactNav{
	margin: 0;
	padding: 7px 50px 0  0;
	float: right;
}

#contactNav ul{
	margin: 0;
	padding: 0;
}

#contactNav li{
	margin: 0;
	padding: 0 3px;
	display: inline;
	font-weight: bold;
	font-size: 11px;
	line-height: normal;
}

#headerNav li a:link{
	color: #92c400;
	text-decoration: none;
}

#headerNav li :active{
	color: #f4e000;
	text-decoration: none;
}

#headerNav li a:visited{
	color: #92c400;
	text-decoration: none;
}

#headerNav li a:hover{
	color: #f4e000;
	text-decoration: none;
}

#contactNav li a:link{
	color: #92c400;
	text-decoration: none;
}

#contactNav li :active{
	color: #f4e000;
	text-decoration: none;
}

#contactNav li a:visited{
	color: #92c400;
	text-decoration: none;
}

#contactNav li a:hover{
	color: #f4e000;
	text-decoration: none;
}

/* homepage -------------------------------------------------------*/
#homepage{
	margin: 0;
	padding: 0;
	background-image: url(../images/events_home.jpg);
	background-repeat: no-repeat;
	height: 683px;
	position: relative;
}

#homeHeading{
	margin: 0;
	padding: 560px 0 0 0;
}

#homeHeading h2{
	margin: 0;
	padding: 0;
	color: #f8d2b0;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
}

#video{
	margin: 0;
	padding: 0;
	width: 364px;
	height: 294px;
	text-align: center;
	color: #FFFFFF;
	position: absolute;
	left: 59px;
	top: 115px;
}

#videoText{
	margin: 0;
	padding: 0;
	width: 252px;
	position: absolute;
	top: 161px;
	left: 110px;
}

#videoText p{
	margin: 0;
	padding: 0;
	font-size: 13px;
}

#videoLink p{
	margin: 9px 0 0 0;
	padding: 0;
	font-size: 11px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}

#videoLink p a:link{
	color: #666666;
	text-decoration: none;
}

#videoLink p :active{
	color: #92c400;
	text-decoration: none;
}

#videoLink p a:visited{
	color: #666666;
	text-decoration: none;
}

#videoLink p a:hover{
	color: #92c400;
	text-decoration: none;
}

#event{
	margin: 0;
	padding: 0;
	width: 321px;
	height: 227px;
	color: #FFFFFF;
	position: absolute;
	left: 279px;
	top: 34px;
}

#eventLink{
	margin: 0;
	padding: 0;
	width: 100px;
	height: 20px;
	text-align: center;
	position: absolute;
	right: 3px;
	bottom: -2px;
}

#eventLink p{
	margin: 0;
	padding: 0;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
}

#eventLink p a:link{
	color: #666666;
	text-decoration: none;
}

#eventLink p :active{
	color: #92c400;
	text-decoration: none;
}

#eventLink p a:visited{
	color: #666666;
	text-decoration: none;
}

#eventLink p a:hover{
	color: #92c400;
	text-decoration: none;
}

#shopNow{
	margin: 0;
	padding: 0;
	width: 100px;
	height: 20px;
	text-align: center;
	position: absolute;
	right: 41px;
	top: 239px;
}

#shopNow p{
	margin: 0;
	padding: 0;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
}

#shopNow p a:link{
	color: #FFFFFF;
	text-decoration: none;
}

#shopNow p :active{
	color: #92c400;
	text-decoration: none;
}

#shopNow p a:visited{
	color: #FFFFFF;
	text-decoration: none;
}

#shopNow p a:hover{
	color: #92c400;
	text-decoration: none;
}

/* content -------------------------------------------------------*/
#content{
	margin: 0 auto;
	padding: 0;
	background-image: url(../images/content_bg.jpg);
	background-repeat: no-repeat;
}

#contentWrapper{
	margin: 0 auto;
	padding: 112px 0 0 0;
	width: 889px;
}

#mainContent{
	margin: 0;
	padding: 0 50px 0 0;
	width: 549px;
	float: right;
}

/* content - page heading -------------------------------------------------------*/
#aboutHeader{
	margin: 40px 0;
	padding: 0;
	background-image: url(../images/about_header.jpg);
	width: 451px;
	height: 49px;
}

#aboutHeader2{
	margin: 20px 0;
	padding: 0;
	background-image: url(../images/about_header-02.jpg);
	width: 501px;
	height: 24px;
}

#wowHeader{
	margin: 40px 0;
	padding: 0;
	background-image: url(../images/wow_header.jpg);
	width: 491px;
	height: 68px;
}

#wowHeader2{
	margin: 30px 0 10px 0;
	padding: 0;
	background-image: url(../images/wow_header-02.jpg);
	width: 201px;
	height: 18px;
}

#wowHeader3{
	margin: 30px 0 10px 0;
	padding: 0;
	background-image: url(../images/wow_header-03.jpg);
	width: 486px;
	height: 49px;
}

#eventsHeader{
	margin: 40px 0;
	padding: 0;
	background-image: url(../images/event_header.jpg);
	width: 492px;
	height: 68px;
}

#eventsHeader2{
	margin: 30px 0 10px 0;
	padding: 0;
	background-image: url(../images/event_header-02.jpg);
	width: 435px;
	height: 74px;
}

#eventsHeader3{
	margin: 30px 0 10px 0;
	padding: 0;
	background-image: url(../images/event_header-03.jpg);
	width: 495px;
	height: 74px;
}

#contactHeader{
	margin: 40px 0;
	padding: 0;
	background-image: url(../images/contact_header.jpg);
	width: 471px;
	height: 68px;
}

#planHeader{
	margin: 40px 0;
	padding: 0;
	background-image: url(../images/plan_header.jpg);
	width: 493px;
	height: 74px;
}

#planHeader2{
	margin: 30px 0 10px 0;
	padding: 0;
	background-image: url(../images/plan_header-02.jpg);
	width: 201px;
	height: 18px;
}

#planHeader3{
	margin: 30px 0 10px 0;
	padding: 0;
	background-image: url(../images/plan_header-03.jpg);
	width: 486px;
	height: 49px;
}

/* content - testimonials -------------------------------------------------------*/
#reference{
	margin: 0 0 0 20px;
	padding: 0;
}

/* Left Column -------------------------------------------------------*/
#leftColumn{
	margin: -70px 0 0 0;
	padding: 0 0 0 30px;
	width: 260px;
	height: 800px;
	float: left;
}

#estimateRequest{
	margin: 0;
	padding: 0;
}

#handsEvents{
	margin: 25px 0;
}

/* contact -------------------------------------------------------*/
p#contactAdd{
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 14px;
	color: #92c400;
	line-height: 20px;
}

p#contactReference{
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #92c400;
	line-height: 20px;
}

#address{
	margin: 35px 0 25px 0;
}

/* content - left column -------------------------------------------------------*/
#professorHandsLink{
	margin: 0;
	padding: 0;
	width: 265px;
	position: absolute;
	bottom: 0;
	left: 0;
}

#professorHands{
	margin: 80px 0 0 0;
	padding: 0;
	background-image: url(../images/professor_hands.jpg);
	background-repeat: no-repeat;
	width: 120px;
	height: 103px;
	float: left;
}

#handsLink{
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 13px;
	width: 145px;
	float: right;
}

#handsLinkMiddle{
	margin: 0;
	padding: 10px 15px 0 15px;
	background-color: #92c400;
	background-image: url(../images/hands_link_bg.jpg);
	background-repeat: no-repeat;
}

#handsLinkMiddle p{
	margin: 0;
	padding: 10px 0 15px 48px;
}

#handsLinkMiddle p a:link{
	color: #FFFFFF;
	text-decoration: none;
}

#handsLinkMiddle p :active{
	color: #0197eb;
	text-decoration: none;
}

#handsLinkMiddle p a:visited{
	color: #FFFFFF;
	text-decoration: none;
}

#handsLinkMiddle p a:hover{
	color: #0197eb;
	text-decoration: none;
}

#handsLinkBottom{
	margin: 0;
	padding: 0;
	background-image: url(../images/hands_link_bottom.jpg);
	background-repeat: no-repeat;
	height: 29px;
}

/* content - main content -------------------------------------------------------*/
#mainContent p{
	margin: 0 0 20px 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 20px;
}

#mainContent p a:link{
	color: #FFFFFF;
	text-decoration: none;
}

#mainContent p :active{
	color: #FFFFFF;
	text-decoration: underline;
}

#mainContent p a:visited{
	color: #FFFFFF;
	text-decoration: none;
}

#mainContent p a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

#mainContent h2{
	margin: 0;
	padding: 0;
	color: #FF6600;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
}

#mainContent ul{
	margin: 0 0 0 18px;
	padding: 0;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 20px;
	list-style-image: url(../images/bullet.jpg);
}

#mainContent li{
	margin: 8px 0 0 0;
	padding: 0;
}

#wowImage{
	margin: 0;
	padding: 0 0 20px 30px;
	float: right;
}

.orange{
	color: #FF6600;
}

.purple{
	color: #e93caf;
}

.green{
	color: #92c400;
}

#contactTable{
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 14px;
}

/* contact form -------------------------------------------------------*/
input{
	margin: 0;
	padding: 5px 3px;
	color: #000000;
	background-color: #FFFFFF;
	background-image: url(../images/input_bg.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	border: none;
	font-size: 14px;
	}

input:focus{
	background-color: #FFFFFF;
	color: #FF6600;
}

textarea{
	margin: 0;
	padding: 5px 3px;
	color: #FF6600;
	background-color: #FFFFFF;
	background-image: url(../images/input_bg.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	border: none;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

textarea:focus{
	background-color: #FFFFFF;
	color: #000000;
}

input.submit{
	margin: 0;
	padding: 3px;
	background-color: #FF6600;
	background-image: none;
	color: #FFFFFF;
	font-size: 14px;
}

input.submit:focus{
	background-color: #7d7d7d;
	background-image: none;
	color: #000000;
}


/* footer -------------------------------------------------------*/
#footer{
	margin: 0;
	padding: 0;
	background-image: url(../images/footer_bg.jpg);
	background-repeat: no-repeat;
	height: 47px;
}

/* footer container -------------------------------------------------------*/
#footContainer{
	width: 942px;
	margin: 0 auto;
}

/* add this -------------------------------------------------------*/
#addthis{
	width: 140px;
	margin: 10px auto;
	padding: 0;
	float: left;
}

/* LINK footer -------------------------------------------------------*/
#linkFooter{
	width: 750px;
	margin: 10px auto;
	padding: 0;
	color: #FFFFFF;
	font-size: 9px;
	text-align: right;
	float: right;
}

#linkFooter a:link{
	color: #FFFFFF;
	text-decoration: underline;
}

#linkFooter :active{
	color: #92c400;
	text-decoration: underline;
}

#linkFooter a:visited{
	color: #FFFFFF;
	text-decoration: underline;
}

#linkFooter a:hover{
	color: #92c400;
	text-decoration: underline;
}
