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

/* Css general



===== Medidas relativas ==========

10px ----- 1 em

1px -------0.10 em

=========== Colors====================

#f50b01------red links
#4b4b4b------text grey

*/

/* =========== Global====================*/


body {font-family:"Arial", Helvetica, sans-serif;font-size:62.5%;background-color:#D8DEEE;color:#4b4b4b;z-index:0; margin: 0 auto; position:relative;background-image: url(img/global_background.jpg);background-repeat:no-repeat;background-position: left top;}


/* ======Reset==============*/

ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,address,fieldset,input,table,th,td{ margin:0; padding:0;}

ul { list-style:none;}
img, fieldset{ border:none;}
h1{display:block;}
/*h2{ font-size:1.6em; font-weight:bold; display:inline;}*/
h2,h3{ position:relative; font-size:1.8em; font-weight:normal; color:#FFFFFF; display:inline;}
h4{ font-size:2em; font-weight:normal; color:#666; padding-bottom:0.5em; padding-top:0.5em; font-family:Georgia, "Times New Roman", Times, serif;}
h4 a{ color:#666!important;}

p{ font-size:1.2em; line-height:1.5em;}
hr{color:#ccc; height:1px; background-color:#FFFFFF;}
a:link, a:visited{ color:#f13426; text-decoration:none;}
a:hover, a:active, a:focus{ color:#f13426; text-decoration:underline;}

address{ font-style:normal; font-size:1.1em; line-height:1.5em;}


/* ======CONTENTS==============*/
#page{ position:relative; width:96%; max-width:96em;margin: 0em auto;}
#head{  position:relative; float:left; width:100%;}
#content{ background-color:#fff; position:relative; margin-top:1em; padding:1.5em; float:left; padding-bottom:1.5em;width:93em;width:93.4em\9;}
#banner{background-image: url(img/banner.jpg);background-repeat: no-repeat;background-position: left top; width:93em; height:25em; position:relative; z-index:0;}



#sitemap{ position:relative; float:left; width:940px; background-image:url(img/global_bg_2.gif); background-position:left top; background-repeat:repeat;padding:1em;}
#sitemap h3{ position:relative; float:left; width:100%;display:none;}
#sitemap div{ position:relative; float:left; width:300px;}
#sitemap a{ color:#999; font-size:1.1em; line-height:1.5em;}
#sitemap a:hover{ color:#f1f1f1;}
#feet{ position:relative; text-align:right; margin: 0 auto; height:10em; top:2em;}

/*TOP_MENU*/
#top_menu{ position:relative; float:left; width:100%; text-align:right;}
#logo{ position:relative; float:left; width:23.5em; height:6.6em;}
#logo{background-image: url(img/logo.png);}

#logo a{ cursor:pointer; display:block; position:relative; float:left;}
#logo div{ position:relative; float:left; display:block; width:23.5em; height:6.6em;}
#right_zone{ position:relative; height:3em;display:block; width:100%; float:right;}
#nav,#form,#languaje{ position:relative; float:right; height:1em;padding-top:0.25em;}


/*SEARCH*/
#form{ position:relative; float:right;height:3em;padding-top:0em; width:32.5em;}
#form img{ float:left;}
#form input{ float:left; position:relative;}
#search_button{ position:relative; float:left; width:7em; margin-left:0.5em;}
#cse-search-results{ position:relative; float:left;}
#cse-search-results iframe{ position:relative; float:left; width:70em; background-color:#000000;}

/*NAV*/
#nav{ width:100%; padding-top:0em;z-index:60;}
#nav ul{ position:relative; float:left; margin-left:40em;}
#nav ul li{text-align:center;float:left;}
#nav ul li a{ font-size:0.9em; margin-left:0.2em; margin-right:0.2em;}
#nav ul li a:link,#nav ul li a:visited,#nav ul li a:active{border-top:0.5em solid #f12600; color:#f12600; text-decoration:none;padding-left:1.5em; padding-right:1.5em; display:block; float:left; width:auto;}
#nav ul li a:hover,#nav ul li a:focus{border-top:1.5em solid #f12600; color:#f12600; text-decoration:none;padding-left:1.5em; padding-right:1.5em; display:block;float:left; width:auto;}

li.go_home{ position:absolute;left:-6em; top:0em;}

/*SLIDE PANEL*/
#panel {
	background: #000;
	height: 560px;
	display: none;
	left:-20em;
	width:70em;
	color:#FFFFFF;
	padding-left:2.5em;
	position:relative;
	z-index:5!important; 
	/* for all other browsers*/
opacity: .85;/* for IE5-7*/filter: alpha(opacity=85);/* for IE8*/-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter: alpha(opacity=85);
}
.slide {
	margin: 0;
	padding: 0;
	border-top: solid 4px #422410;
	background: url(img/btn-slide.gif) no-repeat center top;
}
.btn-slide {
	background: url(img/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 144px;
	height: 31px;
	/*padding: 10px 10px 0 0;*/
	margin: 0 auto;
	display: block;
	font: normal 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}

/*list*/
#nav ul li #panel p{color:#fff; font-size:1.6em; border-top:none!important; float:left; width:100%; text-align:left; padding-left:1em; width:98%;}

#nav ul li #panel p a{ color:#fff; border-top:none!important; padding-left:0.5em!important;}
#nav ul li #panel p a:hover{ color:#fff; border-top:none!important;text-decoration:underline;padding-left:0.5em!important; }

#nav ul li #panel ul{ position:relative; color:#FFFFFF; margin-left:0em; border-top:0.2em groove #fff; width:100%; margin-top:0.5em;}
#nav ul li #panel ul li{text-align:left;float:none;color:#fff; line-height:2em; list-style:square; margin-left:1.5em; padding-left:0em; margin-top:0.5em;}
#nav ul li #panel ul li ul{position:relative; float:none; padding-left:1.5em;list-style:square;}

#nav ul li #panel ul li a{border-top:none; color:#fff; text-decoration:none;padding-left:0em; padding-right:0em; display:block; float:none; width:auto; font-size:1.3em;}
#nav ul li #panel ul li a:hover{border-top:none; color:#eb3507; text-decoration:underline;padding-left:0em; padding-right:0em; display:block; float:none; width:auto; font-size:1.3em;}


/*LANGUAJE=IDIOMAS*/
#languaje ul{ position:relative; float:left; width:10em;text-align:center;}
#languaje ul li{ position:relative; float:left; width:3em; padding-left:0.5em; padding-right:0.5em;}
#languaje a{ font-size:11px;}
#languaje a:link,#languaje a:visited,#languaje a:active{ color:#4b4b4b; text-decoration:none;}
#languaje a:hover,#languaje a:focus{ color:#f50b01; text-decoration:underline;}

/*HEAD_MENU*/
/* set millions of background images */
#head_menu {background-image: url(img/menu_bg.gif);background-repeat: repeat-x;background-position: left top; z-index:0; }
.rbtop div { background: url(img/tl.gif) no-repeat top left; }
.rbtop { background: url(img/tr.gif) no-repeat top right; }
.rbbot div { background: url(img/bl.gif) no-repeat bottom left;position:relative; float:left; width:100%;}
.rbbot { background: url(img/br.gif) no-repeat bottom right; position:relative; float:left;width:100%;}

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {width: 100%;height:0.5em;font-size: 1px;position:relative}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.rbtop div, .rbtop, .rbbot div, .rbbot {width: 100%;height: 4em!important;font-size: 1px;position:relative}
	}
.rbcontent { margin: 0 7px;/*height:3.5em;*/ position:relative; }


#head_menu{background-color:#000; position:relative; float:left; margin-left:2.75em; width:71%; top:1.5em; text-align:left; display:block;}
#head_menu ul{
	position:relative;
	width:653px;
	float:left;
	top:0em;
	left:0em;
	background-color:transparent;
	background-image:url(img/bg_head_menu_ul.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:4.7em;
}

/*Main menu*/
#head_menu ul li{ position:relative; width:auto; float:left;color:#fff;/* top:0.75em;*/ top:0em; left:0em;background-image: url(img/menu_bg.gif); /*background-color:#373535;*/ background-position:left top; background-repeat:repeat-x;}
#head_menu ul li a{ font-size:1.4em; color:#FFFFFF; text-decoration:none; padding-top:0.8em; padding-bottom:0em; background-image: url(img/menu_bg.gif);/* background-color:#373535;*/ background-position:left top; background-repeat:repeat-x; height:2.35em; padding-left:1.4em; padding-right:1.4em; margin:0em;}

/*Class*/
#head_menu ul li a.software:link, #head_menu ul li a.software:visited, #head_menu ul li a.software:active{ background-image:url(img/bg_link_menu.gif)!important; background-position:left top; background-repeat:no-repeat; width:auto; display:block; }
#head_menu ul li a.software:hover, #head_menu ul li a.software:focus{ background-image:url(img/bg_link_menu.gif)!important; background-repeat:repeat-x; background-position:left bottom; display:block; width:auto;}

#head_menu ul li a.games:link, #head_menu ul li a.games:visited, #head_menu ul li a.games:active{ background-image:url(img/bg_link_menu.gif)!important; background-position:left top; background-repeat:no-repeat; width:auto; display:block; }
#head_menu ul li a.games:hover, #head_menu ul li a.games:focus{ background-image:url(img/bg_link_menu.gif)!important; background-repeat:repeat-x; background-position:left bottom; display:block; width:auto;}

#head_menu ul li a.about:link, #head_menu ul li a.about:visited, #head_menu ul li a.about:active{ background-image:url(img/bg_link_menu.gif)!important; background-position:left top; background-repeat:no-repeat; width:auto; display:block; }
#head_menu ul li a.about:hover, #head_menu ul li a.about:focus{ background-image:url(img/bg_link_menu.gif)!important; background-repeat:repeat-x; background-position:left bottom; display:block; width:auto;}

#head_menu ul li a.news:link, #head_menu ul li a.news:visited, #head_menu ul li a.news:active{ background-image:url(img/bg_link_menu.gif)!important; background-position:left top; background-repeat:no-repeat; width:auto; display:block; }
#head_menu ul li a.news:hover, #head_menu ul li a.news:focus{ background-image:url(img/bg_link_menu.gif)!important; background-repeat:repeat-x; background-position:left bottom; display:block; width:auto;}

#head_menu ul li a.blog:link, #head_menu ul li a.blog:visited, #head_menu ul li a.blog:active{ background-image:url(img/bg_link_menu.gif)!important; background-position:left top; background-repeat:no-repeat; width:auto; display:block; }
#head_menu ul li a.blog:hover, #head_menu ul li a.blog:focus{ background-image:url(img/bg_link_menu.gif)!important; background-repeat:repeat-x; background-position:left bottom; display:block; width:auto;}

#head_menu ul li a.e_link:link, #head_menu ul li a.e_link:visited, #head_menu ul li a.e_link:active{ background-image:url(img/bg_link_menu.gif)!important; background-position:left top; background-repeat:repeat-x; width:auto; display:block; float:left; }
#head_menu ul li a.e_link:hover, #head_menu ul li a.e_link:focus{background-image:url(img/bg_link_menu.gif)!important; background-repeat:repeat-x; background-position:left bottom; display:block; width:auto;}

#head_menu ul li a.contact:link, #head_menu ul li a.contact:visited, #head_menu ul li a.contact:active{ background-image:url(img/bg_link_menu.gif)!important; background-position:right top; background-repeat:no-repeat; width:auto; display:block; float:right; }
#head_menu ul li a.contact:hover, #head_menu ul li a.contact:focus{background-image:url(img/bg_link_menu.gif)!important; background-repeat:no-repeat; background-position:right bottom; display:block; width:auto;}


/*CONTENT*/
#block{ position:relative; width:930px;float:left;/*top:1.5em;*/ display:block;}
	.large{ position:relative; float:left; width:100%;margin-top:1em; }
	.large ul{ position:relative;width:930px; float:left; text-align:center;}
	.large ul li{ position:relative; float:left; width:auto;}
#left_colum{ position:relative; width:73%; float:left; padding-bottom:3em;}
#right_colum{ position:relative; float:right; width:26.3%; top:0.6em;}
#left_menu{ position:relative; float:left; width:26.3%;}
#prod_develop{ position:relative; float:right; width:73.70%;}


#welcome{
	position: relative;
	float:left;
	text-align:left;
	width:100%;
	/*
	
	color:#fff;*//* for all other browsers*/
	/*opacity: .8;*//* for IE5-7*/
	/*filter: alpha(opacity=80);*//* for IE8*/
	/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	background-color:#000000;
	
	padding-top: 5em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;*/
}

/*LEFT_MENU*/

/*01 level*/
#left_menu ul{ position:relative; display:block; width:90%; margin-bottom:1em;}
#left_menu ul li{ position:relative; float:left; display:block; width:100%;}
#left_menu ul li ul{ position:relative; width:100%;}
#left_menu ul li ul li{ position:relative; float:left; display:block; width:100%;}
#left_menu ul li a{ background-color:#eaeefa;font-size:1.6em; display:block; padding:0.5em; color:#333333; text-decoration:none; width:100%;}

/*02 level*/
#left_menu ul li ul{ position:relative; float:left; width:100%; margin-bottom:0em; background-color:none!important;}
#left_menu ul li ul li{ border-bottom:none; background-color:none!important;}
#left_menu ul li ul li a{ font-size:1.6em; display:block; padding:0.5em; color:#333333; text-decoration:none; border-bottom:0.1em solid #eaeefa;}
#left_menu ul li ul li a{ text-indent:1.5em; font-size:1.4em;background-color:#fff;}
#left_menu ul li ul li a:link, #left_menu ul li ul li a:visited,#left_menu ul li ul li a:active{ background-image:none; background-position:left 0.7em; background-repeat:no-repeat;}
#left_menu ul li ul li a:hover, #left_menu ul li ul li a:focus{ background-image:url(img/li_menu_izda.gif); background-position:left 0.7em; background-repeat:no-repeat;}

#left_menu ul li ul li.without_link{ display:block;background-image:url(img/li_menu_izda.gif); background-position:left 0.7em; background-repeat:no-repeat; padding:0.5em;padding-left:0.5em;color:#333333;text-decoration:none; border-bottom:0.1em solid #eaeefa;text-indent:1.5em; background-color:#fff; font-size:1.4em;}


/*03 level*/
#left_menu ul li ul li ul{ position:relative; float:left; width:100%;}
#left_menu ul li ul li ul li{ position:relative; float:left; width:90%;border-bottom:none!important;}
#left_menu ul li ul li ul li a{display:block; list-style:square!important; font-size:90%; padding-left:1.5em;border-bottom:none!important;}

#left_menu ul li ul li ul li a:link,#left_menu ul li ul li ul li a:visited,#left_menu ul li ul li ul li a:active{background-color:#fff!important;}

#left_menu ul li ul li ul li a:hover,#left_menu ul li ul li ul li a:focus{background-image: url(img/bg_ul_li_third_level.gif); background-position:2em center; background-repeat:no-repeat;color:#e55944;}

#left_menu ul li ul li ul li.without_link{ font-size:90%;display:block;background-image: url(img/bg_ul_li_third_level.gif)!important; background-position:2em center; background-repeat:no-repeat; padding:0.5em;padding-left:1.5em;color:#e55944; text-decoration:none; background-color:#fff; width:89%;}



/*LEFT_IMAGE*/
#left_image,.left_image{ position:relative; float:left; width:15%; text-align:center;}

/*PROD*/
#prod{ position:relative; float:left; display:block; width:85%;}
div.prod{ position: relative; float:left; display:block; width:84%;}
#prod div{ border-bottom:0.1em dashed #ccc;}
#prod hr{ display:none;}
#prod div ul li, .prod ul li{list-style-position: inside;list-style-type: square;}
#toggleSection div,#toggleSection2 div,#toggleSection3 div,#toggleSection4 div,#points div{ border-bottom:none;}

/*GAMES_MENU*/
#games_menu{ position:relative; float:left; width:100%; margin-left:0em;border-bottom:0.1em solid #c5d1eb;}
#games_menu li{ position:relative; float:left; width:auto; list-style:none!important; text-align:center;}

#games_menu li a{ position:relative; float:left; padding:0.5em; width:6em; font-size:1.2em; border-left:0.1em solid #eaeefa;border-right:0.1em solid #eaeefa;border-top:0.1em solid #eaeefa; text-decoration:none;}

#games_menu li a:link,#games_menu li a:visited,#games_menu li a:active{ background-image:url(img/bg_games_menu_li_off.gif); background-position:left top; background-repeat:repeat-x; color:#666;}

#games_menu li a:hover,#games_menu li a:focus{ background-image:url(img/bg_head_menu_hover.gif); background-position:left top; background-repeat:repeat-x; color:#fff;}

#games_menu li.off{ background-image:url(img/bg_head_menu_hover.gif); background-position:left top; background-repeat:repeat-x; color:#fff;position:relative; float:left; padding:0.5em; width:6em; font-size:1.2em; border-left:0.1em solid #eaeefa;border-right:0.1em solid #eaeefa;border-top:0.1em solid #eaeefa; text-decoration:none;}

/*VIEW*/
#view{ position:relative; float:left; width:100%;}
#text{ position:relative; float:left; width:100%;}

#iphone_view{ position:relative; float:right; width:auto; z-index:3000;}
#iphone_view li{ position:relative; float:left; width:auto; list-style:none!important; margin:0.2em;}

/*btn_vertical*/
#iphone_view li a.btn_vertical{ height:5em; width:2.5em; position:relative; float:left;background-image:url(img/ico_v_iphone.gif); background-position: left bottom; background-repeat:no-repeat; display:block; text-decoration:none;}
#iphone_view li a.btn_vertical:hover{ height:5em; width:2.5em; position:relative; float:left;background-image:url(img/ico_v_iphone_on.gif); background-position: left bottom; background-repeat:no-repeat; display:block; text-decoration:none;} 

/*btn_horizontal*/
#iphone_view li a.btn_horizontal{ height:2.5em; width:5em; position:relative; float:left;background-image:url(img/ico_h_iphone.gif); background-position: left bottom; background-repeat:no-repeat; display:block; text-decoration:none; margin-top:2em;}
#iphone_view li a.btn_horizontal:hover{ height:2.5em; width:5em; position:relative; float:left;background-image:url(img/ico_h_iphone_on.gif); background-position: left bottom; background-repeat:no-repeat; display:block; text-decoration:none;margin-top:2em;}

/*IPHONE=============================================================================*/
#iphone_v,#iphone_h,#ipad_v,#ipad_h,#mac_n,#points{ position:relative;left:0em; top:0em; float:left; width:100%;}

/*PAGE WIDTHOUT HORIZONTAL VIEW*/
#prod div.prev_next_image{ position:relative; float:left; margin-right:1em; margin-bottom:0.5em; width:30em;background-image: url(img/iphone_background.jpg);background-repeat: no-repeat;background-position: 3em top;height:47em;}

#myController span{color:#000;margin-right:10px;cursor:pointer;}

#jFlowSlide{overflow: hidden;position: relative;width:24.1em;height:49.5em;float:left;top:8.5em;
left:2.1em;}
#myController span.jFlowSelected{}

.jFlowPrev, .jFlowNext{ position:relative; float:left; width:3em;cursor:pointer; top:20em; z-index:2;}
.jFlowPrev{ text-align:right; z-index:2;}
.jFlowNext{ left:3.75em;}

/*ANDROID VERTICAL VIEW=============================================================================*/
/*PREV NEXT IMAGE*/
#droid_v div.prev_next_image{ position:relative; float:left; margin-right:1em; margin-bottom:0.0em; width:30em;background-image: url(img/droid_background.jpg);background-repeat: no-repeat;background-position: 3em top;height:47em;}

#droid_v #myController5 span{color:#000;margin-right:10px;cursor:pointer;}

#droid_v #jFlowSlide5{overflow: hidden;position: relative;width:24.1em;height:49.5em;float:left;top:7.6em;
left:2.5em;}
#droid_v #myController5 span.jFlowSelected5{}

#droid_v .jFlowPrev5, #droid_v .jFlowNext5{ position:relative; float:left; width:3em;cursor:pointer; top:20em; z-index:2;}
#droid_v .jFlowPrev5{ text-align:right; z-index:2;}
#droid_v .jFlowNext5{ left:4.75em;}


/*IPHONE VERTICAL VIEW=============================================================================*/
/*PREV NEXT IMAGE*/
#ipad_v,#iphone_v{ display:block;}
#ipad_h,#iphone_h{display:block;}

#iphone_v div.prev_next_image{ position:relative; float:left; margin-right:1em; width:100%;background-image: url(img/iphone_background.jpg);background-repeat: no-repeat;background-position:center top;height:47em; margin-top:-2em;}


#iphone_v #myController span,#iphone_v #myController2 span{color:#000;margin-right:10px;cursor:pointer;}

#iphone_v #jFlowSlide/*,#jFlowSlide3,#jFlowSlide4*/{overflow: hidden;position: relative;width:24.1em;height:49.5em;float:left;top:8.4em;left:16.2em;}
#iphone_v #myController span.jFlowSelected,#iphone_v #myController2 span.jFlowSelected2{}

#iphone_v .jFlowPrev, #iphone_v .jFlowPrev2, #iphone_v .jFlowNext, #iphone_v .jFlowNext2{ position:relative; float:left; width:3em;cursor:pointer; top:20em; left:14em; z-index:2;}
#iphone_v .jFlowPrev, #iphone_v .jFlowPrev2{ position:relative; float:left; top:21em;left:13.4em}
#iphone_v .jFlowNext, #iphone_v .jFlowNext2{ top:21em;left:18.5em}

/*#iphone_v .jFlowPrev, #iphone_v .jFlowNext{ position:relative; float:left; width:3em;cursor:pointer; top:20em; left:14em; z-index:3;}
#iphone_v .jFlowPrev, #iphone_v .jFlowPrev2{ text-align:right; z-index:3;}
#iphone_v .jFlowNext{ left:19.5em;}*/

/*IPHONE HORIZONTAL VIEW===============================================================================================*/
/*PREV NEXT IMAGE*/
#iphone_h div.prev_next_image{ position:relative; /*float:left; margin-right:1em;*/ margin-bottom:0em; width:58em;background-image: url(img/iphone_background_h.jpg);background-repeat: no-repeat;background-position: center top;height:30em; margin: 0 auto; margin-top:2em;}

#iphone_h #myController4 span{color:#000;margin-right:10px;cursor:pointer;}

#iphone_h #jFlowSlide4{overflow: hidden;position: relative;width:24.1em;height:49.5em;float:left;top:2.1em;left:10.5em;}
#iphone_h #myController4 span.jFlowSelected4{}

#iphone_h .jFlowPrev4, #iphone_h .jFlowNext4{ position:relative; float:left; width:2.1em;cursor:pointer; top:20em; z-index:2;}
#iphone_h .jFlowPrev4{ position:relative; float:left; top:11em;left:1em}
#iphone_h .jFlowNext4{ position:relative; float:right; top:11em;right:5em}

/*GAMES CHANGE*/

#load {display: none;position: absolute;right: 10px;top: 10px;background: url(images/ajax-loader.gif);width: 43px;height: 11px;text-indent: -9999em;}
#music div,#challenge div,#oscar div,#lite div,#mac_n div{ border:none;}

/*OTHER LINKS*/
.another_link{ position:relative; float:left;width:100%; display:inline;}
p.another_link{ position:relative; float:left;}
.another_link div{}
.another_link a div, .another_link a:hover div{ position:relative; text-decoration:none; cursor:pointer;display:block;/* width:6.4em; height:7em;*/ }
.another_link img{ float:left;}
.facebook{ padding-top:2em;}

/*IPAD==================================================================================================================*/

/*IPAD VERTICAL VIEW*/
#ipad_v div.prev_next_image{ position:relative; float:left; background-image:url(img/ipad_background.jpg); background-repeat:no-repeat; background-position:center top; width:100%; height:53em; margin-right:1em; margin-bottom:0.5em; }

#ipad_v #myController2 span{color:#000;margin-right:10px;cursor:pointer;}

#ipad_v #jFlowSlide2{overflow: hidden;position: relative;width:21em;height:49.5em;float:left;top:5.3em;left:11.4em;left:11.5em\9;}
#ipad_v #myController2 span.jFlowSelected2{}

#ipad_v .jFlowPrev2, #ipad_v .jFlowNext2{ position:relative; float:left; width:2.1em;cursor:pointer; top:20em; z-index:2;}
#ipad_v .jFlowPrev2{ position:relative; float:left; top:25em; left:5em}
#ipad_v .jFlowNext2{ position:relative; float:right; top:25em; right:6.8em}

/*IPAD HORIZONTAL VIEW*/
#ipad_h div.prev_next_image{ position:relative; float:left; background-image:url(img/ipad_background_h.jpg); background-repeat:no-repeat; background-position:center top; width:100%; height:43em; margin-right:1em; margin-bottom:0.5em; margin-top:2em; }

#ipad_h #myController3 span{color:#000;margin-right:10px;cursor:pointer;}

#ipad_h #jFlowSlide3{overflow: hidden;position: relative;width:21.1em;height:49.5em;float:left;top:5.5em;left:6.26em;left:6.29em\9;}
#ipad_h #myController3 span.jFlowSelected3{}

#ipad_h .jFlowPrev3, #ipad_h .jFlowNext3{ position:relative; float:left; width:2.1em;cursor:pointer; top:20em; z-index:2; right:1em;}
#ipad_h .jFlowPrev3{ position:relative; float:left; top:20em;}
#ipad_h .jFlowNext3{ position:relative; float:right; top:20em;}

/*MAC==================================================================================================================*/

/*MAC NORMAL VIEW*/
#mac_n div.prev_next_image{ position:relative; float:left; background-image:url(img/imac_background.jpg); background-repeat:no-repeat; background-position:center top; width:100%; height:46em; margin-right:0em!important; margin-bottom:0.5em; }

#mac_n #myController6 span{color:#000;margin-right:10px;cursor:pointer;}

#mac_n #jFlowSlide6{overflow: hidden;position: relative;width:49.5em;height:24.1em;float:left;top:5.9em;left:3.3em;left:3.4em\9;*left:3em!important;}

#mac_n #myController6 span.jFlowSelected6{}

#mac_n .jFlowPrev6, #mac_n .jFlowNext6{ position:relative; float:left; width:3em;cursor:pointer; top:20em; z-index:2;}
#mac_n .jFlowPrev6{ text-align:right; z-index:2;}
#mac_n .jFlowNext6{ left:6.0em;}

/*DOWNLOAD,NEWSLETTER,TWITER*/
.colum_1,.colum_2,.colum_3{ position:relative; float:left; width:305px;/*top:1.5em;*/ border-bottom:none!important; }

.colum_2{margin-left:0.75em;margin-right:0.75em;}
.colum{width:31%; position:relative; float:left; border-bottom:0em!important; margin-right:0.5em;}

#downloads,#news{ position:relative; float:left; width:100%;background-image: url(img/menu_bg.gif);background-repeat: repeat-x;background-position: left top;margin-bottom:0.5em;}
/* height and width stuff, width not really nessisary. */
#downloads .rbcontent, #news .rbcontent { margin: 0 7px;height:2.5em; position:relative;}


/*page*/
#twiter{ position:relative; float:left;background-image: url(img/top_twiter_short.gif)!important;background-repeat: no-repeat!important;background-position: left top !important;width:100%; display:block;}
#twiter_bot{ background-image:url(img/bottom_twiter_short.jpg); background-position:left top; background-repeat:no-repeat; height:7.6em; position:relative; float:left; display:block; width:100%; }
#twiter .content{ background-image:url(img/bg_content_twiter_short.gif); background-position:left top; background-repeat:repeat-y; padding-left:1em; padding-right:1em; padding-top:1em;}

#twiter.index{ position:relative; float:left;background-image: url(img/top_twiter.gif)!important;background-repeat: no-repeat!important;background-position: left top !important;width:100%; display:block;}


#twiter_bot.index{ background-image:url(img/bottom_twiter.jpg)!important; background-position:left top; background-repeat:no-repeat; height:7.6em; position:relative; float:left; display:block; width:100%; }
#twiter.index .content{ background-image:url(img/bg_content_twiter.gif); background-position:left top; background-repeat:repeat-y; padding-left:1em; padding-right:1em; padding-top:1em;}

#twiter p{ padding-right:1.5em; font-size:1.4em;}
#twiter div.content div.tweet ul.tweet_list{ position:relative; float:none!important; background-color:none; margin-bottom:0em!important;}
#twiter div.content div.tweet ul.tweet_list li{ position:relative; float:none!important; background-color:none;}
.tweet_first, .tweet_even, .tweet_odd{padding-bottom:1em; width:100%;/* display:block;*/border-bottom:0.1em solid #ccc; clear:both;overflow:hidden;}
#twiter .tweet_list ul li a{ background-color:none;}
#twiter .tweet_list a{ position:relative;font-size:1.1em; line-height:1.5em; color:#f13426; display:block;background-color:transparent; padding-left:0em;}
.tweet_list a:hover{ text-decoration:underline;}
#twiter .tweet_join{ position:relative; float:left; width:auto; font-size:1.1em;}
#twiter .tweet_text{font-size:1.1em;text-indent: 0.5em; line-height:1.5em; font-weight:normal; font-family:"Geneva", Arial, Helvetica, sans-serif;}
#twiter .tweet_text a{ font-size:0.9em; padding-left:0em; display:inline; border-bottom:hidden!important;}
#twiter .tweet_text a:hover{ text-decoration:underline;}
#twiter .tweet_avatar{ position:relative; float:left; width:auto; border-bottom:0.1em solid #f13426; display:none;}

.tweet_avatar a{ border-bottom:0.1em solid #f13426;display:none;}

/*.colum_1 ul{ position:relative; float:left;}
.colum_1 ul li{ position:relative; float:left; padding-left:0.5em; padding-right:0.5em;width:auto; height:12em; display:block; margin-bottom:1.1em; margin-right:0.5em;}*/



/*NEWSLETTER*/
#newsletter_intro{
	position:relative;
	float:right;
	color:#fff;
	width:99%;
	display:block;
	background-color: #000000;
	background-image: url(img/top_newsletter.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top:0.75em;
	
}
#newsletter{float:left;color:#fff;
	width:96%;
	display:block;
	background-color: #000000;
	background-image: url(img/top_newsletter_short.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top:0.75em;}
#newsletter_intro{ position:left top;float:left; display:block; width:99%;}

/* height and width stuff, width not really nessisary. */
#newsletter .rbbot div, #newsletter .rbbot, #newsletter_intro .rbbot div, #newsletter_intro .rbbot {width: 100%;position:relative}
#newsletter .rbtop{ background-image:url(img/top_newsletter.jpg); background-position:left top; background-repeat:no-repeat; height:4.2em; float:left;}
#newsletter .rbcontent,#newsletter_intro .rbcontent{ margin: 0 7px;height:auto; position:relative; display:block; padding-left:0.5em; }

/*NEWSLETTER SUBSCRIBE*/
#newsletter form fieldset legend,#newsletter_intro form fieldset legend{color:#fff;position:relative;margin-top: 0em;margin-right: 0em;margin-bottom: 1em;margin-left: 0em;
padding-top: 0.8em;padding-right: 0.8em;padding-bottom: 0.4em;padding-left: 0.8em; font-size:1.2em;}

#newsletter label,#newsletter_intro label{ display:block; float:left;margin:0.2em 0.2em 0 0; color:#fff;padding:0.8em 0em; }
#newsletter label.error,#newsletter_intro label.error{ color:#fff;text-align:left;padding-left:2em;background: transparent url(img/cancel.png) no-repeat scroll left; position:relative; float:left; display:block;}
#newsletter label#name_label,#newsletter input#name,#newsletter label#name_error,#newsletter label#email_label,#newsletter input#email,#newsletter label#email_error,#newsletter label#phone_label,#newsletter input#phone,#newsletter label#phone_error,#newsletter_intro label#name_label,#newsletter_intro input#name,#newsletter_intro label#name_error,#newsletter_intro label#email_label,#newsletter_intro input#email,#newsletter_intro label#email_error,#newsletter_intro label#phone_label,#newsletter_intro input#phone,#newsletter_intro label#phone_error{ position:relative; top:0; left:0; }

#newsletter input.text-input,#newsletter_intro input.text-input{padding:0.2em 0;color:#333; position:relative; float:left;}

#newsletter input.button,#newsletter_intro input.button{position:relative;top:0em;left:0em;border:0.1em solid #000;margin:0em;color:#333333;background:#CCC;-moz-border-radius:0.5em;padding-top: 0.3em;padding-right: 0.6em;padding-bottom: 0.3em;padding-left: 0.6em;}
#newsletter input.button:hover,#newsletter_intro input.button:hover{ background:#999 none repeat scroll 0% 0%; color:white; }

#validEmail{margin-top:0em;margin-left:0em;position:relative; float:right;width:2em;height:2em; background-repeat:no-repeat; background-position: center top;}
#message{ width:18em;margin:6em 0 0 10em; }
#message h2{ color:white; }
#message p{ color:white;font-weight:bold;margin:0.6em 0em; }
#checkmark{ position:relative;top:0em;left:0em; }


/*LINK*/
#link,#link_intro{ position:relative; float:left; padding-bottom:3em; width:100%;}
#link_intro{ float:left; padding-left:2em; padding-top:3em; padding-bottom:0em;}
#link_intro ul li{ float:left; padding-left:0.60em; padding-right:0.60em;}
#link ul{ position:relative; float:left; width:100%;}
#link ul li{ position: relative; float:left; padding-left:0.5em; padding-right:0.5em; background-color:#FFFFFF;}
#link ul li a{ background-color:none; padding:0em;}


#feet ul{ position:relative; /*float:left;*/ width:100%;}
#feet ul li{ position:relative; float:right; padding-left:1.5em; padding-right:1.5em; line-height:1.5em;}
#feet p{ padding-left:1.5em; padding-right:1.5em; line-height:1.5em; display:block; float:right;}
#feet a{ color:#333333; text-decoration:none; font-size:0.9em; padding-right:1.5em;}
#feet a:hover{ color:#333333; text-decoration:underline; font-size:0.9em;}

#aske{ position:relative; float:left; top:2em;}
@media screen and (-webkit-min-device-pixel-ratio:0) {#aske{ position:relative; float:left; width:auto; top:0em;}}

#aske a:link,#aske a:visited,#aske a:active{ position:relative;width:auto; vertical-align:bottom;margin-top:2em; text-decoration:none;cursor:pointer;} 
#aske a:hover,#aske a:focus{ position:relative; text-decoration:none; cursor:pointer;margin-top:2em;}


/* ND EVENTS*/
#news_page{position:relative; float:left; display:block; width:52%;}
#history{ position:relative; float:right; width:30%;border-left:0.1em solid #ccc; left:0.2em;}
#history h3{ background-image:none; padding-left:0.5em;}
#history ol{ position:relative; float:left; margin-left:2em; color:#f13426; margin-top:2em; padding-left:1em;}
#history ol li{ position:relative; margin-bottom:1em;}

/*CONTACT*/
#contact_form{ position:relative; float:left; width:100%;padding-top:2em;}
#contact_form p{ padding-bottom:0.5em; padding-top:0.5em;}
#contact_form fieldset{ border:none;}
.contact_us{ font-size:14px; margin-bottom:0.5em;}
#contact_form input{ padding:0.2em; color:#333;}
.textarea{ width:400px;}
#contact_form input, #contact_form textarea{border:0.1em solid #ccc;} 
input[type="button"]{border:hidden!important;}
.w339{ width:339px;}
.w5{ width:5em; position:relative; float:left; padding-top:0.5em;}

.btn_send,.btn_clear,.btn_search{background-image:url(img/btn_form.png); background-position:left top; background-repeat:no-repeat;  height:30px;width:85px; background-color:transparent; border:none;font-weight:bold; font-size:12px;}
.btn_send:hover,.btn_clear:hover,.btn_search:hover{background-image:url(img/btn_form.png); background-position:left bottom; background-repeat:no-repeat;background-color:transparent; color:#fff!important; font-weight:bold;font-size:12px;}

/*DMA*/
#dma{
	position:relative;
	float:right;
	color:#fff;
	width:100%;
	height: 132px;
	padding: 0 0 0 0;
	display:block;
	background-color: #fff;
	background-image: url(img/DMA-Buttons-GOLD.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	/*padding-top:0.75em;*/
}

.spacer{
	height:20px;
}

.dmatext{
	position:relative;
	float:right;
	color:#fff;
	width:90.25%;
	font-size:1.1em; 
	line-height:1.5em; 
	color:#568136;}
	
/*FACEBOOK*/
#facebook{ position:relative; float:right; margin-top:1em;}
#facebook{ position:relative; float:right; margin-top:1em;}

/* ======CLASS==============*/

/*GLOBAL*/
.hidden{ display:none;}
.clear{ clear:both;}

/*COLORS*/

/*border*/
.border_left_grey{ border-left:0.1em solid #333;}
.border_right_grey{ border-right:0.1em solid #333;}
.newsletter{ margin-left:0.5em; padding-top:0.5em; margin-bottom:0.5em; margin-right:0.5em;border-bottom:0.01em solid #fff;}
.more{ text-align:right; font-size:1.2em; font-weight:bold; vertical-align:middle; background-image:url(img/more.gif); background-repeat:no-repeat; background-position:right 0.28em;padding-right:1.5em;padding-left:0.2em;}
.without_border{ border:none!important}

/*color*/
.black{ color:#000;}
.white{ color:#fff;}

/*border*/
.b_bot_grey{border-bottom:0.1em solid #eaeefa;}

/*align*/
.align_center{ text-align:center;}
.align_right{ text-align:right;}
.justify{ text-align:justify;}
.f_right{ float:right;}
.f_left{ float:left;}

/*margin*/
.m_right{ margin-right:0.5em;}
.m_left{ margin-left:0.5em;}
.m_bottom{ margin-bottom:0.5em;}
.m_top2_8{ margin-top:2.8em;}
.m_right1_5{margin-right:1.5em;}
.m_top1_5{margin-top:1.5em;}
.m_top{ margin-top:0.3em;}
.without_m{ margin:0em!important;}

/*padding*/
.p_bottom{ padding-bottom:0.5em;}
.p_left{ padding-left:0.5em;}
.p_right{ padding-right:0.5em;}
.p_top{ padding-top:0.5em;}
.p0_5{ padding:0.2em;}

.blue_twiter{color:#1f6eb0; height:1.5em; top:0.3em; padding-bottom:1.5em;}
.h2{ font-size:2.4em; color:#333; font-weight:lighter;}
.h3{ background-image:url(img/bg_h3.jpg); background-position:left 0.3em; background-repeat:no-repeat; color:#333333; padding-left:1.2em;}
.twitter_title{ top:0.3em; left:0.5em;}