@charset "utf-8";
/* CSS Document for SELLE */
body{
	margin:0; 
	padding:0;
	font-family:'Radley', serif;
}

h1,h2,h3,h4,h5,p,ul{
	margin:0; 
	padding:0;
}

.clear{
	clear:both;
}

.center{
	text-align:center;
}

/*********Navigation Bar********/
.logo{
	float: left;
	margin-top: 2px;
}

#wrapper-nav{
	width:980px;
	margin:0 auto;
}

#wrapper-nav nav{
	float: left;
	/*padding-top: 12px;*/
	margin-left: 54px;
	position: relative;
}

#wrapper-nav nav ul{
	list-style-type:none;
}

#wrapper-nav nav ul li{
	display: inline-block;
	/*margin: 0 8px;*/
	padding: 12px 8px 18px 8px;
}

#wrapper-nav nav ul li a{
	text-decoration:none;
	font-size: 12px;
	line-height: 15px;
	color: #A41B25;
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
}

#wrapper-nav nav ul li a:hover{
	text-decoration: underline;
}

#wrapper-nav nav ul .hover:hover{
	background: #A41B25;
}

#wrapper-nav nav ul .hover a:hover{
	color: #F4BA00 !important;
}

#wrapper-nav nav ul .hover a{
	padding: 12px 8px 18px 8px;
}

.subNav{
	display:none; 
	/*z-index:99; 
	position:absolute; 
	right:501px;*/ 
	margin-left:0 !important;
	z-index:1;
	margin-top: 16px;
	list-style-type:square !important;	
	color: #F4BA00!important;
} 

.subNav .li{
	height:auto; 
	clear:both; 
	
	float:none;
	background:#A41B25;
	padding:5px 10px !important;
	display:block !important;
	/*margin-top:9px;*/
	color: #F4BA00!important;
}

.subNav .li a{
	color: #F4BA00!important;
}

#wrapper-nav nav .hover:hover .subNav{
	display:block !important; 
	position:absolute;
	left:55px; 
}

.choosen{
	text-decoration: underline !important;
}

/**********Header***********/
header{
	min-width:1024px;
	margin:0 auto;
	background:url(../images/nav-bg.png) no-repeat scroll top / cover ;
	height: 49px;
	border-top:5px solid #A41B25;
}

#wrapper-header {
	width:980px;
	margin:0 auto;
}

/*********Main Image*******/
/*#books main{
	min-width: 1024px;
	background: url(../images/books-bg.png) no-repeat scroll top / cover;
	width: 100%;
	height: auto;
}*/
#wrapper-title{
	min-width: 1024px;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;	
}

#wrapper-title h1{
	font-size: 36px;
	line-height: 43px;
	color: #A41B25;
	font-weight: lighter;
}
#wrapper-image{
	min-width:1024px;
	margin:0 auto;
}

#home #wrapper-image{
	background: url(../images/homeImg.png) no-repeat scroll center center / cover;
	height: 700px;
}

#wrapper-image #image{
	width:980px;
	margin:0 auto;
	padding: 22px;
}

#about #wrapper-image{
	background: url(../images/about-bg.png) no-repeat scroll center center / cover;
	height: 902px;
}

#about #wrapper-image #image{
	position: relative;
	height: 858px;
}

#about #wrapper-image #image #selina{
	position: absolute;
	top: 15px;
}

#about #wrapper-image #image #mailImg{
	position: absolute;
	top: 44px;
	right: 61px;
	z-index: 100;
}

