* {margin: 0; padding: 0;}

body{
	/* definitions are not inherited by textarea */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #ffffff;
	background: #000000;
}

p{margin: 1em 0 0;}


a{color: #ffffff; text-decoration: none; outline-style: none;}
a:hover{text-decoration: underline;}
.small a, a.small{text-decoration: underline;}
.small a:hover, a.small:hover{text-decoration: none;}



/* TEXT */
h1 {font-size: 130%; font-weight: normal; margin: 1.5em 0 0.5em; text-transform: uppercase;}
h1.topH, table h1{margin-top: 0em;}

h2 {font-size: 120%; font-weight: normal; margin: 1.5em 0 0.5em; text-transform: uppercase;}
h2.topH, table h2{margin-top: 0em;}

h3 {font-size: 110%; font-weight: normal; margin: 1.5em 0 0.5em;}
h3.topH, table h3{margin-top: 0em;}

h4 {font-size: 105%; font-weight: normal; margin-bottom: 0.5em;}
p + h4, ul + h4{margin-top: 1.5em;}

.smallText{font-size: 80%;}
.noWrap{white-space: nowrap;}



/* IMAGES */
img {vertical-align: top; border: none;}



/* TABLES */
table {border-collapse: collapse;}



/* LISTS */
ul, ol, li {list-style-type: none;	border: none;}
ul.horizontalUl {width: 100%; display: inline;}
ul.horizontalUl li{float: left; /*white-space: nowrap;*/}
/*ul.horizontalUl input{width: 100px; float: left;}*/
ul.verticalUl {width: 100%;	display: inline;}
ul.verticalUl li{float: none; white-space: nowrap; vertical-align: middle;}
/*ul.verticalUl input{float: none;	width: auto;}*/
/*fieldset ul, fieldset li{border:0; margin:0; padding:0; list-style:none;}
fieldset li{clear:both;list-style:none;padding-bottom:10px;}
fieldset input{float:left;}
fieldset label{width:140px;float:left;}*/



/* BORDERS */
.border{border: 1px solid #999999;}



/* INPUTS */
fieldset{border: none;}
select{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	border: 1px solid #cccccc;
	border-top: 1px solid #999999;
}
textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	/*
	font-style:normal;
	font-variant:normal;
	*/
	color: #000000;
	overflow: auto;
	width: 100%;
	height: 100px;
	border: 1px solid #cccccc;
	border-top: 1px solid #999999;
}
input.text{
	/*border-color: #000000;*/
	position: relative;
	left: 0px;
	width: 100%;
	border: 1px solid #cccccc;
	border-top: 1px solid #999999;
}



/* PAGE LAYOUT */
div.clear{clear: both;}
div#center{position: relative; width: 760px; margin:0 auto;}
div#content{background: #003366;}
div#footer{position: absolute; left: 0; height: 30px; width: 100%; font-size: 80%; color: #336699;}
div#footer a{color: #336699;}
div#footer a:hover{text-decoration: none;}
div#footerL{float: left;}
div#footerR{float: right;}



/* IMAGES */
img#background{
	position: absolute;
	left: 0;
	top: 0;
	height: 353px;
	width: 760px;
}
img#logo{
	position: absolute;
	left: 12px;
	top: 32px;
	width: 232px;
	height: 44px;
	z-index: 12;
}	
img#logoBig{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 402px;
	height: 76px;
	margin-left: -201px;
	margin-top: -38px;	
}	
img.sideImage{position: relative;}



/* NAVIGATION BAR */
div.stripe{position: absolute; left: 0px; height: 1px; width: 100%; background: #ffffff; overflow: hidden;/*needed for ie6*/}
div#stripe1{top: 150px;}
div#stripe2{top: 153px;}
div#stripe4{top: 178px;}
div#stripe5{top: 181px;}
div#navBar{
 	position: absolute;
	left: 0px;
	top: 154px;
	height: 24px;
	width: 100%;
	background: #000000;
  	opacity: 0.5;
  	overflow: hidden;/*needed for ie6*/
}
div#navText{
 	position: absolute;
	left: 8px;
	top: 154px;
	height: 24px;
	width: 100%;
	font-size: 10pt;
	text-transform: uppercase;
	z-index: 11;
}
div#navText a:hover{text-decoration: none;}

