body {
	font-family: Calibri, Arial;
	color: #74B525;
	min-height: 100%;
  	position: relative;
  	background: #f5f4f2;
  	overflow-x: hidden;
  	
}

@font-face {
font-family:"Calibri", "Calibri Italic", "Calibri Bold", "Calibri Bold Italic";
src: url(../fonts/Calibri.ttf);
src: url(../fonts/CalibriItalic.ttf);
src: url(../fonts/CalibriBold.ttf);
src: url(../fonts/CalibriBoldItalic.ttf);
} 

html {height: 100%;}
* html body {height: 100%;}



/* HEADER */

#header {
	background: #F6F4F0;
}

.header-back {
	
	width: 1200px;
	height: 144px;
	margin: 0 auto;
	
}

.header-content {
	width: 1130px;
	margin: 0 auto;
	height: 122px;
	padding: 25px 0 0 70px;
	overflow: hidden;
}

.logo {
	background: url(../../i/photobooks/logo.png) no-repeat 0 0;
	width: 316px;
	height: 78px;
	float: left;
}

.navigation {
	float: left;
	font-style: italic;
	font-size: 16px;
	margin: 18px 0 0 80px;
	text-shadow: 0px 1px 0px #fff;
	
}

.navigation ul li {
	float: left;
}

.navigation ul li:last-child {
	margin-right: 0;
}

.navigation a {
	color: #74B525;
	display: block;
	text-decoration: underline !important;
}

.navigation a:hover {
	color: #74B525;
	text-decoration: none !important;
}

.navigation a.howitworks {
	width: 152px;
	height: 44px;
	padding: 10px 0 0 10px;
	
}

.navigation a.howitworks:hover {
	background: url(../../i/photobooks/menuactive.png) no-repeat 0 0;
	width: 152px;
	height: 44px;
	color: #fff;
	text-shadow: 0px 1px 0px #666;
}

a.active {
	background: url(../../i/photobooks/menuactive.png) no-repeat 0 0 !important;
	width: 152px !important;
	height: 44px !important;
	color: #fff !important;
	text-shadow: 0px 1px 0px #666 !important;
	text-decoration: none !important;
}

.navigation a.photobooks {
	width: 152px;
	height: 44px;
	padding: 10px 0 0 10px;
	
}

.navigation a.photobooks:hover {
	background: url(../../i/photobooks/menuactive.png) no-repeat 0 0;
	width: 152px;
	height: 44px;
	color: #fff;
	text-shadow: 0px 1px 0px #666;
}

.navigation a.prices {
	width: 152px;
	height: 44px;
	padding: 10px 0 0 10px;
	
}

.navigation a.prices:hover {
	background: url(../../i/photobooks/menuactive2.png) no-repeat 0 0;
	width: 152px;
	height: 44px;
	color: #fff;
	text-shadow: 0px 1px 0px #666;
}

a.active2 {
	background: url(../../i/photobooks/menuactive2.png) no-repeat 0 0 !important;
	width: 152px !important;
	height: 44px!important;
	color: #fff !important;
	text-shadow: 0px 1px 0px #666 !important;
	text-decoration: none !important;
}


.calculate-btn {
	background: url(../../i/photobooks/calculate.png) no-repeat 0 0;
	float: left;
	width: 207px;
	height: 51px;
	margin: 13px 0 0 0;
}

/* END OF HEADER */


/* SLIDER */

.main-slider {
	width: 1200px;
	margin: 0 auto;
	height: 508px;
}

.ribbon {
	background: url(../../i/photobooks/ribbon.png) no-repeat 0 0;
	width: 976px;
	height: 95px;
	margin: 0 auto;
	
}

.main-slider h1 {
	font-size: 18px;
	font-weight: normal;
	font-style: italic;
	text-align: center;
	margin-top: -10px;
}

/* END SLIDER */

/* CONTENT */

#content {
	background: url(../../i/photobooks/back.png) repeat;
	margin: 50px 0 0 0;
	padding: 40px 0 0 0;
	border-top:5px solid #68ab14;
	overflow: hidden;

}

.content-wrapper {
	width: 1200px;
	margin: 0 auto;
}

.steps {
	background: url(../../i/photobooks/steps.png) no-repeat;
	width: 984px;
	height: 147px;
	float: left;
}

.steps2 {
	width: 1171px;
	height: 147px;
	background: url(../../i/photobooks/steps2.png) no-repeat;
	margin: 0 auto;
	margin-bottom:50px;
}

.content-wrapper .howitworks {
	font-style: italic;
	text-decoration: underline;
	color: #77B800;
	text-shadow: 0px 1px 1px #fff;
	font-size: 18px;
	margin-left: 34px;
}

.content-wrapper .howitworks:hover {
	text-decoration: none;
}

.features-wrapper {
	background: #F1EFE8;
	height: 90px;
	margin-top: 70px;
}

