/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	HTML TAGS 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body 
{	
	font-family:Verdana; 
	font-size:75%;	/* 1em = 12px */
	line-height:1.5em;
	color: #555;			
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,label,input,span,a,p,blockquote,th,td {
        margin:0;padding:0;        
}


h1, h2, h3 {
	margin:0px;padding:0px;color:#CC0000;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	}	
h1 {
	color: #696666;
	color:#302B81;
	color:#2E2E6B;
	margin: 0px 0 5px 0px;	
	line-height: 1.5em;	
	font-size: 2.2em;
	}
h2 {
	line-height:100%;
	margin: 9px 0 3px 0;
	padding: 0px;
	
	font-size: 1.6em;
	color: #bfbdbd;
	color:#ed2024;		
}	
h3 {
	color:#ed2024;		
	font-size: 1.1em;
	font-weight:normal;  	  
	}

p	{
	line-height:1.5em;		
	padding:0px 0px 9px 0px; 	
	}

	}
	
ul	{
	list-style:none;
	padding:0px 0px 11px 0px;margin:0px;	
	}
ul li {	
	padding:6px 0px 0px 30px;
	background:url(images/red_square.gif) no-repeat 15px 11px #FFF;
	line-height:1.25em;	
	color:#000;	 
	list-style:none;
	}	

img {
	border:none;
	}
	
img.img_l
	{
		float:left;
		margin-right:20px;
		margin-bottom:20px;  
	}
img.img_r
	{
		float:right; 
		margin:0px 0px 20px 20px; 
	}

hr{
	height: 1px;border:0;margin:3px 0px 7px 0px;_margin:1px 0px 3px 0px;color:#898989;background-color:#898989;
	}
	
blockquote 	{
	padding:0 0 0 12px;	margin:12px 0 0 0;background:url(./images/bg-quote.png) no-repeat;
	}

blockquote p {
	margin:2px 0;
	}
	
cite {
	font-size:.85em;margin:0;padding:0 0 0 6px;
	}
c {
	margin:0;font-size:1.2em;color:#E95D0F;	
	}
.clr {
	clear:both;
	}

.none {
    display:none;
}

.large
{
	font-weight:normal ; 
	
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Man Frames	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#body, #contentbody
{				
	background:url(images/bg.gif) repeat-x 0 0 #314141;
	color:#444;
	margin:0px;
	padding:0px;
}
#contentbody
{
	position:relative;  
	width:950px;	
}
#banner
{
	margin:0 auto;
	width:924px;
	height:160px;		
}
#navtop
{   
    
   	width:928px;
	height:38px;
	margin:0 auto;
	background:url(images/navtop_bg.gif) repeat-x 0 0 #FFFFFF;     	
}
#frame_bg
{
	width:100%;
	background:#FFF url(./images/frame_bg.gif) 0 0 repeat;		
}
#frame
{	
	text-align:left;	
	width:950px;	
	margin:0px auto 0px auto;	
	background:#FFF url(./images/body_bg.gif) 0 0 repeat-y;	
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Subfooter
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#subfooter
{
	width:950px;	
	margin:0 auto;
	padding-bottom:10px; 
	background:url(images/subfooter_bg.gif) repeat-y 0 0 #303030; color:#FFF;	
}
.subfooter
{
	padding:10px 22px 10px 22px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer
{
	
	border-top:1px solid #303030;
	margin:0 auto;
	color:#FFFFFF;	
}
.footer
{	
	padding:7px 0 0px 0;	
}
.footer ul
{
	width:500px;	  
	margin:0 auto;
}
.footer ul li
{
	font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	float:left;
	background-image:none;
	background-color:Transparent; 
	padding:0px;   
}
.footer ul li a{
	font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFFFFF;
	padding:0 8px;
}
.footer ul li a:hover
{	
	text-decoration:underline;
}
.footer p
{
	color:#D5D5D5; 
	font:bold 10px/18px Arial, Helvetica, sans-serif;
	width:464px;
	margin:0 auto;
	padding-bottom:7px; 	
}
.footer p a
{
	font:bold 12px/16px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
}
.footer p a:hover
{
	text-decoration:underline;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Tree Column Layout
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#tt_box
{	
	width:950px;
	background:url(./images/bodytop_bg.gif) 0 0 no-repeat;	
	padding-top:18px;	 
	position:relative;	
}
#tt_lbox
{
	width:215px;
	float:left;
	padding:0px 0px 0px 0px;	
	margin:0px 20px 0px 17px; 	
}

#tt_mbox
{
	width:440px;
	float:left;	
	padding-bottom:10px;		
}


#tt_rbox
{
	width:220px;
	float:right;
	padding:0 17px 0 0px;
}

#nw_lbox
{
	width:220px;
	float:left;
	padding:0px 15px 0px 17px;		
}

#nw_rbox
{
	width:658px;
	float:left;	
	padding:0px 22px 10px 0px;
}

#wn_lbox
{
	width:655px;
	float:left;
	padding:0px 0px 10px 35px;	
}

#wn_rbox
{
	width:220px;
	float:right;
	padding:0px 17px 0px 0px;		
}


#prod_lbox
{
	width:675px;
	float:left;
	padding:0px 0px 0px 25px;	
}

#prod_rbox
{
	width:220px;
	float:right;
	padding:0px 17px 0px 0px;		
}

/* ----------------------------------------
   Middle Box (Services
------------------------------------------- */
.midbox 
{
	margin-bottom:5px;		
}
.midbox_title 
{	
	/*background:url('images/midboxtitle_bg.png') repeat-x 0 0;*/
	padding: 0px 0px 4px 0px;
	font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.5em;	
	color: #DD0000;		
}
a.midboxtitle:link , a.midboxtitle:visited
{	
	text-decoration:none;  
	color: #DD0000;	
}

a.midboxtitle:hover
{
	color: #6699CC;
	text-decoration:underline;
}

.midbox_body 
{	
	padding: 0px 0px 0px 0px;
	text-align:justify;  	
}
.midbox_bottom 
{	
	display: block;
	height: 5px;
	font-size: 0;
	line-height: 0;
}
.midbox p
{
	padding:0;
	margin:0px; 	
}
.midbox ul
{
	margin-left: 0;	 	
}
.midbox ul li 
{	
	padding:4px 0px 0px 30px;
	background:url(images/red_square.gif) no-repeat 20px 10px;
	font-weight:normal;  
}
.midbox a.readmore
{
	display:block;
	width:103px;
	height:23px;
	margin:3px 0px 0px 322px;   
	padding:2px 0px 0px 5px;
	color:#FFF; 
	font-weight:bold;
	font-size:11px;   
	background:url(images/more_bg.gif) no-repeat 100% 0px #FFF;
	text-decoration:none;	    	
}
.midbox a.readmore:hover
{	
	color:#FFDC9D; 
	text-decoration:none;   
	background:url(images/more_ovr_bg.gif) no-repeat 100% 0px #FFF;
}
/* ----------------------------------------
	Products
------------------------------------------- */
.product 
{	
	width:220px;
	height:237px;
	margin-top:7px;	
	margin-right:5px;
	background: #75A3D1 url('images/prodbox/progbox_bg.gif') no-repeat 0px 0px; 	
	color:#FFF;	 
	float:left; 	
}
.product h1 
{
	padding:6px 0px 0px 10px;	
	font-weight: bold;
	font-size: 1.1em;		
	color:#FFF;	 
}
.product img
{
	width:197px;
	height:70px;		
	padding:5px 0px 0px 10px;	
}
.product p
{
	width:200px;
	height:87px;	
	overflow:hidden;    
	padding:5px 0px 0px 10px;
	margin:0px; 	
	text-align:left;  
	font-size:11px; 
	font-weight:bold;  		 
}
.product a.readmore:link , .product a.readmore:visited
{
	width:115px;
	height:19px;  
	display:block;
	font-size:12px;
	font-weight:bold;   
	text-decoration:none;	
	padding:2px 0px 2px 12px;
	background:url(images/prodbox/more_bg.gif) no-repeat 100% 0 #FFF;
	float:right;
	color:#FFF;	   
}
.product a.readmore:hover
{
	background:url(images/prodbox/more_ovr_bg.gif) no-repeat 100% 0 #FFF;
	color: #FFDC9D;
}

/* ----------------------------------------
	Product
------------------------------------------- */
.product2 
{	
	width:330px;
	height:171px;
	margin-top:7px;	
	margin-right:7px;
	background: #75A3D1 url('images/prodbox2/progbox_bg.gif') no-repeat 0px 0px; 	
	color:#FFF;	 
	float:left; 	
	border:solid 0px red;	
}
.product2 h1 
{
	height:22px;	
	padding:10px 10px 0px 0px;	
	font-weight: bold;
	font-size:14px;	
	font-family:Verdana;  	
	line-height:1em; 
	color:#FFF;	 	
}
.product2 img
{
	width:90px;
	height:90px;		
	float:left;  
	padding:10px 10px 0px 10px;	
}
.product2 p
{
	display:block;  
	width:210px;
	height:90px;	
	overflow:hidden;    
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px; 	
	text-align:left;  
	font-size:11px; 		
	font-weight:normal; 
	line-height:1em;
}
.product2 a.readmore:link , .product2 a.readmore:visited
{
	width:115px;
	height:19px;  
	display:block;
	font-size:12px;
	font-weight:bold;   
	text-decoration:none;	
	padding:2px 0px 2px 12px;
	background:url(images/prodbox2/more_bg.gif) no-repeat 100% 0 #FFF;
	float:right;
	color:#FFF;	   
}
.product2 a.readmore:hover
{
	background:url(images/prodbox2/more_ovr_bg.gif) no-repeat 100% 0 #FFF;
	color: #FFDC9D;
}

/* ----------------------------------------
   Product Item
------------------------------------------- */
.prodbox 
{
	margin-top:7px; 
	width:660px;	
	height:220px;	
	color:#FFF;
	background:url(images/product/prodbox_bg.gif) no-repeat 0 0 #FFF;	
}
.prodbox h1
{	
	padding:15px 0px 0px 15px;
	font-weight: bold;
	font-size: 1.6em;		
	color:#FFF; 
}
.prodbox img
{
	width:170px;
	height:170px;
	float:right;
	border:1px solid #E2ECF2;
	padding:5px;
	margin:13px 15px 7px 12px;     
}
.prodbox p
{	
	display:block;  
	width:432px;
	height:117px;	
	overflow:hidden;
	font-size:1.1em;	
	padding:7px 0px 0px 15px;
	margin:0px 0px 7px 0px; 			
	font-weight:bold;  	
}
.prodbox a.readmore:link , .prodbox a.readmore:visited
{
	width:140px;
	height:19px;  
	display:block;
	font-size:12px;
	font-weight:bold;   
	text-decoration:none;	
	padding:2px 0px 2px 17px;
	margin:0px 0px 0px 40px; 
	background:url(images/product/more_bg.gif) no-repeat 100% 0 #FFF;
	float:left;
	color:#FFF;	   
}
.prodbox a.readmore:hover
{
	background:url(images/product/more_ovr_bg.gif) no-repeat 100% 0 #FFF;
	color: #FFDC9D;
}


.prodbox ul li

{
	background-color:#F6FBFF;	
}
.prodbox_bottom 
{
	background: url('images/product/bottom.gif') no-repeat 0 0;
	width:660px;
	height:23px;	
}

/* ----------------------------------------
   proddetails
------------------------------------------- */
.proddetails
{
	margin-left:15px; 
	text-align:left;  
}
.proddetails p
{
	padding:0px;
	margin:7px 0px 0px 0px; 
}
.proddetails h2
{
	padding:0px;
	margin:7px 0px 0px 0px; 
}

/* ----------------------------------------
   footer box
------------------------------------------- */
.fotterbox 
{
	width:270px;
	height:120px;
	float:left;  
	margin:0px 0px 0px 0px;	
	border-left:1px dashed #FFF;		
}
.fotterbox.first
{
	border:0px;	
	margin-left:45px; 		
}

.fotterbox h1
{
	
	display:block;
	height:10px;  	
	font-weight: bold;
	padding:0px 0px 0px 40px; 
	font-size: 1.5em;		
	color:#CCE25F;	 
}
.fotterbox p
{
	padding:15px 0px 15px 50px;
	line-height:normal;
	font-size:.9em;
	font-weight:bold;    
	margin:0px; 	
}
.fotterbox ul
{	
	margin-top:12px; 
	margin-left: 0;
}
.fotterbox ul li 
{
	background:url('images/green_square.gif') no-repeat 20px 12px;	
	color:#F6FBFF;   
	font-weight:bold;  
	margin-left:30px; 
}
/* ----------------------------------------
   Request Info
------------------------------------------- */
.info
{
	margin-left:0px;
	margin-right:0px;	
	margin-bottom:10px; 
}	
.info fieldset
{  
	margin:2px 0 10px 0;  
	padding:0;
	background:transparent url(images/xfieldsetbg.gif) no-repeat bottom right;
	border-color:#FFFFFF; 
	border:1px solid #577AA2;

}
.info legend
{  
	text-transform:uppercase;
	font-size:1em;
	font-weight:bold;  
	padding:1px 9px 1px 9px;
	margin-left:1em;	
	color:#FFF;
	background-color:#4A8DBA;  
}
.info fieldset ol
{  
	padding:0px 7px 0 7px;  
	margin:12px 20px 12px 20px; 
	list-style:none;
}
.info fieldset li {  
	position:relative;
	line-height:1em;
}	
.info label 
{
	position:relative;
	clear:left;
	float:left;
	width:8em;
	margin-right:0px;
	padding-right:22px;
	line-height:2em;
	text-align:right;
}	
.info label.required {
	background:transparent url(images/required.gif) no-repeat center right;
}
.info label span {
	position:absolute;
	left:-10000px;
	top:0px;
}	
.info p span.required {
	display:inline-block;
	vertical-align:middle;
	line-height:1.4em;
	width:25px;
	line-height:1.4em;
	text-indent:-10000px;
	overflow:hidden;
	background:	transparent url(images/required.gif) no-repeat center right;		
}	
.info input , .info select , .info textarea {
	padding:2px;
	font-size:1.1em;
	border:1px solid #577AA2; 	 
	background:#FFF;
}
.info h3
{
margin:20px;
}
.info p
{
	padding:10px 0px 5px 0px;
}
.info .btnRequest
{
	display:block;  
	width:160px;
	height:23px; 
	margin:3px;
	background:url(images/more_bg.gif) no-repeat 100% 0 #FFF;
	border:none;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	padding:0px 25px 0px 0px;     
}
.info .btnRequest:hover
{	
	background:url(images/more_ovr_bg.gif) no-repeat 100% 0 #FFF;	
	color:#FFDC9D; 

}

/* ----------------------------------------
  Ribbon Bar
------------------------------------------- */
#prodribon
{
	font-size:1.1em;	
	line-height:1.2em;
	margin:0px 0px 0px 5px;
	color:#6699CC;			
}
#prodribon a:link , #prodribon a:visited
{
	color:#CC0000;	
	line-height:1.2em;
	color:#CC0000;		
	background:url('images/red_arrow.gif') no-repeat 100% 50%; 
	padding-right:7px; 
	margin-right:5px;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 0;
}
/* ----------------------------------------
  Contact us
------------------------------------------- */
.contactus
{
	margin:30px 0px 23px 90px; 	
}
.contactus p
{
	font-size:1.1em;
	line-height:1.4em;	
	padding:0px; 
}

.contactus p.post
{
	padding-left:35px; 
	background:transparent url('images/post.gif') 0px 3px no-repeat;  	
}

.contactus .phone,.contactus .mobile,.contactus .email,.contactus .web,.contactus .map
{
	display:block;
	width:200px;
	height:20px;
	margin:15px 0px 0px 0px;	
	padding-left:35px; 
}
.contactus .phone
{
	margin-top:20px;
	background:transparent url('images/phone.gif') 2px 3px no-repeat;  		
}
.contactus .mobile
{	
	background:transparent url('images/mobile.gif') 1px 3px no-repeat;  		
}
.contactus .email
{	
	background:transparent url('images/mail.gif') 0 3px no-repeat;  		
}
.contactus .web
{	
	background:transparent url('images/www.gif') 1px 3px no-repeat;  		
}
.contactus .map
{	
	background:transparent url('images/map.gif') 1px 3px no-repeat;  		
}
/* ----------------------------------------
  Product Fotter
------------------------------------------- */
.productfotter
{	
	text-align:center;  	
	vertical-align:middle;
}
.productfotter img
{	
	padding:0px 20px 0px 20px; 	  
}

/* ----------------------------------------
  Dialogs Blue
------------------------------------------- */
.dialog_blue {
 width:100%;min-width:100px;color:#fff; 
}
.dialog_blue .hd .c,
.dialog_blue .ft .c {
 font-size:1px; /* ensure minimum height */
 height:15px;
}
.dialog_blue .ft .c {
 height:15px;
}
.dialog_blue .hd {
 background:transparent url('images/box_blue/tl.gif') no-repeat 0px 0px; 
}
.dialog_blue .hd .c {
 background:transparent url('images/box_blue/tr.gif') no-repeat right 0px; 
}
.dialog_blue .bd {
 background:transparent url('images/box_blue/ml.gif') repeat-y 0px 0px;
}
.dialog_blue .bd .c {
 background:transparent url('images/box_blue/mr.gif') repeat-y right 0px; 
}
.dialog_blue .bd .c .s {
 margin:0px 3px 0px 3px;
 background:transparent url('images/box_blue/ms.gif') repeat-x 0px 0px;
 padding:12px;
}
.dialog_blue .ft {
 background:transparent url('images/box_blue/bl.gif') no-repeat 0px 0px;
}
.dialog_blue .ft .c {
 background:transparent url('images/box_blue/br.gif') no-repeat right 0px;
}

.dialog_blue h1
{
	color:#FFF;
	padding:0px;
	margin:-20px 0px 0px 0px;	
	padding-bottom:10px; 
	font-size:1.5em; 
	line-height:normal;     
}
.dialog_blue h2
{	
	font-size:1.3em;	 
	color:#FFCC66;
	margin:0px; 
}
.dialog_blue h3
{	
	font-size:1.2em;	 
	color:#FFCC66;
	margin:0px; 
}

.dialog_blue a
{
	color:#FFCC66;
	padding:0px;
	margin:0px 0px 0px 0px;	
	font-size:1.2em; 
	line-height:normal;     
	font-style:italic;  
	font-weight:bold;  	
}
.dialog_blue a.podcast
{
	color:#FFCC66;
	padding:0px;
	margin:0px 0px 0px 0px;	
	font-size:1.2em; 
	line-height:normal;     
	font-style:normal;
	padding:7px;  
	font-weight:bold;  	
}

.dialog_blue p
{
	line-height:normal;
	font-size:0.9em;
}


/* ----------------------------------------
  Dialogs Red
------------------------------------------- */
.dialog_red {
 width:100%;min-width:100px;color:#fff;  
}
.dialog_red .hd .c,
.dialog_red .ft .c {
 font-size:1px; /* ensure minimum height */
 height:15px;
}
.dialog_red .ft .c {
 height:15px;
}
.dialog_red .hd {
 background:transparent url('images/red_box/tl.gif') no-repeat 0px 0px; 
}
.dialog_red .hd .c {
 background:transparent url('images/red_box/tr.gif') no-repeat right 0px; 
}
.dialog_red .bd {
 background:transparent url('images/red_box/ml.gif') repeat-y 0px 0px;
}
.dialog_red .bd .c {
 background:transparent url('images/red_box/mr.gif') repeat-y right 0px; 
}
.dialog_red .bd .c .s {
 margin:0px 3px 0px 3px;
 background:transparent url('images/red_box/ms.gif') repeat-x 0px 0px;
 padding:12px;
}
.dialog_red .ft {
 background:transparent url('images/red_box/bl.gif') no-repeat 0px 0px;
}
.dialog_red .ft .c {
 background:transparent url('images/red_box/br.gif') no-repeat right 0px;
}

.dialog_red h1
{
	color:#FFF;
	padding:0px;
	margin:-20px 0px 0px 0px;	
	padding-bottom:10px; 
	font-size:1.5em; 
	line-height:normal;     
}
.dialog_red h2
{	
	font-size:1.1em;	 
	color:#FFCC66;
	margin:0px; 
}
.dialog_red a.readmore
{
	color:#FFF;
	padding:0px;
	margin:-20px 0px 0px 0px;	
	font-size:1.5em; 
	line-height:normal;     
}
.dialog_red p
{
	line-height:normal;
	font-size:0.9em;
}

.dialog_red ul
{	
	margin-left: 0;
	border-bottom: 1px solid #FFF;		 
}
.dialog_red li.first 
{
	border-top: none;
}
.dialog_red ul li 
{
	list-style: none;
	padding: 4px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #E2ECF2;
	background-image:none;
	background-color:Transparent;   
}
.dialog_red li.item a
{
	text-decoration:none;
	color:#DD0000;
	font-weight:bold;
}
.dialog_red li.item a:hover
{
	text-decoration: underline;
	color:#6699CC;
}
.dialog_red li.current a
{
	color:#6699CC;	
}
.dialog_red li.current
{
	background:url('images/blue_arrow.gif') no-repeat 0 9px;
	padding:4px 4px 4px 14px;
}
