/* CSS Document */
body {
 font: 10px/12px Arial, Helvetica, sans-serif ;
  background: #000000 url(images/blue_to_black_gradient.gif) top left repeat-x; 
   padding: 0; 
    margin: 0; 
     margin-top: 10px;}

img { border: none; }

a {
 text-decoration: underline;
  color: white; }

ul { 
 font-size: 1.2em;
  line-height: 1.5em;
   padding: 5px;
    margin: 0px;
     list-style: circle url(images/content_links_bullet.gif) inside;
      color: #white }

ul#no_bullet { list-style: circle url(images/spacer.gif) outside;}

li { margin-left: 0; }

#content_wrapper a {
 color: #ffcc00;
  padding-left: 10px;
   background: url(images/content_links_bullet.gif) left no-repeat; }
  
#content_wrapper a:hover,
#content_wrapper a:active {
 color: #ff9900; }

#content_wrapper a:visited {
 color: #999999; }

p#chat_script a {
 color: #ffcc00;
  padding-left: 0;
   font-size: 1.2em; 
    line-height: 130%;
     align: justified;
      color: white;
       margin-right: 30px;
        margin-top: 0px;
	     padding-top: 0px; }

#non_bulleted_link a {
 color: white;
 background: none; 
 padding: 0; 
 margin: 0;
 text-size: 1.2em}

#footer a {
 color: black; 
 background: none;}
#footer a:hover,
#footer a:active {
 color: #ffcc00; }
#footer a:visited {
 color: #777777; } 
 
/* Positioning and Size */

#all_content_wrapper { 
 position: absolute;
  left: 50%;
   width: 800px;
	margin-left: -400px; }

em { 
 font-style: italic;
  color: #ffcc00; }

h1 {
 color: #ffcc00;
  font-size: 2.1em;
   line-height: 120%;
	 text-align: left;
	  margin-left: 0;
	  margin-top: 20px;
	   margin-bottom: 0;
	    margin-right:25px; 
         }

h2 { }

h3 {
 padding-top: 0px;
  margin-bottom: 0px;
  font-size: 1.5em;
   line-height: 130%;
     }

h3.topic_header {margin-top: 5px;}

p.caption { 
 margin-top: 10px;
 margin-left: 10px;
  font-size: 1.2em;
   line-height: 125%;
    font-style: normal}

p.body_copy {
  font-size: 1.2em; 
   line-height: 130%;
    align: justified;
     color: white;
      margin-right: 30px;
       margin-top: 0px;
	    padding-top: 0px; }


/* GLOBAL TOP NAV CONTENT */

/* Global Nav */
#global_nav_top_wrapper {
 position: relative;	
  width: 800px; }

	#global_nav_top_1 { display: none ;
	 position: relative;
	  width: 800px;
	   height: 1.5em; 
	    font-size: 1.2em ;
	     color: white;
		  text-align: center;
		   margin-bottom: 3px; }
	#global_nav_top_1 a { color: white; text-decoration: underline; }
	
	#global_nav_top_2 { display: none; }
	#global_nav_top_2 span { display: none; }

	#global_nav_top_3 { display: none;
	 position: relative; }
	#global_nav_top_3 span { display: none; }

	#global_nav_top_4 { display: none;
	 position: relative; }
	#global_nav_top_4 span { display: none; }

	#global_nav_top_5 { display: none;
	 position: relative; }
	#global_nav_top_5 span { display: none; }

#combi_bolt_website {
 position: relative;	
  width: 800px; 
   border: 1px solid #222222; }
   
#key_cabinet_website {
 position: relative;	
  width: 800px; 
   border: 1px solid #222222; }

 /* Header */
#header_wrapper {
  background: #444444 url(images/header_bg_metal_blue_cb.jpg) top left no-repeat ; 
	position: relative;
	 width: 800px;
	  height: 92px; 
	   border: 0}

/*  
	The Top: Left: and Width: values in the style for "#header_1" position the text box that contains the Slogan below 
	the Logo (or you can move it to the side, whatever you like). It just takes some  
	experimenting to get it where you want it.
*/	  

		#header_1 { 
		 position: absolute;
		  top: 40px;
		   left: 155px;
		    width: 370px;
			 height: 5.5em; 
			  margin-top: -1em;}
		h2#slogan { 
		 display: inline;
/**/	  color: white;
		   font-style: italic;
		    font-size: 1.6em;
		     line-height: 112%;
		      text-align: left; }
		#header_2 { display: ;
		 position: absolute;
		  top: 37px;
		   left: 490px;
		    width: 170px;
			 height: 7.0em; 
			  margin-top: -2.5em;}  
	    h2#links_in_header {
		 display: inline; 
/**/	   color: white; 
			font-size: 1.2em;
		     line-height: 1.3em; }
		h2#links_in_header a:hover,
		h2#links_in_header a:hover {
		 color: #ffcc00; }
		
		#header_3 {
		 position: absolute;
		  top: 8px;
		   left: 656px;
		    width: 144px;
			 height: 76px; }
		#header_3 span { display: inline; }
				
		#header_4 { display: none; }
	   	#header_4 span { display: none; }
		
		#header_5 { display: none; }
	   	#header_5 span { display: none; }
				
		#header_6 { display: none; }
	   	#header_6 span { display: none; }

/* Nav */
#nav_wrapper { 
 background: #000099 url(images/nav_bg_with_breadcrumb.jpg) top left repeat-x;
  position: relative;
   width: 800px;
	 border: 0px; }

