/* screen.css
------------------------------------------------------------------------
This stylesheet contains the basic CSS rules for VAMED 

Author: elements.at 
--------------------------------------------------------------------- */

/* Basic CSS Rules
--------------------------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
}


div, h1, h2, h3, h4, p, form, input, select, textarea, ol, ul, li, object, embed {
	margin: 0;
	padding: 0;
	/*font-family: Tahoma, Arial, Helvetica, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	text-align: left;			
}

h1 {
	color: #000;
	font-weight: bold;
	font-size: 19px;
	line-height: 22px;	
}

h2 {
	color: #005b76;
	font-weight: bold;	
	font-size:15px;
	line-height:17px;
}


h3 {
	color: #327b91;
	font-weight: bold;	
}

h4 {
	color: #000;
	font-weight: bold;		
}

object {
	display: block;
}

a:link {
	color: #012c61;
	text-decoration: underline;
}

a:visited {
	color: #012c61;
	text-decoration: underline;
}

a:hover {
	color: #666;
	text-decoration: underline;
}

a:active {
	color: #012c61;
	text-decoration: underline;
}

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

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.clear {
	clear: both !important;
}

.debug {
	border: 1px solid #000;
}


/* GENERAL SITE CONTAINERS
--------------------------------------------------------------------- */

/*
#site {
	background:url(/static/tmp/portal_sujet.jpg) center top no-repeat;
}
*/

.container {
	width:956px;
	height:856px;
	margin:0 auto;
	position:relative;
}

.container .under_construction {
	width:170px;
	height:75px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:638px;
	z-index:10;
	background:url(/static/img/construction.png) no-repeat;
	behavior: url(/static/js/iepngfix.htc);
	z-index:1000;
}

/* META NAV
--------------------------------------------------------------------- */
#metanav {
	width:920px;
	height:35px;
	overflow:hidden;
	position:absolute;
	top:10px;
	left:8px;
	padding:0 10px;
	background:url(/static/img/metanav_bg.gif) repeat-x;	
	z-index:900;
}

#metanav .nav {
	list-style:none;
	float:left;
}

#metanav .nav li {
	float:left;
	display:block;
}

#metanav .nav li.sfhover {
	background:url(/static/img/metanav_bg_active.gif) repeat-x;
}

#metanav .nav li a {
	display:block;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	font-size:15px;
	font-weight:bold;
}

#metanav .nav li a em {
	padding:11px 10px 10px 10px;
	display:block;
	font-style:normal;
}

#metanav .nav.right {
	list-style:none;
	float:right;
}

/* FOOTER
--------------------------------------------------------------------- */
#footer {
	width:940px;
	height:65px;
	overflow:hidden;
	position:absolute;
	top:600px;
	left:8px;
	position:relative;
}

#footer .footerbg {
	width:940px;
	height:65px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	background:url(/static/img/footerbg.png) no-repeat;
	behavior: url(/static/js/iepngfix.htc);
}

#footer .footerbody {
	width:940px;
	height:65px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
}

#footer .footerbody .footermenu {
	width:570px;
	overflow:hidden;
	float:left;
	margin:8px 0 0 10px;
}

#footer .footerbody .footermenu a {
	float:left;
	padding:0 10px 0 0;
	color:#fff;
	text-decoration:none;
}

#footer .footerbody .copyright {
	width:570px;
	height:14px;
	overflow:hidden;
	position:absolute;
	bottom:8px;
	left:10px;
	color:#fff;
}

#footer .footerbody .vitaworld {
	width:165px;
	height:49px;
	overflow:hidden;
	position:absolute;
	top:8px;
	right:0;
}

#footer .footerbody .vitaworld .vitaworld_text {
	width:90px;
	height:14px;
	overflow:hidden;
	position:absolute;
	top:35px;
	left:0;
	color:#fff;
	text-align:right;
}

#footer .footerbody .vitaworld .vitaworld_logo {
	width:58px;
	height:46px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:95px;
}

#footer #elementsLogo {
	width: 122px;
	overflow: hidden;
	padding: 10px 0 0 0;
	float:right;
}

#elementsLogo a {
	background: url(/static/img/elements.gif) right 4px no-repeat;
	color:#fff;
	display: block;
	width: 82px;
	height: 14px;
	overflow:hidden;
	padding: 13px 30px 7px 0;
	text-decoration:none;
}

#elementsLogo a:hover {
	background: url(/static/img/elements_hover.gif) right 4px no-repeat;
}