/* body */

body {
	background: transparent url("../img/bg.gif") repeat-x top right;
	min-width: 900px;
	margin: 0;
	padding: 0;
	font-size: 86%;
	font-family: Verdana, Geneva, Arial, sans-serif;
}

/* common */

img { border: 0; }
.tall { line-height: 2em; }
h3 {
	clear: left;
	color: #555;
	font-weight: normal;
	font-size: 150%;
	padding: 0;
	margin: 1em 0 1ex 0;
}
h3 a {
	color: #555;
}

h4 {
	clear: left;
	color: #777;
	font-weight: normal;
	font-size: 130%;
	margin: 1ex 0 0.5ex 0;
}
h4 a {
	color: #777;
}

/*  column */

#onecolumn {
	text-align: left;
	margin: 0 12em 0 10em;
}
a#filogo img {
	position: relative;
	left: -50px;
	top: 17px;
	width: 252px;
	height: 78px;
}
a#akerlogo img {
	position: absolute;
	right: 20px;
	top: 20px;
	width:122px;
	height: 16px;
}

#header {
	margin: -20px 0 0 0;
	background: #000 url("../img/header/t2.jpg") no-repeat top left;
	padding: 0;
	border: solid 3px #ccc;
	text-align: right;
	clear: both;
	height: 218px;
}
#shade {
	behavior: url("../scripts/iepngfix.htc");
	float: right;
	position: relative;
	background: transparent url("../img/bg_shade.png") no-repeat top right;
	margin: -3px -3px;
	width: 520px;
	text-align: right;
	height: 224px;
	overflow: hidden;
}
#header h1 {
	color: #fff;
	font-weight: normal;
	margin: 0;
	padding: 100px 60px 0 0;
}
#header h2 {
	color: #ed6221;
	font-weight: normal;
	font-size: 300%;
	margin: 0;
	padding: 0 60px 0 0;
}	

#header img#gradient {
	float: right;
	position: relative;
	right: -3px;
	top: -3px;
}


/* content */

#content {
	background: #f5f5ed url("../img/bg_content.png") no-repeat scroll right bottom;
	margin: 0;
	padding: 2em 2em 3em 2em;
	width: inherit;
	min-width: 480px;
	clear: both;
}
#content #wrapper {
	clear: both;
	display: block;
}
#footer {
	text-align: left;
	clear: both;
}
#content p {
	margin: 0 0 1em 0;
}
#content p strong {
	color: #777;
	font-weight: bold;
}


/* articles */
.article {
	width: 100%;
	margin: 0 0 4em 0;
	float: left;
	clear: left;
}
.article h3 {
	margin-top: 0;
}
.article img {
	float: left;
	margin: 0 1em 0 0;
}
.article p {
	padding: 0 0 0 250px;
}
.article .date {
	float: right;
	display: inline;
	padding: 0;
	margin: 1ex 0 0 0;
	color: #ccc;
}
.article .attachments {
}
/* sub pages */
.pages {
	clear: both;
}
/* features */
.features {
	width: 100%;
	clear: both;
	margin: 0;
}
.feat {
	float: left;
	padding: 1em 1ex 0 1ex;
	width: 30%;
}
.feat h3 {
	text-align: center;
	margin: 0;
}
.feat img {
	display: block;
	margin: 0 auto 0 auto;
	text-align: center;
	width: 220px;
	height: 168px;
}
.feat  p {
	display: block;
}

/* lists */
ul li {
	padding-left: 15px;
	margin-left: -15px;
	background: transparent url("../img/list-marker.gif") no-repeat 0 1ex;
	list-style: none;
}
.article ul, .article ol {
	margin: 0 0 1em 260px;
	padding: 0 0 0 1em;
}

/* forms */
form p {
	color: #575757;
}
form input {
	display: block;
	width: 20em;
}
form textarea {
	width: 40em;
	height: 15em;
}
form button {
	display: block;
	width: 9em;
	height: 2.5em;
}

/* footer */

#footer {
	background: #fff;
	text-align: center;
	padding: 0;
	color: #999;
}


/* menu */

#menu {
	position: absolute;
	top: 170px;
	left: 0px;
}
#menu ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#menu  ul li {
	display: block;
}
ul#sections {
	margin-bottom: 1em;
	padding-left: 2em;
}
ul#sections a {
	text-align: right;
	display: block;
	padding: 0.5ex 1ex;
	width: 6em;
	text-decoration: none;
	color: #999;
	background: #f5f5ed;
	margin: 0;
}
ul#icons {
	margin-top: 5em;
	width: 102px;
	float: right;
}
ul#sections * {
	margin: 0;
	padding: 0;
}
ul li#selected a {
	color: #000;
	background: #e7e7df;
}
ul#sections li > a:hover, ul#sections li#selected > a:hover {
	color: #000;
	background-color: #fff;
}

/* icons */

#icons a {
	height: 78px;
	padding: 0;
	margin: 0;
	background-color: #f00;
}
#icons a.des {
	background-image: url("../img/icons/des.png");
}
#icons a.des:hover {
	background-image: url("../img/icons/des.png");
}
#icons a.dpv {
	background-image: url("../img/icons/dpv.png");
}
#icons a.dpv:hover {
	background-image: url("../img/icons/dpv.png");
}
#icons a.xfp {
	background-image: url("../img/icons/xfp.png");
}
#icons a.xfp:hover {
	background-image: url("../img/icons/xfp.png");
}
#icons a.tds {
	background-image: url("../img/icons/3ds.png");
}
#icons a.tds:hover {
	background-image: url("../img/icons/3ds.png");
}


/* side */

.side {
	position: relative;
	float: right;
	right: -14em;
	top: 2em;
	background: #333 url(../img/bg_side.png) repeat-y;
	margin: 0 0 0 -11em;
	width: 11em;
	padding: 0;
}
.side a {
	display: block;
	margin: 0;
	padding: 1ex;
	color: #fff;
	text-decoration: none;
}
.side a:hover {
	background: #555;
}
.side .top , .side .bottom {
	padding: 0;
	margin: 0;
	width: 100%;
	display: block;
}

.side .top {
	background: transparent url(../img/box_top.gif) no-repeat top left;
	height: 2em;
}
.side .bottom {
	background: transparent url(../img/box_bottom.gif) no-repeat bottom left;
	height: 5em;
}


/* movie */

.movie {
	background: #111;
	height: 300px;
	text-align: center;
	margin: 0 0 2em 0;
	min-width: 480px;
}


/* stories */

.stories {
	clear: both;
}

blockquote {
	clear: both;
	margin: 0 0 0 3em;
	color:#575757;
	padding: 0 50px 10px 50px;
	line-height: 2em;
	background: transparent url("../img/blockquote.png") no-repeat 0 0;
}
.article blockquote {
	margin: 0 0 0 260px;
}
.article blockquote  p {
	padding: 0;
}
cite {
	margin: 0 0 0 50px;
	padding: 0;
	font-size: 90%;
	display: block;
	color:#575757;
}
cite::before {
	content: "- ";
}


/* tabs */

.tabs {
	margin: 3em 0;
	text-align: right;
	clear: both;
}
a.button {
	background-color: #ccc;
	color: #666;
	text-decoration: none;
	padding: 0.5ex 1ex;
	border: 1px solid #999;
}
a.button:hover {
	background-color: #d5d5d5;
	color: #444;
}


/* debug */
/*
#onecolumn { background: purple; }
#content { background: green; }
#content p {	background: yellow; }
#menu { background: yellow; }
.movie { background: red !important; }
#test {
	background: blue;
	min-width: 480px;
	padding: 0;
	margin: 0;
	width: 100%;
}
*/