#about #wrapper-image #image h1{
	color:#A41B25;
	font-size: 36px;
	line-height: 43px;
	text-align: center;
	font-weight: lighter;
}
#about #wrapper-image #image #letter, #about #wrapper-image #image #letter1, #about #wrapper-image #image #letter2{
	background: url(../images/letter-bg.png) no-repeat;
	width: 388px;
	height: 569px;
	font-family: 'Allura', cursive;
	font-size: 16px;
	line-height: 15px;
	/*color: black;
	-webkit-text-fill-color: white;
	-webkit-text-stroke-width: 0.4px;
	-webkit-text-stroke-color: black;*/
	-webkit-text-stroke: 0px black;
   color: black;
   text-shadow:
       0px 0px 0 #000,
     0px 0px 0 #fff,  
      0px 0px 0 #000,
      0px 0px 0 #000,
       0px 0px 0 #000;
}

#about #wrapper-image #image #letter{
	position: absolute;
	top: 281px;
	left: 0;
	z-index: 99;
}
#about #wrapper-image #image #letter h5{
	text-align: right;
	margin-top: 25px;
	font-weight: lighter;
	font-size: 14px;
	margin-right: 55px;
}

#about #wrapper-image #image #letter p{
	padding: 20px 40px;
}

#about #wrapper-image #image #letter1{
	position: absolute;
	top: 103px;
	left: 338px;
	z-index: 98;
}

#about #wrapper-image #image #letter1 p{
	padding: 35px 50px;	
}

#about #wrapper-image #image #letter2{
	position: absolute;
	top: 230px;
	left: 650px;
}

#about #wrapper-image #image #letter2 p{
	padding: 30px 30px 0 75px;
}


/*******main content******/
#wrapper-content, #wrapper-content1, #wrapper-content2{
	min-width:1024px;
	margin:0 auto;
}

#wrapper-content .content, #wrapper-content1 .content, #wrapper-content2 .content{
	width:980px;
	margin:0 auto;
	padding:22px;
}

#books #wrapper-content1{
	border-top:5px solid #A41B25;
	border-bottom:5px solid #A41B25;
}

#home #wrapper-content{
	min-width:1024px;
	margin:0 auto;
	background:url(../images/nav-bg.png) no-repeat scroll top / cover ;
	height: 49px;
}

#about #wrapper-content{
	min-width:1024px;
	margin:0 auto;
	background:url(../images/about-bg1.png) no-repeat scroll top / cover ;
	height: 1330px;
}
#about #wrapper-content .content{
	position: relative;
	height: 1286px;
}
#about #wrapper-content .content h1{
	color:#A41B25;
	font-size: 36px;
	line-height: 43px;
	text-align: center;
	font-weight: lighter;
}

#about #wrapper-content .content #things{
	position: absolute;
	top: 10px;
	left: 37px;
	z-index: 99;
}

#about #wrapper-content .content #selinaa{
	position: absolute;
	top: 94px;
	left: 295px;
}

#about #wrapper-content .content .leftC, #about #wrapper-content .content .centerC, #about #wrapper-content .content .rightC{
	width: 30%;
	font-size: 16px;
	line-height: 19px;
	color: #A41B25;
}

#about #wrapper-content .content .leftC{
	position: absolute;
	top: 402px;
	left: 0;
}

#about #wrapper-content .content .centerC{
	position: absolute;
	top: 580px;
	left:35%;
}

#about #wrapper-content .content .rightC{
	position: absolute;
	top: 85px;
	left: 70%;
}

#about #wrapper-content .content .leftC p, #about #wrapper-content .content .centerC p, #about #wrapper-content .content .rightC p{
	margin-bottom: 25px;
}

#books #wrapper-content .content{
	color: #A41B25;
}

#books #wrapper-content .content h1{
	font-size: 48px;
	line-height: 58px;
	margin-bottom: 40px;
	font-weight: lighter;
}

#books #wrapper-content .content h2{
	font-size: 28px;
	line-height: 34px;
	margin-bottom: 30px;
	font-weight: lighter;
}

#books #wrapper-content .content p{
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 40px;
}

#books #wrapper-content .content h3{
	font-size: 21px;
	line-height: 25px;
	margin-top: 30px;
	margin-bottom: 30px;
	font-family: 'Raleway', sans-serif;
}

