/* Reset
------------------------------------------------------------ */
* { margin: 0; padding: 0; }
html { overflow-y: scroll;}
body { background:#ffffff; font-size: 13px; color: #000; font-family:sans-serif;}
ol, ul { list-style: none; margin: 0;}
ul li { margin: 0; padding: 0;}
h1 { margin-bottom: 10px; color: #111111;}	
a, img { outline: none; border:none; color: #000; font-weight: bold; text-transform: uppercase;}
p { margin: 0 0 10px; line-height: 1.4em; font-size: 1.2em;}
img { }
aside { font-style: italic; font-size: 0.9em;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display: block;
	}
	
/* Structure */
#topper {
	width: 100%;	
	margin: 0;
	height: 3.9em;
	background-color: #303030;
	}
	#topper #contain {
		width: 98%;
		max-width: 920px;
		padding: 0 2% 0 2%;
		height: 3.9em;
		margin: auto;
		background-color: #303030;
	}
	#headerwrap {
		height: 65em;
		width: 100%;
		margin: 0;
		background-color: #000;
	}
	header {
		height: 50em;
		width: 100%;
		max-width: 980px;
		margin: auto;
		background-color: #000;
		background-image: url("../images/titlebackground.jpg");
		background-repeat: no-repeat;
		background-position: 110% -30%;
		background-size: 65%;
		text-align: left;
	}
		header h1 {
			/* margin-top: -15px; */
			padding: 0.45em 0 0 0;
			font-size: 5.0em;
			font-family: 'Ramaraja', serif !important;
			text-transform: none;
			font-weight: 400;
			line-height: 1.1em;
			color: #FFF;
			}
		header img.h1 {
			padding-top: 2em;
		}
		header #bookintro {
			float: left;
			width: 54%;
			color: #fff;
			padding: 1px 15px 10px 15px;
		}
		header #bookintro p {
			font-size: 1.8em;
			line-height: 1.4em;
			font-family: 'Ramaraja', serif;
			font-weight: normal;
		}
		header #buybook {
			float: left;
			width: 40%;
			/*border: 1px red solid;*/
			text-align: center;
		}
			header #buybook img {
				margin: 165px 0px 0px -60px;
				/*border: 1px solid red;*/
			}
			header #buybook img.book {
				
				margin: 175px 0px 0px 0px;
				/*box-shadow: 0px 0px 20px #FFFFFF;
			   -webkit-transform:rotate(-7deg);
			    -moz-transform: rotate(-7deg);
			    -ms-transform: rotate(-7deg);
			    -o-transform: rotate(-7deg);
			    transform: rotate(-7deg);
				 border: 1px solid red;*/
			}
	#smtop {
		position: relative;
		left: 850px;
		top: -15em;
		width: 135px;
		height:	30px;
		overflow: visible;
	}
	#smtop img {
		width: 30px;
		height: 30px;
		padding-right: 15px;
		border: 0px;
		overflow: visible;
	}
	#herowrap {
		width: 100%;
		margin: 0;	
		height: 24.5em;
		background-color: #000;	
	}
	#hero {
		/* height: 10em; */
		width: 100%;
		max-width: 980px;
		margin: auto;
		background-color: #1f3f3e;
	}
	#hero section {
		width: 70%;
		float: right;
		margin: 0;
		padding: 0 0 0 0.5em;
		text-align: center;
	}
		#hero section #award {
			margin: 55px 0 0 -35px;
		}
			#hero section #award img {
				float: left;
				padding-left:15px;
			}
		#hero section #buybook {
			margin: 55px 10px 0 0;
			/* order: 1px solid red; */
		}
			#hero section #buybook img {
				float: right;
			}
		#hero p {
			font-size: 2.5em;
			color: #fff;
			padding: 15px 15px 10px 15px;
			line-height: 1.6em;
			font-family: 'Ramaraja', serif;
			font-weight: normal;
		}
	#hero aside {
		width: 25%;
		float: left;
		margin: 0;
		padding: 0;
	}
		#hero aside img {
			float: left;
			height: auto;
			width: auto;
			width: 243px;
			margin: -6px 0 0 10px;
		}
	#mainwrap {
		width: 100%;
		padding: 2em 0 2em 0;
		background-color: #fff;	
		/* border: 1px solid orange; */
	}
	#mainwrap .main {
		min-height: 20em;
		width: 100%;
		max-width: 980px;
		margin: auto;
		padding-bottom: 2em;
		background-color: #fff;
		/* border: 1px solid orange; */
		clear: both;
	}		
		#mainwrap .main section {
			width: 46%;
			padding-right: 3.0em;
			float: left;
		}
		#mainwrap .main h2 {
			margin-top: 10px;
			padding-bottom: 0.4em;
			font-size: 2.0em;
			font-family: 'Quattrocento', serif;
			color: #000;
			text-transform: uppercase;
			clear: both;
		}
		#mainwrap .main section p {
			font-size: 1.4em;
			padding: 0 0 1.0em 0;
		}
	
	#mainwrap2 {
		width: 100%;
		padding: 1em 0 2em 0;
		background-color: #000;
		color: #fff;
	}
	#mainwrap2 .main2 {
		min-height: 35em;
		width: 100%;
		max-width: 980px;
		margin: auto;
		margin-bottom: 2em;
		background-color: #000;
		clear: both;
	}
		#mainwrap2 .main2 section {
			/*width: 46%;*/
			width: 85%;
			padding-right: 3.0em;
			padding-bottom: 2em;
			float: left;
		}
		#mainwrap2 .main2 h2 {
			margin-top: 10px;
			padding-bottom: 0.4em;
			padding-left: 0.4em;
			font-size: 2.0em;
			font-family: 'Quattrocento', serif;
			text-transform: uppercase;
			clear: both;
		}
		#mainwrap2 .main2 section p {
			font-size: 1.2em;
			padding-left: 0.6em;
		}
		
		
	#mainwrap3 {
			width: 100%;
			padding: 2em 0 2em 0;
			background-color: #FFF;
			color: #000;
		}
	#mainwrap3 .main3 {
			min-height: 0em;
			width: 100%;
			max-width: 980px;
			margin: auto;
			background-color: #FFF;
			clear: both;
		}
			#mainwrap3 .main3 section {
				width: 100%;
			}
			#mainwrap3 .main3 section .gallery {
				width: 100%;
				height: 150px;
				padding-top:20px;
				text-align: center;
			}
			#mainwrap3 .main3 section .gallery .thumb {
				padding-right: 30px;
			}
			/*
			#mainwrap3 .main3 section .gallery .galleryBoxes {
				width: 144px;
				height: 150px;
				padding: 0px;
				margin: 0px;
				color: #fff;
				float: left;
				border: solid 1px blue;
			}
			*/
			#mainwrap3 .main3 h2 {
				margin-top: 10px;
				padding-bottom: 0.4em;
				font-size: 2.0em;
				font-family: 'Quattrocento', serif;
				text-transform: uppercase;
				clear: both;
			}
			#mainwrap3 .main3 section p {
				font-size: 1.4em;
			}

	#mainwrap4 {
		width: 100%;
		padding: 2em 0 2em 0;
		margin: 0 0 -1.0em 0;
		background-color: #30605f;
		color: #fff;
		clear:both;
	}
	#mainwrap4 .main4 {
		min-height: 21em;
		width: 100%;
		max-width: 980px;
		margin: auto;
		padding-bottom: 2em;
		background-color: #30605f;
		/* border: 1px solid orange; */
		clear: both;
	}
		#mainwrap4 .main4 section {
			width: 48%;
			padding-top: 0.9em;
			min-height: 17em;
			float: left;
			/* border: 1px solid orange; */
		}
		#mainwrap4 .main4 h2 {
			width: 48%;
			margin-top: 10px;
			padding-bottom: 0.4em;
			font-size: 2.0em;
			font-family: 'Quattrocento', serif;
			text-transform: uppercase;
			clear: both;
		}
		#mainwrap4 .main4 section p {
			font-size: 1.4em;
		}
		section .image {
			height: 350px;
			width: 400px;
			margin: -8.95em 0 -0.2em 5.0em;
		}

	#footwrap {
		width: 100%;
		padding-bottom: 2em;
		background-color: #000;
		clear: both;
	}
	#footer {
		height: 10.0em;
		width: 100%;
		max-width: 980px;
		margin: auto;
		padding-top: 5.0em;
		background-color: #000;
		color: #fff;
	}
	#footer p {
		text-align: center;
		font-family: 'Raleway', sans-serif;
		font-size: 1.0em;
		padding-top: 20px;
		margin-left: -17px;
	}
	#footsm {
		width: 200px;
		margin: 0 auto;
		text-align: center;
	}
	#footsm img {
		width: 20px;
		height: 20px;
		padding-right: 15px;
		border: 0px;
	}

	.anchor {
		width:1px;
		height:1px;
		clear:both;
	}

