@charset "UTF-8";
/* CSS Document */


/* CSS styles especially for the index.html (entrancepage) */

#middle {
	position:absolute;
	left:0px;
	top:60px;
	width:100%;
	z-index:1;
}
.background {
	background-color: #0B0B0B;
}
#sub-middle {
	position:absolute;
	top:243px;
	width:399px;
	height:60px;
	z-index:2;
	right: 70px;
}

#sub-middle a {
	text-decoration: none;
}

#bottom {
	position:absolute;
	top:291px;
	width:399px;
	height:72px;
	z-index:3;
	right: 70px;
}

#bottom-loading {
	margin-top: 50px;
	width: inherit;
	height: 50px;
	background: url(/images/loading.gif) no-repeat center;
}

#bottom-loading a {
	text-decoration: none;
	color: #999;
	font: 11px Tahoma;
	text-align: center;
	display: block;
	padding-top: 50px;
}

hr {
	border: 0;
	border-top: ridge #0099D5 0.75pt;
	height: 0px;
}

/* End Styles defined for the index.html (entrancepage) */


/* Begin of global styles defined for every Area */

/* zero margin because of no-borders around the body */
 html, body {
	background-color: #000;
	color: #464646;
	margin: 0; 
	padding: 0;
	font-size: 0.81em;
	font-family: Verdana, Arial, Helvetica;
/*	text-align: center; /* IE quirky center */
}

div {
	margin: 0px;
	padding: 0px;
}

/* the a tag will never be decorated unless it's overwritten by a specific style */

a {
	text-decoration: none;
	color: #252525;
}

p {
	text-transform: none;
	font-size: 1.12em;
	padding: 0px 30px 0px 40px;
}

h4 {
	color:#333;
	font-size: 10px;
}

h5 {
	font-size: 1.45em;
	font-weight: normal;
	letter-spacing: 1px;
/*	font-family: "Century Gothic"; */
}

span {
	visibility: hidden;
}

img {
	border-style: none;
}

img.arrow {
	padding: 0px 5px 0px 5px;
	margin-bottom: -1px;
}

/* img.content-r-m-b-downloads {
	margin-bottom: -12px;
} */

.newscolumn {
/*	margin: 0px 7px 0px 10px; */
	width: 226px;
	padding: 0px 0px 0px 0px;
	position: relative;
}

/* End of global styles defined for every Area */

/* Begin of styles defined for every Header Area */

#header {
	width: 100%;
	clear: both;
}

#header-t {
	width: inherit;
	background-color: #000;
	height: 60px;
}

#header-t-inner {
	width: 900px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 3px;
	height: 60px;
	clear: both;
	background: url(/images/header-t-banner.png) no-repeat;
}

#header-t-nav {
	height: inherit;
	margin-left: 20px;
}

.header-t-r-items {
	float: left;
	margin-top: 15px;
}

#header-t-home {
	width: 43px;
	height: 15px;
	text-decoration: none;
	background: url(/images/header-home.gif) no-repeat 0 -15px;
}

#header-t-home a, #header-t-faq a, #header-t-downloads a, #header-t-login a {
	display: block;
}

#header-t-home:hover {
	background: url(/images/header-home.gif) no-repeat 0 0px;
}

#header-t-faq {
	width: 37px;
	height: 15px;
	text-decoration: none;
	background: url(/images/header-faq.gif) no-repeat 0 -15px;
}

#header-t-faq:hover {
	background: url(/images/header-faq.gif) no-repeat 0 0px;
}


#header-t-downloads {
	width: 70px;
	height: 15px;
	text-decoration: none;
	background: url(/images/header-downloads.gif) no-repeat 0 -15px;
}

#header-t-downloads:hover {
	background: url(/images/header-downloads.gif) no-repeat 0 0px;
}

#header-t-login {
	width: 70px;
	height: 15px;
	text-decoration: none;
	background: url(/images/header-login.gif) no-repeat 0 -15px;
}

#header-t-login:hover {
	background: url(/images/header-login.gif) no-repeat 0 0px;
}

#header-b {
	width: inherit;
	background-color: none;
	height: 120px; 
}

#header-b-inner {
	width: 899px;
	margin-left: auto;
	margin-right: auto;
	height: inherit;
	clear: both;
	border-right: ridge #333 1px;
}

/* defined the height as a value instead of inherit so it renders in IE */
#header-l {
	float: left;
	width: 59px;
	height: 120px;
} 
#header-r {
	float: left;
	width: 770px;
	height: 100px;
	margin-top: 0px;
}
/* to center the menu within the header division. Width 770 for 7*110px and margin-left and -right to center the navbar */
#header-r-nav {
	clear:both;
	width:770px;
	margin-left:auto;
	margin-right:auto;
}

/* End of global styles defined for Header Area */

/* Begin of global styles defined for Divider Area */