#books #wrapper-content .content .colL, #books #wrapper-content .content .colC, #books #wrapper-content .content .colR{
	width: 30%;
	float: left;
}

#books #wrapper-content .content .colC{
	margin: 0 5%;
}

#books #wrapper-content .content .colL img, #books #wrapper-content .content .colC img, #books #wrapper-content .content .colR img{
	float: left;
}
#books #wrapper-content .content .colL h3, #books #wrapper-content .content .colC h3, #books #wrapper-content .content .colR h3{
	font-family: 'Radley', serif;
	font-size: 24px;
	line-height: 28px;
	font-weight: lighter;
}
#books #wrapper-content .content .colL p, #books #wrapper-content .content .colC p, #books #wrapper-content .content .colR p{
	font-size: 16px;
	line-height: 18px;
}

#books #wrapper-content .content .section{
	margin-bottom: 20px;
}

#books #wrapper-content .content .section .leftImg{
	float: left;
	width: 115px;
	margin-right: 55px;
	text-align: right;
}
#books #wrapper-content .content .section .rightText{
	float: left;
	width: 805px;
}
#books #wrapper-content .content .section h3{
	font-size: 21px;
	line-height: 25px;
	margin-top: 0;
	font-family: 'Radley', serif;
	font-weight: lighter;
}

#books #wrapper-content .content .section p{
	font-size: 16px;
	line-height: 19px;
}

#books #wrapper-content1, #books #wrapper-content2{
	color: #A41B25;
}

#books #wrapper-content1 h1{
	text-align: center;
	font-size: 36px;
	margin-bottom: 40px;
	font-weight: lighter;
}

#books #wrapper-content1 img{
	margin-right: 40px;
}

#books #wrapper-content1 p{
	font-size: 16px;
	line-height: 19px;
	margin-bottom: 60px;
}
#books #wrapper-content2 h1{
	text-align: center;
	font-size: 36px;
	margin-bottom: 10px;
	font-weight: lighter;
}

#books #wrapper-content2 h4{
	text-align: center;
	font-size: 14px;
	margin-bottom: 10px;
}

#books #wrapper-content2 .field{
	width: 678px;
	margin: 10px auto;
}

#books #wrapper-content2 .field .name{
	float: left;
	width: 212px;
}

#books #wrapper-content2 .field .input{
	float: left;
	width: 466px;
}

#books #wrapper-content2 .field .input input{
	width: 446px;
	border: none;
	background: #FCEC9D;
	padding: 15px 10px;
}

.form{
	background: url(../images/form-bg.png) no-repeat;
	width: 699px;
	height: 346px;
	padding: 10px;
	margin: 0 auto;
}

.form input{
	width: 311px;
	margin-bottom: 10px;
	border: none;
	padding: 10px 15px;
	background: #FCEC9D;
	color: #A41B25;
}

.form textarea{
	width: 668px;
	margin-bottom: 10px;
	border: none;
	padding: 10px 15px;
	background: #FCEC9D;
	height: 175px;
	color: #A41B25;
}
/********Footer************/
footer{
	min-width:1024px;
	margin:0 auto;
	border-top:5px solid #A41B25;
	background: #FAE36D;
	color: #A41B25;
	font-family: 'Roboto', sans-serif;
}

#wrapper-footer{
	width:980px;
	margin:0 auto;
	padding: 22px;
}

#wrapper-footer #logoF, #wrapper-footer .rights, #wrapper-footer .contact{
	float: left;
}

#wrapper-footer .rights{
	font-size: 12px;
	line-height: 15px;
	margin: 150px 92px 0;
	letter-spacing: 1px;
	font-weight: 500;
}

#wrapper-footer .contact{
	font-family: 'Raleway', sans-serif;
}

#wrapper-footer .contact h4{
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 10px;
	font-weight: 700;
}

#wrapper-footer .contact p{
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 10px;
	font-weight: 500;
}

#wrapper-footer .contact img{
	margin-left: 9px;
	vertical-align: middle;
}