html {
    font-size: 100.1%;
    height: 100%;
}

body {
	font-family:  Asap, arial, 'lucida grande', small fonts, sans-serif;
	color: #000;
	margin:0; 
	padding:0; 
	background-color: #fff;
	height:100%;
	text-align: center;
    font-size: 0.9em;
}

body.cz {
	font-family:  verdana, arial, 'lucida grande', small fonts, sans-serif;
}


div, span, dt, dd, h1, h2, h3, h4, p, a {
	margin: 0;
	padding: 0;
}


img {
	margin:0; 
	padding:0; 
	border: 0;
}


/* ------- Main Elements ------- */


#homesite #background {
	width: 100%;
	height: 100%;
	background: #fff url("../images/background_1.gif") left top repeat-x;
	border-top: #d7a529 1px solid;
}

#downloadsite #background {
	width: 100%;
	height: 100%;
	background: #fff url("../images/background_1.gif") left top repeat-x;
	border-top: #44a02b 1px solid;
}

#buysite #background {
	width: 100%;
	height: 100%;
	background: #fff url("../images/background_1.gif") left top repeat-x;
	border-top: #ca007b 1px solid;
}


#top-wrapper,
#main,
#footer {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	overflow: hidden;   
	text-align: left; 
}

#top-wrapper {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	height: 450px;
	background: transparent url(../images/alva_nanoface.gif) 0px 15px no-repeat;
}

#banner {
	display: block;
	width: 980px;
	height: 378px;
	overflow: hidden;
	margin: 0;
	background: transparent url(../images/banner_1.jpg) 0px 0px no-repeat;
}

#banner_de {
	display: block;
	width: 980px;
	height: 378px;
	overflow: hidden;
	margin: 0;
	background: transparent url(../images/banner_de.jpg) 0px 0px no-repeat;
}

#banner_cz {
	display: block;
	width: 980px;
	height: 378px;
	overflow: hidden;
	margin: 0;
	background: transparent url(../images/banner_cz.jpg) 0px 0px no-repeat;
}


#banner.connections {
	background: transparent url(../images/banner_connections.jpg) 0px 0px no-repeat;
}

#banner.connections_de {
	background: transparent url(../images/banner_connections_de.jpg) 0px 0px no-repeat;
}

#banner.connections_cz {
	background: transparent url(../images/banner_connections_cz.jpg) 0px 0px no-repeat;
}

#banner.reduce {
	background: transparent url(../images/banner_reduce.jpg) 0px 0px no-repeat;
}

#banner.reduce_de {
	background: transparent url(../images/banner_reduce_de.jpg) 0px 0px no-repeat;
}

#banner.reduce_cz {
	background: transparent url(../images/banner_reduce_cz.jpg) 0px 0px no-repeat;
}

#banner.use {
	background: transparent url(../images/banner_use.jpg) 0px 0px no-repeat;
}

#banner.use_cz {
	background: transparent url(../images/banner_use_cz.jpg) 0px 0px no-repeat;
}

#banner.downloads {
	background: transparent url(../images/banner_downloads.jpg) 0px 0px no-repeat;
}

#banner.downloads_cz {
	background: transparent url(../images/banner_downloads_cz.jpg) 0px 0px no-repeat;
}

#banner.buy {
	background: transparent url(../images/banner_buy.jpg) 0px 0px no-repeat;
}

#banner.buy_cz {
	background: transparent url(../images/banner_buy_cz.jpg) 0px 0px no-repeat;
}

.presentation {
	
}

a.video {
	display: block;
	width: 183px;
	height: 25px;
	background: 0;
	padding: 0;
	background: none;
	margin-top: 275px;
}


#main {
	display: block;
	overflow: visible;
	height: auto;
}



#footer {
	text-align: left;
	width: 980px;
	height: 65px;
	font-size: 10px;
	margin-top: 20px;
	margin-bottom: 40px;
	padding-top: 20px;
	font-size: 0.8em;
}

#footer-line {
	display: block;
	margin: 12px 0 12px 0;
	height: 11px;
	width: 980px;
	background: transparent url(../images/footer_line.gif) 0px 0px repeat-x;
}

#footer-line a {
	padding: 0;
	background: none;
}

