div#header_container { position: relative; width: 790px; margin: 0 auto; background: #fbf8f0; }
div#main_container { position:relative; width:100%; left:0; z-index:3; }
div#content_container { margin:0 auto; width:790px; }

h2 { padding-bottom:5px; margin: 3px 10px 0 10px; color: #0a0a0a; font-size: 1.5em; font-weight: normal; }

/*----------  GENERIC CONTENT  ------------*/

/* header images */
div#headerimage { float: left; position: relative; width: 790px; height: 430px; overflow: hidden; clear: both; z-index: 2;  }

/* arrows for slide */ 
a#arrow_left { display: block; position: absolute; top: 0px; left: 30px; background: url(/hdrefexpro/usa_img/arrow_left.png) no-repeat 0 0; width: 37px; height: 38px; padding: 0; text-indent: -9000px; outline: none; z-index: 2; behavior: url(../iepngfix.htc); }
a#arrow_left:hover {  }
a#arrow_right {  display: block; position: absolute; top: 0px; left: 760px; background: url(/hdrefexpro/usa_img/arrow_right.png) no-repeat 0 0; width: 37px; height: 38px; padding: 0; text-indent: -9000px; outline: none; z-index: 2; behavior: url(../iepngfix.htc); }
a#arrow_right:hover {  }

/* the slide */
div#slidearrows { float: left; position: relative; padding: 0 0 20px; clear: both; }
div#featureslide { float: left; position: relative; background: #fbf8f0; width: 790px; height: 170px; padding: 0 0 0 0 !important; overflow: hidden; clear: both; z-index: 2; }
div#featureslide.home { height: 160px; background: transparent; margin: 0 0 5px 0; }

/* slide feature boxes (again this could be reused) */
div.slide { float: left; position: relative; width: 2994px; clear: both; }
div.slide img { float: left; }
div.slide .column { float: left; position: relative; width: 252px; height: 135px; margin: 0px 0 0 0px; padding: 0 5px 0 5px; border-right: 1px solid #d3c4b5; }
div.slide .column.first { padding: 0 5px 0 5px; border-left: 1px solid #d3c4b5; }
div.slide .column.section { margin: 0px 0 0 0px; border-left: 1px solid #d3c4b5; }
div.slide h2 { padding-bottom:0px; margin: 3px 10px 0 10px; color: #0a0a0a; font-weight: normal; }
div.slide p { color: #737373; font-size: 1.0em; line-height:1.5; margin:10; padding:0;}
div.slide img.feature { float: left; margin-left: 12px; margin-top: 5px; margin-right: 5px; }

a.learnmore { position:absolute;top:108px;right:40px; width: 96px; height: 20px; background: url(../../usa_img/signup_btn.jpg); text-indent: -9000px; outline: none; }
a.see_ui { position:absolute;top:108px;right:40px; width: 96px; height: 20px; background: url(../../usa_img/see_ui.jpg); text-indent: -9000px; outline: none; }
a.ghosting { position:absolute;top:108px;right:40px; width: 96px; height: 20px; background: url(../../usa_img/ghosting.jpg); text-indent: -9000px; outline: none; }
a.demo { position:absolute;top:108px;right:40px; width: 96px; height: 20px; background: url(../../usa_img/demo_btn.jpg); text-indent: -9000px; outline: none; }
a.video { position:absolute; left:13px; width: 234px; height: 136px; background: url(../../usa_img/hdr_video_thumb.jpg); text-indent: -9000px; outline: none; }
a.buynow { position:absolute;top:108px;right:40px; width: 96px; height: 20px; background: url(../../usa_img/buynow_btn.jpg); text-indent: -9000px; outline: none; }
a.preorder { float:left; position:absolute;top:280px;left:0px; width: 258px; height: 100px; background: url(../../usa_img/pre_order_button.jpg); text-indent: -9000px; outline: none; }
a.coco { float:left; position:absolute;top:280px;left:0px; width: 258px; height: 100px; background: url(../../usa_img/coco_special.jpg); text-indent: -9000px; outline: none; }
a.webinar { float:left; position:absolute;top:280px;left:0px; width: 258px; height: 100px; background: url(../../usa_img/live_training.jpg); text-indent: -9000px; outline: none; }
a.watch { position:absolute;top:105px;right:40px; width: 96px; height: 20px; background: url(../../usa_img/watch_btn.jpg); text-indent: -9000px; outline: none; }

/* static content below slider */
div.static { float: left; position: relative; width: 790px; height: 325px; overflow: hidden; clear: both; }
div.static img.inset { float:left; margin: 0 15px 0 0; } 
div.static img.left { float:left; margin: 0 0 10px 0; } 
div.static img.center { float:left; margin: 0 0 0 0; } 
div.static img.right { float:right; margin: 0 0 10px 0; } 
div.static h2 { margin: 0 0 0 0; color: #0a0a0a; font-weight: normal; }
div.static p { float:left; line-height:1.5; width: 790px;}

/*----------  HOME PAGE  ------------*/

/* arrows for header images */ 
a#home_arrow_left {
	position: absolute;
	top: 0px;
	left: 1px;
	display: none;
	background: url(/hdrefexpro/usa_img/home_arrow_left.png) no-repeat 0 0px;
	width: 225px;
	height: 431px;
	padding: 0;
	text-indent: -9000px;
	outline: none;
	z-index: 3;
	behavior: url(iepngfix.htc);
}
a#home_arrow_left.active { background-position: 0 -430px; }
a#home_arrow_right { position: absolute; 
	top: 0px; 
	left: 565px; 
	display: block; 
	background: url(/hdrefexpro/usa_img/home_arrow_right.png) no-repeat 0 0px; 
	width: 225px; 
	height: 430px; 
	padding: 0; 
	text-indent: -9000px; 
	outline: none; 
	z-index: 3; 
	behavior: url(iepngfix.htc); }
	
a#home_arrow_right.active { background-position: 0 -430px; }

/* home page nav Tab.s */
ul#homenav { float: left; position: relative; display: inline; list-style-type: none; margin: -70px 0 0 0px; padding: 0; height: 90px; z-index: 3; }
ul#homenav li { float: left; height: 37px; margin: 0; padding: 0; }
ul#homenav li a { float: left; display: block; height: 90px; padding: 0 0 0 0px; outline: none; text-decoration: none; font-size: 1.6em; line-height: 2em; text-indent: -9000px; behavior: url(../iepngfix.htc); }
ul#homenav li a:hover { cursor: pointer; }
li#hn_tab1.off a { display: block; background: url(/hdrefexpro/eu_img/middlenav_tab1_off_de.gif) no-repeat; width: 325px; height: 90px; }
li#hn_tab1.on a { display: block; background: url(/hdrefexpro/eu_img/middlenav_tab1_on_de.gif) no-repeat; width: 325px; height: 90px; }
li#hn_tab2.off a { display: block; background: url(/hdrefexpro/eu_img/middlenav_tab2_off_de.gif) no-repeat; width: 140px; height: 90px; }
li#hn_tab2.on a { display: block; background: url(/hdrefexpro/eu_img/middlenav_tab2_on_de.gif) no-repeat; width: 140px; height: 90px;  }
li#hn_tab3.off a { display: block; background: url(/hdrefexpro/eu_img/middlenav_tab3_off_de.gif) no-repeat; width: 325px; height: 90px;  }
li#hn_tab3.on a { display: block; background: url(/hdrefexpro/eu_img/middlenav_tab3_on_de.gif) no-repeat; width: 325px; height: 90px; }

/* home images */
div#hi_tab1 { float: left; width: 790px; height: 430px; }
div#hi_tab1 span { float: left; width: 790px; height: 430px; background: url(/hdrefexpro/eu_img/tab1_de.jpg) no-repeat; }
div#hi_tab2 { float: left; width: 790px; height: 430px; }
div#hi_tab2 span { float: left; width: 790px; height: 430px; background: url(/hdrefexpro/eu_img/tab2_de.jpg) no-repeat; }
div#hi_tab3 { float: left; width: 790px; height: 430px; }
div#hi_tab3 span { float: left; width: 790px; height: 430px; background: url(/hdrefexpro/eu_img/tab3_de.jpg) no-repeat; }
div#hi_tab1 a, div#hi_tab2 a, div#hi_tab3 a { display:block; position:absolute; left:0px; top:0px; width:790px; height:430px; z-index:4; }