/* ||| universal set of reset styles |||*/
html, body, div, span, applet, object, iframe, caption, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h3, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	background: white;
	line-height: 1px;
	color: black;
}
ol, ul {
	list-style: none;
}

a img { border: none !important; }

/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
/* remove possible quote marks (") from <q> &amp; <blockquote> */
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* ||| set of clearing floats |||*/	
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
.clear {
	clear: both;
}

tr {
	margin: 10px 0px 10px 0px;
}

/* ||| Universal Styles |||*/	

html {
	height: 100%;
	margin-bottom: 0px;
}

body {
	position: relative;
	background: #fff;
	padding: 0px;
	margin: 0px;  
	color: #333333;
	font-family: helvetica neue, helvetica, arial, sans-serif;
	font-size: 11px;
	line-height: 18px;
	background-image: url('../images/bg_top.png');
	background-repeat: repeat-x;
	}
	
#homewrapper {
	 position: absolute;
	 left: 50%;
	 margin-left: -485px;
	 width:970px;
	}

a {
	color: #cc0000;
	text-decoration: none;
	}

a:visited { color: #cc0000; }

a:hover {
	color: #f58520;
	text-decoration: none;
	}

p {
	margin-bottom: 12px;
}

.body-text p{
	font-size: 12px;
	line-height: 18px;
}

/* ||| Home Page Blocks |||*/	

#home-container {	
 	width:970px;
 	margin: auto;
	}
	
#nav-container {
	float: left;
	width: 180px;
	margin:0px;
	}
	
#body-container {
	float: left;
	width: 758px;
	margin:10px;
	}

#body-content {
	float: left;
	display: block;
}


#side-modules {
	width: 270px;
	float: right;
	display: block;
}

.home-big {
	width: 400px;
	float: left;
}

.home-small {
	width: 171px;
	float: left;
	margin-left: 8px;
}


#logo {
	margin-top: 15px;
}

.body-space {
	clear: both;
	height: 30px;
}

.body-space-home {
	clear: both;
	height: 4px;
}

.showcase-long-home {
	float: left;
	width: 758px;
	margin-bottom:5px;
}

.showcase-long {
	float: left;
	width: 758px;
	height: 225px;
	display: block;
	border: 0px solid #ff0000;
}

.showcase-image-sm {
	float: left;
	width: 392px;
	height: 225px;
	display: inline;
}
.showcase-movie-sm {
	float: right;
	width: 365px;
	height: 225px;
	display: inline;
}

.body-text {
	clear: both;
	float: left;
	width: 460px;
	height: 100%;
	margin-bottom: 20px;
}

.body-text-wide {
	clear: both;
	float: left;
	width: 750px;
	height: 100%;
	margin-bottom: 20px;
}



#footer {
	clear: both;
	border-top: 1px solid #e3e3e3;
	text-align: center;
	height: 40px;
	padding-top: 10px;
	color: #adadad;
}




/* ||| Menus |||*/	  
  
#left-nav {
	margin-top: 10px;
	
	width: 170px;
	border-left: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	text-transform: uppercase;
	overflow: visible;
}


#left-nav .left-nav-on {
	height: 30px;
	background: #ff0000 url(../images/bg_menu_accor_red.png) 0px 0px repeat-x;
	font-weight: bold;
	
}

#left-nav .left-nav-on-spacing {
padding: 6px 0px 0px 16px;
}

#left-nav .left-nav-on a{
	color: #fff;
	}
	
#left-nav .left-nav-on a:hover{
	color: #fffff0;
	}

#left-nav .left-nav-open {
	background: #fffff0;
	line-height: 24px;
	overflow: visible;
	padding:0px;
}

#left-nav .left-nav-spacer {
	background: #fffff0;
	height: 10px;
}


#left-nav .left-nav-open a{
	color: #838383;
	padding: 0px 0px 0px 16px;
	}
	
#left-nav .left-nav-open a:hover{
	color: #313131;
	}

#left-nav .left-nav-selected {
	overflow: visible;
	background: #fffff0;
	}
	
#left-nav .left-nav-selected a{
	color: #cc0000;
	background: #fffff0 url(../images/nav-select.png) 0px 2px no-repeat;
	padding: 0px 0px 0px 16px;
	font-weight: bold;
	}
	
#left-nav .left-nav-selected a:hover{
	color: #f58520;
	background:  #fffff0 url(../images/nav-select-over.png) 0px 2px no-repeat;
	}

#left-nav .left-nav-off {
	background: url(../images/bg_menu_accor_grey.png) 0px 0px repeat-x;
	padding: 6px 0px 5px 12px;
	border-top: 1px solid #e3e3e3;
	font-weight: bold;
}

#left-nav .left-nav-off a{
	color: #313131;
	}
	
#left-nav .left-nav-off a:hover{
	color: #838383;
	}


#top-nav {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	float: right;
}
  
#top-nav a {
  color: #666666;
  }
 
