@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1px;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

body{
	background:#101923 url(../images/New/bg.jpg) repeat-x;
	font:14px Garamond;
	}
#secondary{
	background:#101923 url(../images/New/bg2.jpg) repeat-x;
	}
#casing{
	margin:0 20%;
	height:544px;
	width:960px;
	}
#content{
	width:962px;
	height:100%;
	display:block;
	z-index:0;
	}
	
#header{
	width:962;
	height:60px;
	padding:0;
	}
.clear{	
	clear:both;
	}
#casing img .headline{
	float:left;
	}
#content img{
	margin-left:-5px;
	}
/*Middle Content CSS*/
#middle{
	width:100%;
	height:442px;
	margin:15px 0 0 0px;
	}
#midleft{
	position:absolute;
	margin-left:-319px;
	background:url(../images/mid1.jpg);
	height:442px;
	width:319px;
	}
#midright{
	float:right;
	position:absolute;
	margin-left:962px;
	background:url(../images/mid3.jpg);
	height:442px;
	width:318px;
	}
	
#middle img{float:left; margin-top:-1px;}
#imgright{z-index:0; margin-left:421px;}

.slideshow {z-index:0; height: 232px; width: 232px; }

/*Lower Content */
#bottom_content{
	margin-top:2px;
	display:block;
	width:962px;
	height:408px;
	}
	
#bottom_left{
	display:block;
	height:408px;
	width:421px;
	float:left;
	}	

#bottom_left p{
	margin-top:50px;
	font:Garamond Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#f1f2f2;
	line-height:140%;
	padding:20px;
	text-align:justify;
	}
#bottom_right{
	position:absolute;
	margin-left:25%;
	display:block;
	width:530px;
	padding:10px;

	}
#bottom_right img{
	margin:15px 0 0 10px;
	}
#bottom_right p{
	margin:50px 0 0 20px;
	font:Garamond Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#f1f2f2;
	line-height:140%;
	text-align:justify;
	}
#headline_bar b{
	background:url(../images/secondary/blue_sec_bg.jpg) repeat-x;
	position:absolute;	
	display:block;
	width:200%;
	height:229px;
	z-index:1;
	margin:15px 0 0  -600px;
	text-indent:-9999px;
	}
ul.contentheader{
	position:relative;
	float:left;
	margin-left:-230px;
	width:200%;
	z-index:10;
	height:210px;
	display:inline;
	padding:15px 0 0 0;
	}
ul.contentheader li{
	position:absolute;
	width:110%;
	z-index:2;
	float:left;
	}
ul.contentbody{
	position:relative;
	float:left;
	margin-left:-12px;
	width:200%;
	z-index:10;
	height:210px;
	display:inline;
	padding:0 0 0 0;
	}
ul.contentbody li{
	position:absolute;
	width:200%;
	z-index:2;
	float:left;
	}
#contentleft{
	position:absolute;
	margin:-300px 0 0 15px;
	width:417px;
	z-index:15;
	}
#contentleftspec{
	position:absolute;
	margin:-300px 0 0 15px;
	width:950px;
	z-index:15;
	}
#contentleft h3{
	font:Garamond;
	font-size:16px;
	color:#fff;
	text-align:justify;
	line-height:140%;
	padding:10px 15px 0 10px;
	}
#contentleftspec h3{
	font:Garamond;
	font-size:16px;
	color:#fff;
	text-align:justify;
	line-height:140%;
	padding:10px 15px 0 10px;
	}
	
#contentleft ul{
	padding:10px 20px 0 25px;
	text-align:justify;
	font: verdana;
	font-size:16px;
	color:#fff;
	line-height:140%;
	list-style:url(../images/bullet.png);
	}
	
#contentleft ul li{
	padding-bottom:10px;
	}
	
#contentright{
	position:absolute;
	margin:-303px 0 0 450px;
	width:560px;
	z-index:15;
	}
#contentright h2{
	font:Garamond;
	font-size:16px;
	color:#fff;
	line-height:140%;
	padding:10px 45px 0 10px;
	}
#contentright h3{
	font:Garamond;
	color:#ffe3a6;
	font-size:16px;
	padding:15px 50px 0 10px;
	}
#contentright h4{
	margin:-20px 0 0 75px;
	}
	
#contentright ul{
	padding:10px 20px 0 35px;
	text-align:justify;
	font:Garamond;
	font-size:18px;
	color:#ffe3a6;
	line-height:140%;
	list-style:url(../images/bullet.png);
	}
	
#contentright ul li{
	padding-bottom:10px;
		}
#sform{
	margin-left:15px;
	}
.submit_btn{
	display:block;
	background:url(../images/submit.png) no-repeat;
	border:none;
	text-indent:-9999px;
	height:36px;
	width:112px;
	}
/* NEW SLICING */
	#bottom_content img{float:left;}
	#footer{margin-top:20px; padding-bottom:15px;}
	#email{position:absolute; margin:166px 0 0 -485px;}
	#blog{position:absolute; margin:159px 0 0 -160px;}
	#seccontent_mid{margin:14px 0 0 4px;}
	#content_lower{margin-top:320px;}
	#content_lower_spec{margin-top:320px;}
	#bottom_content_sec img{float:left; margin-top:250px;}
	#bottom_content_sec1 img{float:left; margin-top:50px;}
	#bottom_content_sec2 img{float:left; margin-top:10px;}
	
	
	
	
/*Navigation*/

#nav {padding:0;position:absolute;	width:962px; height:74px; margin:0 0 0 auto; list-style:none; z-index:200;}
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:74px; text-decoration:none; padding:0; cursor:pointer;}
#nav li a b {margin-left:-9999px;}

#nav li a.home {background:url(../images/navigation/home.jpg); width:289px;}
#nav li a.sellers {background:url(../images/navigation/sellers.jpg); width:129px;}
#nav li a.buyers {background:url(../images/navigation/buyers.jpg); width:120px;}
#nav li a.mold {background:url(../images/navigation/mold.jpg); width:121px}
#nav li a.consult {background:url(../images/navigation/consult.jpg); width:129px;}
#nav li a.newhome {background:url(../images/navigation/newhome.jpg); width:170px;}

#nav li:hover a,
#nav a:hover
{background-position: 0 -74px;}
#nav li:active a, #nav a:active
{background-position: 0 0;}


#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{left:0; top:52px; width:152px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:30px; position:relative; float:left; width:152px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; height:30px; width:109px;  text-decoration:none; padding:0; cursor:pointer;}
#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}

#nav :hover ul li a.edocuments {background:url(../images/navigation/edocuments.jpg);}
#nav :hover ul li a.espace {background:url(../images/navigation/espace.jpg);}
#nav :hover ul li a.slevels {background:url(../images/navigation/slevels.jpg);}
#nav :hover ul li a.spackage {background:url(../images/navigation/spackage.jpg);}

#nav :hover ul.sub li a:hover 
{background-position: 0 -30px; position:relative;}
#nav :active ul.sub li a:active 
{background-position: 0 -60px; position:relative;}