#divider {
	width: 100%;
	clear:  both;
	height: 10px;
}

/* Classes to define the colors just for each subpage per navigation-item */

.divider-color-home {
/*	background-color: #008080; */
	background-color: #1F92B6;
}

.content-border-home {
 	border-left: 1px solid;
	border-right: 1px solid;
	border-color: #1F92B6;
}

.divider-color-products {
/*	background-color: #0566C3; */
	background-color: #008080;
}

.content-border-products {
 	border-left: 1px solid;
	border-right: 1px solid;
	border-color: #008080;
}

.divider-color-iphone {
	background-color: #0000AC;
}

.content-border-iphone {
 	border-left: 1px solid;
	border-right: 1px solid;
	border-color: #0000AC;
}

.divider-color-services {
	background-color: #4B0083;
}

.content-border-services {
 	border-left: 1px solid;
	border-right: 1px solid;
	border-color: #4B0083;
}

.divider-color-partners {
	background-color: #1F92B6;
}

.content-border-partners {
 	border-left: 1px solid;
	border-right: 1px solid;
	border-color: #1F92B6;
}

.divider-color-contact {
	background-color: #1E8400;
}

.content-border-contact {
 	border-left: 1px solid;
	border-right: 1px solid;
	border-color: #1E8400;
}

.divider-color-about {
	background-color: #940082;
}

.content-border-about {
 	border-left: 1px solid;
	border-right: 1px solid;
	border-color: #940082;
}

.divider-color-news {
	background-color: #FF7700;
}

.content-border-news {
 	border-left: 1px solid;
	border-right: 1px solid;
	border-color: #FF7700;
}

.divider-color-downloads {
	background-color: #CC0066;
}

.content-border-downloads {
 	border-left: 1px solid;
	border-right: 1px solid;
	border-color: #CC0066;
}

.divider-color-faq {
	background-color: #AA0707;
}

.content-border-faq {
 	border-left: 1px solid;
	border-right: 1px solid;
	border-color: #AA0707;
}

/* End of global styles defined for Divider Area */

/* Begin of global styles defined for Content Area */

/* Styles defined for the latest news column */

.news-bg-0 {
	height: 85px;
	display: block;
	background: url(/images/news-bg-0.png) repeat-x;
	border-bottom: solid #464646 1px;
}

.news-bg-1 {
	height: 85px;
	display: block;
	background-color: #FFF;
	border-bottom: solid #464646 1px;
}

h4.newsdate {
	padding: 2px 0px 0px 10px;
	width: 220px;
	text-transform: uppercase;
	font-family: "Century Gothic";
}

h5#content-r-m-m-text {
	margin: 0px 30px 0px 30px;
	padding: 15px 0px 10px 10px;
	border-bottom: ridge #5C5C5C 1px;
	color: #252525;
	clear: both;
} 

p.content-date {
	font-size: 0.91em;
	padding-left: 30px;
}

/*a#content-r-m-b-text {
	margin-top: -35px;
	padding-bottom: -5px;
	margin-left: 100px;
	font-size: 1.2em;
	color: #999;
	font-weight: normal;
} 

a#content-r-m-b-text:hover {
	color: #FFF ;
} */

/*div#content-r-m-m-download {
	bottom: 10px;
	left: 30px;
	border-top: dotted #FFF 1px;
	position: absolute;
	padding-top: 10px;
	width: 428px;
}

/* div#content-r-m-b-download:hover {
	background: url(/images/content-r-m-b-download.png) no-repeat 0 -20px;
} */

/* clear: both to mark a new outer division */

#content {
	position: relative;
	width: 100%;
	background: url(/images/content-bg-light.png) repeat-x;
	background-color: #FFF;
	overflow: hidden;
}

#content-inner {
	position: relative;
	width: 898px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	background: url(/images/content-inner-bg.png) repeat;
/*	min-width: 600px; /* to allow room for images and long words */
	min-height: 80%; /* IE has height hacked in in conditional below */
	margin: 0 auto; /* compliant center */
	text-align: left; /* reset text alignment */
}

/* defined the height as a value instead of inherit so it renders in IE */
#content-l {
	position: absolute;
	top: 20px;
	bottom: 0; /* Opera needs this! Moz would automatically assume this as default */
	left: -30px;
/* height: 100%; */ /* hacked in for IE via conditional comment */
}

#content-m {
	left: 70px;
	padding-top: 40px;
}

#content-m {
	position: absolute; 
	top: 0;
	bottom: 0; /* Opera needs this! Moz would automatically assume this as default */
	border-width: 0px; /* widths below */
	border-style: solid;
	border-color: #000;
/*	height: 100%; */ /* hacked in for IE via conditional comment */
}

/* #content-m {
	float: left;
	width: 230px;
	height: inherit;
	padding: 0px 10px 0px 10px;
} */

