* { padding: 0; margin: 0; }

html{
	background:#cfd2d7 url(../img/bg.gif) repeat-x;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
}

#wrapper{
	width: 962px;
	min-height: 700px;
	margin: 0px auto;
	background: url(../img/midback.jpg) repeat-y;
}

#header{
	width: 100%;
	height: 126px;
	background: url(../img/header_bg.png) no-repeat;
}

#navigation {
 	float: left;
 	width: 920px;
 	color: #333;
 	border: 0px solid #ccc;
 	height: 20px;
 	margin: 90px 20px 0px 0px;
 	padding-left: 10px;
}

#language_select {
	float: right;
	width: 180px;
	text-align: right;
	margin: 8px -5px;
}


#body_apps{
	width: 100%;
	min-height: 500px;
	padding: 5px 10px 10px 10px;
	background: url(../img/appsback.jpg) no-repeat;
	overflow: hidden;
}

#iphone_staand{
	min-height: 840px;
	width: 430px;
	float: left;
	background: url(../img/iphone_portrait.png) no-repeat;
	padding: 0px;
	margin: 0px 6px 0px 0px;
}

#iphone_staand_screen{
	height: 480px;
	width: 320px;
	float: left;
	padding: 0px;
	margin: 134px 0px 0px 56px;
}

#iphone_liggend{
	min-height: 470px;
	width: 750px;
	float: left;
	background: url(../img/iphone_landscape.png) no-repeat;
	padding: 0px;
	margin: 0px 6px 0px 0px;
}

#iphone_liggend_screen{
	height: 320px;
	width: 480px;
	background-color: fuchsia;
	float: left;
	padding: 0px;
	margin: 46px 0px 0px 142px;
}

#body_left{
	min-height: 250px;
	width: 720px;
	float: left;
	padding: 10px 11px 10px 11px;
	margin: 0;
}

#body_right{
	background-color: #0a2450;
	min-height: inherit;
	width: 200px;
	float: right;
	margin: 0;
}

/* FOOTER */

#footer{
	width: 100%;
	height: 50px;
	background:url(../img/footer_bg.jpg) no-repeat;
}

#footer_text{
	padding:15px 25px;
	color:#506883;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

#footer_text a{
	color:#fff;
}


/* Text */

b.normal{
	color:#000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9pt;
	line-height: 1.3;
	font-weight:normal;
}

b.underline{
	font-family:Arial,Helvetica,sans-serif;
	font-size:9pt;
	color: #5f7690;
	line-height: 1.2;
	font-weight: bold;
}

a.language{
	color:#274d7d;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9pt;
	font-weight:bold;
}

a.language:hover{text-decoration:underline;color:#274d7d;}

a{
	color:#000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9pt;
	font-weight:bold;
	text-decoration:none
}

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

b{
	color:#000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9pt;
	font-weight:bold;
}

p{
	color:#000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9pt;
	line-height: 1.3;
}

a.small{
	color:#000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:7pt;
}

h2{
	color:#000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12pt;
	font-weight:bold;
}

ul 
{
	list-style-position: outside;
	padding-left: 25px;
}

table.landscape {
	margin: 0px 0px 5px 55px;
}


/* Menu */

ul#topnav {
	margin: 0; padding: 0;
	float: left;
	width: 900px;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	font-size: 9pt;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-right: 2px solid #2f4665; /*--Divider for each parent level links--*/
}
ul#topnav li a {
	font-family:Arial,Helvetica,sans-serif;
	font-size:9pt;
	padding: 10px 15px;
	display: block;
	color: #f0f0f0;
	text-decoration: none;
}
ul#topnav li:hover { 
	background: #3a6c9e; 
}
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/

ul#topnav li span {
	float: left;
	padding: 5px;
	position: absolute;
	left: 5px; top:36px;
	display: none; /*--Hide by default--*/
	width: inherit;
	background: #3a6c9e;
	color: #fff;
}

ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/

ul#topnav li span a { 
	display: inline; 
	padding: 10px 6px;
	color: #c0cfe1;
} 

/*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/

ul#topnav li span a:hover {
	text-decoration: none;
	color: #fff;
}