/* @override 
	http://www.virtualwater.dev/template/css/screen.css
	http://www.virtualwater.dev/theme/css/screen.css
*/

/* @group reset */

/* http://meyerweb.com/eric/tools/css/reset/
   v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* @end */



/* @group basic */

body, html {
	background-color: #3c3c3c;
	color: #444;
	font: 12px/18px Verdana, sans-serif;
}

html {
	overflow-y: scroll;
}


button {
	cursor: pointer;
}

p {
	padding-bottom: 9px;
}

::-moz-selection {
	background: #009ddf;
	color: white;
}

::selection {
	background: #009ddf;
	color: white;
}

hr {
	display: none;
}


.clear {
	clear: both;
}


a:link, a:visited {
	color: #009ddf;
	/*background: #eeeeee;*/
	/*padding: 1px 2px;
	margin: -1px -2px;*/
	/*text-decoration: none;*/
}

a:hover {
	/*background: #009ddf;
	color: white;*/
	color: #6fccf3;
}

#content {
	min-height: 400px;
	/*background: url(../img/content-bg.gif) no-repeat 0 top;*/
}

#content ul {
	list-style-type: square;
	list-style-position: inside;
	margin-bottom: 9px;
}

#content a:link img,
#content a:visited img,
#content a:hover img {
	display: block;
	/*float: left;*/
	margin: 0 !important;
	
}

#content a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: .80;
}

#content img.alignleft {
	float: left;
	padding-right: 15px;
	padding-bottom: 5px;
}

#page-wrapper {
	background-color: #f1f6f9;
}

#page {
	background-color: white;
	width: 960px;
	margin: auto;
	border-left: 1px solid #d7e7ee;
	border-right: 1px solid #d7e7ee;
}

/* @group social */

#social {
	overflow: hidden;
	padding: 3px 20px 0 20px;
	height: 22px;
	background: url(../img/social-bg.gif) repeat 0 bottom;
	color: #d7e7ee;
	text-shadow: 1px 1px 2px #111;
}


#social #twitter_div {
	width: 5000px;
}

#social ul {
	display: inline;
}

#social strong {
	display: inline;
}


#social li {
	display: inline;
}

#social #twitter_update_list a {
	display: none;
}

#social #twitter_update_list span a {
	display: inline;
}


#social #social-follow {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #444;
	color: #888;
	padding: 3px 10px 0 10px;
	height: 22px;
	text-shadow: 1px 1px 2px #333;

}

#twitter-name {
	text-decoration: none;
	color: white;
	font-weight: bold;
}

a#social-twitterlink {
	color: #6fccf3;
	padding-left: 21px;
	padding-bottom: 2px;
	background: transparent url(../img/social-icn-twitter.gif) no-repeat 0 top;
}

a#social-facebooklink {
	color: #6fccf3;
	padding-left: 21px;
	padding-bottom: 2px;
	background: transparent url(../img/social-icn-facebook.gif) no-repeat 0 top;
}

a#social-twitterlink:hover,
a#social-facebooklink:hover {
	color: white;	
}

/* @end */

#header {
	background: #009ddf url(../img/header-bg.gif) repeat-x 0 bottom;
	height: 80px;

}

#header h1 {
	margin: auto;
	width: 960px;
}

#header h1 a {
	margin: auto;
	background: url(../img/header-logo.gif) no-repeat;
	display: block;
	text-indent: -5000px;
	line-height: 0;
	overflow: hidden;
	width: 337px;
	height: 80px;
}


#backhome-wrapper {
	padding: 20px 0 0 40px;
}

#link-backhome {
	border: none;	
	background: url(../img/btn-home.gif) no-repeat;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	width: 150px;
	height: 34px;
}

#link-backhome:hover {
	background-position: 0 -34px;

}

#link-backhome:active {
	background-position: 0 -68px;
}





ul#nav-main {
	margin-left: -20px;
	padding-top: 18px;
	list-style: none !important;
}

ul#nav-main li  {
	float: left;
	width: 300px;
	height: 27px;
	line-height: 0;
}



