/*

1) Genreal
2) Wrappers
3) Page header
4) Navigation
5) Content
6) Footer


Colors
brown: c4bdb3, cbc5bc
a89171

*/


/***************************************

	1) General

***************************************/

@import url("/app/projects/fjallmedia/style/reset.css");


body {
	background: #a89171 url('/app/projects/fjallmedia/images/system/page_bg4.jpg') repeat-x center top;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	line-height: 1.2;
}

a:link {
	color: #bc2716; 
	text-decoration: none;
} 

a:visited {
	color: #bc2716; 
	text-decoration: none;	
} 

a:hover {
	color: #000; 
	text-decoration: none;
}

a:active {
	color: #000;
}

a img {
	border: none;
	margin: 0;
	padding: 0;
}

p {
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1.5;
}

ul {
	padding-left: 1em;
	margin-left: 0;
	margin-bottom: 1em;
}

ul li {
	margin-bottom: 3px;
}

h1, h2, h3, h4, h5, h6, h7 {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2;
}

h1, h2 {
	font-weight: normal;
	color: #222;
}

h1, h2, h3, h4, h5, h6, h7 {
	margin: .7em 0 .2em 0;
	padding: 0;
}

h1 {
	font-size: 1.17em;
	font-weight: bold;
}

h2 {
	font-size: 1em;
	font-weight: bold;
}


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

/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */

.nopadding {
	padding: 0 !important;
}

/*******************************************

	2) Wrappers

*******************************************/

#pageWrapper {
	position: relative;
	width: 70.33em;
	margin: 78px auto 0;
	z-index:2;
}

#contentWrapper {
	position: relative;
	background: transparent url('/app/projects/fjallmedia/images/system/contentwrapper_bg.png') repeat left top;
	border-top: solid 4px #fff;
	border-bottom: solid 2px #fff;
	padding: .33em 1.08em;
	height: 35em;
}

#contentWrapper.nopadding {
	height: 35.66em;
}


/*******************************************

	3) Page header

*******************************************/

#pagetop {
	position: relative;
	border-top: solid 6px #fff;
}

#pagetop img {
	position: relative;
	margin-top: -6px;
}

#header {
	/*background: transparent url('/app/projects/fjallmedia/images/system/navigationbottom_bg.gif') repeat-x left bottom;*/
	margin-bottom: 4px;
	overflow: hidden;
	border-bottom: solid 2px #fff;
}

#logo {
	position: relative;
	margin: 0 0 0 -1em;
	padding: 0;
	float: left;
	width: 19.67em;
	padding-top: .72em;
}

#logo h1 {
	margin: 0;
	padding: 0;
	line-height: 1;
}

#logo img {
	width: 100%;
}


/******************************************

	4) Navigation

******************************************/

#navigationWrapper {
	background: transparent url('/app/projects/fjallmedia/images/system/navigationtop_bg.png') repeat-x left top;
	border-top: solid 2px #fff;
	float: left;
	width: 51.58em; 
	margin: 1em 0 0 0;
	overflow: hidden;
}

#flags {
	float: right;
	width: 48px; 
	padding-top: .42em;
}

#flags a {
	margin: 0;
}

#navigation {
	float: left;
	width: 46.33em; 
	margin: 0;
	padding: 0;
}

#navigation li {
	position: relative;
	list-style-type: none;
	float: left;	
	margin: 0;
	padding: 0;
	color: #fff;
	line-height: 1;	
	border-right: solid .08em #888;
}

#navigation li a.topmenu {
	display: block;
	font-family: Tahoma, Arial, Sans-Serif;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: normal;
	color: #fff;
	padding: 1.17em 1.25em 0 1.25em;
	font-size: 1.17em;
	line-height: 1;
	height: 2.33em;
	margin: 0;
}

#navigation.short li a.topmenu {
	padding-top: .42em;
	height: 1.42em;
}

#navigation li a.topmenu:hover,
#navigation li.current {
	background: transparent url('/app/projects/fjallmedia/images/system/navigation_bg_hover.png') repeat-x left top;
}

#navigation li.current a.topmenu:hover{
	background-image: none;
}


.submenu {
	background: transparent url('/app/projects/fjallmedia/images/system/navigation_bg_hover.png') repeat-x left top;
	padding: .25em .92em 0 .25em;
	margin: 0;
	clear: both;
	overflow: hidden;
	height: 1.67em;
	line-height: 1;
	list-style: none;
}

.submenu li {
	float: left;
	padding: .17em;
	margin: 0;
	line-height: 1;
}

.submenu li a,
.submenu li a:visited {
	background: url('/app/projects/fjallmedia/images/system/submenu_arrow.gif') no-repeat right center;
	display: inline;
	color: #b1b3b4;
	font-size: 1.08em;
	padding: 0 .83em 0 .92em;
	margin: 0;
}

.submenu li.currentsubmenu a,
.submenu li.currentsubmenu a:visited {
	background: url('/app/projects/fjallmedia/images/system/submenu_arrow_down.gif') no-repeat right 60%;
	color: #fff;
	padding-right: .92em;
}





/*****************************************

	5) Content

*****************************************/

#content {
	height: 33.33em;
	overflow: auto;
	margin-right: 34.42em;
	padding: .83em 1.25em; 
}

#contentImage {
	position: absolute;
	top: .33em;
	right: 1.08em;
	width: 33.33em; 
}

#contentImage .clientImageButton
{
	width:18px !important;
}

#contentImage img {
	width: 100%;
}



/****************************************

	6) Footer

*****************************************/

#footer {
	padding-top: 6px;
	letter-spacing: 1px;
	text-align: center;
	margin: 4px 0 0 0px;
	border-top: solid 4px #fff;
	color: #444;
}

#footer a {
	color: #444444;
	text-decoration: underline;
}