@charset "utf-8";
body {
	font:13px/20px  Arial, Helvetica, sans-serif;
	color:#FFF;
	/*background-color: #1F1F23;*/
	background-color: #37373E;
}
#wrap{
	position:relative;
	width: 960px;
	margin: 0 auto;	
}
#frontHeader{
	clear:right;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	width: 960px;
	margin:25px auto 0; 	
}

#frontHeader h1 {
	font-size: 4em;
	font-weight:700;
	color:#CDCAD2;	
	display:inline-block;
	float:left;
}
#frontHeader h1 .sub{
	font-size: .7em;
	font-weight:300;
	color:#676767;	
}
h1 a{
	color:#CDCAD2;
	text-decoration: none;		
}
h1 a:hover{
	color:#F3CA4E;		
}

#frontHeader h2{
	font-size: 3em;
	font-weight:400;
	color:#CDCAD2;	
	display:inline-block;
	padding: 10px 0 0 0;
	float:right;
}
#frontSearchDiv{
	float:right;
	margin-top:100px;
}
#searchDiv{
	float:right;
}
#search{
	font-size:12px;
	color:#999;
	font-style: italic;	
}
#header{
	clear:right;
	width: 960px;
	margin:25px auto 0;	
}

#header h1 {
	font-size: 3em;
	font-weight:700;
	color:#CDCAD2;	
	display:inline-block;
	float:left;
}
#header h1 .sub{
	font-size: .5em;
	font-weight:300;
	color:#676767;	
}

#header h2{
	font-size: 2em;
	font-weight:400;
	color:#CDCAD2;	
	display:inline-block;
	padding: 10px 0 0 0;
	float:right;
}

#nav{
	clear:both;
	width:960px;
	font-size: 1.2em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CDCAD2;
	color:#676767;
}

#nav ul{
	margin: 15px 0;
	padding: 0;	
}
#nav li{
	display:inline;
	list-style-type: none;
	position:relative;
    margin-left: 5px;
}

#nav li a{
	color:#CDCAD2;
	text-decoration: none;
	/*margin-left: 5px;*/
		
}
#nav li a:hover{
	color:#F3CA4E;
}
.current{
	color:#F3CA4E;
	/*margin-left: 5px;*/
}


#nav ul li .sub_items{
	position: absolute;
	background-color: #666666;
	width:200px;
	top:18px;
	left:0px;
	display:none;
	/*border-bottom:4px solid #5599bb;*/
	border-bottom:4px solid #F3CA4E;
	z-index:10;
}

#nav ul li .sub_items ul li{
    margin: 0;

}
#nav ul li .sub_items ul li a{
	color:#CDCAD2;
	text-decoration: none;
	display: block;
	padding:8px;
	margin-left:0; 
}
#nav ul li .sub_items ul li a:hover{
	background-color: #777777;
	color:#F3CA4E;
}

#panel{
	clear:both;
	width:	980px;
	height: 95px;
}
#panel img{
	float:left;	
	width:140px;
	height:95px;
	margin:0;
}



#content{
	width:960px;
	margin-top: 25px;	
	
}
#content a {
    text-decoration: none;
    color: #C8DFE9;
}
/*
#content .twothirds p{
	font-size:1em;
	
	column-count:2;
	column-gap:35px;
	-moz-column-count:2;
	-moz-column-gap:35px; 
	-webkit-column-count:2;
	-webkit-column-gap:35px; 

}
*/

.group:after {
  content: "";
  display: table;
  clear: both;
}


.twothirds{
	width: 630px;
	margin-right:10px;
	float:left;	
}
.onethird{
	width: 310px;
	float:right;
}

.intro{
	font:16px/28px  Arial, Helvetica, sans-serif;	
	column-count:2;
	column-gap:35px;
	-moz-column-count:2;
	-moz-column-gap:35px; 
	-webkit-column-count:2;
	-webkit-column-gap:35px; 
	
}
.intro p{
	padding:0;
	margin:0;
}

h3 {
	font-size: 2em;
	color:#CDCAD2;
	font-weight:300;
	margin-top:0;
	padding-top:0;
}

h4{
	font-size: 1.6em;
	color:#CDCAD2;
	font-weight:300;
	display:inline-block;
	margin-top:0;
	padding-top:0;
}

.thumb{
	position:relative;	
}
.thumb{
	width: 140px;
	height: 125px;
	float: left;
	margin: 10px;
	color: #999;
	font-size: 9px;
	cursor: pointer;	
}

.thumbBox{
	width:140px;

	float:left;
	margin:10px;
	color:#999;
	font-size:9px;
}

#wren{
	width:310px;
	height:210px;
	background-image: url(/images/Rock-wren.png);
	background-position: 0px 0px;	
}

.formBox{
	border:1px solid #FC6;
	border-radius:5px;
	padding:10px;	
}

label{
	display: inline-block;
	width:120px;
	margin-right: 25px;
	text-align: right;	
}
label+input+label{
	margin-left:45px;
}

.formField *{
	vertical-align:top;	
}
.cb{
	display:none;	
}
h5{
	color:#F3CA4E;
	font-size: 1.2em;
}
textarea{
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:.875em;
}

.sig{
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #CCC;		
}
#credit{
	clear:both;
	font-size: 10px;
	color: #999;	
	float:right;
	margin-top:35px;	
}
#credit a{
	color: #999;
	text-decoration: none;
}
#credit a:hover{
	color:#F3CA4E;
}

.bookFloat{
	float:left;
	margin:0 10px 15px 0;
	padding-top:3px;
	width:228px;
	height: 250px;
	font-size:12px;
	color:#CCC;
	text-align: center;
	/*border:1px solid #999;*/
}

#books {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
     -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    */
}
.book{
     -webkit-box-sizing: border-box;
    box-sizing: border-box;
	margin: 10px;
	width: 228px;
	/*height: 290px;*/
	font-size: 12px;
	color: #CCC;
	text-align: center;
	/*border:1px solid #999;*/
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1 0 25%;
    flex: 1 0 25%;
}

.e{
		font-size: 2em;	
		color: #999;
}
.e a{
	color: #999;
	text-decoration: none;
}

.e a:hover{
	color:#F3CA4E;	
}

.buyNow {
    margin-top: 15px;
}

#legal {
    text-align: center;
    margin-top: 15px;
}