/* CSS Document */
body {
	background-image: url(http://www.etype-europe.com/img/b.gif);
	background-repeat: repeat-x;
	font: 0.85em "Trebuchet MS", serif;
	background-color: #066bbd;
	height: 100%;
}
html,body {
	height: 100%;
}

img {
border:0px}
#bbit {
	height:28px;
	width:748px;
	margin: 0 auto;
	background: #FFFFFF;
}


#tbit {
	height:28px;
	width:748px;
	margin: 0 auto;	background-image: url(http://www.etype-europe.com/img/b/b-t.gif);
	background-repeat: repeat-x;
}
#tbit h1 {
display:table;
	font: bold 1em "Trebuchet MS", serif;
	color: #000099;
	margin: 0px;
	padding: 0px;
margin-left:15px;
margin-top:8px;
}

/*  Top navigation styles */
/*  flash movie */
#flash, #hpcontent, #shadow, #top,#hpcontain,#hpcontent{height:260px;width:756px;background-image: url(http://www.etype-europe.com/img/b/flash.gif);background-repeat: repeat-x;margin: 0 auto;background-color: #FFFFFF;}
/*  first div top of page includes topnav for links */
#top {
	height:26px;
	background-image: url(http://www.etype-europe.com/img/top.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#topnav{font: bold 0.75em "Trebuchet MS", serif;width:175px;height:16px;float:right;padding-top: 7px;color: #666666;}

/*  link colours for topnav */
#topnav a {text-decoration: none;color: #9fa0a0;}
#topnav a:hover {color: #0066FF;}

/*  logo and navigation div */
#mainnav, #logo{width:747px;height:28px;background-image: url(http://www.etype-europe.com/img/mainnav.gif);background-repeat: no-repeat;margin: 0 auto;
background-color: #FFFFFF;padding-right: 9px;}
#logo{height:35px;}
#flashcontainer{width:738px;margin: 0 auto;}

/*  navigation buttons styles */
#nav, #navone {top: 0px;list-style: none;display: inline;overflow: hidden;width: 550 px;height: 87px;}
#nav li {margin: 0; padding: 0;display: inline;list-style-type: none;}	
#nav a {
	float: right;
	padding: 28px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:28px; /* for IE5/Win */
	}
#nav a:hover {background-position: 0 -29px;}
#nav a:active, #nav a.selected {background-position: 0 -58px;}
#advertisers a  {width: 98px;background: url(http://www.etype-europe.com/img/n/advertisers.gif) top left no-repeat;}
#publishers a  {width: 92px;background: url(http://www.etype-europe.com/img/n/publishers.gif) top left no-repeat;}
#premium a  {width: 115px;background: url(http://www.etype-europe.com/img/n/premium-sites.gif) top left no-repeat;}
#accelerator a  {width: 96px;background: url(http://www.etype-europe.com/img/n/accelerator.gif) top left no-repeat;}
#contact a  {width: 98px;background: url(http://www.etype-europe.com/img/n/contact.gif) top left no-repeat;}

/*  homepage content main container */
#hpcontent {height:221px;background-image: url(http://www.etype-europe.com/img/b/b.gif);background-repeat: no-repeat;}
#contentcontain{
	width:756px;
	background-image: url(http://www.etype-europe.com/img/b/c-back.gif);
	background-repeat: repeat-y;
	margin: 0 auto;
}
#contentleft{
	height:100%;
	width:181px;
	float:left;
}
#contentright{
	display:table;
	height:auto;
	width:490px;
	float:right;
	padding-right: 30px;
}
#contentright h1{
	font:  3.1em "Trebuchet MS", serif;
	color: #0ea6f3;
	margin: 0px;
	padding: 0px;
}
#contentright p,ul{
	font: 0.85em/1.4em "Trebuchet MS", serif;
	color: #3981b1;
}


#contentright h2{
	font: bold 1.2em/1.3em "Trebuchet MS", serif;
	color: #3981b1;
}
#contentright h3{
	font: bold .90em "Trebuchet MS", serif;
	color: #FFFFFF;
	background-image: url(http://www.etype-europe.com/img/h5.gif);
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 5px;
	background-repeat: no-repeat;
	display:block;
}
#contentright h4{
	font: bold .90em "Trebuchet MS", serif;
	color: #FFFFFF;
	background-image: url(http://www.etype-europe.com/img/h6.gif);
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 5px;
	background-repeat: no-repeat;
}