.features {
	width: 1200px;
	margin: 0 auto;
	padding-left: 60px;
	color: #7a7a7a;
}

.contentnav {
	width: 850px;
	margin: 10px auto;
	padding: 10px 0 0 0;
	overflow: hidden;
	
}

.contentnav img {
	float: left;
}

.navigation-content {
	float: left;
	font-style: italic;
	font-size: 16px;
	margin: 7px 0 0 10px;
	text-shadow: 0px 1px 2px #fff;
	
	
}

.navigation-content ul li {
	float: left;
	
}

.navigation-content ul li:last-child {
	margin-right: 0;
}

.navigation-content a {
	color: #74B525;
	display: block;
	text-decoration: underline !important;
}

.navigation-content a:hover {
	color: #74B525;
	text-decoration: none !important;
}

.navigation-content a.howitworks {
	width: 152px;
	height: 44px;
	padding: 17px 0 0 10px;
	
}

.navigation-content a.howitworks:hover {
	background: url(../../i/photobooks/menuactive-content.png) no-repeat 0 0;
	width: 152px;
	height: 44px;
	color: #fff;
	text-shadow: 0px 1px 0px #666;
}



.navigation-content a.photobooks {
	width: 152px;
	height: 44px;
	padding: 17px 0 0 10px;
	
}

.navigation-content a.photobooks:hover {
	background: url(../../i/photobooks/menuactive-content.png) no-repeat 0 0;
	width: 152px;
	height: 44px;
	color: #fff;
	text-shadow: 0px 1px 0px #666;
}

.navigation-content a.prices {
	width: 52px;
	height: 44px;
	padding: 17px 0 0 10px;
	
}

.navigation-content a.prices:hover {
	background: url(../../i/photobooks/menuactive2-content.png) no-repeat 0 0;
	width: 52px;
	height: 44px;
	color: #fff;
	text-shadow: 0px 1px 0px #666;
}

.share {
	margin: 20px 0 0 50px;
	float: left;
}

.share span {
	font-style: italic;
	color: #666;
	margin: 0 20px 0 0;
}

.footer {
	border-top: 3px dashed #aca695;
	margin: -3px 0 0 0;
	
}

.footercontent {
	width: 1200px;
	margin: 30px auto;
	
}

.footerlogo {
	background: url(../../i/photobooks/footerlogo.png) no-repeat 0 23px;
	width: 163px;
	height: 80px;
	margin: 0 0 0 10px;
	float: left;
}

.contactsfooter {
	background: url(../../i/photobooks/contactsfooter.png) no-repeat 0 15px;
	width: 250px;
	height: 92px;
	float: left;
}


/* BOOKS */


.block1 {
	background: url(../../i/photobooks/slide1.png) no-repeat 0 0;
	width: 1200px;
	margin: 0 auto;
	height: 400px;
	border-bottom: 1px solid #ccc;

	
}

.block2 {
	width: 1200px;
	margin: 0 auto;
	height: 550px;

	border-bottom: 1px solid #ccc;
	overflow: hidden;
	
}

.block3 {
	width: 1200px;
	margin: 0 auto;
	height: 437px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	background:  url(../../i/photobooks/bookblock3.png) no-repeat 0 30px;
	padding-bottom: 30px;
	
}

.block4 {
	width: 1170px;
	margin: 0 auto;
	height: 390px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	padding: 100px 0 0 30px;
	background:url(../../i/photobooks/block4.png) no-repeat right;
	
}

.block5 {
	width: 1200px;
	margin: 0 auto;
	height: 420px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	line-height: 22px;
	background: url(../../i/photobooks/block5.png) no-repeat 0 100px;
	
}

.block6 {
	width: 1200px;
	margin: 0 auto;
	height: 440px;
	border-top: 1px solid #fff;
	
	overflow: hidden;
	line-height: 22px;
	background: url(../../i/photobooks/block6.png) no-repeat 0 40px;
	
}

.block1 div {
	font-style: italic;
	padding: 70px 0 0 830px;
}

.block1 div span {
	margin-bottom: 30px;
	display: block;
}


/* HOWITWORKS */

.contentblock {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc;
}

.s1 {
	width: 250px;
	float: left;
	border-right: 1px solid #ccc;
	padding: 0 40px 0 20px;
	height: 330px;
}	

.s2 {
	width: 250px;
	float: left;
	border-right: 1px solid #ccc;
	border-left: 1px solid #fff;
	padding: 0 30px 0 20px;
	height: 330px;
}	

.s3 {
	width: 250px;
	float: left;
	border-right: 1px solid #ccc;
	border-left: 1px solid #fff;
	padding: 0 45px 0 20px;
	height: 330px;
}

.s4 {
	width: 210px;
	float: left;
	border-left: 1px solid #fff;
	padding: 0 0 0 40px;
	height: 330px;
}