#content-m-t {
	height: 40px;
	float: none;
/*	padding-top: 10px; */
}

#content-m-m {
	position: relative;
	width: 226px;
	height: 342px; 
/*	width:  inherit; */
	float: none;
	background: url(/images/content-m-bg.png) repeat-x;
	background-color: #FFF;
	border-right: solid #1B1B1B 2px;
	border-left: solid #1B1B1B 2px;
	overflow: hidden;
	display: block;
}

/* #content-m-m {
	height: 435px;
	float: none;
} */

/* #content-m-m-t {
	height: 40px;
	float: none;
	background-image:url(/images/content-m-t-bg.gif);
	background-repeat: no-repeat;
} */
/* #content-m-m-m {
	height: 342px;
	width:  inherit;
	float: none;
	background: url(/images/content-m-bg.png) repeat-x;
	background-color: #FFF;
	border-right: solid #1B1B1B 2px;
	border-left: solid #1B1B1B 2px;
	overflow: hidden;
	display: block;
} */

.newsdate {
	background-image:url(/images/newsdate-bg.png);
	background-repeat:no-repeat;
	width: 226px;
	height:  17px;
	margin: 0px 0px 0px 0px ;
/*	border-bottom: solid #333 1px; */
}

.newscolumn p {
	font-size: 11px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 5px;
	margin-top: 5px;
}

.newscolumn a {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 230px;
	height: 17px;
	display: block;
	text-decoration: none;
	text-align: right;
	font-size: 10px;
	padding-top: 3px;
}

.newscolumn a:hover {
	background-color: #1F92B6;
	color: #FFF;
/*	margin: 0px -15px 0px -20px;
	padding-right: 15px; */
}

#content-m-m-b {
	height: 53px;
	float: none;
	background-image: url(/images/content-m-b-bg.gif);
	background-repeat: no-repeat;
}

/* #content-m-b {
	height: 15px;
	float: none;
} */

#content-r {
	margin-left: 330px;
	padding: 40px 0px 0px 0px;	
}

/* #content-r {
	float: left;
	width: 490px;
	height: inherit;
	padding: 0px 10px 0px 10px;
} */

/* #content-r-m {
	height: 435px;
	float: none;
} */

/*#content-r-m-t {
	height: 40px; 
} */

#content-r-m-m {
	width: 486px;
	min-height: 322px;
	max-height: 1800px;
	float: none;
	overflow: hidden;
	background: url(/images/content-m-bg.png) repeat-x;
	border-right: solid #1B1B1B 2px;
	border-left: solid #1B1B1B 2px;
	background-color: #FFF;
	padding-bottom: 20px;
}

#content-r-m-m img {
	padding: 0px 0px 0px 0px;
}

.image-with-text {
	float: left;
	margin-right: 10px;
}

#content-r-m-m hr {
	margin: 0px 30px 0px 30px;
	border: 0;
	border-top: ridge #B1B1B1 0.75pt;
	height: 0px;
	
}

/* #content-r-m-m {
	font-size: 12px;
	padding-left: 40px;
} */

div.left {
	float: left;
	width: 243px;
	height: 120px;
	padding: 10px 0px 0px 0px;
}

div.right{
	float: left;
	width: 243px;
	height: 120px; 
	padding: 10px 0px 5px 0px;
}

div.sitemap p {
	padding: 0px 0px 0px 40px; 
/*	margin: 5px 0px 5px 0px; */
	font-size: 11px;
}

/*#content-r-m-m {
	height: 342px;
	float: none;
	background: url(/images/content-m-bg.png) repeat-x;
	background-color: #FFF;
	border-right: solid #1B1B1B 2px;
	border-left: solid #1B1B1B 2px;
	position: relative;
}*/

/* #content-r-m-b {
	height: 53px;
	float: none;
}

#content-r-b {
	height: 15px;
	float: none;
} */


a.subnav-type {
	width:  226px;
	float: none;
	display: block;
	text-decoration: none;
	color: #333;
	background: none;
	border-bottom: 1px ridge #333;
	text-transform: uppercase;
	text-indent: 35px;
	font: 11px Tahoma;
}

div.subnav a {
	padding-top: 10px;
	height: 25px;
}


a.subnav-type:hover {
	color: #FFF;
	background-image: url(/images/content-nav-bg.png);
}

.productscurrent a.subnav-type, .productscurrent a.subnav-type:hover {
	color: #FFF;
	background-image: url(/images/content-nav-products-current.png);
}

.iphonecurrent a.subnav-type, .iphonecurrent a.subnav-type:hover {
	color: #FFF;
	background-image: url(/images/content-nav-iphone-current.png);
}

.servicescurrent a.subnav-type, .servicescurrent a.subnav-type:hover {
	color: #FFF;
	background-image: url(/images/content-nav-services-current.png);
}

