/* GENERAL START */
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding: 0px;
	margin: 0px;
	background: url(../images/bacgroundTopRoot.gif) repeat-x 0px 0px;
	background-color: #294e98;
}

html, body{
	width: 100%;
	height: 100%;
}

form, dl, dd, dt, ul, ol{
	padding: 0px;
	margin: 0px;
}

a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cc6800;
	text-decoration: none;
}
/* GENERAL END */

#root {
margin: 0px auto;
width: 1013px;
height: auto;
padding: 0px;
}


/* HEADER START */

#header {
float: left;
width: 905px;
height: 273px;
}

#headerTop {
float: left;
width: 905px;
height: 108px;
background: url(../images/headerTop.gif) no-repeat 0px top;
}

#headerCenter {
float: left;
width: 905px;
height: 108px;
background: url(../images/headerCenter.gif) no-repeat 0px bottom;
}

#headerCenter a{
	float: left;
	display: block;
	width: 190px;
	height: 108px;
	font-size: 1px;
	line-height: 0px;
	text-decoration: none;
	}

#headerBottom {
float: left;
width: 858px;
height: 37px;
background: url(../images/headerBottom.gif) no-repeat 15px 0px;
}

#imageHallOfFame {
float: left;
width: 815px;
height: 127px;
margin-left: 43px;
}

#imageHallOfFameTop {
float: left;
width: 815px;
height: 52px;		
background: url(../images/imageHallOfFameTop.jpg) no-repeat 0px 0px;
}

#imageHallOfFameRightText {
float: left;
width: 485px;
height: 76px;		
background: url(../images/imageHallOfFameRightText.jpg) no-repeat 0px 0px;
}

/*MENU LEFT START*/

#imageHallOfFameLeftMenu {
float: left;
width: 330px;
height: 76px;	
}

.webdesign {
float: left;
display: block;
width: 127px;
height: 76px;
margin: 0px;
background: url(../images/buttonWebdesignOFF.jpg) no-repeat 0px 0px;
}

.webdesign:hover {
display: block;
width: 127px;
height: 76px;
margin: 0px;
background: url(../images/buttonWebdesignOFF.jpg) no-repeat 0px -76px;
}

#buttonLeftMenuWebdesignON {
float: right;
display: block;
width: 127px;
height: 76px;
margin: 0px;
background: url(../images/buttonWebdesignON.jpg) no-repeat 0px 0px;
}

#buttonLeftMenuFlashOFF {
float: left;
display: block;
width: 138px;
height: 76px;
margin: 0px;
background: url(../images/buttonMultimediaOFF.jpg) no-repeat 0px 0px;
}

#buttonLeftPlace {
float: left;
width: 65px;
height: 76px;
background: url(../images/buttonLeftPlace.jpg) no-repeat 0px 0px;
}

.flash {
float: left;
display: block;
width: 138px;
height: 76px;
marginleft: 20px;
background: url(../images/buttonFlashOFF.jpg) no-repeat 0px 0px;
}

.flash:hover {
display: block;
width: 138px;
height: 76px;
margin: 0px;
background: url(../images/buttonFlashOFF.jpg) no-repeat 0px -76px;
}

#buttonLeftMenuFlashON {
float: left;
display: block;
width: 203px;
height: 76px;
background: url(../images/buttonFlashON.jpg) no-repeat 0px 0px;
}
/*MENU LEFT END*/
/* HEADER END */


/* CONTENT START */
#content {
float: left;
width: 832px;
height: auto;
margin-left: 36px;
background: url(../images/contentRoot.jpg) repeat-y 0px 5px;
}

.headLineWindowVisit {
float: right;
width: 255px;
height: auto;
padding-right: 50px;
}

/*PROJECT WEBDESIGN-01 START*/
.webdesignProject {
float: left;
width: 810px;
height: auto;
padding-left: 17px;
}

.webdesignProject a:link, .webdesignProject a:visited{
   color:#FCAD02;
}

#webdesignProject01-content {
float: left;
width: 798px;
height: auto;
background: url(../images/webdesignProject01-contentRootImage.jpg) repeat-x 0px 0px;
background-color: #32509b;
border-bottom: 1px solid #021741;
}