.borderblock {
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px 0 10px 30px;
	color: #666;
}

.contentblock ul {list-style-type: circle; color: #666;}

.s1 a {
	border: 1px solid #CCCCCC; border-radius: 5px; -moz-border-radius: 5px;-webkit-border-radius: 5px; padding:10px; margin:20px 0 0 10px; display:block; text-align:center; text-decoration:underline !important; font-size:18px; font-style:italic;

}

.s1 a:hover {text-decoration: none !important;}

.countphotos {
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
	overflow: hidden;
	padding: 20px 0 20px 10px;
	
}

.countphotos span {
	float:left; border-right:1px solid #669900; padding:0 10px 0 10px; color:#666; font-size:16px;
}

.countphotos span:last-child {
	border: none;
}

.howitworkstop {
	background: url(../../i/photobooks/howitworkstop.png) no-repeat 0 0;
	width: 1188px;
	height: 54px;
	margin: 40px auto;
}

.howitworkscontent {
	background: url(../../i/photobooks/howitworkscontent.png) no-repeat 0 0;
	width: 1195px;
	height: 504px;
	margin: 0 auto;
}

.calculatebig {
	clear:both;
	width: 500px;
	float: left;
	margin: 20px 0 0 190px;
	
}

.calculatebigbutton {
	background: url(../../i/photobooks/calculatebig.png) no-repeat 0 0;
	width: 464px;
	height: 71px;
	display: block;
}

.more {
	background: url(../../i/photobooks/more.png) no-repeat 0 0;
	width: 389px;
	height: 18px;
	margin-left:40px;
}

.bookcontent {
	background: url(../../i/photobooks/bookcontent.png) no-repeat;
	width: 1200px;
	height: 2793px;
	margin: 0 auto;
}

.calculatecontent {
	background: url(../../i/photobooks/calculatecontent.png) no-repeat 0 0;
	width: 1162px;
	height: 635px;
	margin: 0 auto;
}



/* FOOTERNAV */

.footernav {
	float:left;
	margin:0 0 30px 100px;
	color:#666;
}

.footernav ul {
	float: left;
	margin-right: 40px;
}

.footernav ul li a {
	color: #666;
}

.footernav ul li strong a {
	color: #599100 !important;
}

.footernav ul li {
	font-size: 14px;
	margin-bottom:3px;
}

.footernav li:first-child {
	font-size: 18px;
	margin-bottom:15px;
	
}

/* PRICES */

.pricescontent {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.pricestable {
	border: 1px solid #BFBDB7;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	background: url(../../i/photobooks/pricesbg.png) no-repeat 40px 0;
	width: 1175px;
	float: left;
	padding: 200px 0 20px 20px;
}
.pricestable2 {
	
	float: right;

}
.pricestable table {
	width: 1150px;
	text-align: center;
	
}

.displaynone {display: none;}

.tabs {
	overflow: hidden;
	clear: both;
	margin: -13px 0 0 20px;
	float: left;
	font-size: 14px;
	font-style: italic;
	color: #666;
	text-align: center;
}


.activetab {
	background: url(../../i/photobooks/tab.png) no-repeat 0 0;
	width: 366px;
	height: 30px;
	float: left;
	padding-top: 5px;
}

.activetab a {color: #666 !important;}

.tab {
	background: url(../../i/photobooks/tab2.png) no-repeat 0 0;
	width: 366px;
	height: 30px;
	float: left;
	color: #669900;
	padding-top: 5px;
	
}

.tabs a, .tabs a:hover {
	text-decoration: none;
}

.tab a {
	border-bottom: 1px dashed #669900;
}

.pricestable table thead tr {
	background: #F4F2EE;

}

.pricestable table tr td {
	padding: 10px;
	font-size: 18px;
}

.pricestable table tbody tr td span {
	color: #999;
	font-size: 16px;
}

.pricestable table tbody tr td {
	color: #666;
}

.pricestable table tbody tr.even td {
	background: #d8d5cc;
}

.pricestable table tbody tr td:first-child {
	color: #6AB013;
}

.pricestable table thead tr td:first-child {
	padding: 10px 10px 10px 30px;
	font-style: italic;
	font-size: 14px;
	
}

.photoediting {
	width: 350px;
	background: url(../../i/photobooks/photoediting.png) no-repeat 0 0;
	float: left;
	color: #666;
	font-size: 14px;
	padding: 200px 0 0 0;
	line-height: 20px;
	margin-left: 30px;
	
}

.bonus {
	background: url(../../i/photobooks/bonus.png) no-repeat 160px 0;
	width: 1200px;
	height: 188px;
	margin: 40px auto;
	margin-bottom: 50px;
	
}

.ruler {
	background: url(../../i/photobooks/ruler.png) no-repeat 0 0;
	width: 1200px;
	margin: 0 auto;
	height: 5px;
}