@CHARSET "ISO-8859-1";

/*------------------------------------------------------------------
# [Color codes]

# Red (homepage): #e30030
# Orange (monsters): #ee5800
# Yellow (products, portfolio): #deae00
# Green (blog, cases, roadmap): #3d9225
# Blue (sitemap): #0084a0
# Dark grey (right sidebar and some text): #1a1a1a
# Mid grey (text): #666666
# Light grey (text): #cccccc
# */



*{
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

body{	
	font-family: Verdana, Arial, sans-serif;
	font-size: 67.5%;
}

div#container{
	min-height: 100%;
	margin-bottom: -406px;
	position: relative;
}

div#footer{
	height: 406px;
	position: relative;
	background-image: url(../images/bg-monsters-groot.png);	
	background-repeat: no-repeat;
	background-position: center bottom;	
}

.clearfooter {	
	clear: both;
}

a img{
	border: none;	
}

p{
	line-height: 1.6em;	
	margin-bottom: 15px;
}

p.image{
	text-align: center;	
}

p.list-intro{
	margin-bottom: 0px;	
}

div#header, div#wrapper{
	margin: 0 auto;
	width: 946px;	
}

div#header{
	padding-top: 17px;
	padding-left: 15px; 
	padding-bottom: 24px;	
	position: relative;
}

h1{
	font-size: 4.8em;	
}

h2{
	font-size: 1.8em;	
	margin-bottom: 6px;
}

div.content-full h2.text-header{
	margin-bottom: 5px;	
}

div#navigation{
	float: left;
	width: 198px;
	margin-right: 6px;
}

div#navigation span
{
	width: 198px;
}

span#navigation-top
{
	background: transparent url(../images/navigation-top.png) no-repeat top;
	height: 7px;	
}

span#navigation-bottom
{
	background: transparent url(../images/navigation-bottom.png) no-repeat bottom;
	height: 7px;	
}

div#navigation ul{
	background: #ffffff;
	border-bottom: 1px solid #dbdbdb;
	list-style: none;
	padding-bottom: 3px;	
	padding-top: 9px;
}

div#navigation ul li{
	margin-bottom: 12px;	
}

div#navigation ul li.inactive a:link, 
div#navigation ul li.inactive a:visited, 
div#navigation ul li.inactive a:active,
div#navigation ul li.inactive a:hover{
	margin-left: 6px;
	padding: 5px 9px 6px 9px;
	display: inline;
	text-decoration: none;	
	color: #999;
	border: 1px solid #fff;
	text-decoration: line-through;		
}

div#navigation ul li a:link, div#navigation ul li a:visited{
	margin-left: 6px;
	padding: 5px 9px 6px 9px;
	display: inline;
	text-decoration: none;	
	color: #000;
	border: 1px solid #fff;
}

div#navigation ul li.current{		
	background: transparent url(../images/navigation-active.png) no-repeat center;
}

div#navigation ul li.current a, div#navigation ul li.current_back a{
	font-weight: bold;
}

div#navigation ul#navigation-main{
	padding-top: 8px;
}

div#navigation ul#navigation-sitemap{
	border: none;	
	padding-bottom: 6px;
}

div#navigation ul.subnav{
	margin-left: 10px;
	border: none;	
	padding-top: 0px;
}

div#content-wrapper{
	width: 742px;	
	float: left;
	margin-bottom: 450px;
}

div#content-wrapper.seperate{
	background: transparent;	
}

div#content-left-wrapper{
	width: 402px;
	margin-right: 6px;	
	float: left;
}

div#content-left-wrapper span{	
	width: 402px;	
}

div.content-left{
	background-color: #fff;
	padding-top: 3px;
	padding-bottom: 14px;	
}

div.content-right{
	background-color: #1a1a1a;
	padding-top: 3px;
	padding-bottom: 14px;
	color: #666666;	
}


div.content-left p, div.content-left h2, div.content-left h3,
div.content-right p, div.content-right h2, div.content-right h3,
div.highlight, div.content-full
{
	padding-left: 15px;
	padding-right: 15px;
}

div.content-middle p{
	padding-left: 15px;	
}

div#content-wrapper.full div.content-middle span.label{
	width: auto;
	display: inline;	
}

div.highlight p, div.highlight h2, div.highlight h3{
	padding-left: 0;
	padding-right: 0;	
}

h3{
	font-size: 1.1em;	
	margin-bottom: 2px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;	
}

div.highlight h3{
	color: #ccc;		
}

div.highlight img{
	margin-top: 7px;
	margin-bottom: 12px;	
}

div.content-left a:link, div.content-left a:visited,
div.content-right a:link, div.content-right a:visited,
div.content-middle a:link, div.content-middle a:visited,
div.content-full a:link, div.content-full a:visited,
div.content-third a:link, div.content-third a:visited{
	color: #000;
	font-weight: bold;	
}