#top-nav a:hover {
  color: #313131;
  }
  
#top-nav li {
  position: relative;
  margin: 0px 0px 0px 25px;
  float: left;
  } 
	
	
	
#sub-menu {
	width: 740px;
	height: 20px;
	border: 1px solid #e3e3e3;
	padding: 7px 0px 6px 15px;
	float: left;
	background: url(../images/bg_menu_sub.png) 5px 5px repeat-x;
	text-transform: uppercase;
	
}
  
#sub-menu a {
  color: #4b4b4b;
  }
 
#sub-menu a:hover {
  color: #d2180e;
  }
  
#sub-menu li {
  position: relative;
  margin: 0px 25px 0px 0px;
  float: left;
  }  
  
 #sub-menu .sub-menu-selected a {
  padding: 2px 4px 2px 4px;
  background-color: #d2180e;
  color: #fff;
  }  
  
   #sub-menu .sub-menu-selected a:hover{
  padding: 2px 4px 2px 4px;
  background-color: #ed1c24;
  }  



#breadcrumb-nav {
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
	font-size: 10px;
	float: right;
}
  
#breadcrumb-nav a {
  color: #898989;
  }
 
#breadcrumb-nav a:hover {
  color: #cc0000;
  }


#breadcrumb-nav li{
    text-align: left;
    float: left;
    padding: 3px 0px 3px 25px;
    margin: 0px;
    background: url(../images/breadcrumb-arrow.png) 17px 5px no-repeat;
}



/* ||| Type |||*/	

#page-header {
	clear: both;
	padding: 30px 0px 12px 0px;
	font-size: 32px;
	color: #cc0000;
	text-transform: uppercase;
}

h1 { font-size: 18px; margin-bottom: 20px;  }
h3 { font-size: 15px; margin-bottom: 20px; }
h4 { font-size: 13px; margin-bottom: 5px; color: #4c4c4c; }
h5 { font-size: 10px; color: #4c4c4c;  }




.sub-hdr-body {
	color: #f58220;
	font-size: 1.2em;
	font-weight: bold;
}


.sub-hdr-red {
	color: #f58220;
	font-size: 11px;
	font-weight: bold;
}

.sub-hdr-orange {
	color: #f58220;
	font-size: 11px;
	font-weight: bold;
}


/* ||| Modules |||*/	



/*.body-side-showcase {
	border: 1px solid #e3e3e3;
	padding: 16px;
	background: url(../images/bg_sidebox_gradient.png) bottom repeat-x; 
	margin-bottom: 14px;
	
}

.quote-pullout {
	color: #b11116;
	font-size: 13px;
	font-style: italic;
}

.quote-pullout-credit {
	
	color: #666;
	font-size: 10px;
	padding: 10px 0px 0px 35px;
}*/

.body-side-showcase {
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 14px;
	background: url(../images/sidequote-left.png) top no-repeat;
	
}

.quote-pullout {
	color: #313131;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	padding: 20px 20px 10px 20px;
	margin: 2px;
	background: url(../images/sidequote-right.png) bottom no-repeat;
}

.quote-pullout-credit {
	
	color: #7f7f7f;
	font-size: 10px;
	margin: 0px 0px 18px 70px;
	font-style: italic;
}

.red-side-box {
	border: 0px solid #e3e3e3;
	padding: 16px;
	background: #C60019 url(../images/bg_redside_gradient.gif) bottom repeat-x; 
	margin-bottom: 14px;
}

.red-side-box p {
	color: #d1d1d1;
	font-size: 10px;
	line-height: 11px;
	}

.red-side-title {
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
}

.red-side-box a{
	color: #fffcbd;
	font-size: 10px;
	
}


.red-side-box a:hover{
	color: #f8981d;
}


.grey-side-box {
	border: 1px solid #e3e3e3;
	padding: 16px;
	background: #f7f7f7;
	margin-bottom: 14px;	
}

.grey-side-title {
	color: #b11116;
	font-size: 14px;
	font-weight: bold;
}

.grey-tag {
	color: #fff;
	background-color: #838383;
	font-size: 12px;
	font-weight: bold;
}

.grey-side-box p {
	color: #4a4a4a;
	margin: 5px 0px 5px 0px;
	padding: 0px;
}

.grey-side-box a{
	color: #4a4a4a;
	font-size: 11px;
	text-decoration: underline;
}


.grey-side-box a:hover{
	color: #d1001c;
}


.white-side-box {
	border: 1px solid #e3e3e3;
	padding: 16px;
	background: #fff;
	margin-bottom: 14px;
	background:  url(../images/bg_greybox_gradient.png) bottom repeat-x; 
}

.white-side-title {
	color: #b11116;
	font-size: 14px;
	font-weight: bold;
}

.white-side-box p {
	color: #4a4a4a;
	margin: 5px 0px 5px 0px;
}

.white-side-box a{
	color: #4a4a4a;
	font-size: 11px;
}


.white-side-box a:hover{
	color: #d1001c;
}


.product-box {
	display:block; 
	float:left; 
	width:332px;
	height:150px;
	margin:0px 10px 10px 0px;
	padding: 15px;
	border: 1px solid #e3e3e3;
	background:  url(../images/bg_greybox_gradient.png) bottom repeat-x;
	/*background: #f8f8f8;
	border: 1px solid #eaeaea;*/	
	}
	

.product-box a{
	color: #ff8b0e;
	font-size: 11px;
}


.product-box a:hover{
	color: #b11116;
}




/* ||| Extras |||*/	  


.box-links {
	
	line-height: 13px;
	display: box;
	margin-top: 8px;
	margin-bottom: 2px;
	float: left;
	border: #000000 1px;
}
  
.box-links a {
  color: #fffcbd;
  font-size: 12px;
  }
 
.box-links a:hover {
  color: #ffffff;
  font-weight: bold;
  }


.box-links li{
    text-align: left;
    padding: 3px 10px 0px 14px;
    margin: 0px;
    background: url(../images/arrow_red.png) 0px 4px no-repeat;
}

.home-header {
	height: 20px;
	float: left;
	
	color: #666;
	font-size: 18px;
}

.lists li{
    text-align: left;
    padding: 7px 0px 0px 30px;
    margin-left: 0px;
    background: url(../images/li_arrow.png) 10px 10px no-repeat;
    font-weight: bold;
    font-size: 9pt;
    min-height: 28px;
}

li.grey {
	background-color: #f7f7f7;
}
	
.lists-descrp {
	color: #666;
	font-weight: normal;
	margin: 0px;
	padding-bottom: 10px;
}

	
.descrp {
	color: #666;
	font-weight: normal;
	font-size: 11px;
	margin: 0px;
}


tr.applications {
	
	margin-bottom: 10px;
}

.descr-prod {
	font-weight: bold;
	color: #353535;
	font-size: 11px;
	line-height: 12px;
	margin: 0px;
}

.tech-subnav {
	display: block;
	text-align: right;
	width: 750;
	padding: 5px;
	background: #fffff0;
}

.tech-subnav a{
	color: #b11116;
	font-size: 12px;
	font-weight: bold;
}

.tech-subnav a:hover{
	color:#f58220;
}

.tech-subnav a:hover{
	color:#f58220;
}

.news_text_bottom p {
	font-size:11px;
	line-height:normal;
	color: #666;

}









/*SLIDE*/





div.wrap{
 width:993px;
 margin:0 auto;
 text-align:left;
}
 div#top div#nav{
  float:left;
  clear:both;
  width:993px;
  height:52px;
  margin:22px 0 0;
  background:url url(images/nav-bg.png) 0 0 no-repeat;
 }
  div#top div#nav ul{
   float:left;
   width:700px;
   height:52px;
   list-style-type:none;
  }
   div#nav ul li{
    float:left;
    height:52px;
   }
    div#nav ul li a{
     border:0;
     height:52px;
     display:block;
     line-height:52px;
     text-indent:-9999px;
    }
 
