/* � 2009 marc schemmer - www.mojitoe.com */

body
{
	background: url("../_img/bg.png") repeat-y;
	background-color:#fbfbfb;
	font-family:"Lucida Grande", Tahoma, Sans-Serif;
	font-size:11px;
	line-height:15px;
	color:#2b2b2b; 
	margin:0;
}

table
{
	font-family:"Lucida Grande", Tahoma, Sans-Serif;
	font-size:11px;
	color:#2b2b2b; 
	margin:0;
}

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

ul
{
	margin:0;
	padding-left:13px;
}

.main
{
	width:1024px;
}

.table_main
{
	width:1024px;
}

.table_out
{
	background: url("../_img/bg_out.png") repeat-x;
}

/* IE SCROLLBAR HACK */

html,body{
	overflow-x: hidden;
}

/* FORM FIELDS */

.pwbox 
{
	font-family:"Lucida Grande", Tahoma, Sans-Serif;
	font-size: 16px;
	border: solid 1px #2b2b2b;
	width:150px;
	height:26px;
	color: #a4a4a4;
	background: #2b2b2b; 
}

.minibox 
{
	font-family:"Lucida Grande", Tahoma, Sans-Serif;
	font-size: 16px;
	border: solid 1px #2b2b2b;
	width:200px;
	height:26px;
	color: #a4a4a4;
	background: #2b2b2b; 
	margin-bottom:2px;
}

.minibutton 
{
	padding: 4px 8px 4px 8px;
	margin-top:2px;
	height: 26px;
	width: 80px;
	border: solid 1px #2b2b2b;
	color: #a4a4a4;
	background: #2b2b2b; 
	text-align: center;
	font-family:"Lucida Grande", Tahoma, Sans-Serif;
	font-size: 12px;
}

.inputbox 
{
	font-family:"Lucida Grande", Tahoma, Sans-Serif;
	font-size: 16px;
	border: solid 1px #2b2b2b;
	width:499px;
	height:26px;
	margin-bottom:8px;
	color: #a4a4a4;
	background: #2b2b2b; 
}

.textarea 
{
	font-family:"Lucida Grande", Tahoma, Sans-Serif;
	font-size: 16px;
	border: solid 1px #2b2b2b;
	width:499px;
	height:250px;
	color: #a4a4a4;
	background: #2b2b2b; 
	margin-bottom:14px;
}

.inputbox_small
{
	font-family:"Lucida Grande", Tahoma, Sans-Serif;
	font-size: 16px;
	border: solid 1px #2b2b2b;
	width:78px;
	margin-top:2px;
	height:26px;
	text-align:center;
	color: #a4a4a4;
	background: #2b2b2b; 
}

.button 
{
	padding: 4px 8px 4px 8px;
	margin:2px;
	height: 26px;
	width: 80px;
	border: solid 1px #2b2b2b;
	color: #a4a4a4;
	background: #2b2b2b; 
	text-align: center;
	font-family:"Lucida Grande", Tahoma, Sans-Serif;
	font-size: 12px;
}

/* NAVIGATION */

.navigation
{
	position:relative;
	float:left;
	height:130px;
	width:1024px;
}

.navigation_left
{
	position:relative;
	float:left;
	text-align:right;
	height:130px;
	width:776px;
	font-size:10px;
}

.navigation_left .margin
{
	margin:90px 15px 0 0;
}

.navigation_left_in 
{
	position:relative; 
}

ul.navigation_animation 
{ 
	list-style:none;
	clear:both;
	margin:0; 
	padding:0; 
	list-style:none; 
	display:inline;
	position:absolute;
	right:0px; 
	top:0; 
	z-index:100;
	cursor:pointer;
}

ul.navigation_animation li
{
	margin:0; 
	padding:0; 
	overflow:hidden; 
	float:right; 
	height:40px;
	font-weight:bold;
}

ul.navigation_animation a, ul.navigation_animation span {
	padding:10px 0px; 
	margin:auto 10px;
	float:left; 
	text-decoration:none; 
	color:#a4a4a4;
	text-transform:uppercase;
	clear:both;
}

ul.navigation_animation .selected a, ul.navigation_animation .selected span {
	padding:10px 0px; 
	margin:auto 10px;
	float:left; 
	text-decoration:none; 
	color:#2b2b2b;
	text-transform:uppercase;
	clear:both;
}

ul.navigation_animation a 
{
	color:#2b2b2b; 
}

ul.navigation_animation span 
{
	display:none;
}
	
.navigation_left_in #box {
	position:absolute; 
	left:0; 
	top:0; 
	z-index:50; 
	background:#2b2b2b; 
	height:17px;
}
	
.navigation_left_in #box .head {
	background:#2b2b2b;
	height:17px;
}

.navigation_logo
{
	position:relative;
	float:left;
	height:130px;
	width:248px;
}

.navigation_logo_position
{
	background: url("../_img/mojitoe-logo.png") no-repeat;
	position:absolute;
	height:89px;
	width:191px;
	top:27px;
	left:18px;
}

/* NEWS */

.news
{
	position:relative;
	float:left;
	width:204px;
}

.news_header
{
	background-color:#2b2b2b;
	width:204px;
	text-align:right;
	
}

.news_header .margin
{
	font-weight:bold;
	color:#fbfbfb;
	padding:4px 7px 4px 0;
}

.news_border
{
	position:relative;
	float:left;
	height:20px;
	width:204px;
}

.news_item_headline
{
	position:relative;
	float:right;
	width:204px;
	text-align:right;
	background: url("../_img/news_item_headline.png") repeat-y;
}