#footer-alva-logo {
	display: block;
	margin:  auto;
	height: 10px;
	width: 73px;
	border-left: #fff 25px solid;
	border-right: #fff 25px solid;
	background: transparent url(../images/footer_alva_logo.gif) 0px 0px no-repeat;
}


#footer-text {
	margin: 6px 0 0 0;
	height: 60px;
	overflow: visible;
}

.language span {
	padding: 6px 12px 0 0;
	position: relative;
	top: -4px;
}

.fb-like {
	float: left;
	width: 100px;
	margin: 6px 0px 0 0;
	text-align: left;
}

.g-plus {
	float: left;
	width: 36px;
	height: 30px;
	margin: 6px 0px 0 0px;
	text-align: left;
	overflow: hidden;
}


.twitter {
	float: left;
	width: 60px;
	margin: 6px 0px 0 0;
	text-align: left;
}


.copyright {
	width: auto;
	float: left;
}


/* ------- Main Menu ------- */


#mainmenu {
	float: right;
	width: 975px;
	height: 45px;
	margin: 0;
	text-align: right;
}

.mainmenu-logo-link {
	display: block;
	height: 40px;
	width: 100px;
	float: left;
	background: none;
	padding: 0;
	margin: 0;
}

#mainmenu ul {
	display: block;
	list-style-type: none;
	float: right;
	width: auto;
	padding: 0;
	margin:  0;
}

#mainmenu ul li {
	display: block;
	float:  left;	
	width: auto;
	height: 45px;
	text-align: center;
	background: transparent;
	padding: 0px 0 0px 0px;
	margin: 0;
}


#mainmenu ul li a {
	display: block;
	text-decoration: none;
	width: auto;
	height: auto;
	color: #fff;
	font-size: 9pt;
	padding: 10px 30px 13px 30px;
	background: transparent;
	margin: 0px 12px 0px 12px;
	background: transparent;
	border-top: #000 3px solid;
}

#mainmenu ul li a:active,
#mainmenu ul li a:hover { 
	background: #d7a529;
	border-top: #d7a529 3px solid;
}

#homesite #mainmenu ul li a.home-select { 
	background: #000;
	border-top: #d7a529 3px solid;
}

#downloadsite #mainmenu ul li a.dl-select { 
	background: #000;
	border-top: #44a02b 3px solid;
}

#downloadsite #mainmenu ul li a:active,
#downloadsite #mainmenu ul li a:hover { 
	background: #44a02b;
	border-top: #44a02b 3px solid;
}


#buysite #mainmenu ul li a:active,
#buysite #mainmenu ul li a:hover { 
	background: #ca007b;
	border-top: #ca007b 3px solid;
}

#buysite #mainmenu ul li a.buy-select { 
	background: #000;
	border-top: #ca007b 3px solid;
}




/* ------- Format elements ------- */


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

.clearfix {display: inline-block;}

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


.clear {
	content: ".";
    height: 1px;
	background: transparent;
	clear: both;
	display: block;
	visibility: hidden;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */
}


.float-left {
	float: left;
}

.float-right {
	float: right;
}


.right {
	text-align: right;
}

.center {
	text-align: center;
}


.hidden {
	display: none;
}


.fl {
 float: left;  
}

.fr {
 float: right;  
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}


.mb40 {
	margin-bottom: 40px;
}

.mb50 {
	margin-bottom: 50px;
}


.ml10 {
	margin-left: 10px;
}

.ml20 {
	margin-left: 20px;
}

.ml30 {
	margin-left: 30px;
}

.ml40 {
	margin-left: 40px;
}

.ml50 {
	margin-left: 50px;
}

.ml60 {
	margin-left: 60px;
}



.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt40 {
	margin-top: 40px;
}

.mt50 {
	margin-top: 50px;
}


.mr10 {
	margin-right: 10px;
}

.mr11 {
	margin-right: 11px;
}

.mr20 {
	margin-right: 20px;
}

.mr30 {
	margin-right: 30px;
}

.mr40 {
	margin-right: 40px;
}

.mr50 {
	margin-right: 50px;
}

.small {
	font-size: 0.9em;
}

.center {
	text-align: center;
}

.just {
	text-align: justify;
}

.p10 {
	padding: 10px;
}


.aligncenter {
	text-align: center;
	width: 100%;
}


.aligncentermargin {
	margin-bottom: 20px;
	text-align: center;
	width: 100%;
}


