/* CSS Document */

#outer_wrap{
	width:1004px;
	margin:0 auto;
	padding:0;
}
#header_wrap{
	background:url(../images/top_bg.jpg) repeat-x left top;
	width:1004px;
	height:75px;
}
#logo{
	width:381px;	
	height:75px;	
	float:left;
	background:url(../images/clearogen_logo.jpg) no-repeat left top;
	}
#logo_right{
	height:75px;
	width:623px;
	float:left;
}
#menu_top{
	height:37px;
	width:125px;
	float:right;	
	padding-right:20px;
	background: url(../images/icon_call.jpg) no-repeat left top;
	}
#menu{
	height:35px;
	width:623px;
	float:left;
	text-align:center;
	}

#index_wrap{
	width:1004px;
	/*height:613px;*/
	}
#footer{
	width:1004px;
	height:60px;	
	background:#5585B5 url(../images/bottom_bg.jpg) repeat-x top;
	text-align:center;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#CCCCCC;
	line-height:18px;
	padding:10px 0px 0px 0px;
	margin:0px;
	}
#footer span{
	color:#ffffff;
	font:normal 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#footer a{
	text-align:center;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#CCCCCC;
	line-height:20px;
	padding:0px 10px 0px 10px;
	margin:0px;
	}
#footer a:hover{
	text-align:center;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#CCCCCC;
	line-height:20px;
	padding:0px 10px 0px 10px;
	margin:0px;
	}
.flash_container{
	height:613px;
	width:381px;
	display: block;
	float:left;
	}
/*.index_right{
	width:563px;
	height:387px;
	float:left;
	padding:226px 20px 0px 40px;
	margin:0px;
	background:url(../images/index_banner.jpg) no-repeat left top #ffffff;
	}*/
.index_right{
width:563px;
/*height:387px;*/
float:left;
padding:226px 20px 0px 40px;
margin:0px;
background:url(../images/index_banner.jpg) no-repeat left top #ffffff;
}

.index_content_left{
	width:265px;
	float:left;
}
.index_content_right{
	width:270px;
	float:right;
}
/*Button Style-----------------------------*/
a.learn_btn {
    background: transparent url('../images/learn_rht_img.jpg') no-repeat  top right;
    color:#546a83;
    display:block;
    float: left;
    font: bold 12px "Trebuchet MS", Arial, sans-serif;
    height:24px;
	margin:0px 0px 0px 0px; /* sliding doors padding */
	padding: 0px 12px 0px 0px;
    text-decoration: none;	
}
a.learn_btn span {
	background: transparent url('../images/learn_lft_img.jpg') no-repeat top left;
    display: block;
   	line-height:24px;
	padding: 0px 10px 0px 12px;
	margin:0px;
} 
a.learn_btn:hover {
   background: transparent url('../images/learn_rht_img.jpg') no-repeat  top right;
    color:#708296;
    display:block;
    float: left;
    font: bold 12px "Trebuchet MS", Arial, sans-serif;
    height:24px;
	margin:0px 0px 0px 0px; /* sliding doors padding */
	padding: 0px 12px 0px 0px;
    text-decoration: none;	
}
a.learn_btn:hover span {
   background: transparent url('../images/learn_lft_img.jpg') no-repeat top left;
    display: block;
   	line-height:24px;
	padding: 0px 10px 0px 12px;
	margin:0px;
} 

.list_icon{
	color:#546a83;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	padding:3px 0px 13px 20px;
	margin:0px;
	background:url(../images/icon1.jpg) no-repeat left top;
}
.list_icon01{
	color:#546a83;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:0px;
	margin:0px;
}
.list_icon01 a{
	color:#546a83;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	background:url(../images/icon2.jpg) no-repeat left top;
	padding:6px 0px 6px 20px;
	margin:0px;
	display:block;
}
.list_icon01 a:hover{
	color:#000000;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	background:url(../images/icon2.jpg) no-repeat left top;
	padding:6px 0px 6px 20px;
	margin:0px;
	display:block;
}
.list_icon01 a:active{
	color:#000000;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	background:url(../images/icon2.jpg) no-repeat left top;
	padding:6px 0px 6px 20px;
	margin:0px;
	display:block;
}
.list_icon01 a:focus{
	color:#000000;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	background:url(../images/icon2.jpg) no-repeat left top;
	padding:6px 0px 6px 20px;
	margin:0px;
	display:block;
}
/*Inner page--------------------------------------*/
#inner_bg{
	width:1004px;
	background:#ffffff;
	/*background:url(../images/inner_bg.jpg) repeat-y left top;	*/
}
/*.inner_left_wrap{
	width:620px;
	float:left;
	padding:80px 30px 30px 30px;	
	margin:0px;
	background:url(../images/inner_bg_img.jpg) no-repeat left top;
}*/
.inner_left_wrap{
	width:645px;
	float:left;
	padding:0px 30px 0px 0px;	
	margin:0px;
	border-right:1px solid #c8c8c8;
}

.inner_right_wrap{
	width:294px;
	float:right;
	padding:0px 0px 0px 0px;
	margin:0px;
}
.number_bg{
	background:url(../images/round_bg.jpg) no-repeat left top;
	padding:4px 0px 0px 15px;
	height:24px;
	display:block;
	float:left;
	width:40px;
}

/* Background img Style ------------------------------------*/
.page_bg{
	background:url(../images/inner_bg_img.jpg) no-repeat left top;
	width:1004px;
}