/* multisite banner */
#breadcrumb {
	float: left;
	margin-left: -2%;
	padding-top: 1.5em;
	width: 50%;
	}
	
	#breadcrumb li, li a {
		display: inline;
		color: white;
		margin: 0;
		font-family: 'Raleway', sans-serif;
		font-size: 1.0em;
		text-transform: none;
		text-decoration: none;
		color: white;
		}
	
#logo {
	float: right;
	margin-right: -2%;
	padding-top: 1.1em;
	width: 50%;
	text-align: right;
	}
	#logo p, p a {
		font-family: 'Hind', sans-serif !important;
		font-size: 1.1em;
		text-weight: 700;
		text-transform: none;
		text-decoration: none;
		color: white;
	}


/* Nav */ /*
header nav {
	float: right;
	margin-top: 9.0em;
	margin-right: 0.5em;
	}
	
	header nav li {
		display: inline;
		margin-left: 15px;
		color: #fff;
		}
*/

/* Skip To */
#skipTo {
	display: none;
	}
	#skipTo li {
		background: inherit;
		}

/* Banner */			
#banner {
	float: left;
	margin-bottom: 15px;
	width: 100%;
	}

	#banner img {
		width: 100%;
		}

.hide {
	display: none;
	}
.center {
	text-align:center;
}
.diamonds {
	color: #C0C0C0;
	font-size: 1.0em !important;
}
.hidediamonds {
	color: #C0C0C0;
	font-size: 1.0em !important;
	text-align:center;
	display: none;
}