ul#nav-main li a  {
	float: left;
	display: block;
	width: 300px;
	height: 27px;
	text-indent: -5000px;
	overflow: hidden; 
	line-height: 0;

	background-image: url(../img/nav-main.gif);
}

	#nav-order a {
		background-position: 0 0;
	}

	/* hover state*/
	#nav-order a:hover {
		background-position: -300px 0;
	}
	
	#nav-support a {
		background-position: 0 -27px;
	}

	/* hover state*/
	#nav-support a:hover {
		background-position: -300px -27px;
	}
	
	#nav-licensing a {
		background-position: 0 -54px;
	}

	/* hover state*/
	#nav-licensing a:hover {
		background-position: -300px -54px;
	}

	#nav-about a {
		background-position: 0 -81px;
	}

	/* hover state*/
	#nav-about a:hover {
		background-position: -300px -81px;
	}

/* IE 6 */
* html ul#nav-main li,
* html ul#nav-main li a {
		width: 280px;
}



#introtext {
	background: url(../img/introtext.gif) no-repeat;
	display: block;
	text-indent: -5000px;
	line-height: 0;
	overflow: hidden;
		width: 580px;
	height: 126px;
}


.layout-70-30, .layout-50-50 {
	float: left;
	width: 960px;
	clear: both;
	background: transparent url(../img/content-stripes.gif) repeat-x 0 bottom;
	padding: 30px 0 30px 0;
}

.noseparator {
	background-image: none;
	padding-bottom: 10px;
}


.fullwidth {
	clear: both;
	padding-left: 40px;
}

.layout-70-30 .left {
	float: left;
	clear: right;
	width: 600px;
	padding-left: 40px;
	margin-right: 20px;
	margin-bottom: 10px;
}

.layout-70-30 .right {
	float: right;
	width: 280px;
	padding-right: 20px;
	margin-bottom: 10px;
}

.layout-50-50 .left {
	position: relative;
	float: left;
	width: 430px;
	padding-left: 40px;
	margin-bottom: 10px;

}

.layout-50-50 .right {
	position: relative;
	float: right;
	width: 430px;
	padding-right: 40px;
	margin-bottom: 10px;

}


.gallery-thumbs {
	float: left;
	width: 100%;
	padding: 10px 0;


}

.gallery-thumbs a:link,
.gallery-thumbs a:visited {
	float: left;
	margin-right: 6px;
	border: 1px solid #ccc;
}

.gallery-thumbs a:hover {
	float: left;
	margin-right: 6px;
	border: 1px solid #009ddf;
}

.pricebadge-poster, .pricebadge-app {
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	line-height: 0;
	width: 86px;
	height: 86px;
	position: absolute;
	z-index: 1000;
	top: -20px;
	right: 70px;
	-moz-box-shadow: 2px 2px 7px #bbb;
	-webkit-box-shadow: 2px 2px 7px #bbb;

	-moz-border-radius: 45px;	
	-webkit-border-radius: 45px;
}

.pricebadge-poster {
	background: url(../img/pricebadge-poster.png) no-repeat;
}

.pricebadge-app {
	background: url(../img/pricebadge-app.png) no-repeat;
	right: 190px;
}



.btn-openinitunes {
	float: left;
	background: url(../img/btn-openinitunes.gif) no-repeat;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	line-height: 0;
	width: 150px;
	height: 50px;
	margin-right: 20px;
}

.btn-getaprint {
	float: left;
	background: url(../img/btn-getaprint.gif) no-repeat;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	line-height: 0;
	width: 214px;
	height: 50px;
	margin-right: 20px;

}


.btn-openinitunes:hover,
.btn-getaprint:hover {
	background-position: 0 -50px;

}

.btn-openinitunes:active,
.btn-getaprint:active {
	background-position: 0 -100px;
}


div.purchasebuttons {
	clear: both;
	padding-bottom: 15px;
}


/* @group newsletter */

#box-newsletter {
	background-color: #f1f6f9;
	border: 1px solid #d7e7ee;
	padding: 10px 20px 20px 20px;
	width: 240px;
}

#box-newsletter form {
	float: left;
	clear: both;
}
.btn-subscribe {
	clear: both;
	float: right;
	border: none;	
	background: url(../img/btn-subscribe.gif) no-repeat;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	width: 150px;
	height: 34px;
}

