/* @override http://www.designbysplash.com/physics/style.css */

/* @override http://www.designbysplash.com/physics/style.css */

/* @override http://www.designbysplash.com/physics/style.css */

/* @override http://www.designbysplash.com/physics/style.css */
body{
	background: #000;
}
#page{
	background: #fff;
	max-width: 1200px;
	margin: 0 auto;
}
header{
	background: #2cb564;
	float: left;
	width: 100%;
	text-align: center;
	font-size: 1.2em;
}
header h1{
	padding: 10px 0;
	margin: 0;
	color: #eeea3f;
	text-align: center;
}
header p{
	padding: 10px;
	margin: 0;
	font-size: 1.3em;
}
header p a{
	color: #000;
}
nav {
	background: #eeea3f;
	float: left;
	width: 100%;
}
nav ul{
	width: 25%;
	float: 	none;
	margin: 0 auto;
	text-align: center;
}
nav ul li{
	float: left;
	list-style: none;
	padding: 10px;
	margin: 0;
}
nav ul li a{
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}
nav ul li a:hover{
	color: #444;
	text-decoration: underline;
	font-weight: bold;
}
#content{
	float: left;
	width: 100%;
	background: #fff;
}
#leftside{
	float: left;
	width: 25%;
}
#leftsidebook{
	float: left;
}
#rightsidebook{
	float: right;
}

#rightside{
	float: right;
	width: 75%;
}
#rightside img{
	max-width: 850px;
	max-height: 487px;
	height:auto; width:auto;
}
#centercolumns{
	float: left;
	width: 100%;
}
.padding{
	padding: 20px;
}

h2{
	background: #000;
	color: #fff;
	padding: 5px 10px;
	margin: 0;
}
.thirtythree{
	width: 33%;
	float: left;
}
.thirtythree img{
	width: 100%;
	max-width: 372px;
	height: auto;
}
.thirtythree ul{
	padding: 0 20px;
}
.thirtythree h2{
	margin-right: 10px;
}
ul{
	padding: 0 0 0 20px;
}
ul li{
	margin-bottom: 10px;
}
#bottomcolumns{
	float: left;
	width: 100%;
}
.sixty{
	float: left;
	width: 57%;
}
.sixty h2{
	margin-right: 10px;
}
.fifteen{
	width: 15%;
	float: left;
}
.fifteen img{
	width: 100%;
	max-width: 187px;
	height: auto;
}
.twentyfive{
	width: 25%;
	float: right;
}
.twentyfive img{
	width: 100%;
	max-width: 251px;
	height: auto;
}

@media all and (max-width: 1024px) {
  #leftside, #rightside, .sixty, .thirtythree {
  	width: 100%;
  	
  }
  .fifteen, .twentyfive{
  	width: 50%;
  }
  header{
  	background: #2cb564;
  	float: left;
  	width: 100%;
  	text-align: center;
  	font-size: 1em;
  }
  header p{
  	padding: 10px;
  	margin: 0;
  	font-size: 1em;
  }
  nav ul{
  	width: 100%;
  }
  #rightside img{
  	max-width: 850px;
  	height:auto; width:100%;
  }
   #rightsidebook img{
  	max-width: 550px;
  	height:auto; width:100%;
  }
}