/* ============================================================
		Stylesheet for Euro Brand Management
============================================================ */

* {
	margin: 0;
	padding: 0;
	text-align: left;
}

body {
	background: url(../img/bodyBG.png) repeat;
	padding: 10px 0 20px 0;
	text-align: center;
	}

sup {
	font-size:70%;
	line-height: 100%;
	}

.b {
	font-weight: bold;
	}

.st {
		text-decoration: line-through;
	}

a {
	color: #707070;
	}
.menuItem a{
	color: #777;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}
	
.indent { text-indent: 2em; }


/****************** PAGE, CONTAINER ******************/

#page {
	background: #fff url(../img/pageBG.png) no-repeat;
	width: 816px;
	height: 666px;
	margin: 15px auto auto auto;
	}
	
#page.newsletter {
	background: #fff url(../img/EBM_newsletter.jpg) no-repeat;
	width: 816px;
	height: 666px;
	margin: 15px auto auto auto;
	}

#container {
	position: absolute;
	width: 816px;
	height: 666px;
	}


/****************** MENU AND HEADER ******************/

#menu {
	position: absolute;
    width: 800px;
    height: 124px;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 9pt;
	}
	
#menuItems {
    position: relative;
    top: 124px;
   	}
   	
   	
#menuItems div.menuItem {
    position: relative;
    background: url(../img/menu_Item_190x5.png) repeat-y;
	width: 190px;
	height:21px;
	left: 0px;
	} 

#menuItems div.menuItem:hover {
    position: relative;
    background: url(../img/menu_ItemDark_190x5.png) repeat-y;
	width: 190px;
	height:21px;
	left: 0px;
	} 

#menuItems div.menuItemCurrent {
    position: relative;
    background: url(../img/menu_ItemDark_190x5.png) repeat-y;
	width: 190px;
	height:26px;
	left: 0px;
	} 

#menuItems div.menuDivider {
	position: relative;
	background: url(../img/menu_Divider_190x2.png) no-repeat;
	width: 190px;
	height: 2px;
	left: 0px;
	}
	
#menuItems a {
	position: relative;
	left: 15px;
	top: 4px;
	}
	
#menuItems a.l1 {
	left: 30px;
	}
	
#menuItems a.l2 {
	left: 45px;
	}

#menuFooter {
	position: relative;
	background: url(../img/menu_Footer_190x30.png) no-repeat;
	width: 190px;
	height:30px;
	top: 124px;
}

#menuFooter a {
	color:#ccc;
}

	
#menuFooter #menuDesign {
	position: absolute;
	top: 5px;
	left: 9px;
	color: #ccc;
	font-size: 80%;
	}
	
	
#menuFooter #menuImprint {
	position: absolute;
	top: 5px;
	right: 27px;
	color: #ccc;
	font-size: 80%;
	}


	



/******************  TWO COLUMN SECTION  ******************/

.twoCol {
	position: relative;
	width: 510px;
	height: auto;
	top: 0;
	left: 0;
	}

.leftCol {
	position: relative;
	width: 240px;
	top: 0px;
	left: 0px;
	}

.rightCol {
	position: absolute;
	width: 250px;
	top: 0px;
	left: 270px;
	}
	
	

.refList { padding: 0; }

.refList ul {
	list-style-type: none;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: #777; 
	line-height: 160%;
	padding-bottom: .8em;
	}
	


/******************  FORM BOX  ******************/
.formBox {
	position: relative;
	width: 510px;
	height: auto;
	top: 0;
	left: 0;	
	}

.formTop {
	position: relative;
	background: url(../img/formTop.png) no-repeat;
	width: 510px;
	height: 14px;
	top: 0;
	left: 0;	
	}

.formContent {
	position: relative;
	background: url(../img/formBG.png) repeat;
	top: 0;
	left: 0;
	padding: 15px 20px 0 20px;
	}

.formBottom {
	position: relative;
	background: url(../img/formBottom.png) no-repeat;
	width: 510px;
	height: 14px;
	top: 0;
	left: 0;	
	}

/****************** CONTACT FORM  ******************/

#contact .inputSubmit {
	position: absolute;
	width: 400px;
	height: auto;
	right: 20px;
	}

#contact .inputArea {
	position: absolute;
	width: 400px;
	height: auto;
	right: 20px;
	}

