/* CSS Document */

* {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
body{
	margin:18px 15px;
}

.page{
	width:774px;
	margin:0 auto;
}

a:link,
a:active,
a:visited {
	text-decoration:underline;
}

a:focus,
a:hover{
	text-decoration:none;
}

h1 {
	width: 228px;
	height:40px;
	background: url(../img/logotype.gif) no-repeat 0 0;
	text-indent:-9999px;
}

h2 {
	text-indent:-9999px;
	width:228px;
	height:19px;
	margin-top:19px;
}

h2.title-news {
	background: url(../img/title_news.gif) no-repeat 0 0;
}

h2.title-products {
	background: url(../img/title_products.gif) no-repeat 0 0;
}

h2.title-testimonials {
	background: url(../img/title_testimonials.gif) no-repeat 0 0;
}

h2.title-ordering {
	background: url(../img/title_ordering.gif) no-repeat 0 0;
}

h2.title-contact {
	background: url(../img/title_contact.gif) no-repeat 0 0;
}

.header{
	width:744px;
	float:left;
	background: url(../img/marque.gif) no-repeat top right;
}

.pageId,
.banner {
	float:left;
	
}

.nav {
	float:left;
	clear:left;
	width:620px;
	margin-top:10px;
	background: #999 url(../img/nav-end.gif) no-repeat top right;
}

.nav ul {
	float:right;
	font-size:0.1em;
	list-style-type:none;
	margin-top:6px;
	margin-bottom:5px;
	margin-right:20px;
}

.nav li{
	display:block;
	float:left;
	margin-left:12px;
}

.nav li a{
	text-indent:-9999px;
	text-decoration:none;
	height:10px;
}

.nav li.btn-news a:link,
.nav li.btn-news a:active,
.nav li.btn-news a:visited{
	display:block;
	width:39px;
	background: url(../img/btn_news.gif) no-repeat 0 0;
}
.nav li.btn-news a:hover,
.nav li.btn-news a:focus {
	display:block;
	width:39px;
	background: url(../img/btn_news-lit.gif) no-repeat 0 0;
}

.nav li.btn-products a:link,
.nav li.btn-products a:active,
.nav li.btn-products a:visited{
	display:block;
	width:77px;
	background: url(../img/btn_products.gif) no-repeat 0 0;
}
.nav li.btn-products a:hover,
.nav li.btn-products a:focus {
	display:block;
	width:77px;
	background: url(../img/btn_products-lit.gif) no-repeat 0 0;
}

.nav li.btn-testimonials a:link,
.nav li.btn-testimonials a:active,
.nav li.btn-testimonials a:visited{
	display:block;
	width:105px;
	background: url(../img/btn_testimonials.gif) no-repeat 0 0;
}
.nav li.btn-testimonials a:hover,
.nav li.btn-testimonials a:focus {
	display:block;
	width:105px;
	background: url(../img/btn_testimonials-lit.gif) no-repeat 0 0;
}

.nav li.btn-ordering a:link,
.nav li.btn-ordering a:active,
.nav li.btn-ordering a:visited{
	display:block;
	width:74px;
	background: url(../img/btn_ordering.gif) no-repeat 0 0;
}
.nav li.btn-ordering a:hover,
.nav li.btn-ordering a:focus {
	display:block;
	width:74px;
	background: url(../img/btn_ordering-lit.gif) no-repeat 0 0;
}

.nav li.btn-contact a:link,
.nav li.btn-contact a:active,
.nav li.btn-contact a:visited{
	display:block;
	width:67px;
	background: url(../img/btn_contact.gif) no-repeat 0 0;
}
.nav li.btn-contact a:hover,
.nav li.btn-contact a:focus {
	display:block;
	width:67px;
	background: url(../img/btn_contact-lit.gif) no-repeat 0 0;
}

.content {
	float:left;
	clear:left;
	display:inline; /* fix for MSIEs double-margin bug */
	margin-top:2em;
	width:590px;
	font-size:0.8em;
	background: url(../img/ion.gif) no-repeat top left;
}

.content p,
.content h3{
	margin-bottom:1em;
	margin-left:90px;
}

.content p a{
	color:#000;
}

.footer {
	float:left;
	clear:left;
	margin-top:1em;
	width:100%;
}
.footer p {
	font-size:0.7em;
}

.heightSet {
	margin: auto auto 0 auto;
	width:550px;
	overflow:visible;
	height:50%;
}

.introFlash {
	margin-top:50%;
}