/*************** Media Queries *******************/

@media only screen and (max-width: 480px) {
	#skipTo {
		display: none;
		}
	#topper {
		width: 96.25%;	
		margin: 0;
		padding: 0;
		height: 3.9em;
		background-color: #303030;
		
		}
		#topper #contain {
			width: 100%;
			height: 3.9em;
			margin: 0;
			background-color: #303030;
		}
		#headerwrap {
			height: auto;
			width: 100%;
			margin: 0;
			padding: 0;
			background-color: #000;
		}
		header {
			width: 100%;
			max-width: auto;
			margin: auto;
			background-color: #000;
			text-align: center;
		}
			header h1 {
				}
			header img.h1 {
				padding-top: 1.5em;
				width: 90%;
				}
		header #bookintro {
			width: 90%;
			color: #fff;
		}
		header #bookintro p {
			font-size: 1.8em;
			line-height: 1.1em;
			font-family: 'Ramaraja', serif;
			font-weight: normal;
		}
		header #buybook {
			width: 100%;
			height: auto;
			margin: 0px;
		}
			header #buybook img {
				margin: 0px;
			}
		#smtop {
			position: relative;
			left: 850px;
			top: -170px;
			width: 135px;
			height:	30px;
			overflow: visible;
			display: none;
		}
		#smtop img {
			width: 30px;
			height: 30px;
			padding-right: 15px;
			border: 0px;
			overflow: visible;
			display: none;
		}
		#herowrap {
			width: 100%;
			margin: 0;	
			height: auto;
			background-color: #000;
			border-bottom: 0;
		}
		#hero {
			/ height: 10em; /
			width: 100%;
			max-width: auto;
			margin: auto;
			background-color: #000;
		}
		#hero section {
			width: 100%;
			margin: 0;
			padding: 0;
			text-align: center;
		}
			#hero section #award {
				margin: auto;
				margin-left: 0;
				margin-top: 0;
				padding:1.0em 0 1.0em 0;
				width: 100%;
				background-color: #000;
			}
				#hero section #award img {
					padding: 10px 0 0 0;
				}
			#hero section #buybook {
				margin: 0;
				width: 100%;
				padding:1.0em 0 1.0em 0;
				/* order: 1px solid red; */
			}
				#hero section #buybook img {
				}
			#hero p {
				font-size: 2.0em;
				color: #fff;
				padding: -1.0em 0 1.0em 0;
				line-height: auto;
				font-family: 'Ramaraja', serif;
				font-weight: normal;
			}
		#hero aside {
			width: auto;
			margin: auto 0;
			background-color: #FFF;
		}
			#hero aside img {
				height: auto;
				width: 75%;
				margin: auto 0;
				padding: 0;
				display: none;
			}
			
		#mainwrap {
			width: 100%;
			padding: 0;
			background-color: #fff;	
			/ border: 1px solid orange; /
		}
		#mainwrap .main {
			min-height: auto;
			width: 100%;
			max-width: auto;
			margin: 0;
			padding: 0;
			background-color: #fff;
			/ border: 1px solid orange; /
			clear: both;
		}		
			#mainwrap .main section {
				width: 100%;
				padding-right: 3.0em;
			}
			#mainwrap .main h2 {
				margin: 1.0em;
				padding-bottom: 0.4em;
				font-size: 2.0em;
				font-family: 'Quattrocento', serif;
				color: #000;
				text-transform: uppercase;
				clear: both;
			}
			#mainwrap .main section p {
				font-size: 1.4em;
				padding: 0 2.0em 0 2.0em;
				margin-right: 0;
			}

		#mainwrap2 {
			width: 100%;
			padding: 0px;
			background-color: #000;
			color: #fff;
		}
		#mainwrap2 .main2 {
			min-height: auto;
			width: auto;
			max-width: auto;
			margin: 0px;
			margin-bottom: 0px;
			background-color: #000;
		}
			#mainwrap2 .main2 section {
				width: auto;
				padding: 0px;
				margin-bottom: 0px;
			}
			#mainwrap2 .main2 h2 {
				margin-top: 10px;
				padding: 1.0em 1.0em 0em 1.0em;
				font-size: 2.0em;
				font-family: 'Quattrocento', serif;
				text-transform: uppercase;
			}
			#mainwrap2 .main2 section p {
				font-size: 1.4em;
				padding: 1.0em 2.0em 2.0em 2.0em;
				margin: 0px;
			}
			
		#mainwrap3 {
				width: 100%;
				padding: 0px;
				background-color: #000;
				color: #000;
			}
		#mainwrap3 .main3 {
				min-height: auto;
				width: auto;
				max-width: auto;
				margin: 0px;
				background-color: #000;
			}
				#mainwrap3 .main3 section {
					width: auto;
					padding: 1.0em;
				}
				#mainwrap3 .main3 section .gallery {
					width: auto;
					height: auto;
					margin-top: -1.0em;
					padding: 2.0em;
					text-align: center;
				}
				#mainwrap3 .main3 section .gallery .thumb {
					padding: 15px;
				}
				#mainwrap3 .main3 h2 {
					margin: 0px;
					padding: 0 1.0em 0 1.0em;
					font-size: 2.0em;
					font-family: 'Quattrocento', serif;
					text-transform: uppercase;
				}
				#mainwrap3 .main3 section p {
					font-size: 1.4em;
				}

		#mainwrap4 {
			width: auto;
			padding: 0;
			margin: 0;
			background-color: #000;
			color: #fff;
		}
		#mainwrap4 .main4 {
			min-height: auto;
			width: auto;
			max-width: auto;
			margin: auto;
			padding-bottom: 2em;
			background-color: #000;
		}
			#mainwrap4 .main4 section {
				width: 100%;
				padding-top: 0.9em;
				min-height: auto;
			}
			#mainwrap4 .main4 h2 {
				width: 95%;
				margin-top: -1.0em;
				margin-right: 2.0em;
				padding: 1.0em;
				font-size: 2.0em;
				font-family: 'Quattrocento', serif;
				text-transform: uppercase;
			}
			#mainwrap4 .main4 section p {
				font-size: 1.4em;
				margin: -0.75em 1.5em 0 1.5em;
			}
			section .image {
				height: 350px;
				width: 400px;
				margin: -8.95em 0 -0.2em 5.0em;
				display: none;
			}

		#footwrap {
			width: 100%;
			padding-bottom: 2em;
			background-color: #000;
			clear: both;
		}
		#footer {
			height: 10.0em;
			width: 100%;
			max-width: 980px;
			margin: auto;
			padding-top: 5.0em;
			background-color: #000;
			color: #fff;
		}
		#footer p {
			text-align: center;
			font-family: 'Raleway', sans-serif;
			font-size: 1.0em;
			padding-top: 20px;
			margin-left: -17px;
		}
		#footsm {
			width: 200px;
			margin: 0 auto;
			text-align: center;
		}
		#footsm img {
			width: 20px;
			height: 20px;
			padding-right: 15px;
			border: 0px;
		}
		.anchor {
			width:1px;
			height:1px;
			clear:both;
		}

	/* multisite banner */
	#breadcrumb {
		float: left;
		margin-left: 0px;
		padding-top: 0.6em;
		width: 48%;
		}

		#breadcrumb li, li a {
			display: inline;
			color: white;
			margin: 0;
			font-family: 'Raleway', sans-serif;
			font-size: 0.75em;
			padding:0;
			text-transform: none;
			text-decoration: none;
			color: white;
			}

	#logo {
		float: right;
		margin-right: 0.25em;
		padding-top: 1.1em;
		width: 48%;
		text-align: right;
		}
		#logo p, p a {
			font-family: 'Hind', sans-serif !important;
			font-size: 1.1em;
			text-weight: 700;
			text-transform: none;
			text-decoration: none;
			color: white;
		}
		
		.hidediamonds {
			color: #C0C0C0;
			font-size: 1.0em !important;
			text-align:center;
			display: block;
		}
		
		.hidemenow {
			display:none;
		}

}

/* Line w/rounded border */
hr.rounded {
  border-top: 5px solid #bbb;
  border-radius: 5px;
  margin: 3em 3em 3em 3em;
  width: 75%;
}
p.italic {
	font-style: italic;
}