@import url(http://fonts.googleapis.com/css?family=Metrophobic);
body{
background-color:#fff;
font-family: 'Metrophobic', sans-serif;
}
#wrapper{
	width:1024px;
	margin:0 auto;
}

#topbar{
	background:#53bdff;
	width:100%;
	height:2px;
}
header{

}

#headertop{
	
}

.headerright{float:right;margin-top: 20px;}

.headertop{}

#infoboxleft
{
  position: fixed;
  width:105px;  
 
  border-radius: 5px;
  padding: 1px;
  z-index:200;  
  margin-top: 200px;  
  margin-left: -10px;
}

#infoboxright
{
  position: absolute;  
  width:60px;
  height:330px;
  background-color:#4D8904;
  padding-left:5px; 
  border-radius: 5px;
  z-index:200; 
  right: 0;
  margin-top: 180px;  
  padding-top:10px;
  margin-right: -10px;
  text-align: left;
   box-shadow: 1px 6px 17px -7px;
   
   
}

#menu{

	background-color:#66A526;	
	width:100%;
	float:left;
	box-shadow: 1px 6px 17px -7px;
	
	}
	
#menu ul {}

#menu ul{}
#menu ul li a{text-decoration:none;color: #fff;}
#menu ul li:hover{background-color: #4D8904;}
#menu ul li{
	list-style: none;
float: left;
padding-left: 20px;
padding-right: 20px;
margin-left: 1px;
height: 24px;
padding-bottom: 0;
padding-top: 2;
margin-bottom: 6px;
border-radius: 4px;
border-left: 1px solid rgba(0, 0, 0, 0.26);
border-right: 1px solid rgba(0, 0, 0, 0.26);

}
#menu ul li a{}

#mainimage{
	background-image:url('../images/home/cloud2.png');
	width:100%;
	height: 800px;
	background-size: cover;
	background-attachment: fixed
}
#mainimage span{

}

.largetag{
	color: #000;
	float: left;
	text-align: center;
	font-size: 30px;
 	margin-left: 180px;
	margin-top: 41px;
	line-height: 41px;
	font-family: Century Gothic, sans-serif;
	font-weight: bold;
	text-shadow: 1px 1px #fff;

}

.smalltag1{
	color: #fff;
	float: left;
	text-align: center;
	font-size: 36px;
 	margin-left: 50px;
	margin-top: 40px;
	line-height: 41px;
	font-family: Century Gothic, sans-serif;
	font-weight: bold;
	padding-left: 30px;
	padding-right: 60px;
	text-shadow: 2px 2px #000;
}

.signupbox{
color: #fff;
float: left;
text-align: center;
font-family: Century Gothic, sans-serif;
text-shadow: 1px 1px #000;
font-size: 20px;
font-weight: bold;
margin-left: 160px;
background: #C33027;
width: 300px;
padding: 12px;
margin-top: 70px;
margin-left: 360px;
border-radius: 5px;
}
.signupbox a:hover{opacity: 0.6;}


#optionbox1 button:hover{background: #C3170D;}
#optionbox1 button{
color: #fff;
text-align: center;
font-family: Century Gothic, sans-serif;
text-shadow: 1px 1px #000;
font-size: 20px;
font-weight: bold;
background: #C23F37;
width: 300px;
padding: 12px;
border-radius: 5px;
border: 0px

}

#optionbox2 button:hover{background: #5FB336;}
#optionbox2 button{
color: #fff;
text-align: center;
font-family: Century Gothic, sans-serif;
text-shadow: 1px 1px #000;
font-size: 20px;
font-weight: bold;
background: #66A526;
width: 350px;
padding: 12px;
border-radius: 5px;
border: 0;
}

#optionbox3 button:hover{background: #CF561C;}
#optionbox3 button{
color: #fff;
text-align: center;
font-family: Century Gothic, sans-serif;
text-shadow: 1px 1px #000;
font-size: 20px;
font-weight: bold;
background: #F36522;
width: 300px;
padding: 12px;
border-radius: 5px;
border: 0px

}

#redbox button:hover{background: #ff6060;}
#redbox button{
color: #fff;
float: left;
text-align: center;
font-size: 14px;
font-weight: bold;
margin-left: 10px;
background: #ff0000;
width: 180px;
padding: 8px;
border-radius: 5px;
border: 0px
}

#greenbox button:hover{background: #4B8C2A;}
#greenbox button{
color: #fff;
float: left;
text-align: center;
font-size: 14px;
font-weight: bold;
margin-left: 10px;
background: #66A526;
width: 180px;
padding: 8px;
border-radius: 5px;
border: 0px
}