#contact .inputField {
	position: absolute;
	width: 400px;
	height: auto;
	right: 20px;
	}

#contact .inputArea {
	height: auto;
	}

#contact .inputSubmit {
	width: auto;
	right: 20px;
	}

/****************** NEWSLETTER FORM  ******************/

#newsletter .inputSubmitSubscribe {
	position: absolute;
	right: 20px;
	text-align:center;
	}
#newsletter .inputSubmitUnsubscribe {
	position: absolute;
	right: 210px;
	text-align:center;
	}

#newsletter .inputField {
	position: absolute;
	width: 300px;
	height: auto;
	right: 20px;
	}








/******************  PAGE CONTENT  ******************/

#content {
    position: absolute;
    width: 510px;
    height: 470px;
    left: 240px;
    top: 130px;
	padding-top: 0px;
	}
	
#content p {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 80%;
	color: #777;
	text-align: justify;
	line-height: 140%;
	padding-bottom: .8em;
	word-wrap: break-word;
	word-break: normal;
	}

#content h1 {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: rgb(150, 40, 40);
	text-align: left;
	line-height: 120%;
	padding-bottom: 1em;
	}
	
#content h2 {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	font-size: 80%;
	font-weight: bold;
	color: rgb(150, 40, 40);
	text-align: left;
	line-height: 80%;
	padding-bottom: 1em;
	}




/****************** PICTURES ******************/


#picTeam {
	position: absolute;
	background: url(../img/picTeam.jpg) no-repeat;
    width: 508px;
    height: 226px;
    top:410px;
    left: 241px;
	}
	
#picAboutUs {
	position: absolute;
	background: url(../img/picAboutUs.png) no-repeat;
    width: 393px;
    height: 221px;
    top:429px;
    left: 0px;
	}

#picOurOffer {
	position: absolute;
	background: url(../img/picOurOffer.png) no-repeat;
    width: 526px;
    height: 257px;
    top:390px;
    left: 230px;
	}

#picConsulting {
	position: absolute;
	background: url(../img/picConsulting.png) no-repeat;
    width: 251px;
    height: 221px;
    top:429px;
    left: 0px;
	}

#picMasterSales {
	position: absolute;
	background: url(../img/picMasterSales.png) no-repeat;
    width: 495px;
    height: 221px;
    top:429px;
    left: 0px;
	}

#picCustomerService {
	position: absolute;
	background: url(../img/picCustomerService.png) no-repeat;
    width: 513px;
    height: 207px;
    top:443px;
    left: 287px;
	}

#picPR {
	position: absolute;
	background: url(../img/picPR.png) no-repeat;
    width: 260px;
    height: 221px;
    top:429px;
    left: 0px;
	}

#picReferences {
	position: absolute;
	background: url(../img/picReferences2.png) no-repeat;
    width: 350px;
    height: 190px;
    top:460px;
    left: 450px;
	}

#picCareer {
	position: absolute;
	background: url(../img/picCareer.png) no-repeat;
    width: 343px;
    height: 195px;
    top:429px;
    left: 0px;
	}

#picContact {
	position: absolute;
	background: url(../img/picContact.png) no-repeat;
    width: 230px;
    height: 94px;
    left: 0px;
	bottom:50px;
	}

#picImprint {
	position: absolute;
	background: url(../img/picImprint.png) no-repeat;
    width: 160px;
    height: 140px;
	right: 150px;
	bottom: 16px;
	}

#picThankYou {
	position: absolute;
	background: url(../img/picThankYou.png) no-repeat;
    width: 399px;
    height: 319px;
    right: 100px;
    bottom: 40px;
	}
	



/******************  SANDBAGS  ******************/

#img04 {
	float: right;
	clear: right;
	}

#img03 {
	float: right;
	clear: right;
	}

#img02 {
	float: right;
	clear: right;
	}

#img01 {
	float: right;
	clear: right;
	}

#img00 {
	float: right;
	clear: right;
	}

#img00 {width: 0px; height: 240px; 	border: solid 1px #fff;}
#img01 {width: 120px; height: 100px;}
#img02 {width: 150px; height: 30px;}
#img03 {width: 165px; height: 40px;}
#img04 {width: 180px; height: 100px;}