/* General Reset */
body{
	margin:0;
	color:#000;
	font:12px/16px Arial, Helvetica, sans-serif;
	min-width:1000px;
	background:#b8935f url(../images/bg-body.gif);
}
img{border-style:none;}
input,
textarea,
select{
	color:#000;
	vertical-align:middle;
	font:100% Arial, Helvetica, sans-serif;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
blockquote, q{quotes: none;}
q:before,
q:after {content: '';}
a{
	color:#000;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
a:focus,
input:focus,
textarea:focus,
select:focus{outline:none;}
/* General settings */
@font-face {
	font-family: 'stencilbt-regular';
	src: url('../font/stencilbt-regular-webfont.eot');
	src: url('../font/stencilbt-regular-webfont.eot?#iefix') format('embedded-opentype'), 
		url('../font/stencilbt-regular-webfont.woff') format('woff'), 
		url('../font/stencilbt-regular-webfont.ttf') format('truetype'),
		url('../font/stencilbt-regular-webfont.svg#stencilbt-regular') format('svg');
}
@font-face {
	font-family: 'steelfis';
	src: url('../font/steelfis-webfont.eot');
	src: url('../font/steelfis-webfont.eot?#iefix') format('embedded-opentype'), 
		url('../font/steelfis-webfont.woff') format('woff'), 
		url('../font/steelfis-webfont.ttf') format('truetype'),
		url('../font/steelfis-webfont.svg#steelfis') format('svg');
}
@font-face {
	font-family: 'racewayjf';
	src: url('../font/racewayjf-webfont.eot');
	src: url('../font/racewayjf-webfont.eot?#iefix') format('embedded-opentype'), 
		url('../font/racewayjf-webfont.woff') format('woff'), 
		url('../font/racewayjf-webfont.ttf') format('truetype'),
		url('../font/racewayjf-webfont.svg#racewayjf') format('svg');
}
@font-face {
	font-family: 'droidserif-bold';
	src: url('../font/droidserif-bold-webfont.eot');
	src: url('../font/droidserif-bold-webfont.eot?#iefix') format('embedded-opentype'), 
		url('../font/droidserif-bold-webfont.woff') format('woff'), 
		url('../font/droidserif-bold-webfont.ttf') format('truetype'),
		url('../font/droidserif-bold-webfont.svg#droidserif-bold') format('svg');
}
@font-face {
	font-family: 'droidserif-bolditalic';
	src: url('../font/droidserif-bolditalic-webfont.eot');
	src: url('../font/droidserif-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), 
		url('../font/droidserif-bolditalic-webfont.woff') format('woff'), 
		url('../font/droidserif-bolditalic-webfont.ttf') format('truetype'),
		url('../font/droidserif-bolditalic-webfont.svg#droidserif-bolditalic') format('svg');
}
@font-face {
	font-family: 'steelfish_bold';
	src: url('../font/steelfish_bold-webfont.eot');
	src: url('../font/steelfish_bold-webfont.eot?#iefix') format('embedded-opentype'), 
		url('../font/steelfish_bold-webfont.woff') format('woff'), 
		url('../font/steelfish_bold-webfont.ttf') format('truetype'),
		url('../font/steelfish_bold-webfont.svg#steelfish_bold') format('svg');
}
/* header */
.header-wrap{
	width:100%;
	background:url(../images/bg-header.jpg) repeat-x 51% 0;
}
#header{
	width:100%;
	overflow:hidden;
	position:relative;
}
.header-area{
	float:left;
	position:relative;
	left:50%;
	background:url(../images/bg-header-area.jpg) repeat-x 50%;
	height:829px;
}
.header-holder{
	position:relative;
	float:left;
	left:-50%;
	background:url(../images/bg-header-holder.jpg) no-repeat;
	width:990px;
	height:829px;
	padding:0 126px 0 124px;
}
#header .top-row{
	overflow:hidden;
	padding:25px 10px 50px 17px;
	font-family:'stencilbt-regular';
	font-size:18px;
	line-height:22px;
	color:#55351f;
}
#header .top-row strong{
	font-weight:normal;
	float:left;
}
#header .top-row .ar{
	float:right;
	color:#472518;
}
#header .logo{
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/logo.png) no-repeat;
	width:479px;
	height:408px;
	margin:0 auto;
	padding-right:22px;
}
#header .logo a{
	display:block;
	height:100%;
}
/* navigation */
.nav{
	margin:0;
	padding:0;
	list-style:none;
	height:140px;
	position:relative;
	z-index:10;
	width:990px;
}
.nav li{
	position:absolute;
	text-indent:-9999px;
	overflow:hidden;
}
.nav li a{
	display:block;
	height:100%;
}
.nav li.link1{
	background:url(../images/link-say-hello.png) no-repeat;
	width:158px;
	height:125px;
	top:-133px;
	left:155px;
}
.nav li.link2{
	background:url(../images/link-cutest-baby.png) no-repeat;
	width:174px;
	height:118px;
	top:-25px;
	left:279px;
}
.nav li.link3{
	background:url(../images/link-story-so-far.png) no-repeat;
	width:216px;
	height:135px;
	top:11px;
	right:306px;
}
.nav li.link4{
	background:url(../images/link-shipping-info.png) no-repeat;
	width:184px;
	height:127px;
	top:-104px;
	right:180px;
}
#header .social{
	width:100%;
	position:relative;
	z-index:10;
	padding-bottom:20px;
}
#header .social .row{width:100%;}
#header .social .row:after{
	clear:both;
	content:'';
	display:block;
}
#header .social .row ul{
	margin:-112px 12px 0 0;
	padding:0;
	list-style:none;
	float:right;
}
#header .social .row ul li{
	float:left;
	padding:0 0 0 8px;
}
#header .social .row ul img{vertical-align:top;}
#header .social .ar{
	float:right;
	margin:-19px 9px 0 0;
}
#header .bottom{
	width:100%;
	font-size:22px;
	line-height:28px;
	color:#fffefe;
	text-transform:uppercase;
}
#header .bottom:after{
	clear:both;
	content:'';
	display:block;
}
#header .bottom .al{
	float:left;
	margin:-182px 3px -30px 5px;
}
#header .bottom .btn{
	float:right;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/btn-to-gallery.png) no-repeat;
	width:68px;
	height:69px;
	margin:-19px 108px 0 0;
}
#header .bottom strong{
	font-weight:normal;
	display:block;
	overflow:hidden;
	word-spacing:-2px
}
/* intro */
.intro{
	width:100%;
	background:#fff url(../images/bg-intro.gif) repeat-x 0 100%;
	padding:63px 0 98px;
}
.intro .holder{
	width:990px;
	margin:0 auto;
	overflow:hidden;
}
.intro .text-life-as-we-knew{
	margin:36px 0 0 43px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/text-life-as-we-know.png) no-repeat;
	width:451px;
	height:435px;
	float:left;
}
.intro .ar{float:right;}
/* gallery */
.gallery{
	width:100%;
	background:#29aade url(../images/bg-gallery.gif) repeat-x 0 100%;
	padding:15px 0 143px;
}
.gallery .holder{
	width:990px;
	margin:0 auto;
	overflow:hidden;
}
/* subnav */
.subnav{
	margin:0 0 -10px;
	padding:0 0 25px 28px;
	list-style:none;
	overflow:hidden;
}
.subnav li{
	float:left;
	font-size:24px;
	line-height:76px;
	font-family:'racewayjf';
}
.subnav a{
	float:left;
	color:#fff;
	cursor:pointer;
	padding:0 0 0 74px;
	position:relative;
}
.subnav .active,
.subnav a:hover{
	text-decoration:none;
	background:url(../images/bg-subnav.png) no-repeat;
}
.subnav a .right{
	float:left;
	padding-right:74px;
}
.subnav .active .right,
.subnav a:hover .right{background:url(../images/bg-subnav.png) no-repeat 100% -78px;}
.subnav a .center{float:left;}
.subnav .active .center,
.subnav a:hover .center{background:url(../images/bg-subnav.png) repeat-x 100% -156px;}
.subnav .small .active .center,
.subnav .small a:hover .center{background:url(../images/bg-subnav-small.png) repeat-x 0 -114px;}
.subnav a em{
	float:left;
	position:relative;
	margin:0 -60px;
	text-align:center;
	height:78px;
	min-width:118px;
	font-style:normal;
	padding:0 5px;
}
.subnav a .arrow{
	position:absolute;
	background:url(../images/ico-arrow.png) no-repeat;
	width:14px;
	height:37px;
	text-indent:-9999px;
	overflow:hidden;
	bottom:-23px;
	left:50%;
	margin:0 0 0 -7px;
	display:none;
}
.subnav a:hover .arrow,
.subnav .active .arrow{display:block;}
.subnav .small{
	line-height:56px;
	padding:9px 0 0;
}
.subnav .small a{padding-left:55px;}
.subnav .small .active,
.subnav .small a:hover{background:url(../images/bg-subnav-small.png) no-repeat;}
.subnav .small a .right{padding-right:55px;}
.subnav .small a.active .right,
.subnav .small a:hover .right{background:url(../images/bg-subnav-small.png) no-repeat 100% -57px;}
.subnav .small a em{
	height:57px;
	margin:0 -45px;
	min-width:80px;
}
.gallery .subnav .active,
.gallery .subnav a:hover{color:#29aade;}
.gallery .row{
	overflow:hidden;
	padding:0 27px 0 11px;
}
.gallery .row .al{
	float:left;
	margin:0 -250px 0 0;
	position:relative;
	width:573px;
	height:577px;
	z-index:100;
}

.gallery .row img{vertical-align:top;}

.gallery-holder{overflow:hidden;}
.gallery-holder .text-smile{
	margin:-2px 10px 30px auto;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/text-smile.png) no-repeat;
	width:354px;
	height:217px;
}
.gallery-holder h4{
	text-align:center;
	margin:0 8px 21px 282px;
	color:#fff;
	font-size:36px;
	line-height:42px;
	font-family:"steelfis";
	font-weight:normal;
}
.gallery .slider{
	width:629px;
	height:185px;
	overflow:hidden;
	margin-bottom:16px;
}
.gallery .table1{
	width:629px;
	border-collapse:collapse;
	border:1px solid #fff;
	border-width:1px 0 0;
	font-size:24px;
	line-height:35px;
	text-transform:uppercase;
	font-family:'steelfis';
}
.gallery .table1 td{
	border:1px solid #fff;
	border-width:0 0 1px;
	text-align:center;
	width:141px;
	padding:0 42px 0 0;
	vertical-align:top;
}
.gallery .table1 .left{
	border-width:0 1px 1px 0;
	width:auto;
	padding:0 0 0 314px;
}
.gallery .table1 a{color:#fff;}
.switcher-holder{
	width:629px;
	overflow:hidden;
	position:relative;
}
.switcher-holder .center{
	position:relative;
	float:left;
	left:50%;
}
.switcher{
	position:relative;
	float:left;
	left:-50%;
	padding:0 0 0 264px;
}
.switcher a{
	float:left;
	margin:0 4px 0 3px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/bullet-gallery.gif) no-repeat;
	width:10px;
	height:10px;
}
.switcher .activeSlide,
.switcher a:hover{background-position:0 -10px;}
/* shipping-info */
.shipping-info{
	width:100%;
	background:#603813 url(../images/bg-shipping-info.gif);
	padding:32px 0;
	position:relative;
	z-index:10;
}
.shipping-info .area{
	width:984px;
	margin:0 auto;
	padding:0 6px 0 0;
}
.shipping-info .area:after{
	clear:both;
	content:'';
	display:block;
}
.shipping-info .subnav{
	margin:0;
	position:relative;
	z-index:10;
}
.shipping-info .subnav .active,
.shipping-info .subnav a:hover{color:#603813;}
.shipping-info .ar{
	float:right;
	position:relative;
	z-index:1;
	margin:0 0 -89px -214px;
	padding-top:19px;
	width:445px;
	height:699px;
	overflow: hidden;	
}
.shipping-info img{
	position:relative;
	top:0px;
	left:0px;
	vertical-align:top;
}
.shipping-info .text-shipping-info{
	margin:-19px 0 5px 25px;
	background:url(../images/text-shipping-info.png) no-repeat;
	height:95px;
	text-indent:-9999px;
	overflow:hidden;
}
.shipping-info .two-cols{
	overflow:hidden;
	padding:0 194px 0 45px;
	position:relative;
	z-index:3;
	font-size:24px;
	line-height:30px;
	color:#fff;
	font-family:'steelfis';
}
.shipping-info .two-cols .frame{
	width:100%;
	overflow:hidden;
	margin-bottom:-5px;
}
.shipping-info .two-cols .col{
	float:left;
	width:220px;
}
.shipping-info h4{
	margin:0;
	color:#af7b44;
	font-size:24px;
	line-height:30px;
	font-weight:normal;
}
.shipping-info .two-cols ul{
	margin:0;
	padding:0 0 9px;
	list-style:none;
}
.shipping-info .two-cols a{color:#29aade;}
.shipping-info .two-cols .link{font-size:18px;}
.shipping-info .two-cols .right{
	float:right;
	width:279px;
}
.shipping-info .two-cols dl{
	width:100%;
	overflow:hidden;
	margin:0;
}
.shipping-info .two-cols dt{float:left;}
.shipping-info .two-cols dd{
	overflow:hidden;
	margin:0;
}
.shipping-info .two-cols .right ul{padding-bottom:25px;}
/* blog-area */
.blog-area{
	width:100%;
	background:#a05611 url(../images/bg-blog-area.gif);
	position:relative;
	z-index:1;
	padding:87px 0 0;
}
.blog-area .shadow{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background:url(../images/bg-shadow.png) repeat-x;
	height:9px;
}
.blog-area .holder{
	width:990px;
	margin:0 auto;
	background:url(../images/bg-blog-area-holder.png) no-repeat 446px 89px;
	padding-bottom:172px;
}
.blog-area .subnav .active,
.blog-area .subnav a:hover{color:#714012;}
.blog-area .two-cols{
	width:100%;
	padding:22px 0 0;
	min-height:806px;
}
.blog-area .two-cols:after{
	clear:both;
	content:'';
	display:block;
}
.blog-area .content{
	float:left;
	padding:0 0 0 45px;
	width:410px;
	font-size:24px;
	line-height:30px;
	color:#fff;
	font-family:'steelfis';
}
.blog-area .text-ralphs-blog{
	background:url(../images/text-ralphs-blog.png) no-repeat;
	height:85px;
	margin:0 0 18px -24px;
	text-indent:-9999px;
	overflow:hidden;
}
.blog-area .posts{
	margin:0;
	padding:0;
	list-style:none;
}
.blog-area .posts li{padding:0 0 29px;}
.blog-area .posts .date{
	display:block;
	color:#e09148;
}
.blog-area .posts p{margin:0;}
.blog-area .posts a{color:#fff;}
/* paging */
.paging{overflow:hidden;}
.blog-area .paging{margin:-2px 0 0 -7px;}
.paging span{
	float:left;
	background:url(../images/bg-more.png) no-repeat;
	width:165px;
	height:86px;
	text-align:center;
	color:#fff;
	font-size:22px;
	line-height:84px;
	font-family:'racewayjf';
	padding:0 28px 0 0;
}
.paging ul{
	margin:0;
	padding:30px 0 0;
	list-style:none;
	float:left;
}
.paging ul li{
	float:left;
	font-size:16px;
	line-height:26px;
	font-family:'steelfis';
}
.paging ul a{
	color:#4a2f20;
	width:26px;
	height:26px;
	text-align:center;
	float:left;
}
.paging ul a:hover,
.paging ul .active{
	background:url(../images/bg-paging-active.png) no-repeat;
	text-decoration:none;
	color:#fff;
}
.blog-area .sidebar{
	float:right;
	width:230px;
	text-align:center;
	margin:-55px 0 0;
	position:relative;
}
.blog-area .sidebar h3{
	margin:0 0 15px;
	font-size:30px;
	line-height:30px;
	color:#e39a57;
	font-weight:normal;
	font-family:'racewayjf';
}
.blog-area .sidebar .list1{
	margin:0 0 14px;
	padding:0;
	list-style:none;
	font-size:20px;
	line-height:30px;
	text-transform:uppercase;
	color:#fff;
}
.blog-area .sidebar .list1 li{
	width:100%;
	overflow:hidden;
	margin:0 0 -3px;
	vertical-align:top;
}
.blog-area .sidebar .list1 span{font-size:30px;}
.blog-area .sidebar .list1 .color1{color:#5fcdf6;}
.blog-area .sidebar .list1 .color2{color:#ffa5a2;}
.blog-area .sidebar .list1 .color3{color:#ffbf84;}
.blog-area .sidebar h4{
	margin:0;
	color:#e09148;
	font-size:24px;
	line-height:30px;
	font-weight:normal;
	font-family:'steelfis';
}
.blog-area .sidebar .list2{
	margin:0;
	padding:0;
	list-style:none;
	font-size:24px;
	line-height:30px;
	font-family:'steelfis';
}
.blog-area .sidebar .list2 a{color:#fff;}
/* guestbook */
.guestbook{
	width:100%;
	background:url(../images/bg-guestbook-holder.gif) repeat-x;
	padding:65px 0 81px;
}
.guestbook .area{
	width:990px;
	margin:0 auto;
	background:url(../images/bg-guestbook-area.png) no-repeat 51% 93px;
	position:relative;
}
.guestbook .subnav{
	margin-bottom:11px;
	position:relative;
	z-index:20;
	width:680px;
}
.guestbook .subnav .active,
.guestbook .subnav a:hover{color:#714012;}
.guestbook .text-guestbook{
	margin:0 0 36px 40px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/text-guestbook.png) no-repeat;
	height:75px;
}
.guestbook .btn-click-here{
	position:absolute;
	top:-27px;
	right:39px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/btn-click-here.png) no-repeat;
	width:333px;
	height:238px;
}
.guestbook .two-cols{
	padding:0 0 26px 40px;
	width:950px;
	min-height:838px; 
}
.guestbook .two-cols:after{
	clear:both;
	content:'';
	display:block;
}
.guestbook .two-cols .left{
	float:left;
	width:460px;
}
.guestbook .two-cols .right{
	float:right;
	width:460px;
}
.guestbook .box{
	background:#fff;
	-webkit-box-shadow:2px 2px 5px #7f5f3f;
	-moz-box-shadow:2px 2px 5px #7f5f3f;
	box-shadow:2px 2px 5px #7f5f3f;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	position:relative;
	font-size:14px;
	line-height:20px;
	font-family:'droidserif-bolditalic';
	color:#4a2f20;
	margin-bottom:19px;
}
.guestbook .box .bullet{
	position:absolute;
	left:50%;
	top:-8px;
	background:url(../images/bullet01.png) no-repeat;
	width:22px;
	height:22px;
	z-index:10;
}
.guestbook .box h4{
	margin:0;
	color:#4abccd;
	font-size:14px;
	line-height:20px;
	font-weight:normal;
	font-family:'droidserif-bold';
}
.guestbook .box .title{
	background:#4a2f20 url(../images/bg-title.gif) repeat-x 0 100%;
	-webkit-border-radius:10px 10px 0 0;
	-moz-border-radius:10px 10px 0 0;
	border-radius:10px 10px 0 0;
	padding:10px 22px 15px;
	position:relative;
}
.guestbook .box .text{padding:7px 22px 17px;}
.guestbook .box p{margin:0;}
.guestbook .paging .more{
	float:none;
	display:block;
	background:url(../images/bg-more2.png) no-repeat 30px 0;
	width:165px;
	height:111px;
	padding:0 0 0 30px;
	margin:0 auto;
}
.guestbook .paging .row{
	width:100%;
	overflow:hidden;
	position:relative;
}
.guestbook .paging ul{
	position:relative;
	left:50%;
	padding:8px 0 0;
	margin-left:17px;
}
.guestbook .paging ul li{
	position:relative;
	left:-50%;
}
.up-block{
	width:100%;
	position:relative;
	background:url(../images/bg-shadow2.png) no-repeat 50% 0;
	height:253px;
}
.up-block .ar{
	position:absolute;
	top:-252px;
	left:50%;
	margin:0 0 0 199px;
}
.up-block img{vertical-align:top;}
/* footer */
#footer{
	background:url(../images/bg-footer.png) repeat-x;
	height:98px;
	color:#949192;
	font-size:19px;
	line-height:30px;
	font-family:'steelfis';
}
#footer a{color:#fff;}
.footer-holder{
	width:952px;
	margin:0 auto;
	padding:0 7px 0 31px;
}
.footer-holder:after{
	clear:both;
	content:'';
	display:block;
}
.footer-logo{
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/footer-logo.png) no-repeat;
	width:96px;
	height:95px;
	margin:-32px 8px 0 0;
}
.footer-logo a{
	display:block;
	height:100%;
}
#footer .social{
	float:right;
	padding:29px 0 0;
}
#footer .social img{display:block;}
#footer p{
	margin:0;
	padding:22px 0 0;
}
#footer .made{
	font-size:22px;
	padding:0 9px 0 0;
}
/* lighbox */
.lightbox{
	width:314px;
	height:420px;
	background: #A05611 url(../images/bg-blog-area.gif);
	padding:20px;	
}
.lightbox fieldset {
	float:left;
}
.lightbox fieldset .txt-holder input{
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	font-family: 'droidserif-bolditalic';
	color: #4A2F20;
	width:270px;
	border: none;
	margin-bottom:6px;
	background: #F1F1F1;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px 22px 10px;
}
.lightbox fieldset .area textarea {
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	font-family: 'droidserif-bolditalic';
	color: #4A2F20;
	text-align:justify;
	width:270px;
	height:134px;
	border: none;
	margin-bottom:6px;
	background: #F1F1F1;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px 22px 10px;
}
.lightbox fieldset .btn {
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	font-family: 'droidserif-bold';
	color: #4ABCCD;
	width:314px;
	border: none;
	margin-bottom: 6px;
	background: #4A2F20;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	cursor: pointer;
}
.lightbox #boodschap{
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	font-family: 'droidserif-bolditalic';
	color: #4A2F20;
	width:314px;
	text-align:justify;
	float:left;
}
.lightbox #boodschap span{
	padding-left: 22px;
	padding-top: 3px;
}
.response-waiting {
	/*background:url("../images/loader.gif") no-repeat 0px 3px;*/}
.response-success {
	background:url("../images/tick.png") no-repeat 0px 3px;}
.response-error {
	background:url("../images/cross.png") no-repeat 0px 3px;}