div#navText li {float: left; padding: 4px 5px 4px; vertical-align: middle;}
div#navText li span.navL{display: inline; padding: 5px 0px 4px 14px;}
div#navText li a:hover span.navL{background: url(images/textBg.png) top left no-repeat;}
div#navText li span.navR{display: inline; padding: 5px 8px 4px 0px;}
div#navText li a:hover span.navR{background: url(images/textBg.png) top right no-repeat;}



/* START PAGE */
a.blockLinks{display: block; height: 100%; text-decoration: none;}
a span.linkText{position: absolute; bottom: 0; left: 0; font-size: 110%; text-transform: uppercase; cursor: pointer;}

div#startContent{height: 480px;}

div#startContent div.box	 {position: absolute; z-index: 10;}
div#startContent div.box_text{position: relative; height: 30px;}
div#startContent img		 {position: absolute; bottom: 0px;}

div#startBoxConsulting	  {top: 210px; width: 245px; left: 88px;}
div#startBoxWebEngineering{top: 210px; width: 245px; left: 420px;}
div#startBoxConsulting div.box_text, div#startBoxWebEngineering div.box_text{height: 90px;}

div#startBoxReferences	  {top: 380px; width: 165px; left: 88px;}
div#startBoxAboutUs	  	  {top: 380px; width: 165px; left: 294px;}
div#startBoxContact	  	  {top: 380px; width: 165px; left: 500px;}



/* CONTENT PAGES */
div#mainContent{width: 715px; padding: 204px 0 18px; left: 20px; z-index: 10;}
div#mainContent div.box_text{float: left; width: 430px; text-align: justify;}
div#mainContent a{text-decoration: underline;}
div#mainContent a:hover{text-decoration: none;}

div#mainContent ul{margin: 0.5em 0 0;}
div#mainContent ul ul{margin: 0.3em 0;}
div#mainContent form ul{margin: 0;}
div#mainContent li{margin: 0.2em 0 0 1em; list-style-type: square;}
div#mainContent li li{margin: 0.1em 0 0 1em; list-style-type: disc;}
div#mainContent form li{margin: 0; list-style-type: none;}

div#sideContent{float: left; width: 218px; margin: 0 0 0 30px; font-size: 80%;}



/* MAIL FORM */
/*input.slim{
	width: 48%;
	float: left;
}
input#name{
	background: #FFA;
	padding-right: 50%;
}
input#mail{

}*/
form dd{margin-bottom: 8px;}
form #submit{margin-left: -2px;}
form #submitWrap{margin: 0;}
#confirmation, form .errors{color: #FF9999; font-weight: bold; text-transform: uppercase;}



/* JS ACCORDION */
div#accordion .toggler{cursor: pointer;}



/* REFERENCES */
div#refs table{width: 680px;}
div#refs td {width: 400px; padding-top: 2em; vertical-align: top;}
div#refs td.tdRight {width: 260px; padding-left: 20px; text-align: right;}
div#refs hr{width: 100%; border-right: none; border-bottom: none; border-left: none; border-color: #fff;}
div#refs div.hBg{position: relative; width: 100px; top: -2em; background: #fff;}



/* BOX */
div.box{position: relative;}
div.box_tL{width: 9px; height: 9px; background: url(images/box_tL.png) top left no-repeat; float: left;}
div.box_tR{height: 9px;  margin-left: 9px;background: url(images/box_tR.png) top right no-repeat;}
div.box_middle{background: url(images/box_mL.png) top left repeat-y;}
div.box_body{margin-left: 9px; padding: 2px 12px 6px; background: url(images/box_mR.png) top right repeat-y;}
div.box_text{/*position: absolute; left: 0px; bottom: 0px; font-size: 14pt;*/}
div.box_bL{width: 9px; height: 13px; background: url(images/box_bL.png) bottom left no-repeat; float: left;}
div.box_bR{height: 13px; margin-left: 9px; background: url(images/box_bR.png) bottom right no-repeat;}



/* NEWS BUTTON */
div#newsButton{
    position: absolute;
    left: 0;
    top: 163px;
    z-index: 1;
}