/* Body, import, links
---------------------- */

@import url("grid.css");
@import url("jquery.fancybox.css");

body {
	background:#edefe9 url("images/bg.jpg") center -50px no-repeat;
	font:normal 14px Calibri, Helvetica, Arial, sans-serif; letter-spacing:-0.04em;
	margin:0;
}

a, a:visited {color:#67686a;}
a:hover {text-decoration:none;}
a img {border:none;}

/* Layout
---------------------- */

.header {
	clear:both;position:relative;
	/*border-bottom: 1px solid #d2d4d0;*/
}

.content {
	clear:both;padding-bottom:20px;
	/*border-top: 1px solid #f4f6f2;*/
	border-bottom: 1px solid #d2d4d0;
}

.slogan{height:280px;}

.footer {
	clear:both;padding:20px 0 40px;
	border-top: 1px solid #f4f6f2;
	background:url("images/birds.png") 150px 15px no-repeat;
}

.product {position:relative;height:210px;
	padding: 10px 0;
	background:url("images/t-0.05.png");
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.description, .desc_img {
	margin:0 10px;
	height:170px;width:280px;}

.description {display:none;}
.description div {padding:30px 10px;}
.description p {margin:0 0 10px;font-size:16px;line-height:22px;}
.description a {text-decoration:none;border-bottom:1px solid #fff;}
.description a:hover {border-bottom:1px solid #67686a;}

.prod_shadow {position:absolute;top:50px;left:-10px;width:20px;height:10px;background:url("images/prod_shadow.png") left top no-repeat;z-index:-1;}


/*a.learn-more_img {display:block;height:180px;}

a.learn-more_img span {margin-left:-9999em;}

.learn-more_box {display:none;height:180px;}
.intro {margin:0 20px;font-size:16px;line-height:22px;}
.learn-more {position:absolute;left:20px;bottom:20px;z-index:9;
	width:260px;height:30px;text-align:center;color:#67686a;line-height:30px;text-decoration:none;
	background:url("images/bg_learn-more.png") center top no-repeat;}

.learn-more:hover {background-position:center bottom;}*/

/* Typography
---------------------- */

h1 {background:url("images/logo.png");display:block;width:220px;height:54px;margin:15px 0 0 20px;}
h1 span {margin-left:-9999em;}

h2 {margin:0;padding:0;color:#67686a;font-weight:normal;}
.slogan h2 {font-size:50px;line-height:60px;text-shadow:#fff 1px 1px 1px;width:560px;margin-top:35px;}
.product h2 {padding:0 0 0 20px;margin-left:-10px;width:280px;height:40px;line-height:40px;
	background:#5d5e60 url("images/bg_h2_product.jpg") left top no-repeat;font-size:19px;color:#fff;text-shadow:#000 1px 1px 1px;}

.yellow {color:#fdba31;}

address {font-style:normal;color:#67686a;}

/* Typography
---------------------- */

ul.cases {margin:0;padding:0;}
ul.cases li {list-style-type:none;padding-left:25px;margin-bottom:4px;
	background:url("images/bg_cases-bullet.png") left top no-repeat;}

/* Facts scroll
---------------------- */

.doctype_fact {position:absolute;bottom:15px;font-size:16px;}

/* main vertical scroll */
#doctype_facts {
	position:relative;overflow:hidden;
	height:22px;width:400px;
	margin:0 30px;
}

/* root element for pages */
#doctype_facts ul {
	position:absolute;
	width:20000em;margin:0;padding:0;
}

/* single page */
#doctype_facts ul li {
	float:left;position:relative;
	list-style-type:none;width:400px;
	text-align:center;
}

/* prev, next, prevPage and nextPage buttons */

.browse{position:absolute;top:0px;z-index:5;padding:0;background:url("images/arrow.png") no-repeat;}
.browse:active{padding:0;}
.browse.left{left:0px;}
.browse.right{right:0px;}

a.prevPage, a.nextPage {
	display:block;
	width:20px;height:16px;
	cursor:pointer;font-size:1px;
}

a.prevPage {background-position:left top;}
a.prevPage:hover {background-position:left -20px;}

a.nextPage {background-position:right top;}
a.nextPage:hover {background-position:right -20px;}