#nestedbackgrnd {
	height:auto;
	width:738px;
	background-image: url(http://www.etype-europe.com/img/b/c-b.gif);
	margin: 0 auto;
	background-repeat: repeat-y;
	background-color: #FFFFFF;
}

/*  homepage content sub container */
#hpcontain{height:221px;width:726px;background-image: url(http://www.etype-europe.com/img/b/hp.gif);background-repeat: repeat-x;margin: 0 auto;}
#hpleft{width:347px;float:left;color: #FFFFFF;margin-top: 15px;}
#hpleft h1 {font: 3.5em "Trebuchet MS", serif;display:inline;margin-top: 0px;margin-bottom: 0px;padding-top: 0px;padding-bottom: 0px;}
#hpright{width:360px;float:right;margin-top: 25px;}
#hpright h1 {font: bold 1em "Trebuchet MS", serif;color: #FFFFFF;display:inline;margin-top: 0px;margin-bottom: 0px;padding-top: 0px;padding-bottom: 0px;}
#hpright p {font: .80em "Trebuchet MS", serif;color: #FFFFFF;}





.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}


/*  footer image */
#footer {
	height:63px;
	width:748px;
	margin: 0 auto;
	background-image: url(http://www.etype-europe.com/img/b/g.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
/*  footer shadow */
#shadow {height:77px;background-image: url(http://www.etype-europe.com/img/b/shadow.jpg);}


#spacer, #spacer1,#spacer2,#spacer3,#spacer4{
	height: 300px;
	padding: 0;
	margin: 0;
} 
#spacer1{	height: 800px;}
#spacer2{	height: 600px;}
#spacer3{	height: 1100px;}
#spacer4{	height: 50px;}
#spacer5{	height: 3650px;}


#rollover{ height:100%;
}
#leftnav {
	height:100%;}
.rollover a {
display:block;
width: 182px;
padding:7px 0px 7px 2px;
	font-family: verdana, serif;
	font-size: 10px;
color:#FFFFFF;
background: url("http://www.etype-europe.com/img/roll.gif") 0 0 no-repeat;
text-decoration: none;
}
.rollover a:hover { 
background-position: 0 -26px;
color: #000099;
}
.leftnav a:active {
background-position: 0 -54px;
color: #000099;
}
.leftnav a {
	display:block;
	width: 182px;
	padding:7px 0px 7px 2px;
	font-family: verdana, serif;
	font-size: 11px;
	color:#FFFFFF;
	background: url("http://www.etype-europe.com/img/roll1.gif") 0 0 no-repeat;
	text-decoration: none;
	font-weight: bold;
}
.leftnav a:hover { 
color: #000099;
background-position: 0 -27px;

}
.leftnav a:active {
color: #000099;
background-position: 0 -54px;
}
form  {
	margin: 0px;
}
form br  {
	line-height: 5px
}
/* input box for the forms */
input {
	font-family: "Trebuchet MS", serif;
	font-size: 80%;
	color: #3981b1;
	background-color: #ffffff;
	border: 1px solid  #3981b1;
}
/* general textarea style for forms */
textarea {
	font-family: "Trebuchet MS", serif;
	font-size: 100%;
	color: #3981b1;
	background-color: #ffffff;
	border: 1px solid #3981b1;
	width: 250px;
	height: 100px;
}
select {	
	width: 170px;
	font: 0.85em/1.4em "Trebuchet MS", serif;
	color: #3981b1;
} 

/* indent form objects */
label{
	float: left;
	width: 90px;
	font: 0.85em/1.4em "Trebuchet MS", serif;
	color: #3981b1;
	font-weight: bold;
}
#submitbutton{
	margin-left: 90px;
	margin-top: 5px;
	font-size: 11px;
	color: #3981b1;
	font-weight: bold;
	width: 60px;
}
#contentright a {
	color:#0ea6f3;
	text-decoration: none;
}
#contentright  a:hover { 
color: #000099;
}
#contentright a:active {
color: #0ea6f3;
}

#hpright a {
	color:#ffffff;
	text-decoration: none;
}
#hpright  a:hover { 
color: #990000;
}
#hpright a:active {
color: #0ea6f3;
}

.floatright{
	float:right;
}
.floatleft{float:left;width:200px;display:block;}



.horz-rule { width:100%; border-bottom:2px solid #d9deec; margin:20px 0 20px 0; }