.partnerscurrent a.subnav-type, .partnerscurrent a.subnav-type:hover {
	color: #FFF;
	background-image: url(/images/content-nav-partners-current.png);
}

.contactcurrent a.subnav-type, .contactcurrent a.subnav-type:hover {
	color: #FFF;
	background-image: url(/images/content-nav-contact-current.png);
}

.aboutcurrent a.subnav-type, .aboutcurrent a.subnav-type:hover {
	color: #FFF;
	background-image: url(/images/content-nav-about-current.png);
}

.newscurrent a.subnav-type, .newscurrent a.subnav-type:hover {
	color: #FFF;
	background-image: url(/images/content-nav-news-current.png);
}

.faqcurrent a.subnav-type, .faqcurrent a.subnav-type:hover {
	color: #FFF;
	background-image: url(/images/content-nav-faq-current.png);
}

.downloadscurrent a.subnav-type, .downloadscurrent a.subnav-type:hover {
	color: #FFF;
	background-image: url(/images/content-nav-downloads-current.png);
}

.disclaimercurrent a.subnav-type, .disclaimercurrent a.subnav-type:hover {
	color: #FFF;
	background-image: url(/images/content-nav-default-current.png);
}

.sitemapcurrent a.subnav-type, .sitemapcurrent a.subnav-type:hover {
	color: #FFF;
	background-image: url(/images/content-nav-default-current.png);
}

/* Here ends the content id's and classes defined for the subpages (per navigation item) */

#footer {
	clear: both;
	bottom: 0px;
	width: 100%;
}
#footer-t {
	width: inherit;
	background-color: #000;
	height: 50px;
	border-top: ridge #333333 1px;
}
#footer-b {
/*	height: 2px; */
	background-color: #000;
	border-top: ridge #333333 1px;
}

#footer-timestamp {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	font-size: 11px;
	padding: 4px 0px 4px 100px;
	color: #FFF;
	font-family: Tahoma;
	letter-spacing: 1px;
}

.footer-t-r-items {
	float: left;
	width: 70px;
	height: 15px;
	text-align: center;
	margin-top: 25px;
}

#footer-t a{
	text-decoration: none;
	font-size: 11px;
}

#footer-t-inner {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	height: inherit;
	clear: both;
}
#footer-t-l {
	float: left;
	width: 59px;
	height: inherit;
	background-color: none;
}


#footer-t-m {
	float: left;
	width: 440px;
	height: inherit;
	margin-left: -40px;
	margin-top: -5px;
}


#footer-t-r {
	float: left;
	width: 329px;
	height: inherit;
	margin: 20px 0px 0px 80px;
	height:20px
}

img#footer-t-r-copyright {
	float: right;
	padding-right: 10px;
}

.footer-r-color {
	background: #000;
}


/* Lauyout for doted separator troughout the pages */
.footer-separator {
	float: left;
	width: 20px;
	height: 15px;
	background: url(/images/separator.png) no-repeat;
	margin-top: 25px;
}

.header-separator {
	float: left;
	width: 20px;
	height: 15px;
	background: url(/images/separator.png) no-repeat;
	margin-top: 15px;
}

.border-bottom {
	border-bottom: ridge #5D5D5D 1px;
	height: 58px;
}

/* footer-b-inner center has a width total sum of footer-items width and separators */
#footer-r-inner {
	width: 340px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	height: inherit;
}

/* BugFix for IE6 so it recognizes :hover, also a class.hover has to be defined */
#footer-contact {
	float: left;
	background: url(/images/footer-contact.gif) no-repeat 0 0;
	behavior: url("/htc/hover.htc");
}
#footer-partners {
	float: left;
	background: url(/images/footer-partners.gif) no-repeat 0 0;
	behavior: url("/htc/hover.htc");
}
#footer-sitemap {
	float: left;
	background: url(/images/footer-sitemap.gif) no-repeat 0 0;
	behavior: url("/htc/hover.htc");
}
#footer-disclaimer {
	float: left;
	background: url(/images/footer-disclaimer.gif) no-repeat 0 0;
	behavior: url("/htc/hover.htc");
}

/* Hover of the footer divisions */
#footer-contact:hover, #footer-contact.hover {
	background: url(/images/footer-contact.gif) no-repeat 0 -15px;
}

#footer-partners:hover, #footer-partners.hover {
	background: url(/images/footer-partners.gif) no-repeat 0 -15px;
}

#footer-sitemap:hover, #footer-sitemap.hover {
	background: url(/images/footer-sitemap.gif) no-repeat 0 -15px;
}

#footer-disclaimer:hover, #footer-disclaimer.hover {
	background: url(/images/footer-disclaimer.gif) no-repeat 0 -15px;
}

div#header-l {
	border-left: ridge #333 1px; 
}