.alignleft {
	clear:both;
	text-align: left;
	width: 100%;
}


.alignleftmargin {
	margin-bottom: 20px;
	text-align: left;
	width: 100%;
}


.hide {
	display:  none;
}

.alignright {
	clear:both;
	text-align: right;
	width: 100%;
	margin-bottom: 10px;
}


.alignrightmargin {
	clear:both;
	margin-bottom: 40px;
	text-align: right;
	width: 100%;
}


.nospacing {
	letter-spacing: 0;
}



/* ------- Text ------- */


p {
	margin-bottom: 6px;
	font-family:  Gudea, 'lucida grande', arial, small fonts, sans-serif;
	text-align: justify;
	line-height: 1.5em;
}

.cz p {
	font-family:  arial, verdana, 'lucida grande', small fonts, sans-serif;
	font-size: 1em;	
}

.cz h2 {
	font-size: 1.2em;
}

.big {
	font-size: 24pt;
	font-family: times new roman, gudea, arial;
}

.big2 {
	font-size: 18pt;
	font-family: gudea, arial;
	line-height: 120%;
	text-align: left;
}

.cz p.big2 {
	font-size: 16pt;
	line-height: 120%;
	text-align: left;
}



h1 {
	font-size: 20pt;
	font-weight: 100;
	margin-bottom: 24px;
}

h2 {
	font-size: 16pt;
	font-weight: 100;
	margin-bottom: 8px;
}

h3 {
	font-size: 12pt;
	margin-bottom: 8px;
}

.underline {
	width: 100%;
	border-bottom: #ccc 1px solid;
	padding-bottom: 4px;
}

a,
a:visited {
	color: #000;
	text-decoration: none;
	padding-left: 26px;
	background: url("../images/link_1.gif") left 50% no-repeat;	
	height: auto;
}

a.textlink,
a.textlink:visited {
	color: #000;
	text-decoration: underline;
	background: none;
	padding: 0;
	margin: 0;	
}


a.link2,
a.link2:visited {
	background: url("../images/link_2.gif") left 50% no-repeat;	
}

a.link3,
a.link3:visited {
	background: url("../images/link_3.gif") left 50% no-repeat;	
}

a:hover,
a:active {
	color: #d7a529;
	text-decoration: underline;
}

.purple {
	color: #ca007b;
}

.green {
	color: #45a12b;
}



.initial {
   float: left;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 420%;
   line-height: 1;
   text-transform: uppercase;
   background-color: #fff;
   padding: 0 5px ;
   margin-right: 10px;
   margin-top: 0;
}

/* ------- Site elements ------- */

ul.listbullet {
	list-style-type: none; 
	text-align: left;	
}

ul.listbullet li {
	display: block;
	padding-bottom: 10px;
	padding-left: 12px;
	background: url("../images/b1.gif") 0px 0.5em no-repeat;
	margin-left: -38px;
}

.cz ul.listbullet li {
	font-size: 0.9em;	
}


#w1,
#w2,
#w3 {
	float: left;
	text-align: center;
	margin-right: 94px;
}

#w3 {
	margin-right: 0px;
}

a.manual-link {
	display: block;
	width: 230px;
	height: 161px;
	border: #fff 1px solid;	
	padding: 0;
	background: transparent url(../images/Nanoface_manual.jpg) 0px 0px no-repeat;
}


#what a.img-link {
	display: block;
	width: 260px;
	height: 181px;
	border: #fff 1px solid;	
	padding: 0;
}

#what a.img-link:active,
#what a.img-link:hover,
a.manual-link:active,
a.manual-link:hover {
	border: #d7a529 1px solid;	
}

#w1 a.img-link {
	background: transparent url(../images/what_connections.jpg) 0px 0px no-repeat;
}

#w2 a.img-link {
	background: transparent url(../images/what_philosophy.jpg) 0px 0px no-repeat;
}

#w3 a.img-link {
	background: transparent url(../images/what_usability.jpg) 0px 0px no-repeat;
}

a.img-link {
	background: none;
	padding: 0;
}

a.textlinkpurple {
	background: none;
	color: #ca007b;
	padding: 0;
}


.box1 {
	float: left;
	width: 500px;
	height: auto;
	text-align: left;
	margin-right: 220px;	
}

.box2 {
	float: left;
	width: 240px;
	height: auto;
	text-align: left;
}