/* Common settings */

html {
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:0;
	color:rgb();
	font-family:Optima Demi, Optima, Arial, sans-serif;
	background-color:transparent;
}

img {
	border:0;
}

#frame {
	position:relative;
	margin:auto;
	background-color:white;
	width:1224px;
	height:800px;
}

#content {
	position:absolute;
	top:50%;
	left:50%;
	width: 1024px;
	height: 600px;
	margin-top:-300px;
	margin-left:-512px;
	background-color: rgb(123,139,133);
}

/* Common corner containers and links */

#left_top {
	position:absolute;
	top:0;
	left:0;
}

#right_top {
	position:absolute;
	top:0;
	right:0;
}

#left_bottom {
	position:absolute;
	bottom:0;
	left:0;
}

#left_bottom_links {
	margin:0;
	padding:0;
	position:absolute;
        bottom:0px;
        left:0;
        width:270px;
        height:298px;
        z-index:16;
}

#monentekijat_link {
	position:absolute;
	top:10px;
	left:0;
	display:block;
	margin:0;
	padding:0;
	width:225px;
	height:60px;
	text-decoration:none;
}

#right_bottom {
	position:absolute;
	right:0;
	bottom:0;
}

/* Frontpage center container */

#center {
	position:absolute;
	left:270px;
	bottom:232px;
	width:400px;

	color:white;
	font-weight: bold;
	font-size: 14pt;
}

/* Frontpage images */

.frontpage_left_bottom_image {
	position:absolute;
	bottom:-79px;
	right:345px;
	width:254px;
	height:246px;
	background-image:url('/resources/images/layout_gif/frontpage_bottom_left.gif');
}

.frontpage_right_bottom_image {
	position:absolute;
	bottom:-78px;
	right:-40px;
	width:246px;
	height:247px;
	background-image:url('/resources/images/layout_gif/frontpage_bottom_right.gif');
}

.frontpage_left_top_image {
	position:absolute;
	top:36px;
	right:345px;
	width:255px;
	height:259px;
	background-image:url('/resources/images/layout_gif/frontpage_top_left.gif');
}

.frontpage_right_top_image {
	position:absolute;
	top:36px;
	right:-45px;
	width:251px;
	height:256px;
	background-image:url('/resources/images/layout_gif/frontpage_top_right.gif');
}

.image_text {
	text-align:center;
	margin-top:120px;
	color:rgb(72,85,83);
	font-weight:bold;
}

.image_text a {
	color:rgb(72,85,83);
	text-decoration:none;
}

/* Portfolio page images */

.portfolio_left_bottom_image {
	position:absolute;
	bottom:-85px;
	right:345px;
	width:249px;
	height:249px;
	background-image:url('/resources/images/layout_gif/portfolio_bottom_left.gif');
}

.portfolio_right_bottom_image {
	position:absolute;
	bottom:-85px;
	right:-42px;
	width:248px;
	height:249px;
	background-image:url('/resources/images/layout_gif/portfolio_bottom_right.gif');
}

.portfolio_left_top_image {
	position:absolute;
	top:36px;
	right:345px;
	width:249px;
	height:248px;
	background-image:url('/resources/images/layout_gif/portfolio_top_left.gif');
}

.portfolio_right_top_image {
	position:absolute;
	top:36px;
	right:-42px;
	width:248px;
	height:249px;
	background-image:url('/resources/images/layout_gif/portfolio_top_right.gif');
}

/* Portfolio pages' content containers */

#left_content {
	position:absolute;
	top:0;
	left:0;
	width:612px;
	height:800px;
	z-index:10;
}

#right_content {
	position:absolute;
	top:0;
	right:0;
	width:612px;
	height:800px;
	z-index:11;
}

#center_text {
	position:absolute;
	top:260px;
	left:347px;
	width:265px;
	z-index:12;

	color:rgb(196,197,177);
	font-size:11pt;
}

#center_text h2 {
	margin:0;
	padding:0;
	margin-bottom:17px;

	color:rgb(196,197,177);
	font-size:11pt;
}

/* Portfolio pages' menu and text styles */

#center_links {
	position:absolute;
	top:260px;
	left:612px;
	width:30px;
	z-index:13;

	color:rgb(64,84,82);
	font-size:14px;
	font-weight:bold;
}

#child_links {
	position:absolute;
	bottom:180px;
	left:380px;
	z-index:15;

	color:rgb(64,84,82);
	font-size:10pt;
	font-weight:bold;
}

#description_text {
	position:absolute;
	top: 258px;
	left:373px;
	width:230px;
	height:400px;
	z-index:14;

	color:rgb(196,197,177);
	font-size:11px;
	font-weight:normal;
}

#description_text strong {
	font-size:14px;
}

#description_text p {
        margin:0;
        margin-bottom:17px;
        padding:0;
        color:rgb(196,197,177);
}

p.text {
        line-height:14pt;
}

.portfolio ul {
	margin:0;
	padding:0;
}

.portfolio li {
	margin:0;
	padding:0;
	margin-bottom:17px;
	list-style-type:none;
}

.portfolio a {
	color:rgb(64,84,82);
	text-decoration:none;
}

.portfolio a.active {
	color:rgb(196,197,177);
}

.portfolio a.firstActive {
	color:rgb(196,197,177);
}

.portfolio a.lastActive {
	color:rgb(196,197,177);
}