body
{
	margin: 0;
	padding: 0px;
	background: #ccff66;
	border: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../images3/description-back.jpg);
	background-repeat:repeat-x;
	background-position: bottom;

}

@font-face {
	font-family: 'FragileBombersRegular';
	src: url('../data/fragileb-webfont.eot');
	src: local('Fragile Bombers'), local('FragileBombers'), url('../data/fragileb-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.hidden { display: none; }

.highlightit img{
border: 5px solid #616161;
	color:#ccff66;
	text-decoration:underline;	

}

.highlightit:hover img{
border: 5px solid #ccff66;
}

.highlightit:hover{
color: red; /* Dummy definition to overcome IE bug */
}

/* === sections ================================================== */

#menu
{
	width: 200px;
	height: 172px;
	position: fixed;
	left: 0px;
	top: 50px;
	text-align: left;
	z-index:10;

}

#header
{
	width: 900px;
	height: 470px;
	margin-left: auto ;
	margin-right: auto ;

}

#starrr
{
	float: left;
	position: relative;
	width:400px;
	height:470px;
}

#tag
{
	float: left;
	width: 500px;
	height: 470px;
	position:relative

}


#tagline
{
	width: 400px;
	height: 200px;
	position: absolute;
	left: 55px;
	top: 100px;
	text-align: center;
	z-index:5;
}



#spacer-1
{
	width: 900px;
	height: 180px;
	margin-left: auto;
	margin-right: auto;

}

#showcase
{

	background-image: url('../images3/showcase-back.jpg');
	width: 805px;
	height: 570px;
	margin-left: auto ;
	margin-right: auto ;	
	position: relative;
	
}

.showcase-picture
{
	float: left;
	position: relative;
	width:400px;
	height:300px;
	margin: 100px 20px 40px 70px;
	z-index: 1;
}

.showcase-description
{
	float: left;
	position:relative;
	margin: 130px 0px 0px 0px;
	width: 250px;
	z-index: 10;

}


#showcase-list
{
	clear:both;
	width: 710px;
	height: 70px;
	z-index: 20;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


#showcase-gloss
{
	width: 805px;
	height: 427px;
	position: absolute;
	background-image: url('../images3/showcase-front.png');
	z-index:5;
	left: 0px;
	top: 0px;

}


#spacer-2
{
	width: 900px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;

}



#description-box
{

	width: 900px;
	height: 300px;
	margin-left: auto ;
	margin-right: auto ;	
	position: relative;
	
}

#description
{
	width: 750px;
	height: 300px;
	margin-left: auto ;
	margin-right: auto ;	
	text-align:justify;
	position: relative;
}

#button-services
{
	width: 180px;
	height: 30px;
	position: absolute;
	z-index:3;
	left: 75px;
	top: 213px;
}

#popup-services
{
	width: 225px;
	height: 250px;
	position: absolute;
	background-image: url('../images3/popup-back.png');
	z-index:5;
	left: 33px;
	top: 4px;
	visibility:none;
	text-align:center;
}

#button-clients
{
	width: 100px;
	height: 30px;
	position: absolute;
	z-index:3;
	left: 295px;
	top: 213px;
}

#popup-clients
{
	width: 225px;
	height: 250px;
	position: absolute;
	background-image: url('../images3/popup-back.png');
	z-index:5;
	left: 221px;
	top: 4px;
	visibility:none;
	text-align:center;
}


#button-software
{
	width: 180px;
	height: 30px;
	position: absolute;
	z-index:3;
	left: 448px;
	top: 213px;
}

#popup-software
{
	width: 225px;
	height: 250px;
	position: absolute;
	background-image: url('../images3/popup-back.png');
	z-index:5;
	left: 422px;
	top: 4px;
	visibility:none;
	text-align:center;
}

#button-contact
{
	width: 130px;
	height: 30px;
	position: absolute;
	z-index:3;
	left: 698px;
	top: 213px;
}

#popup-contact
{
	width: 225px;
	height: 250px;
	position: absolute;
	background-image: url('../images3/popup-back.png');
	z-index:5;
	left: 648px;
	top: 4px;
	visibility:none;
	text-align:center;
}


#popup-backup
{
	width: 225px;
	height: 250px;
	position: absolute;
	background-image: url('../images3/popup-back.png');
	z-index:5;
	left: 422px;
	top: 4px;
	visibility:none;
	text-align:center;
}

#popup-arrows
{
	width: 650px;
	height: 170px;
	position: absolute;
	z-index:5;
	left: -274px;
	top: 480px;
	/*	visibility:none; */
	text-align:center;
}



/* === typos ================================================== */

h1 {
	font-size: 2px;
	color:#ccff66;
	margin: 0px;
	}
h2 {}
h3 {}
h4 {}

.title {
	font-weight: normal; 
	font-style: normal; 
	line-height:normal; 
	font-family: 'FragileBombersRegular', Arial Narrow, Arial, Helvetica, sans-serif; 
	color: #ccff66; 

}

.text-d {
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family:Arial, Helvetica, sans-serif;
	color: #6d6c6d;
	font-variant: normal;
}

.text-b {
	font-weight: normal; 
	font-style: normal; 
	line-height:normal; 
	font-family:Arial, Helvetica, sans-serif;
	color:#ccff66;
}

a.text-b:link, a.text-b:visited {
	color:#ccff66;
	text-decoration:underline;	
	}	
	
a.text-b:hover, a.text-b:active {
	color:#ccff66;
	text-decoration: none;	
	}		
	
a.text-d:link, a.text-d:visited {
	color:#6d6c6d;
	text-decoration: underline;	
	}	
	
a.text-d:hover, a.text-d:active {
	color:#6d6c6d;
	text-decoration: none;	
	}		
	

* { margin: 0; padding: 0; } /* Reset stuff */


ul#float-menu {
	width: 186px;
	list-style: none;
}

ul#float-menu li { display: inline; }
	
ul#float-menu li a {
	display: block; float: left; height: 43px;
	background-image: url(../images3/hover-menu.png); text-indent: -9999px;
}

	
	ul#float-menu li a.showcase {
		width: 200px; background-position: 0 0;	
	}
	
	ul#float-menu li a.about {
		width: 200px; background-position: 0 0;	
	}
	
	ul#float-menu li a.top {
		width: 200px; background-position: 0 0;	
	}
		
	
	
	ul#float-menu li a.showcase:hover, ul#float-menu li a.showcase:focus {
		background-position: 0 -86px;	
	}
	
	ul#float-menu li a.about:hover, ul#float-menu li a.about:focus {
		background-position: 0 -43px;	
	}
	
	ul#float-menu li a.top:hover, ul#float-menu li a.top:focus {
		background-position: 0 -129px;	
	}
	

a { outline: none; }