#greybox button:hover{background: #66A526;}
#greybox button{
color: #fff;
float: center;
text-align: center;
font-size: 14px;
font-weight: bold;

background: #666666;
width: 180px;
padding: 8px;
border-radius: 2px;
border: 0px
}

#line20{
	height:40px;
}



#wrapperevents{
	width:900px;
	margin:0 auto;
	margin-top: 20px;
	margin-bottom: 15px;
	
}

#eventsimage {
	width:100%;
	height: 220px;
	background-size: cover;
	background-position: center;
	background-repeat:no-repeat;

box-shadow: 10px 10px 5px #888888;
-moz-box-shadow: 10px 10px 5px #888888;
-webkit-box-shadow: 10px 10px 5px #888888;
}



#taglineslogan span{
color: #fff;
font-size: 32px;
}

.smalltag{
color: #ccfe03 !important;
font-size: 19px !important;
}

#taglineslogan{
	background: #53bdff;
padding: 21px;
padding-left: 100px;
margin-top: -29px;
}

#welcome{
float: left;
width: 100%;
margin-top: 3px;
margin-bottom: 10px;
margin-top: 10px;
}
#welcomeleft{
float: left;
width: 979px;
background: #fff;
padding: 12px;

}
#welcomeleft span{}
#welcomeright{
float: right;
width: 650px;
margin-top: -17px;
}


#options{
	float: left;
	width: 100%;
	padding: 3px;
	background: #E6E4E4;	
}
#options h3{}

#optionbox{
float: left;
background: #fff;
width: 450px;
padding: 8px;
margin-top: 5px;
margin-bottom: 5px;
}

#optionbox span{font-weight: bold;float: left;}
#optionbox p{}
#optionbox button a{
color: #C33027;
text-decoration: none;
font-size: 16px;

}
#optionbox button:hover{background: #C3170D;}
#optionbox button{
float: right;
background: #C33027;
border: 1px solid #C7C7C7;
padding: 14px;
margin-top: -48px;
border-radius: 5px;
color: #fff;
}
.headerfix{z-index: 9999; position: fixed; left: 0; top: 0; width: 100%;background:#fff;box-shadow: 1px -5px 14px 2px;opacity: 0.9;}
.optionbox2{margin-left: 78px;}

#middlebanners a{margin-right: 11px;}
#middlebanners a:hover{opacity: 0.6;text-decoration:none;}
#middlebanners{
		float: left;
		margin-top: 5px;
		width: 100%;
}

#middlebanners1 a{margin-right: 11px;}
#middlebanners1 hover{background:rgba(0, 0, 0, 0.7);text-decoration:none;}
#middlebanners1{
		float: left;
		margin-top: 5px;
		width: 100%;
}


#newsline{
	background: #E6E4E4;
float: left;
width: 100%;
margin-top: 6px;
margin-bottom: 6px;
padding: 16px;
}
#newsline span{}
#newsline a:hover{color: #000;}
#newsline a{
float: right;
color: #fff;
margin-top: 5px;
text-decoration: none
}
#mainlist{
	float: left;
	width: 100%;
	box-shadow: 1px 2px 12px -5px;
	margin-bottom: 14px;
	margin-top: -4px;
}
#mainlist ul{}
#mainlist ul li{
list-style: none;
float: left;
text-align: center;
padding: 34px;
font-weight: bold;
border-bottom: 1px solid rgba(0, 0, 0, 0.11);

}
#mainlist ul li a{}
#mainlist ul li a img{}
#mainlist ul li a img:hover{opacity:0.8;}
#mainlist ul li span{
background: #87EE4D;
padding: 4px;
float: left;
text-align: center;
width: 235px;
}
#connectwithgolferstitle{
	float: left;
	width: 100%;
	background: #8cc63f;
	text-align: center;
	margin-top: -11px;
	
}
#connectwithgolferstitle h2{}
#connectwithgolfers{
float: left;
width: 100%;
background: url('../images/mainimg.png');
height: 474px;
background-size: cover;
}
#connectwithgolfers ul{}
#connectwithgolfers ul li{
	list-style: none;
	text-align: center;
	width: 290px;
	padding-left: 61px;
	float: left;
	padding-right: 61px;
	background: #009DF5;
	height: 451px;
	margin: 2px;	

}
#connectwithgolfers ul li h3{
	background: rgba(255, 255, 255, 0.66);
	width: 280px;
	text-align: center;
	margin-left: -56px;
}
#connectwithgolfers ul li span{}
#connectwithgolfers ul li img{
width: 210px;
margin-left: -24px;
border: 4px solid rgba(0, 0, 0, 0.22);
}
#connectwithgolfers ul li button a{text-decoration:none;text-transform:upper-alpha;color: #000000;}
#connectwithgolfers ul li button:hover{background: #2C0404;color: #000000;}
#connectwithgolfers ul li button{
	background: #2E2727;
	border: 2px solid #fff;
	margin-top: 7px;
	padding: 11px;
	border-radius: 4px;
	width: 210px;
	margin-left: -20px;
	color: #000000;
}
#footer ul{}
#footer ul li{
list-style: none;
float: left;
padding: 8px;
}
#footer ul li a{}
#footer ul li a:hover{opacity:0.8;}
#footer span{
float: right;
color: #fff;
margin-top: 19px;}
#footer{
	background:#22242A;
	float:left;
	width:100%;
}

