@charset "utf-8";

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
# GENERAL
# # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */

body, html {
	height:100%;
	min-height:100%;
}

body {
	padding:0;
	margin:0;
	font-family:Verdana, Geneva, sans-serif;
	/*background:#7E7B7B url(../images/tausta.png) top center repeat-y;*/
	background:#121212 url(../images/tausta.png) top center repeat-y;
	text-align:center;
	color:#FFFFFF;
	font-size:12px;
}

table {
	margin-top:40px;	
}

p {
	font-size:12px;
	padding:0;
	margin:20px 0;
	line-height:18px;
}

hr {
	background-color:#262626;
	border:none;
	border-top:#333333 1px solid;
	border-bottom:#4D4D4D 1px solid;
}

img {
	border:none;	
}

h1, h2, h3, h4, h5 {
	padding:0;
	margin:10px 0;
	color:#FFFFFF;
}

h1 {
	font-size:24px;
}

h2 {
	font-size:20px;
}

a {
	color:#72aec3;
}

a:link, a:visited {
	text-decoration:underline;
}

a:hover, a:active {
	text-decoration:none;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
# sIFR
# # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */

.sIFR-active h1,
.sIFR-active h2,
.sIFR-active h3,
.sIFR-active h4 {
	visibility: hidden;
	color:#FFFFFF;
	padding:0;
	margin:10px 0;
}

.sIFR-active h1 {
	font-size:40px;
}

.sIFR-active h2 {
	font-size:40px;
}

.sIFR-active h3 {
	font-size:26px;
	margin-bottom:0;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
# WRAPPER
# # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */

div#wrapper {
	margin:0 auto;
	width:950px;
	/*background:#3D3D3D;*/
	background:#262626;
	padding-bottom:50px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
# LANGUAGE
# # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */

div#language_selection {
	position:absolute;
	width:175px;
	height:30px;
	left:50%;
	margin-left:290px;
	top:10px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
# NAVIGATION
# # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */

div#navigation {
	background:url(../images/menu_bg.png) top left repeat-x;
	height:60px;
	width:100%;
}

div#navigation ul, #navigation ul li {
	display:block;
	padding:0;
	margin:0;
}

div#navigation ul#primary {
	margin-left:40px;
}

div#navigation ul#secondary {
	margin-right:40px;
}

div#navigation ul li {
	list-style:none;
}

div#navigation ul#primary li {
	float:left;
}

div#navigation ul#secondary li {
	float:left;
}

div#navigation ul li a {
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
# CONTENT
# # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */

div#content {
	margin:0;
	padding:0;
	margin-top:20px;
	width:98%;
	text-align:left;
	padding-left:40px;
	margin-bottom:60px;
}

div#content #p1,
div#content #p2,
div#content #p3,
div#content #pwide {
	width:262px;
	float:left;
	margin-left:40px;
	overflow:hidden;
}

div#quality {
	background:#4A4A4A;
	width:91%;
	padding:10px;
}

div#quality img {
	position:absolute;
	top:216px;
	left:50%;
	margin-left:-435px;
}

div#quality p {
	padding:0;
	margin:0;
	margin-left:85px;
}

div#content #p1 {
	margin-left:0;
}

div#content #p2 {
	
}


div#content #p3 {
	
}

div#content #pwide {
	width:560px;
}

div#content ul, div#content ul li {
	padding:0;
	margin:0;
}

div#content ul {
	margin-top:20px;
}

div#content ul li {
	color:#999;
	font-size:12px;
	border-bottom:#464646 solid 1px;
	list-style-image:url(../images/list_bullet.png);
	padding:4px 0;
	list-style-position:inside;
}

div.studio_images {
	text-align:center;
	width:100%;
	padding:8px 0;
	margin:6px auto;
	background:#333333;
}

div.studio_images img {
	padding:2px;
	border:#515151 solid 2px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
# LOGIN FORM
# # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */

form#loginForm {
	width:80%;
	padding:10%;
	background:#4A4A4A;
	text-align:left;
}

form#loginForm #psw {
	padding:5px;
	width:208px;
	font-size:12px;
}

form#loginForm #psw{
	padding:5px;
	width:198px;
	background:#3D3C3C url(../images/textinput.png) repeat-x top left;
	color:#FFF;
	border:#595959 solid 1px;
}

form#loginForm #submit {
	margin-top:6px;
}

form#loginForm #error {
	margin-top:6px;
	font-weight:bold;
	color:#E22221;
	font-size:12px;
}

form#loginForm #error img {
	margin-bottom:-3px;
}

/* # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # 
# CONTACT FORM
# # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # */

form#contactForm {
	width:100%;	
}

form#contactForm .required {
	display:block;
	width:536px;
	height:18px;
	padding:6px 0 0 6px;
	background:#393939 url(../images/text_input_normal.png) no-repeat top left;
	font-family:inherit;
	font-size:12px;
	color:#FFF;
	border:1px #595959 solid;
}

form#contactForm textarea.required {
	background:#393939 url(../images/text_input_normal.png) no-repeat top left;
	width:536px;
	padding:6px 0 0 6px;
	height:150px;
}

form#contactForm textarea.error {
	background:#503030 url(../images/text_input_error.png) no-repeat top left;
}

form#contactForm .error {
	background:#503030 url(../images/text_input_error.png) no-repeat top left;
	border-color:#C33838;
}

form#contactForm label em.error {
	font-weight:bold;
	color:#C33838;
	background:url(../images/icons/cross.png) no-repeat top left;
	padding-left: 20px;
	display:none;
}

form#contactForm p.errorContainer {
	display:none;
	font-style:italic;
	font-weight:bold;
	color:#C33838;
}

form#contactForm label {
	display:block;
	margin-top:10px;
	margin-bottom:3px;
}

form#contactForm #reset, form#contactForm #submit {
	display:inline;
	margin-top:10px;
}

form#contactForm #submit {
	margin-left:10px;
}