a.download{
	font-size: 1.4em;	
}

div.grey a:link, div.grey a:visited{
	color: #ccc;
	font-weight: bold;	
}

a.more-info{
	position: relative;	
	text-align: right;
	float: right;
	display: inline;
	margin-top: -10px;
	margin-bottom: 5px;
	padding: 5px 9px 6px 9px;
	margin-right: 6px;
	
}

div.content-middle a.more-info{
	left: 15px;	
	margin-bottom: 15px;
}

div.content-middle a.inactive{
	color: #999;
	text-decoration: line-through;
	font-weight: normal;
	position: relative;
	left: 15px;	
}

div.content-middle img{
	margin-left: 15px;
	margin-top: 5px;	
	margin-bottom: 15px;
}

div.grey span.tag{
	display: inline;
	color: #ccc;
	font-size: 1.0em;
}

div.grey hr{
	position: relative;
	top: -11px;
	margin-bottom: -1px;	
}

div.content-right h2{
	color: #fff;
	display: block;
	position: relative;
	right: 0px;		
}

div.content-full h2{
	margin-bottom: 9px;	
}

div.video p{
	margin-top: 5px;	
}

div.content-right hr{
	color: #3a3a3a;	
	background-color: #3a3a3a;	
}

hr{
	border: 0;
	color: #dbdbdb;
	background-color: #dbdbdb;
	height: 1px;	
	margin-bottom: 10px;
	margin-top: 18px;
}

div.full-content hr{
	margin-top: 1px; 	
}

span#left-top{
	background: transparent url(../images/content-middle-white-top.png) no-repeat top;
	height: 7px;
}

span#left-bottom{
	background: transparent url(../images/content-middle-white-bottom.png) no-repeat top;
	height: 7px;
}

div#content-right-wrapper{
	width: 334px;	
	float: left;	
}

span#right-top{
	background: transparent url(../images/content-right-grey-top.png) no-repeat top;
	height: 7px;
}

span#right-bottom{
	background: transparent url(../images/content-right-grey-bottom.png) no-repeat top;
	height: 7px;
}

div#content-right-wrapper span{
	width: 334px;	
}

div#content-wrapper.full span{	
	width: 742px;	
	display: block;
}

div.full-content{
	background-color: #fff;	
	padding-bottom: 14px;
	padding-top: 3px;
}

span#fullwidth-top{
	background: transparent url(../images/content-wide-top.png) no-repeat top;
	height: 7px;	
	font-size:2px;
}

span#fullwidth-bottom{
	background: transparent url(../images/content-wide-bottom.png) no-repeat bottom;
	height: 7px;	
	font-size:2px;
}

span.rounded{
	display: block;
	font-size:2px;
}

div.full-content div.content-left, div.full-content div.content-right, div.full-content div.content-middle{
	float: left;	
	background: transparent;
}

div.full-content div.content-left{
	width: 402px;	
}

div.full-content div.content-right{
	width: 334px;	
}

div.full-content div.content-middle{
	width: 356px;
	margin-right: 15px;	
}

.reset:after{
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

.reset{
	zoom: 1;
}

div#content-wrapper ul{
	padding-left: 15px;
}

div#content-wrapper ul li{
	margin-left: 16px;
	list-style-image: url(../images/list-item.png);	
	line-height: 1.6em;
	margin-bottom: 9px;
}


div.content-twothirds{
	width: 470px;
	margin-left: 15px;
	float: left;	
}

div.content-twothirds img{
	margin-top: 4px;	
}

div.content-third{
	width: 227px;
	margin-left: 15px;
	float: left;	
}

div.content-third img{
	margin-bottom: 15px;	
}

div.seperate h2{
	margin-right: 30px;	
}

div#tooltip {
	background-image:url(../images/coming-soon.png);
	height: 46px;
	overflow:hidden;
	position:absolute;
	text-align:center;
	width: 118px;
	z-index:4;
	color: #fff;
	font-weight: bold;
	font-size: 1.8em;
}

div#signupForm{
	position: relative;
	margin-left: 95px;
	margin-bottom: 9px;
}

div#signupForm span#signupForm-bottom, div#signupForm span#signupForm-top{
	width: 525px;
	height: 7px;
}

div#content-wrapper.full div#signupForm form#signupForm-form span{
	display: block;
	float: left;
	width: 232px;
	padding-left: 15px;
	padding-right: 15px;
}

div#content-wrapper.full div#signupForm form#signupForm-form label span{
	display: inline;
	float: none;
	width: 232px;
	padding-left: 0px;
	padding-right: 0px;
}

div#content-wrapper.full div#signupForm button span{
	width: 92px;
	visibility: hidden;
	display: none;
}

