/* CSS Document */

/* basic elements */

/* colors 
	#DFDCF2
	#BABCD9
	#7C83A6
	#30478C
	#294273
				  */

html
{
   margin: 0;
   /* setting border: 0 hoses ie6 win window inner well border */
   padding: 0;
}

body
{
   margin: 0;
   /* setting border: 0 hoses ie5 win window inner well border */
   padding: 0;
   background:#0F2D4D; /*url(../images/bgd_left.jpg) no-repeat bottom left;*/  
}

#header, #content{
 font-family:"Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
 font-size:0.8em;}
form, input { margin: 0; padding: 0; }
a img { border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote
{
   margin-top: 10px;
   margin-bottom: 10px;
}


/* standard helper classes */

.clr
{
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after
{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}
* html .pkg { display: block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */





/* PAGE LAYOUT */

body { text-align: center; } /* center on ie */

#container
{ 
   margin:0 auto; /* center on everything else */
   width:928px;
   text-align: left;
   background:#fff;
   /*background: #0F2D4D url(../images/bgd_right.jpg) no-repeat bottom right;*/
 }
 
 #container_inner {
 	margin:0 /*236px 0 0*/;
	background:#fff;
	padding:10px 10px 0 10px;}
	
#header{
	padding:0 10px 10px 380px;
	background:url(../images/cr_front_logo.gif) no-repeat left;}
#header img{
	float:left;
	padding-right:20px;
	}

 #content {
 padding: 0 15px;}
 
 #content_inner {}	
	
  #beta {
  	clear:both;}
	
  #beta h2 {
  	clear:both;}
  #gamma {clear:both;}
   

  .products{
		float:left;
		text-align:center;
		width:280px;
		margin: 10px 10px 0 0;
		border:#ccc solid 1px;}
		
   #products img{
		width:250px;
		height: 160px;
		padding:2px;
		border:#333 solid 1px;}
	
	#prod_text {
		margin:10px;
		height:6em;}
		
	.used_spiral_freezer {
		clear:both;
		border:1px solid #666;
		padding:10px;}
	
	.left{
		float:left;}
		
	.left-text {
		float:left;
		margin:0 0 0 2em;
		width:50%;
		}
		
	.left-text a {
		text-decoration:underline;
		}	
		
	.right {
		float:right;}
		
	.main_prod_text {
		border:1px solid #eee;
		clear:both;
		height:70px;
		padding:0.5em;
		}
		
	div.main_prod_text img{
		float:left;
		clear:both;
		margin-right:0.75em;
		}
	div#main_iceplants {
		width:417px;
		float:left;
		background-image:url(../images/main_head_bgd.gif);
		background-repeat:no-repeat;}
	
	div#main_waterunits {
		width:417px;
		float:right;
		background-image:url(../images/main_head_bgd.gif);
		background-repeat:no-repeat;}
		
	div#main_parts {
		width:417px;
		float:right;
		background-image:url(../images/main_head_bgd.gif);
		background-repeat:no-repeat;}
		
	div.main_titles h2, div.main_titles p{
		padding: 0 1em;
		overflow:hidden;}
		
	div.main_titles p{
		border-left:1px solid #eee;
		border-right:1px solid #eee;
		}
		
	#text {
		float:right;
		width:470px;
		padding:0 100px 10px 40px;
		}
		
	.text {
		float:right;
		width:470px;
		padding:20px 100px 10px 40px;
		border-top:1px solid #666;
		} 
		
	#pics{
		float:right;
		width:260px;
		padding:35px 0 10px 0;
		color:36a;
		text-align:center;}
		
	#pics img {
		padding:25px 0 0 0}
		
	.pics{
		float:right;
		width:260px;
		padding:35px 0 10px 0;
		color:36a;
		text-align:center;}
		
	.pics img {
		padding:25px 0 0 0}
		
	#mid {
		margin:0 auto;
		width:512px}
#special {
	width:100%;
	text-align:left;
	font-size:120%;
	float:left;
	padding-right:30px;
	padding-bottom:15px;}
	
#special a {
	text-decoration:underline;
	}
	
.pre-nav a{
	font-size:130%;
	color:#fff;
	text-decoration:none;
	padding: 0.25em;
	margin:1em;
	border:1px solid #c00;
	background:#c00
	}
	

/* ----------------------------------------------

			Site Map
			
------------------------------------------------*/

ul.lvlone{
	padding-bottom:15px;
	}

ul.lvlone li {
	list-style:none;
	}
	
ul.lvltwo {
	margin:0;
	padding:5px 0 5px 10px;
	}
	
ul.lvlthree {
	margin:0;
	padding:5px 0 5px 20px;
	}