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

@import url(/css/reset.css);

/*----------------------------------------------------------------------------------------
/ body
----------------------------------------------------------------------------------------*/
body{
	background:url(/images/template/bg.jpg);
	font-family:Verdana, Geneva, sans-serif;
}

/*----------------------------------------------------------------------------------------
/ page
----------------------------------------------------------------------------------------*/
#page{
	background-color: #5f5853;
	width: 980px;
	margin: auto;
}

/*----------------------------------------------------------------------------------------
/ header
----------------------------------------------------------------------------------------*/
#header{
	position: relative;
	color: white;
	padding-top: 100px;
}
	#logo{
		display: block;
		width: 348px;
		height: 63px;
		background:url(/images/template/logo.png) no-repeat;
		position:absolute;
		top: 15px;
		left: 15px;
	}
	#signIn{
		position:absolute;
		top: 15px;
		right: 15px;
		text-align:center;
	}
		#signIn a{
			color: white;
		}
		#phoneNumber{
			color: #00bdd9;
			margin-top: 5px;
		}
		
/*----------------------------------------------------------------------------------------
/ navArea
----------------------------------------------------------------------------------------*/
#navArea{
	height: 71px;
	overflow: hidden;
}
	#navArea a{
		color: white;
	}
	#nav{
		position:relative;
		font-size: 18px;
		list-style:none;
		z-index:50;
		height: 40px;
		margin: 0px 0px 0px 180px;
	}
		#nav li{
			float: left;
		}
			#nav li a{
				border: 2px solid transparent;
				border-width: 2px 2px 0px 2px;
				padding: 5px 20px;
				border-bottom:2px solid #fff;
				height: 25px;
				margin: 0px 2px;
				display:inline-block;
			}
				#nav li a:hover, #nav li a.active{
					border-color: white;
					border-bottom-color: #7a7470;
					background-color: #7a7470;
				}
	#subnav{
		position:relative;
		top: -3px;
		clear: left;
		font-size: 12px;
		list-style:none;
		border: 2px solid white;
		border-width: 2px 0px;
		background-color: #7a7470;
		z-index:10;
		height: 30px;
	}
		#subnav li{
			float: left;
			height: 30px;
			line-height:30px;
			margin: 0px 32px;
		}
			#subnav li a{
				height: 30px;
				line-height:30px;
				display:inline-block;
			}
				#subnav li a:hover{
					color: #00BDD9;
				}
		
/*----------------------------------------------------------------------------------------
/ contentPane
----------------------------------------------------------------------------------------*/
#contentPane{
	clear: left;
	background:url(/images/template/content-bg.jpg) repeat-y;
}
	#sideNav{
		list-style: none;
		width: 177px;
		float: left;
	}
		#sideNav a{
			color: white;
			display: block;
		}
		#sideNav li{

		}
			#sideNav li a{
				padding: 5px;
				border-top: 1px solid white;
			}
				#sideNav li.first-child a{
					border-top: none;
				}
				#sideNav #JoinForFreeLink a{
					font-size: 20px;
					padding: 20px 0px;
					text-align:center;
				}
				#sideNav #MadowGroupLink a{
					font-size: 20px;
					padding: 20px 20px;
					background-color: #bfb7b4;
					color: #333333;
				}
				#sideNav #video{
					color:#fff;
					padding:10px 0;
					text-align:center;
				}
					#sideNav #video a{
						border:none;
					}
						#sideNav #video .active{
							display:inline;
						}
						#sideNav #video .disabled{
							display:none;
						}
	#content{
		margin-left: 185px;
		min-height: 300px;
		height:auto !important;
		height: 300px;
		padding-bottom: 5px;
		padding-right: 15px;
		font-family:Arial, Helvetica, sans-serif;
	}
		#content > *:first-child, #content > div:first-child > *:first-child, #content > div:first-child > div:first-child > *:first-child{
			margin-top: 0px;
		}
		#content  .headerImage{
			text-align:right;
			margin-right: -15px;
		}
			#content  .headerImage img{
				border: 4px solid #59544c;
			}
		
		
/*----------------------------------------------------------------------------------------
/ features
----------------------------------------------------------------------------------------*/
.features{
	border-top: 5px solid white;
	background-color: white;
	padding-bottom: 20px;
}
	.features table{
		
	}
		.features table tr{
			
		}
			.features table tr td{
				padding:5px 8px;
			}
			.features table tr.images{
				text-align:center;
			}
			.features table tr.header{
				font-size: 20px;
				text-align:center;
			}
				.features table tr.header a{
					color: black;
				}
			.features table tr.description{
				font-size: 14px;
				color: white;
				text-align:center;
			}
				.features table tr.description td{
					background-color:#5f5853;
					border: 3px solid white;
					border-width: 0px 6px 0px 6px;
				}
					.features table tr.description td a{
						color: white;
					}
					.features table tr.description td.first-child{
						border-left: none;
					}
					.features table tr.description td.last-child{
						border-right: none;
					}
			.features table tr.text{
				font-size: 12px;
				font-family:Arial, Helvetica, sans-serif;
			}
			
		
/*----------------------------------------------------------------------------------------
/ footer
----------------------------------------------------------------------------------------*/
#footer{
	height: 40px;
	background-color: #5f5853;
	border-top: 2px solid white;
}