.btn-subscribe:hover {
	background-position: 0 -34px;

}

.btn-subscribe:active {
	background-position: 0 -68px;
}

#box-newsletter div {
}

#box-newsletter input {
	width: 225px;
	border: 1px solid #ccc;
	font: inherit;
	float: left;
	clear: both;
	margin-bottom: 15px;

}

#box-newsletter label {
	float: left;
	clear: left;
}

#box-newsletter a#newsletter-privacystatement {
	float: left;
	width: 80px;
	font-size: 10px;
	color: #a9a9a9;
}

/* @end */

/* @group Orderbuttons */


.btn-orders-german,
.btn-orders-eu,
.btn-orders-international {
	clear: both;
	float: left;
	border: none;	
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	width: 300px;
	height: 50px;
	margin-bottom: 10px;
}	

.btn-orders-german {
	background: url(../img/btn-orders-german.gif) no-repeat;
}

.btn-orders-eu {
	background: url(../img/btn-orders-eu.gif) no-repeat;
}

.btn-orders-international {
	background: url(../img/btn-orders-international.gif) no-repeat;
}


.btn-orders-german:hover,
.btn-orders-eu:hover,
.btn-orders-international:hover {
	background-position: 0 -50px;

}

.btn-orders-german:active,
.btn-orders-eu:active,
.btn-orders-international:active {
	background-position: 0 -100px;
}


/* @end */

/* @group CSS3EyeCandy */

@-webkit-keyframes 'glow'
{
	0% {
		-webkit-box-shadow: 0 0 5px rgba(0, 157, 222, 1.0);
	}
	100% {
		-webkit-box-shadow: 0 0 25px rgba(0, 157, 222, 1.0);
	}
}

.hoverglow {
	-moz-box-shadow: 2px 2px 7px #bbb;
	-webkit-box-shadow: 2px 2px 7px #bbb;
}

.hoverglow:hover {
	-moz-box-shadow: 0 0 10px rgba(0, 157, 222, 1.0);
	-webkit-animation-name: 'glow';
	-webkit-animation-duration: .8s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: ease-in-out;
}

/* @end */

/* @group footer */

#footer-wrapper {
	clear: both;
	background-color: #3c3c3c;
	height: 100px;
}

#footer {
	color: #d7e7ee;
	margin: auto;
	width: 960px;
	text-align: center;
	padding-top: 12px;
	text-shadow: 1px 1px 2px #111;
}



#footer a:link,
#footer a:visited {
	color: #d7e7ee;
}

#footer a:hover {
	color: #6fccf3;
}

#footer-logo {
	margin: auto;
	background: url(../img/footer-rrf-logo.png) no-repeat;
	display:block;
	text-indent: -5000px;

	overflow: hidden;
	width: 114px;
	height: 20px;
	margin-bottom: 10px;
}

/* @end */




/* @group Headlines */

h2 {
	font-size: 22px;
	line-height: 27px;
	padding-bottom: 9px;
	
}

.h {
	display:block;
	text-indent: -5000px;
	overflow: hidden;
	width: 100%;
	height: 40px;
	line-height: 1;
	padding-bottom: 5px;

}

.h-theposter {
	background: url(../img/h-theposter.gif) no-repeat;

}

.h-theapp {
	background: url(../img/h-theapp.gif) no-repeat;

}

.h-theapp {
	background: url(../img/h-theapp.gif) no-repeat;

}

.h-thevirtualwaterproject {
	background: url(../img/h-thevirtualwaterproject.gif) no-repeat;

}

.h-stayuptodate {
	background: url(../img/h-stayuptodate.gif) no-repeat;

}

.h-thetheory {
	background: url(../img/h-thetheory.gif) no-repeat;

}

.h-thedesign {
	background: url(../img/h-thedesign.gif) no-repeat;

}

.h-theposterfirstedition {
	background: url(../img/h-theposterfirstedition.gif) no-repeat;

}

.h-publicationsawardsexhibitions {
	background: url(../img/h-publicationsawardsexhibitions.gif) no-repeat;

}


/* @end */

/* @end */