@charset "utf-8";

/* START global prop. */
*{
  margin: 0;
  padding: 0;
}

:focus {
outline: 0;
}

/* END global prop. */

body{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	color: #323;
	background: #FFF;
	background-image:url(images/bgtop.png);
	background-repeat:repeat-x;
	min-height:100%;
	height:auto; /* ie6 ignores it */
	height:100%; /* fix */
	margin-top:15px;
	position: relative;
}

a {
	color:#000;
}

p	{
	margin: 0 auto; 
	width:600px;
	padding:20px;
}

p a {
	text-decoration:none;
}

p a:hover {
	text-decoration:underline;
}
	

/* MAIN NAVIGATION START */
.menu {
	margin: 0 auto; /* Aligning div horizontally */
	width:925px; /* When aligning using the method above we must set a specific width */
	padding: 0;
	list-style: none;

}
.menu li {
	padding: 0;
	margin: 0;
	height: 50px;
	list-style: none;
	background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -10000px;
	height: 50px;
	background-repeat: no-repeat;
}
.ls {background-image: url(images/ls_on.gif); width: 27px;}
.ls a {background-image: url(images/ls_on.gif); width: 27px;}
.home {background-image: url(images/home_on.gif); width: 90px;}
.home a {background-image: url(images/home_off.gif); width: 90px;}
.portfolio {background-image: url(images/portfolio_on.gif); width: 108px;}
.portfolio a {background-image: url(images/portfolio_off.gif); width: 108px;}
.about {background-image: url(images/about_on.gif); width: 108px;}
.about a {background-image:url(images/about_off.gif); width: 108px;}
.services {background-image: url(images/services_on.gif); width: 108px;}
.services a {background-image: url(images/services_off.gif); width: 108px;}
.clients {background-image: url(images/clients_on.gif); width: 126px;}
.clients a {background-image: url(images/clients_off.gif); width: 126px;}
.experiments {background-image: url(images/experiments_on.gif); width: 135px;}
.experiments a {background-image: url(images/experiments_off.gif); width: 135px;}
.contact {background-image: url(images/contact_on.gif); width: 108px;}
.contact a {background-image: url(images/contact_off.gif); width: 108px;}
.blog {background-image: url(images/blog_on.gif); width: 90px;}
.blog a {background-image: url(images/blog_off.gif); width: 90px;}
.rs {background-image: url(images/rs_on.gif); width: 25px;}
.rs a {background-image: url(images/rd_on.gif); width: 25px;}

ul.menu li a:hover {background: none;}
.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* MAIN NAVIGATION END */



/* FOOTER NAVIGATION START */
.footermenu {
	margin: 0 auto; /* Aligning div horizontally */
	width:750px; /* When aligning using the method above we must set a specific width */
	padding: 0;
	list-style: none;
}

.footermenu li {
	padding: 0;
	margin: 0;
	margin-right:25px;
	margin-left:25px;
	height: 50px;
	list-style: none;
	background-repeat: no-repeat;
}
.footermenu li a, .footermenu li a:visited {
	display: inline;
	text-decoration: none;
	height: 50px;
	background-repeat: no-repeat;
}

ul.footermenu li a:hover {background: none; text-decoration:underline;}
.footermenu li {float: left;}
.footermenu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* FOOTER NAVIGATION END */

/* FOOTER LEGAL NAVIGATION START */
.footermenulegal {
	margin: 0 auto; /* Aligning div horizontally */
	width:450px; /* When aligning using the method above we must set a specific width */
	padding: 0;
	list-style: none;
}

.footermenulegal li {
	padding: 0;
	margin: 0;
	margin-right:20px;
	margin-left:20px;
	height: 50px;
	list-style: none;
	background-repeat: no-repeat;
}
.footermenulegal li a, .footermenulegal li a:visited {
	display: inline;
	text-decoration: none;
	height: 50px;
	background-repeat: no-repeat;
}

ul.footermenulegal li a:hover {background: none; text-decoration:underline;}
.footermenulegal li {float: left;}
.footermenulegal:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* FOOTER LEGAL NAVIGATION END */



#mainobject{
	margin: 0 auto; /* Aligning div horizontally */
	width:960px; /* When aligning using the method above we must set a specific width */
	padding: 20px;
}

#mainobjectcontact{
	margin: 0 auto; /* Aligning div horizontally */
	width:660px; /* When aligning using the method above we must set a specific width */
	padding: 0px;
	border-width:thick;
	border-style:solid;
	border-color:#ff4957;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;

}

#mainobjectcontact table{
	margin-left:auto;
	margin-right: auto;
	font-size:.9em;
}
#mainobjectcontact table input{
	height:1.5em;
	text-align:center;
}

#mainobjectclients{
	margin: 0 auto; /* Aligning div horizontally */
	width:800px; /* When aligning using the method above we must set a specific width */
	padding: 0px;
	border-width:thick;
	border-style:solid;
	border-color:#ff4957;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;

}

#mainobjectclients table{
	margin-left:auto;
	margin-right: auto;
	font-size:.9em;
}
#mainobjectclients table input{
	height:1.5em;
	text-align:center;
}

#mainobjectexperiments{
	margin: 0 auto; /* Aligning div horizontally */
	width:800px; /* When aligning using the method above we must set a specific width */
	padding: 10px;
	border-width:thick;
	border-style:solid;
	border-color:#ff4957;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;

}