#logoProject01 {
float: left;
width: 487px;
height: 191px;
background: url(../images/logoProject01.jpg) no-repeat 52px 52px;
}

#logoProject_bean {
float: left;
width: 487px;
height: 191px;
background: url(../images/bean.jpg) no-repeat 52px 52px;
}

#logoProject_upside {
float: left;
width: 487px;
height: 191px;
background: url(../images/upsidedown.jpg) no-repeat 52px 52px;
}



#textProject01 {
float: left;
padding-left: 52px;
padding-bottom: 52px;
width: 695px;
height: auto;
color: white;
text-align: justify;
}

h2.projects {
float: left;
margin: 0px;
padding: 51px 52px 0px 13px;
font-size: 16px;
color: #fcb51b;
font-weight: bold;
}

.definition {
float: left;
font-weight: bold;
display: block;
width: 240px;
margin: 0px;
margin-bottom: 5px;
padding: 9px 0px 0px 13px;
font-size: 11px;
color: #75c2ff;
}

a.buttonVisitProject {
float: left;
display: block;
width: 250px;
height: 74px;
background: url(../images/buttonVisitProject.gif) no-repeat 10px -76px;
}

a.buttonVisitProject:hover {
float: left;
display: block;
width: 250px;
height: 74px;
background: url(../images/buttonVisitProject.gif) no-repeat 10px 0px;
}

/*PROJECT WEBDESIGN-01 END*/


/*PROJECT WEBDESIGN-02 START*/
#webdesignProject02-content {
float: left;
width: 798px;
height: auto;
background: url(../images/webdesignProject02-contentRootImage.jpg) repeat-x 0px 0px;
background-color: #4789c6;
border-bottom: 1px solid #021741;
border-top: 1px solid #4173b2;
}

#logoProject02 {
float: left;
width: 487px;
height: 181px;
background: url(../images/logoProject02.jpg) no-repeat 52px 37px;
}


#textProject02 {
float: left;
padding-left: 52px;
padding-top: 10px;
padding-bottom: 52px;
width: 695px;
height: auto;
color: white;
text-align: justify;
}
/*PROJECT WEBDESIGN-02 END*/


/*PROJECT WEBDESIGN-03 START*/
#webdesignProject03-content {
float: left;
width: 798px;
height: auto;
background: url(../images/webdesignProject03-contentRootImage.jpg) repeat-x 0px 0px;
background-color: #227bcd;
border-bottom: 1px solid #021741;
border-top: 1px solid #4173b2;
}

#logoProject03 {
float: left;
width: 475px;
height: 197px;
background: url(../images/logoProject03.jpg) no-repeat 52px 10px;
}


#textProject03 {
float: left;
padding-left: 52px;
padding-top: 5px;
padding-bottom: 52px;
width: 695px;
height: auto;
color: white;
text-align: justify;
}

h2.projects03 {
float: left;
margin: 0px;
padding: 40px 52px 0px 13px;
font-size: 16px;
color: #fcb51b;
font-weight: bold;
}
/*PROJECT WEBDESIGN-03 END*/

/*PROJECT WEBDESIGN-04 START*/
#webdesignProject04-content {
float: left;
width: 798px;
height: auto;
background: url(../images/webdesignProject04-contentRootImage.jpg) repeat-x 0px 0px;
background-color: #2977b7;
border-bottom: 1px solid #021741;
border-top: 1px solid #4173b2;
}

#logoProject04 {
float: left;
width: 480px;
height: 196px;
background: url(../images/logoProject04.jpg) no-repeat 0px 10px;
}


#textProject04 {
float: left;
padding-left: 52px;
padding-top: 5px;
padding-bottom: 52px;
width: 695px;
height: auto;
color: white;
text-align: justify;
}

h2.projects04 {
float: left;
margin: 0px;
padding: 52px 52px 0px 13px;
font-size: 16px;
color: #fcb51b;
font-weight: bold;
}
/*PROJECT WEBDESIGN-04 END*/

/*PROJECT WEBDESIGN-05 START*/
#webdesignProject05-content {
float: left;
width: 798px;
height: auto;
background: url(../images/webdesignProject05-contentRootImage.jpg) repeat-x 0px 0px;
background-color: #2c569e;
border-top: 1px solid #4173b2;
}