div#signupForm h2{
	color: #FFFFFF;
	margin-left: 15px;
	margin-bottom: 7px;
}

div#signupForm form{
	width: 525px;
	border: none;
	padding-top: 2px;
	padding-bottom: 10px;
}

div#signupForm label{
	font-size: 1em;
}

div#signupForm input{
	margin-top: 6px;
	margin-bottom: 12px;
	width: 214px;
	height: 22px;
	border: solid 1px;
	padding-top: 4px;
	padding-left: 6px;
	padding-right: 10px;
	float: left;
}

div#signupForm input.error {
	width: 212px;
	height: 20px;
	padding-top: 2px;
	padding-left: 4px;
	border: solid 3px;
}

div#signupForm textarea{
	margin-top: 6px;
	margin-bottom: 14px;
	width: 214px;
	height: 102px;
	border: solid 1px;
	padding-top: 4px;
	padding-left: 6px;
	padding-right: 10px;
	float: left;
}

div#signupForm textarea.error {
	width: 212px;
	height: 100px;
	padding-top: 2px;
	padding-left: 4px;
	border: solid 3px;
}

div#signupForm button{
	font-weight: bold;
	font-size: 1.1em;
	background-color: transparent;
	background-image: url("../images/send.png");
	border: 0px none;
	cursor: pointer;
	display: block;
	float: right;
	height: 26px;
	width: 92px;
	position: absolute;
	bottom: 26px;
	right: 108px;
}

div#signupForm button:hover{
	background-image: url("../images/send2.png");
}


/*------------*/
/* FOTO SLIDER*/
/*------------*/

div.reel_container{
	height: auto;
	overflow: hidden;
	position: relative;	
	width: 347px;
	float: right;
}

div.reel_container div.reel{
	position:relative;
	width:10000px;
}

div.reel_container div.reel img{
	width: 347px;			
	border: none;
	margin: 0px;
}

div.reel_controls{
	padding-left: 1px;	
	margin-bottom: 5px;		
}

div.reel_text{
	position:relative;
	width:10000px;	
}

div.reel_text p{
	width: 347px;
	padding: 0px;	
	float: left;
}

div#content-wrapper div.reel_controls ul{
	list-style: none;	
	position: relative;	
	padding-right: 0px;
	padding-left: 0px;
}

div#content-wrapper div.reel_controls ul li{
	float: left;
	width: 20px;
	height: 13px;
	position: relative;
	list-style: none;
	margin-left: 3px;
	margin-bottom: 4px;
}

div.reel_controls ul li a:link, div.reel_controls ul li a:visited, div.reel_controls ul li a{
	display: block;
	background: transparent url("../images/slider_normal.png");	
	width: 20px;
	height: 13px;
	font-family: verdana;
	color: #fff;
	font-size: 1.0em;	
	text-align: center;
	line-height: 1.0em;
	position: absolute;
	top: 1px;	
	right: 3px;
	text-decoration: none;
	font-weight: normal;
	font-size: 1.0em;	
}
div.reel_controls ul li a:hover , div.reel_controls ul li a:active,
div.reel_controls ul li.active a:hover, div.reel_controls ul li.active a:active{
	background: transparent url("../images/slider_over.png");
}

div.reel_controls ul li.active a:link, div.reel_controls ul li.active a:visited{	
	font-size: 1.0em;
	background: transparent url("../images/slider_yellow.png");
	color: #000;
}

div.reel_controls ul li.last, div.reel_controls ul li.last a{
	margin-right: 0px;
}

a.internal-link{
	padding-right: 13px;
	margin-right: 3px;
	background: transparent url("../images/internal-link.png");
	background-position: bottom right;
	background-repeat: no-repeat;
		
}

a#languageswitch{
	position: absolute;
	right: 8px;
	top: 45px;	
	text-decoration: none;
}

a#languageswitch span{
	color: #fff;	
}

a#languageswitch img{
	border: none;
}

div.quote{
	width: 372px;
	margin-left: 15px;	
	margin-bottom: 12px;
}

div.quote span#quote-top{
	width: 372px;
	height: 7px;
	background: transparent url("../images/quote-top.png");	
}

div.quote span#quote-bottom{
	width: 372px;
	height: 7px;
	background: transparent url("../images/quote-bottom.png");	
}

p.quote{
	padding: 9px 15px 15px 15px;
	background-color: #f00;
	margin-bottom: 0px;
	background: #1a1a1a;
	color: #CCC;
}

pre{
	margin-left: 15px;	
	margin-bottom: 15px;
	width: 311px;
	white-space: pre;
	background-color: #ccc;
	padding: 9px 15px 15px 15px;
}

code{
	font-family:'Courier New',Courier,Monospace;
	font-size: 1.2em;
}