/* Padding Style ------------------------------------------*/
.padding_btm20{
	padding-bottom:20px;
}
.padding_btm30{
	padding-bottom:33px;
}

.padding_top_btm{
	padding:15px 0px 0px 60px;
}
.padding_top_btm10{
	padding:10px 0px 10px 0px;
}
.padding_top{
	padding:10px 0px 0px 0px;
}

/*-----------------------------------------18 05 2009*/
.aboutClearogen_bg{
	background:url(../images/about_clearogen_bg.jpg) no-repeat left top;
}
.heading_style{
	font:normal 26px Arial, Helvetica, sans-serif ;
	text-decoration:none;
	color:#546a83;
	text-transform:uppercase;
	padding-bottom:8px;
	display:block;
}
.subheading_style{
	font:bold 18px Arial, Helvetica, sans-serif ;
	text-decoration:none;
	color:#546a83;
	padding-bottom:8px;
	display:block;
}
.text_bold_head{
	font:bold 14px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#555555;
}
.dot_line{
	background:url(../images/dot_line.jpg) repeat-x left top;
	height:10px;
}
.display{
	width:293px; height:225px; text-align:center;
	}
.display a{
	font: bold 12px "Trebuchet MS", Arial, sans-serif;
	color:#25668c;
	text-decoration:underline;
	}
.display a:hover{
	color:#25668c;
	text-decoration:none;
}
.inner_full_wrap{
	width:940px;
	float:left;
	padding:0px 30px 0px 0px;	
	margin:0px;
}
.head02{
	font:bold 17px Arial, Helvetica, sans-serif ;
	text-decoration:none;
	color:#546a83;
	padding:5px 0px;
	display:block;
}



.btn_style {
    background: transparent url('../images/btn_rht_img.jpg') no-repeat  top right;
    color:#ffffff;
    display:block;
    float: left;
    font: bold 12px  Tahoma, Arial, Verdana;
    height:30px;
	padding: 0px 8px 0px 0px;
	margin:0px 0px 0px 0px; /* sliding doors padding */
    text-decoration: none;
	}
.btn_style span {
    background: transparent url('../images/btn_left_img.jpg') no-repeat;
    display: block;
    line-height:30px;
	margin:0px 0px 0px 0px;
	padding: 0px 5px 0px 14px;	
	} 
.btn_style:hover {
    background: transparent url('../images/btn_rht_img.jpg') no-repeat  top right;
  	color:#ffffff;
    display: block;
    float: left;
    font: bold 12px Tahoma, Arial, Verdana;
    height:30px;
    text-decoration: none;
	padding: 0px 8px 0px 0px;
	margin:0px 0px 0px 0px;/* sliding doors padding */
	}

.btn_style:hover span {
    background: transparent url('../images/btn_left_img.jpg') no-repeat;
    display: block;
    line-height:30px;
	padding: 0px 5px 0px 14px;
	margin:0px;	
	} 

.content_box{
	float:left;
	width:550px;
	padding-bottom:5px;
}


/* site map link*/
.sitemp_link{
	color:#546a83;
	font:bold 14px Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:0px;
	margin:0px;
}
.sitemp_link a{
	color:#546a83;
	font:bold 14px Arial, Helvetica, sans-serif;
	text-decoration:none;
	background:url(../images/icon2.jpg) no-repeat left top;
	padding:6px 0px 6px 20px;
	margin:0px;
	display:block;
}
.sitemp_link a:hover{
	color:#000000;
	font:bold 14px Arial, Helvetica, sans-serif;
	text-decoration:none;
	background:url(../images/icon2.jpg) no-repeat left top;
	padding:6px 0px 6px 20px;
	margin:0px;
	display:block;
}
.sitemp_link a:active{
	color:#000000;
	font:bold 14px Arial, Helvetica, sans-serif;
	text-decoration:none;
	background:url(../images/icon2.jpg) no-repeat left top;
	padding:6px 0px 6px 20px;
	margin:0px;
	display:block;
}
.sitemp_link a:focus{
	color:#000000;
	font:bold 14px Arial, Helvetica, sans-serif;
	text-decoration:none;
	background:url(../images/icon2.jpg) no-repeat left top;
	padding:6px 0px 6px 20px;
	margin:0px;
	display:block;
}



.sitemp_link span a{
	color:#546a83;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	/*background:url(../images/link_icon.jpg) no-repeat left top;*/
	background:none;
	padding:6px 0px 6px 10px;
	margin:0px 0px 0px 15px;
	display:block;
}
.sitemp_link span a:hover{
	color:#000000;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	/*background:url(../images/link_icon.jpg) no-repeat left top;*/
	background:none;
	padding:6px 0px 6px 10px;
	margin:0px 0px 0px 15px;
	display:block;
}
.sitemp_link span a:active{
	color:#000000;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	/*background:url(../images/link_icon.jpg) no-repeat left top;*/
	background:none;
	padding:6px 0px 6px 10px;
	margin:0px 0px 0px 15px;
	display:block;
}
.sitemp_link span a:focus{
	color:#000000;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
	/*background:url(../images/link_icon.jpg) no-repeat left top;*/
	background:none;
	padding:6px 0px 6px 10px;
	margin:0px 0px 0px 15px;
	display:block;
}
.content_padding{
	padding:30px 0px 30px 30px;
	min-height:500px;
}
*html .content_padding{
	padding:30px 0px 30px 30px;
	height:500px;
}