﻿@CHARSET "UTF-8";

/*****************************************************
reset :: some basic style
*****************************************************/
A IMG {
   	border: none;
}
P {
   	margin: 0;
   	padding: 0;
   	line-height: 100%;
}
.clearall {clear:both}
A:Hover { text-decoration: none; }
A:Focus { outline: none; }
IMG A:Hover { text-decoration: none; }
IMG A:Focus { outline: none; }
INPUT:Hover { text-decoration: none; }
INPUT:Focus { outline: none; }
TEXTAREA:Hover { text-decoration: none; }
TEXTAREA:Focus { outline: none; }
SELECT:Hover { text-decoration: none; }
SELECT:Focus { outline: none; }
DROPDOWN:Hover { text-decoration: none; }
DROPDOWN:Focus { outline: none; }
LEGEND {display:none;}

/*****************************************************
basics
*****************************************************/
body {
	margin: 0;
   	padding: 0;
	font-family: Courier New, Courier, Helvetica, Arial, Verdana, non-serif;
	font-weight: normal;
	color: #5D5D5D;
	font-size: 14px;
	background-color: #F0F0F0;
}
#centerWrap {
	float: left;
}
P {
	line-height: 20px;
}
/* Sprites
*****************************************************/
.logo,
.mainMenu UL LI A {
	background-image: url('img/bg_default.gif');
	background-repeat: no-repeat;
}
/* floats
*****************************************************/
.floatLeft {
   	float: left;
}
.floatRight {
   	float: right;
}
.floatNone {
	float: none !important;
}
/* anker
*****************************************************/
A {
   color: #5D5D5D;
   font-weight: normal;
   text-decoration: none;
}
A:Hover {
   color: #5D5D5D;
   font-weight: normal;
   text-decoration: underline;
}
A:Focus { outline: none; }

/*****************************************************
Headline
*****************************************************/
H1,
.mainCont H3 {
	margin: 0;
   	padding: 0 0 20px 0;
	color: #5D5D5D;
   	font-size: 14px;
   	font-weight: bold;
   	text-transform: uppercase;
}
.mainCont H3 {
	padding: 20px 0 0 0;
   	text-transform: none;
}
H2 {
	margin: 0;
   	padding: 0 0 0 0;
   	font-size: 14px;
   	font-weight: normal;
   	line-height: 20px;
}
H4 {
	margin: 0;
   	padding: 0 0 20px 0;
   	color: #005187;
   	font-size: 11px;
   	font-weight: normal;
}
/*****************************************************
Header Wrap
*****************************************************/
#headerWrap {
	float: left;
	margin-top: 0px;
	width: 800px;
	height: 150px;
}
.logo {
	position: absolute;
	top: 50px;
	left: 45px;
	width: 307px;
	height: 68px;
	background-position: top left;
	text-indent: -4000px;
}
.logo A {
	display: block;
	width: 307px;
	height: 68px;
	text-indent: -4000px;
}
/* Header Wrap :: mainMenu
*****************************************************/
.mainMenu {
	position: absolute;
	top: 77px;
	left: 507px;
	margin: 0;
	padding: 0;
	width: 320px;
}
.mainMenu UL {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
}
.mainMenu UL LI {
   	float : left;
   	margin-right: 40px;
   	list-style-type : none;
}
.mainMenu UL LI A {
   	display : block;
   	height : 27px;
   	text-decoration : none;
   	text-indent : -4040px;
}
.mainMenu UL A.act {
   	cursor : default;
}

.mainMenu UL LI.idea             	{ width: 50px; top: 0; }
.mainMenu UL LI.idea A           	{ background-position: 0  -100px; }
.mainMenu UL LI.idea A:Hover,
.mainMenu UL LI.idea_act A,
.mainMenu UL LI.idea_act A:Hover 	{ width: 50px; top: 0; background-position: 0 -150px; }

.mainMenu UL LI.shops             	{ width: 60px; top: 0; }
.mainMenu UL LI.shops A           	{ background-position: -300px  -100px; }
.mainMenu UL LI.shops A:Hover,
.mainMenu UL LI.shops_act A,
.mainMenu UL LI.shops_act A:Hover 	{ width: 60px; top: 0; background-position: -300px -150px; }

.mainMenu UL LI.contact             { width: 79px; top: 0; margin-right: 0px;}
.mainMenu UL LI.contact A           { background-position: -600px  -100px; }
.mainMenu UL LI.contact A:Hover,
.mainMenu UL LI.contact_act A,
.mainMenu UL LI.contact_act A:Hover	{ width: 79px; top: 0; background-position: -600px -150px; }


/*****************************************************
contentWrap
*****************************************************/
#contentWrap {
	float: left;
	margin: 0 0 0 50px;
	padding: 0;
	width: 800px;
}
* html #contentWrap {
	margin: 0;
}
/* contentWrap :: mainCont
*****************************************************/
.mainCont {
	float: left;
	margin: 70px 0 0 50px;
	padding: 3px 0 20px 0;
	width: 800px;
	min-height: 331px;
}
.contact,
.idea {
	width: 500px;
}
.award {
    float: left;
	padding: 20px 0 25px 35px !important;
	width: 815px;
	height: 125px;
}
.award IMG {
	float: left;
	margin-right: 110px;
}
.award IMG A {
    border: none;
}
.award IMG.margin_r_0 {
	margin-right: 0 !important;
}
.award IMG.margin_r_50 {
	margin-right: 50px !important;
}
.home .award {
	float: left;
	margin: 0 0 0 280px;
	width: 160px;
	text-align: center;
	background-position: -870px 0;
}
.home {
	margin-top: 30px !important;
}
.home P {
	width: 300px;
}
.home IMG {
	margin: 0 0 0 -20px;
}
.home P.format	 {
	font-size: 13px;
}
.mainCont P {
	padding: 0 0 50px 0;
}
.mainCont A {
	color: #5D5D5D;
	text-decoration: none;
}
.mainCont A:Hover {
	color: #5D5D5D;
	text-decoration: none;
	border-bottom: 1px solid #A2A2A2;
}
/* contentWrap :: leftCont
*****************************************************/
.leftCont {
	float: left;
	width: 410px;
}
.rightCont {
	float: right;
	width: 390px;
}
.leftCont P,
.rightCont P,
.idea P {
	padding: 0 0 20px 0;
}
.home .rightCont A:Hover,
.home .leftCont A:Hover {
	border: none;
}
/* Preview
*****************************************************/
.preview {
	margin: -15px 0 0 -200px;
	text-align: center;
}
.preview .award {
	float: none !important;
	margin: 30px 0 0 420px !important;
	width: 160px;
	text-align: center;
	background-position: -870px 0;
}