div#header{
 margin:0px;
 
}
div#video-header{
 height:758px;
 margin:0px;
}
 div#header div.wrap{
  height:325px;
 }
 div#header div#slide-holder{
  z-index:40;
  width:758px;
  height:325px;
  position:absolute;
 }
  div#header div#slide-holder div#slide-runner{

   width:758px;
   height:325px;
   overflow:hidden;
   position:absolute;
   margin:0px;
  }
  div#header div#slide-holder img{
   margin:0px;
   display:none;
   position:absolute;
  }
  div#header div#slide-holder div#slide-controls{
   left:0;
   bottom:0px;
   width:758px;
   height:46px;
   display:none;
   position:absolute;
   /*background:url(images/slide-bg.png) 0 0;*/
  }
   div#header div#slide-holder div#slide-controls p.text{
    float:left;
    color:#fff;
    display:inline;
    font-size:10px;
    line-height:16px;
    text-transform:uppercase;
   }
 
   div#header div#slide-holder div#slide-controls p#slide-nav{
    float:right;
    height:24px;
    display:inline;
    margin:11px 15px 0 0;
   }
    div#header div#slide-holder div#slide-controls p#slide-nav a{
     float:left;
     width:24px;
     height:24px;
     display:inline;
     font-size:11px;
     margin:0 5px 0 0;
     line-height:24px;
     font-weight:bold;
     text-align:center;
     text-decoration:none;
     background-position:0 0;
     background-repeat:no-repeat;
	 color:#999999;
    }
    div#header div#slide-holder div#slide-controls p#slide-nav a.on{
     background-position:0 -24px;
	 color:#FFFFFF;
    }
div#header div#slide-holder div#slide-controls p#slide-nav a{background-image:url(images/silde-nav.png);}
div#nav ul li a{background:url(images/nav.png) no-repeat;}