.news_item_headline .margin
{
	padding:1px 12px 1px 12px;
}

.news_item_main
{
	position:relative;
	float:right;
	width:204px;
	color:#a4a4a4;
	text-align:right;
	background: url("../_img/news_item_main.png") repeat-y;
}

.news_item_main a
{
	color:#a4a4a4;
	text-decoration:none;
}

.news_item_main a:hover
{
	color:#2b2b2b;
	text-decoration:none;
}

.news_item_main .margin
{
	padding:3px 12px 1px 12px;
}

/* CONTENT */

.content
{
	position:relative;
	float:left;
	width:572px;
}

.content_header
{
	position:relative;
	float:left;
	width:572px;
	height:288px;
}

.content_headline
{
	position:relative;
	float:left;
	width:572px;
	text-transform:uppercase;
	font-weight:bold;
}

.content_headline .margin
{
	margin:35px 15px 0 26px;
}

.content_headline_border
{
	height:1px;
	font-size:0;
	line-height:0;
	overflow:hidden;
	background-color:#2b2b2b;
}

.content_main
{
	position:relative;
	float:left;
	width:572px;
}

.content_main_links a
{
	text-decoration:none;
	color:#ffffff;
	background-color:#2b2b2b;
}

.content_main_links a:hover
{
	text-decoration:none;
	color:#ffffff;
	background-color:#009900;
}

.content_main .margin
{
	margin:15px 30px 0 41px;
}

.content_main_2nd_box
{
	width:501px;
	clear:both;
}

.content_main_2nd
{
	position:relative;
	float:left;
	width:225px;
	padding-bottom:25px;
	text-align:justify;
}

.content_main_2nd h1
{
	font-weight:bold;
	text-transform:uppercase;
	font-size:11px;
	margin-bottom:3px;
	margin-top:0;
	padding:0;
}

.content_main_2nd .date_on
{
	font-size:9px;
	color:#009900;
	margin:0;
	padding:0;
}

.content_main_2nd .date_off
{
	font-size:9px;
	color:#990000;
	margin:0;
	padding:0;
}

.content_main .offline
{
	color:#990000;
}

.content_main_link a
{
	text-decoration:none;
	color:#ffffff;
	background-color:#2b2b2b;
}

.content_main_link a:hover
{
	text-decoration:none;
	color:#ffffff;
	background-color:#009900;
}

.content_main_border
{
	position:relative;
	float:left;
	width:51px;
	height:20px;
}

.content_main_image
{
	float:left;
	background-color:#a4a4a4;
	width:225px;
	height:85px;
	margin-bottom:5px;
}

.content_main_image2
{
	float:left;
	background-color:#a4a4a4;
	width:225px;
	height:85px;
	margin-bottom:5px;
	margin-right:10px;
}

.content_main_image_in
{
	background-color:#ffffff;
	width:223px;
	margin-top:1px;
	margin-left:1px;
	height:83px;
}

.content_main_image_margin
{
	padding-top:4px;
	padding-left:4px;
}

.content_main_image_screenshot
{
	position:absolute;
	background: url("../_img/screen_bg1px.png");
	padding:3px;
	text-align:center;
	font-size:9px;
	color:#ffffff;
}

.content_foot
{
	position:relative;
	float:left;
	width:572px;
	text-align:center;
	color:#a4a4a4;
	font-size:10px;
	line-height:18px;
}

.content_foot a
{
	color:#a4a4a4;
	text-decoration:none;
}

.content_foot a:hover
{
	color:#2b2b2b;
	text-decoration:none;
}

.content_foot .margin
{
	margin:40px 15px 30px 26px;
}

/* SEC */

.sec
{
	position:relative;
	float:left;
	width:248px;
}

.sec_head
{
	background-color:#2b2b2b;
	height:288px;
	width:248px;
}

.sec_head table
{
	position:absolute;
	color:#e4e4e4;
	font-size:40px;
	line-height:35px;
	left:20px;
	bottom:20px;
}

.sec_head_text
{
	color:#a4a4a4;
	margin:
}

.sec_content
{
	position:relative;
	float:left;
	width:248px;
}

.sec_content_in
{
	width:248px;
}

.sec_content_in .margin
{
	margin:35px 0 0 20px;
}

.sec_content_item
{
	position:relative;
	float:left;
	width:228px;
}

.sec_link_border
{
	margin-top:3px;
}

.sec_content_item a
{
	font-size:9px;
	text-decoration:none;
	text-transform:uppercase;
	color:#ffffff;
	background-color:#2b2b2b;
}

.sec_content_item a:hover
{
	font-size:9px;
	text-decoration:none;
	text-transform:uppercase;
	color:#ffffff;
	background-color:#a4a4a4;
}

.sec_content_item .date_on
{
	font-size:9px;
	color:#009900;
}

.sec_content_item .date_off
{
	font-size:9px;
	color:#990000;
}


.sec_content_item_head
{
	position:relative;
	float:left;
	width:228px;
	color:#2b2b2b;
	font-weight:bold;
	text-transform:uppercase;
	background: url("../_img/sec_item_headline.png") repeat-y;
}

.sec_content_item_head .margin
{
	margin:2px 0 2px 12px;
}

.sec_content_item_text
{
	position:relative;
	float:left;
	width:228px;
}

.sec_content_item_text .margin
{
	margin:4px 0 4px 12px;
}

.sec_content_item_border
{
	position:relative;
	float:left;
	width:228px;
	height:20px;
}