/* Pages */

#pagebody-containt{
margin-top: -418px;
/* margin-left: -120px;  */
background: rgba(255, 255, 255, 0.18);
padding: 21px;
} 

#pagebody-containt-middle-1{
background: #FFF;
padding: 14px;
font-size: 17px !important;
width: 670px;
margin-bottom: 4px;
box-shadow: 1px 17px 27px -12px;
}
#pagebody-containt-middle{
background: #FFF;
padding: 10px;
font-size: 14px;
float: left;
margin-bottom: 4px;
box-shadow: 1px 17px 27px -12px;
width: 100%;
}

#rightfirst-img{
	float: right;
margin-top: -320px;
background-color: #fff;
width: 322px;
padding: 23px;
padding-bottom: 72px;
padding-top: 76px;
}


div.table-title {
   display: block;
  margin: auto;
  max-width: 600px;
  padding:5px;
  width: 100%;
}

.table-title h3 {
   color: #fafafa;
   font-size: 30px;
   font-weight: 400;
   font-style:normal;
   font-family: "Roboto", helvetica, arial, sans-serif;
   text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
   text-transform:uppercase;
}


/*** Table Styles **/

.table-fill {
/***  background: white;
border-radius: 3px;
border-collapse: collapse;
height: 320px;
margin: auto;
padding: 5px;
margin-top: 11px;
width: 100%;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
animation: float 5s infinite;
}
 
th {
 color: #D5DDE5;
/*** background: #000000;
border-bottom: 4px solid #9ea7af;
border-right: 1px solid #343a45;
font-size: 13px;
font-weight: 100;
padding: 14px;
text-align: left;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
vertical-align: middle;
}

th:first-child {
  border-top-left-radius:3px;
}
 #newbuttonupto{
 
	float: left;
background: #09963C;
padding: 13px;
border-radius: 8px;
color: #fff;
 }
th:last-child {
  border-top-right-radius:3px;
  border-right:none;
}
  
tr {
 /***   border-top: 1px solid #C1C3D1;
 /***   border-bottom-: 1px solid #C1C3D1;
  color:#666B85;
  font-size:16px;
  font-weight:normal;
  text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
}
 
 /*** tr:hover td {
 /***   background:#000000;
 /***   color:#FFFFFF;
  /*** border-top: 1px solid #22262e;
  /*** border-bottom: 1px solid #22262e;
 /*** }
 
 /*** tr:first-child {
 /***   border-top:none;
 /*** }

 /*** tr:last-child {
 /***   border-bottom:none;
 /*** }
 
 /*** tr:nth-child(odd) td {
 /***   background:#EBEBEB;
 /*** }
 
 /*** tr:nth-child(odd):hover td {
 /***  background:#4E5066;
 /*** }

 /*** tr:last-child td:first-child {
 /***   border-bottom-left-radius:3px;
 /*** }
 
 /***  tr:last-child td:last-child {
 /***   border-bottom-right-radius:3px;
 /*** }
 
td {
  background:#FFFFFF;
  padding:20px;
  text-align:left;
  vertical-align:middle;
  font-weight:300;
  font-size:18px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
  border-right: 1px solid #C1C3D1;
}

 /*** td:last-child {
 /***   border-right: 0px;
 /*** }

th.text-left {
  text-align: left;
}

th.text-center {
  text-align: center;
}

th.text-right {
  text-align: right;
}

td.text-left {
  text-align: center;
}

td.text-center {
  text-align: center;
}

td.text-right {
  text-align: right;
}

#signuphere a{
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
}
#signuphere{
position: relative;
top: 73px;
left: 136px;
background: #E7E7E7;
float: left;
margin-top: -49px;
margin-left: 458px;
padding: 9px;
border-radius: 10px;
padding-left: 33px;
padding-top: 10px;
padding-right: 35px;
border: 4px solid #929292;
padding-bottom: 10px;
}
#signuphere:hover{

	padding-top:15px;
	-webkit-transition: padding-top 2s,-webkit-transform 2s;  /* For Safari 3.1 to 6.0 */
transition: padding-top 2s, transform 2s;
}
#loginformgolf{
float: left;
position:relative;
z-index:2;
background: #FFF;
padding: 15px;
margin-top: 10px;
margin-left: 100px;
border: 6px solid rgba(172, 156, 156, 0.39);
box-shadow: 1px 13px 31px -13px;
border-radius: 8px;
}
#loginformgolf form{text-align: right;}
#loginformgolf form input{
width: 450px;
margin-bottom: 10px;
padding: 7px;
border-radius: 5px;
border: 1px solid #CECECE;
}
#loginformgolf form select{
width: 450px;
padding: 7px;
border-radius: 5px;
border: 1px solid #CECECE;

}
#contact-left{
float: left;
margin-left: -100px;
margin-top: -48px;
}
#contactofrmright{
float: right;
margin-right: 41px;
margin-top: -19px;
}