#logoProject05 {
float: left;
width: 487px;
height: 197px;
background: url(../images/logoProject05.jpg) no-repeat 0px 5px;
}


#textProject05 {
float: left;
padding-left: 52px;
padding-top: 5px;
width: 695px;
height: auto;
color: white;
text-align: justify;
}

h2.projects05 {
float: left;
margin: 0px;
padding: 52px 52px 0px 13px;
font-size: 16px;
color: #fcb51b;
font-weight: bold;
}
/*PROJECT WEBDESIGN-05 END*/

/*PROJECT WEBDESIGN-06 START*/
#webdesignProject05-content {
float: left;
width: 798px;
height: auto;
background: url(../images/webdesignProject05-contentRootImage.jpg) repeat-x 0px 0px;
background-color: #2c569e;
border-top: 1px solid #4173b2;
}

#logoProject06 {
float: left;
width: 487px;
height: 197px;
background: url(../images/logoProject06.jpg) no-repeat 50px 5px;
}


#textProject06 {
float: left;
padding-left: 52px;
padding-top: 5px;
width: 695px;
height: auto;
color: white;
text-align: justify;
}

h2.projects06 {
float: left;
margin: 0px;
padding: 52px 52px 0px 13px;
font-size: 16px;
color: #fcb51b;
font-weight: bold;
}
/*PROJECT WEBDESIGN-06 END*/

/*PROJECT WEBDESIGN-07 START*/
#webdesignProject07-content {
float: left;
width: 798px;
height: auto;
background: url(../images/webdesignProject05-contentRootImage.jpg) repeat-x 0px 0px;
background-color: #2c569e;
border-top: 1px solid #4173b2;
}

#logoProject07 {
float: left;
width: 487px;
height: 197px;
background: url(../images/logoProject07.jpg) no-repeat 50px 5px;
}


#textProject07 {
float: left;
padding-left: 52px;
padding-top: 5px;
width: 695px;
height: auto;
color: white;
text-align: justify;
}

h2.projects07 {
float: left;
margin: 0px;
padding: 52px 52px 0px 13px;
font-size: 16px;
color: #fcb51b;
font-weight: bold;
}
/*PROJECT WEBDESIGN-05 END*/

/*MENU BOTTOM START*/
#menuBottom {
float: left;
width: 798px;
height: auto;
}

#menuBottom-content {
float: left;
width: 798px;
height: 85px;
margin-left: 110px;
margin-top: 50px;
}

#textMenuBottom {
float: left;
padding-left: 52px;
padding-top: 30px;
padding-bottom: 30px;
width: 695px;
height: auto;
color: white;
text-align: justify;
font-size: 13px;
}

#leftTextMenuBottom {
float: left;}

#rightTextMenuBottom {
float: right;
text-align: right;
}

#textMenuBottom a {
color: #fcb51b;
font-size: 13px;
text-decoration: underline;
}

#textMenuBottom a:hover {
color: #fcb51b;
font-size: 13px;
text-decoration: none;
}

#textMenuBottom image {
border: 0px;
}

/*MENU BOTTOM END*/

/* CONTENT END */

/*CASES START*/
#headerCase {
float: left;
width: 956px;
padding-left: 56px;
}

#contentCase {
float: left;
width: 956px;
padding-left: 56px;
}

#footerCase {
float: left;
width: 1012px;
height: 167px;
background: url(../images/footer.jpg) no-repeat 0px 0px;
}

#footerTextBottomCase {
float: left;
width: 977px;
height: 30px;
background: url(../images/footerImageBottomCase.jpg) no-repeat 15px 0px;
}

#footerTextBottom {
float: left;
margin-left: 100px;
margin-top: 5px;
text-align: center;
width: 815px;
font-size: 11px;
color: #5e93d5;
}

#footerTextBottom a {
font-size: 11px;
color: #5e93d5;
}



/* MULTIMEDIA START */

 /*Window 01 START */
.logoProject01 {
float: left;
width: 491px;
height: 248px;
background: url(../images/multimedia/logoProject01.jpg) no-repeat 52px 15px;
}

