/** default-styles for html-elements **/

body { color: #000; background: #666 url('../images/layout/pgbk.gif') repeat-x; }

/** logo **/
#logo { background: url('../images/logo_small.gif') no-repeat; }
#logo { position: relative; top: 0px; left: 0px; width: 50px; height: 50px; }

#company_name { position: absolute; top: 40px; left: 50px; width: 230px; height: 20px; }

/** key visiual **/
#key_visual { position: absolute; top: 88px; left: 28px; width: 713px; height: 155px; }

/** key visiual **/
#marketing_text { position: absolute; top: 62px; left: 50px; }
#marketing_text { font-family: Tahoma,Verdana,Arial,sans-serif; font-size: 10px; color: #000000; }

/** main container **/
#container { background: #666666 url('../images/layout/content_bkg.gif') repeat-y 50% 50%; }

#left_column_container {
	font-family: Tahoma,Verdana,Arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #d5d5d5;
}

#content_container {
	font-family: Courier New,Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-style: normal;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #d5d5d5;
}

#content_container a { color: #d5d5d5; }

/** header **/
#header { background: url('../images/layout/header_bkg.gif') no-repeat; }

/** main navigation **/

#main_nav_container { background: url(../images/layout/navi_bkg.gif) repeat-y; }

#main_nav_container ul a {
	font-family: Tahoma,Verdana, Arial, sans-serif;
	font-style: normal;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
	background: transparent;
	background-position: top left;
}

#main_nav_container a { color: #fff; }
#main_nav_container a.active { color: #000; }
#main_nav_container a.active:hover { color: #000; }

#main_nav_container ul li a {
	background: url('../images/layout/button.gif') no-repeat;
}

#main_nav_container ul li a:hover {
	background: url('../images/layout/button_hover.gif') no-repeat;
}

#main_nav_container ul li a.active {
	background: url('../images/layout/button_active.gif') no-repeat;
}

#main_nav_container ul li a.active:hover {
	background: url('../images/layout/button_active.gif') no-repeat;
}

/** footer **/

#footer { background: url('../images/layout/footerbg.gif') no-repeat top left; }
#footer { clear: both; height: 89px; width: 775px; margin: 0px; padding: 0px; color: #333333; }
#footer a { color: #303030; }