html {
	overflow-y:scroll;
	overflow-x:auto;
	height:100%;
}

body ,
body * {
	position:relative;
	padding:0;
	margin:0;
}

body  {
	background:#1a74b3 url(grafiikka/bg_page.gif) repeat-x;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}

a {
	color:#fff;
	text-decoration:underline;
}
a:hover {
	color:#c7fd94;
	text-decoration:underline;
}
a img {
	border:none;
}

h1 {
	color:#c7fd94;
}
h2 {
	color:#c7fd94;
}
h3 {
	color:#c7fd94;
}






#wrapper-a {
	background:url(grafiikka/bg_repeaty.gif) repeat-y top center;
}
#wrapper-b {
	background:url(grafiikka/bg_header.gif) no-repeat top center;
}
#wrapper-c {
	background:url(grafiikka/bg_footer.gif) no-repeat bottom center;
}
#wrapper-d {
	margin:27px auto;
	width:760px;
}





#header {
	width:760px;
	height:202px;
}

#columns {
	width:760px;
	height:auto !important;
	height:430px;
	min-height:430px;
}

#footer {
	width:760px;
	height:85px;
}





#nav {
	float:left;
	width:263px;
	padding:0 0 0 12px;
}
#content {
	float:left;
	width:468px;
}





#branding {
	position:absolute;
	top:95px;
	left:12px;
}
#branding h1 ,
#branding h1 a {
	width:219px;
	height:64px;
	display:block;
}
#branding h1 a {
	background:url(grafiikka/logo.gif) no-repeat;
}
#branding a:hover {
	opacity:0.8;
	-moz-opacity:.8;
	filter:alpha(opacity=80);
}
#branding h1 a span {
	display:none;
}




#theme {
	position:absolute;
	left:235px;
	top:25px;
	width:508px;
	height:225px;
	background:url(grafiikka/theme.gif) no-repeat;
}






#nav-global {
	position:absolute;
	left:12px;
	top:32px;
	z-index:99;
	font-size:11px;
	line-height:11px;
	font-weight:bold;
}
#nav-global ul {
	list-style:none;
}
#nav-global li {
	float:left;
	margin:0 11px 0 0;
}
#nav-global a {
	display:block;
	padding:0 10px 0 0;
	border-right:1px solid #0659a3;
	text-decoration:none;
}






#nav {
	background:url(grafiikka/bg_nav.gif) no-repeat;
}
#nav h3 {
	color:#fff;
	font-size:11px;
	line-height:11px;
	text-align:center;
	width:242px;
	padding:7px 0 0 0;
	height:30px;
}
#nav-icons ,
#nav-icons ul {
	list-style:none;
	width:242px;
	font-size:11px;
	font-weight:bold;
}
#nav-icons {
	padding:0 0 10px 0;
}
#nav-icons li {
	float:left;
	display:block;
	width:100%;
}
#nav-icons ul li {
	float:left;
	display:block;
	width:33%;
	padding:0 0 10px 0;
}
#nav-icons ul li a {
	display:block;
	text-decoration:none;
}
#nav-icons ul li a:hover img {
	opacity:0.8;
	-moz-opacity:.8;
	filter:alpha(opacity=80);
}
#nav-icons ul li span {
	display:block;
	text-align:center;
}
#nav-icons .icon {
	padding:3px 0 0 0;
}
#nav-icons .shout-icon {
	display:none;
}
#nav-icons .new .shout-icon {
	display:block;
	position:absolute;
	left:12px;
	width:24px;
	height:24px;
	background:url(grafiikka/icon_new.png) no-repeat;
	z-index:99;
	cursor:pointer;
}
#nav-icons .coming .shout-icon {
	display:block;
	position:absolute;
	left:12px;
	top:0px;
	width:55px;
	height:50px;
	background:url(grafiikka/icon_coming.png) no-repeat;
	z-index:99;
	cursor:pointer;
}

#nav-links {
	list-style:square;
	color:#3ddd3d;
	font-size:14px;
	font-weight:bold;
	padding:0 0 0 32px;
}
#nav-links li {
	padding:0 0 10px 0;
}











#content {
	font-size:14px;
	line-height:130%;
	padding:35px 0 0 0;
}
#content h2 {
	font-size:26px;
	letter-spacing:-1px;
	line-height:130%;
	padding:0 0 0.5em 0;
	color:#fff;
}
#content h2.service-title {
	font-size:42px;
	line-height:42px;
	padding:5px 0 0.5em 0;
	color:#fff;
	letter-spacing:-1px;
}
#content h2.service-title img {
	margin:0 8px 0 0;
	float:left;
}
#content h3 {
	font-size:18px;
	line-height:130%;
	padding:0.1em 0 0.3em 0;
}
#content p {
	padding:0 0 0.5em 0;
}
#content ul {
	padding:0 0 0.5em 18px;
}
#content .service-image {
	margin:0;
}
#content .screenshots {
	position:relative;
	float:right;
	z-index:1000;
}

#content .screenshots ul {
	list-style:none;
}
#content .screenshots a:hover img {
	opacity:0.8;
	-moz-opacity:.8;
	filter:alpha(opacity=80);
}







#footer {
	
}

#copy {
	position:absolute;
	left:12px;
	bottom:32px;
	font-size:11px;
	color:#71bde3;
}






.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	line-height:0;
	clear: both;
	overflow:hidden;
	visibility: hidden;
}