/* Primary Navigation */
	#nav_1 {
		position: relative;
		width: 770px;
		height: 35px;
		padding: 0 15px; }
	#nav_1 span{ display: ;
		position: absolute;
		top: 0;
		left: 0;
		height: 27px;
		width: 780px;
		margin-left: 10px;
		 }
	#nav_1 h2 {
		overflow: hidden;
		display: inline;
		font-size: 1.4em;
		font-weight: bolder;
		font-variant: small-caps; }
	#nav_1 a { 
	 	line-height: 32px;
		text-decoration: none;
		color: white;
		background: url(images/nav_bg_seperator.gif) top right no-repeat;
		padding-left: 10px;
		padding-right: 25px;
		padding-top: 8px;
		padding-bottom: 6px;}
	#nav_1 a:active, 
	#nav_1 a:hover {
	    color:#000066}

/* Bread Crumb */
	#nav_2 {
		position: relative;
		width: 770px;
		height: 18px;
		padding: 0 15px; }
	#nav_2 span{ display: ;
		position: absolute;
		top: 0;
		left: 0;
		height: 14px;
		width: 780px;
		margin-left: 10px; 
		font-size: .9em;
		line-height: 1.3em;
		font-weight: bolder;
		font-variant: small-caps;
		color: white;}
	#nav_2 h2 {
		overflow: hidden;
		display: inline;
		font-size: 1.1em;
		line-height: 1.3em;
		font-weight: bolder;
		font-variant: small-caps;
		color: white; }
	#nav_2 h2.last_breadcrumb_entry {
	    background: url(images/spacer.gif)}
	#nav_2 a { 
		text-decoration: underline;
		color: white; 
		padding-right: 17px;
		padding-left: 10px;
		padding-top: 2px;
		background: url(images/breadcrumb_bg_seperator.gif) right no-repeat; }
	#nav_2 a:active,
	#nav_2 a:hover {
	    color: #ffcc00 }
	#nav_2 a:visited {
		color: #cccccc; }
	
	#nav_3 { display: none; }
	#nav_3 span { display: none; }
	
	#nav_4 { display: none; }
	#nav_4 span { display: none; }
	
	#nav_5 { display: none; }
	#nav_5 span { display: none; }


#content_wrapper {
 background: #777777 url(images/content_bg.gif) top left repeat-y ;
  position: relative;
   width: 800px; 
    color: #ffffff;
	 overflow: hidden;}

#content_wrapper img { margin-top: 10px; }
	
	#content_1 { /* 1 column layout - column 1 - primary */
	 position: relative;
	   width: 765px;
	    padding: 0;
	  	 padding-left: 35px ;
		  padding-bottom: 20px ; }
	h1#cb_shed_blueprints { width: 320px }
	h1#cb_first   { width: 300px; }
	h1#cb_technical	  { width: 400px; }
	h1#cb_features,
	h1#cb_installation,
	hl#cb_demonstration	  { width: 405px; }
	h1#cb_free_blueprints  { width: 350px }
	h1#cb_press  { width: 220px;  }

	#content_2 { /* 2 column layout - column 1 - primary */ display: none;
	 position: relative ;
	   float: left ;
	    width: 580px ;
		 margin-left: 10px ;}

	#content_3 {  /* 2 column layout - column 1 - primary */ display: none;
	 position: relative ;
	  float: left ;
	   width: 180px ;
	    margin-left: 30px ; }
		
	#content_4 {  /* 3 column layout - column 1 - secondary left */ display: none;
	  position: relative ;
	  float: left ;
	   width: 180px ;
	    margin-left: 10px ; }

	#content_5 {  /* 3 column layout - column 2 - primary */ display: none;
	  position: relative ;
	  float: left; 
	   width: 400px;
	    margin-left: 10px; }
			
	#content_6 {  /* 3 column layout - column 3 - secondary right */ display: none;
	  position: relative ;
	  float: left; 
	   width: 180px; 
	    margin-left: 10px;}
	

	#content_7 { display: none; }
	#content_7 span { display: none; }

	#content_8 { display: none; }
	#content_8 span { display: none }
	
	#content_9 { display: none; }
	#content_9 span { display: none; }
/* Unused
	#features { position: relative; display: none;
	 float:left;
	  width: 250px;
	   height: 150px;
	   }   
	
	#applications { position: relative; display: none;
	  float: left;
	   width: 250px;
	   height: 150px; 
	   }
	#specifications { position: relative; display: none;
	  float: left; 
	  width: 250px;
	   height: 150px; 
	   }
*/
	#content_10 {  /* footer */ 
	 position: relative ;
	  clear: both;
	  width: 800px;
	   height: 25px;
		background: #000000 url(images/footer_bg.gif) top left repeat-x; 
		 text-align: center;
		 }
    #content_10 span#footer { display: ; 
 	   width: 800px;
	    line-height: 25px;
		 font-size: 1.1em;
		   color: #ffffff; }

#product_nav_wrapper {
  background: #000000;
   width: 800px;
	height: 150px;
	  padding-top: 30px; 
	   padding-bottom: 20px;
	    padding-left: 1px;
	     padding-right: 1px; }
			
p.product_nav_copy{ 
  font-size: 1.2em;
    line-height: 120%;
     align: justified;
      color: #000000;
       margin-left: 20px;
        margin-top: 3px;
	     padding-top: 0px; 
	      margin-bottom: 3px; }
		 		
.product_nav_link { 
  font-size: 1.1em;
   text-style: bold;
    text-decoration: underline;
    line-height: 115%;
     align: justified;
      color: blue; }


/*
[ <font-style> || <font-variant> || <font-weight> ]? <font-size> [ / <line-height> ]? <font-family>
*/