/* basics
-------------------------------------------------------- */

a,
a:visited {
   color: #999;
   padding: 1px;
   background-color: transparent;
   text-decoration: none;
   }
   
a:hover {
   color: #fff ;
   background-color: #c00;
   text-decoration: none;
   }

p {
   margin: 0 0 10px 0;
   }

strong {
   font-weight: bold;
   }


img {
   display: block;
   border: 0;
   }



/* layout styles
-------------------------------------------------------- */

body {
   background: #000 url(/container-bg-hb.jpg) 50% 0 repeat-y;
   font: normal 9px/150% arial, sans-serif; color: #333;    
   margin: 0; padding: 0;
   text-align: left;
   width: 100%;
   }
   
	#container {
		margin: 0 auto;
		width: 930px;
		background: transparent url(/images/container-bg-hb.jpg) top left no-repeat;
		}
		

/* floatbreaker
-------------------------------------------------------- */
#container:after,
#header:after,
.grid-row:after,
.folio:after,
#footer:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
			}

			

/* header text
-------------------------------------------------------- */

#header {
	display: block;
	height: 145px;
	}
	
   h1.intro {
	   font: normal 3em arial, serif; color: #333;
	   margin: 10px 0 0 0; padding: 0;
	   }
	
	.grid-row { height: 120px; display: block; }
	
	.grid-row p {
	   font: normal 1.9em/1.2em arial, helvetica, sans-serif; color: #999;
	   margin: 0 0 20px 0;
	   }
	   
	   .grid-row a,
	   .grid-row a:visited {
	      color: #666;
	      text-decoration: none;
	      background-color: transparent;
	      }
	      
	      .grid-row a:hover {
            text-decoration: none;
            background-color: #ccc;
            }
	
	.grid { 
	   float: left;
	   width: 225px;
	   margin-right: 10px;  padding: 10px 0;
	   }
	   
	.grid-2span { float: left; 
		width: 375px; 
		text-align: center;
		margin-right: 60px; 
		padding-top: 0; padding-right: 0; padding-bottom: 0px; 10px; padding-left: 60px }
	
	.grid4 {
	   float: right;
	   width: 225px;
	   margin: 0; padding: 0px 0;
	   }
	   
	.grid-6 { float: left; 
		width: 375px; 
		text-align: left;
		margin-right: 10px; 
		padding-top: 0; padding-right: 0; padding-bottom: 0px; 10px; padding-left: 60px }
	


/* folio styles
-------------------------------------------------------- */
   
.folio {
	clear: both;
	background-color: #666;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	display: block;
	margin: 0 0 50px 0;
	text-align: left;
	padding: 20px 0;
	width: 930px;
	}
	
	.bottom {
	   margin: 0;
	   }
	
	.folio .content {
		float: left;
		width: 200px;
		color: #fff;
		font-size: 1.3em;
		}
		
		.content p {
		   padding: 0 10px 0 20px;
		   }
		   
		.content p.link {
		   padding-left: 0;
		   margin: 0 0 0 0;
		   }
		   
		.content p.link a,
		.content p.link a:visited {
		   background-color: #f2af00;
		   padding: 1px 20px;
		   background-image: none;
		   text-decoration: none;
		   font: bold 10px/13px arial, sans-serif; color: #000;
		   text-transform: uppercase;
		   }
		   

		.content p.link a:hover {
		   background: #f2af00 url(/images/linkarrow.gif) top right no-repeat;
		   text-decoration: none;
		   color: #000;
		   }
		   

	
	.folio .image {
      float: right;
      width: 695px;
      padding-right: 0px
      }	
		
			
		


/* footer
-------------------------------------------------------- */


#footer {
   background: transparent url(images/container-bg3.jpg) bottom left no-repeat;
   height: 120px; 
   width: 930px;
   color: #666;
   font-size: 1.1em
   
   }