#loginformgolf form [type=checkbox]{
float: left;
margin-left: -205px;
height: 20px;
margin-top: 8px;

}
#loginformgolf form input [type=submit]{}

#tostexts{
border-top: 1px solid #51C551;
padding: 6px;
margin-top: -13px;
font-size: 17px;
text-align: left;
}
#tostexts p{}
#faqleft {
float: left;
width: 432px;
line-height: 23px;
margin-left: 50px;
}
#faqright{
float: left;
width: 432px;
line-height: 23px;
margin-left: 65px;
}

#eventsgt{
	background: #fff;
	padding: 7px;
}

#partnerspage{
background: #fff;
padding: 7px;
margin-top: -20px;
border-top: 1px solid #FF1818;
text-align: center;
}

#joinnetwork{
text-align: right;
padding: 7px;
}
#joinnetwork img{float: left;margin-top: 20px;}
#joinnetwork span{
}
#packageopions{
float: left;
margin-left: -20px;
margin-top: 20px;
}
#packageopions li{
float: left;
list-style: none;
background: rgb(230, 230, 230);
margin-top: 2px;
width: 530px;
height: 25px;
}

#packageopions li b{float: left;}
#packageopions li input{float: left;}
#packageopions li span{
text-align: left;
margin-left: 530px;
margin-top: -21px;
float: left;
background: #5FB336;
color: #fff;
width: 170px;
padding-left: 15px;
height: 25px;
}
.selectyourmembership{
float: left;
margin-left: -1px;

color: #000;
width: 100%;
padding: 10px;
text-align: left;
}
#networkjoinboxes{
padding: 32px;
text-align: left;
margin-top: 23px;
margin-bottom: 6px;
}
#networkjoinboxes span{
border: 1px solid #856A6A;
margin-top: 78px;
padding-left: 110px;
padding-right: 100px;
padding-top: 40px;
padding-bottom: 40px;
font-weight: bold;
margin-right: 25px;
}
#eventsgt td a:hover{background: #000;}
#eventsgt td a{
text-decoration: none;
color: #85FF00;
background: #FFFFFF;
padding: 6px;
}
#eventsgt td{
background: #FFFFFF;
color: #000000;
}

#eventsgt td:hover{background-color:#FFFFFF;}


#networkpartner h1{
color: #272c32;
display: block;
text-align: left;
clear: both;
font-size: 26px;
margin: 0;
margin-bottom: 25px;
border-bottom: 1px solid #DDD;

padding-bottom: 9px;
padding-top: 10px;
  
}

#networkpartner select{
width: 850px;
height: 44px;
margin-bottom: 4px;
}
#networkpartner form{
  width:800px;
  padding:20px;
  margin:auto;
  background:#fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

#networkpartner fieldset{
  border:0;
  margin:0;
  padding:0;
  position:relative;
}



#networkpartner input[type="submit"]{
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background:#4cb182;
  border:0;
  padding: 16px 0;
  color:#fff;
  font-weight:800;
  width:100%;
 
}

#networkpartner input[type="submit"]:hover{
  background:#408F6A;
}

#networkpartner input[type="text"]:after{
  content:'ddd';
  background:#ccc;
  height:40px;
  width:40px;
}

.ph{
   -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  position:absolute;
  right: 6px;
  top: 9px;
  padding: 2px 5px;
  background:#4cb182;
  color:#fff;
  display:none;
}