.webdesignProject01-content {
float: left;
width: 798px;
height: auto;
background: url(../images/multimedia/multimediaProject01-contentRootImage.jpg) repeat-x 0px 0px;
background-color: #33509c;
border-bottom: 1px solid #021741;
}

.textProject01multimedia {
float: left;
padding-left: 52px;
padding-bottom: 52px;
margin-top: -50px;
width: 695px;
height: auto;
color: white;
text-align: justify;
}

 /*Window 01 END */

 /*Window 02 START */
.webdesignProject02-content {
float: left;
width: 798px;
height: auto;
background: url(../images/multimedia/multimediaProject02-contentRootImage.jpg) repeat-x 0px 0px;
background-color: #50579b;
border-bottom: 1px solid #021741;
border-top: 1px solid #4173b2;
}

.logoProject02 {
float: left;
width: 490px;
height: 195px;
background: url(../images/multimedia/logoProject02.jpg) no-repeat 5px 9px;
}

.textProject02multimedia {
float: left;
padding-left: 52px;
padding-bottom: 52px;
padding-top: 10px;
width: 695px;
height: auto;
color: white;
text-align: justify;
}
/*Window 02 END */
 
/*Window 03 START */
.webdesignProject03-content {
float: left;
width: 798px;
height: auto;
background: url(../images/multimedia/multimediaProject03-contentRootImage.jpg) repeat-x 0px 0px;
background-color: #2068bb;
border-bottom: 1px solid #021741;
border-top: 1px solid #4173b2;
}

.logoProject03 {
float: left;
width: 490px;
height: 235px;
background: url(../images/multimedia/logoProject03.jpg) no-repeat 45px 5px;
}


.textProject03multimedia {
float: left;
padding-left: 52px;
padding-bottom: 52px;
margin-top: -35px;
width: 695px;
height: auto;
color: white;
text-align: justify;
}  
/*Window 03 END */

/*Window 04 START */
.webdesignProject04-content {
float: left;
width: 798px;
height: auto;
background: url(../images/multimedia/multimediaProject04-contentRootImage.jpg) repeat-x 0px 0px;
background-color: #305e9c;
border-bottom: 1px solid #021741;
border-top: 1px solid #4173b2;
}

.logoProject04 {
float: left;
width: 451px;
height: 191px;
background: url(../images/multimedia/logoProject04.jpg) no-repeat 50px 10px;
}

.textProject04multimedia {
float: left;
padding-left: 52px;
padding-bottom: 52px;
padding-top: 10px;
width: 695px;
height: auto;
color: white;
text-align: justify;
}  
/*Window 04 END */

/*Window 05 START */
.webdesignProject05-content {
float: left;
width: 798px;
height: auto;
background: url(../images/multimedia/multimediaProject05-contentRootImage.jpg) repeat-x 0px 0px;
background-color: #0b4e9f;
border-bottom: 1px solid #021741;
border-top: 1px solid #4173b2;
}

.logoProject05 {
float: left;
width: 473px;
height: 259px;
background: url(../images/multimedia/logoProject05.jpg) no-repeat 50px 30px;
}

.textProject05multimedia {
float: left;
padding-left: 52px;
padding-bottom: 52px;
margin-top: -45px;
width: 695px;
height: auto;
color: white;
text-align: justify;
}  
/*Window 05 END */

/*Window 06 START */
.webdesignProject06-content {
float: left;
width: 798px;
height: auto;
background: url(../images/multimedia/multimediaProject06-contentRootImage.jpg) repeat-x 0px 0px;
background-color: #152862;
border-top: 1px solid #4173b2;
}

.logoProject06 {
float: left;
width: 475px;
height: 248px;
background: url(../images/multimedia/logoProject06.jpg) no-repeat 50px 50px;
}

.textProject06multimedia {
float: left;
padding-left: 52px;
padding-bottom: 7px;
margin-top: -35px;
width: 695px;
height: auto;
color: white;
text-align: justify;
}  
/*Window 06 END */
.footerCaseMultimedia {
float: left;
width: 1012px;
height: 167px;
background: url(../images/multimedia/footer.jpg) no-repeat 0px 0px;
}
/*MULTIMEDIA END */