/* ------------------------------------ ^/
         Dragon Media Group B.V.
/^ ------------------------------------ */

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

body
{
	background: #FFFFFF;
	font-family: verdana;
	font-size: 12px;
}

a
{
	color: #0062B0;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}

p
{
	margin-bottom: 10px;
}

img
{
	border: 0px;
}

h1, h2, h3
{
	font-size: 14px;
	color: #0062B0;
	margin-bottom: 10px;
}

/* --- Container --- */

#container
{
	width: 900px;
	padding: 0px 50px 0px 50px;
	margin: 0px auto 0px auto;
	background: #FFFFFF url(../img/background.png);
}

/* --- Header --- */

#header
{
	height: 27px;
	padding: 108px 0px 0px 249px;
	width: 651px;
	background: #FFFFFF url(../img/dmglogo.png) 15px 10px no-repeat;
}

#header a
{
	display: block;
	float: left;
	margin-right: 2px;
	width: 90px;
	height: 20px;
	color: #FFFFFF;
	background: #2E7CBA;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	text-decoration: none;
}

#header a:hover
{
	background: #0062B0;
}

#loginbox
{
	position: absolute;
	top: 11px;
	left: 50%;
	width: 250px;
	height: 80px;
	margin-left: 212px;
	font-size: 10px;
}

.loginfield
{
	font-size: 10px;
}

.panasonic_dmg_logo
{
	position: absolute;
	display: block;
	top: 95px;
	left: 50%;
	margin-left: 290px;
	width: 146px;
	height: 40px;
	background: #FFFFFF url(../img/Pana-DMG.jpg);
	color: #FFFFFF;
}

/* --- main container --- */

#main_container
{
	background: #FFFFFF;
	width: 892px;
	padding: 0px 4px 4px 4px;
}

#main_image
{
	background: #DDDDDD url(../img/main_image_toughbook.png);
	width: 892px;
	height: 286px;
	overflow: hidden;
}

#main_menu
{
	position: absolute;
	width: 245px;
	height: 288px;
}

#main_menu a
{
	display: block;
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	width: 243px;
	height: 50px;
	font-size: 20px;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	padding-top: 20px;
	background: url(../img/main_menu_bg.png);
}

#portfolio_main_menu a
{
	display: block;
	border-bottom: 2px solid #FFFFFF;
	width: 245px;
	height: 50px;
	font-size: 20px;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	padding-top: 20px;
	background: url(../img/main_menu_bg.png);
}

#main_menu a:hover, #portfolio_main_menu a:hover
{
	background: url(../img/main_menu_bg_hover.png);
}

/* --- Contact page --- */

.contact_left
{
	display: block;
	float: left;
	width: 285px;
	text-align: center;
	margin: 0px 30px 30px 0px;
	height: 235px;
	overflow: hidden;
}

.contact_right
{
	display: block;
	float: left;
	width: 285px;	
	height: 235px;
	text-align: center;
	margin: 0px 0px 30px 0px;
	overflow: hidden;
}

.contact_left h1, .contact_right h1
{
	font-size: 12px;
	background: #2E7CBA;
	color: #FFFFFF;
	margin: 0px;
}

.contact_left h2, .contact_right h2
{
	font-size: 12px;
	color: #303030;
	margin: 0px 0px 5px 0px;
}

/* --- Hosting page --- */

.table_left
{
	vertical-align: top;
}
.table_right
{
	padding: 10px;
	vertical-align: top;
}

/* --- Domein check page --- */

.hoverinfo span 
{
	display: none;
}

.hoverinfo:hover td span
{
	display: block;
	position: absolute;
	padding: 5px;
	margin: 10px;
	z-index: 100;
	width: 200px;
	background: #DDDDDD;
	border: 1px solid #AAAAAA;
	opacity: 0.9;
}

/* --- PortFolio --- */

#portfolio_main_menu
{
	width: 245px;
	height: 288px;
}

#slideshow
{
	margin-top: 10px;
	background: #FFFFFF;
}

#navigation
{
	background: #BBBBBB;
	text-align: center;
	margin-top: 10px;
	padding: 10px;
}

#navigation a
{
	margin: 0px 10px 0px 10px;
	padding: 2px;
	outline: 0px;
	background: #2E7CBA;
	color: #FFFFFF;
}
#navigation a:hover
{
	text-decoration: none;
	background: #FFFFFF;
	color: #2E7CBA;
}

.show_item
{
	background: #FFFFFF;
}

/* --- content container --- */

#content_container
{
	width: 900px;
}

.content
{
	width: 655px;
	vertical-align: top;
	padding-left: 2px;
	color: #303030;
	line-height: 150%;
	font-size: 10px;
}

.title_left
{
	color: #0062b0;
	font-size: 14px;
	font-weight: bold;
	padding: 4px 10px 0px 20px;
	width: 293px;
	display: block;
	float: left;
}

.title_right
{
	color: #0062b0;
	font-size: 14px;
	font-weight: bold;
	padding: 4px 20px 0px 10px;
	width: 293px;
	display: block;
	float: left;
}

.left_text
{
	padding: 20px 10px 0px 20px;
	width: 293px;
	display: block;
	float: left;
}

.right_text
{
	padding: 20px 20px 0px 10px;
	width: 293px;
	display: block;
	float: left;
}

.text_full
{
	padding: 20px 20px 0px 20px;
	width: 605px;
}

.content_boxes
{
	width: 655px;
	display: block;
}

.content_boxes span
{
	width: 194px;
	background: #CCCCCC;
	padding: 10px;
	margin: 20px 2px 0px 0px;
	float: left;
	color: #303030;
	line-height: 150%;
	height: 100px;
	overflow: hidden;
}

#title_bar
{
	position: absolute;
	margin: 261px 0px 0px 245px;
	background: url(../img/title_bg.png);
	color: #D00000;
	font-size: 14px;
	font-weight: bold;
	height: 25px;
	width: 647px;
}

/* --- LEFT PANNEL --- */

#left_panel
{
	background: #2E7CBA /*url(../img/left_pannel_bg.png)*/;
	width: 243px;
	vertical-align: bottom;
}

#left_panel_logo
{
	padding: 145px 0px 0px 20px;
	line-height: 200%;
	font-weight: bold;
	color: #FFFFFF;
	background: url(../img/trans_dmg.png) 0px 10px no-repeat;
	height: 135px;
}

/* --- Footer --- */

#footer
{
	width: 900px;
	height: 23px;
	padding-top: 7px;
	text-align: center;
	color: #FFFFFF;
	background: #AAAAAA;
	font-weight: bold;
}