/* =============================================================================== */ 
/* =========================== Layout Stylesheet ================================= */ 
/* =========================== Copoyright 2008 =================================== */ 
/* =========================== Fibonacci Designs ================================= */ 
/* =============================================================================== */ 

body {
	margin:0;
	background:#fff;
	text-align:center;		
	}

/* =============================================================================== */ 
/* =========================== Header Styles ===================================== */ 
/* =============================================================================== */ 


#headnavcontainer {
	width:100%;
	margin:0 auto;
	background:#002C46 url('../images/mainbg.gif') top center repeat-x;
	}

	#headnavblock {
		width:900px;
		margin:0 auto;
		padding:0;
		background:#002C46 url(../images/headerbg.jpg) top center repeat-x;
		}
 		
 		#head {
 			width:875px;
 			text-align:left;
 			}
 			
 			#head img {
				margin:15px 0 10px 20px;
				}
 		
 		#headlc {
 			width:600px;
 			float:left;
 			text-align:left;
 			}
 			
 		#headrc {
 			width:280px;
 			float:right;
 			text-align:right;
 			padding:20px 0 0;
 			}
				
 		#nav {
 			width:875px;
 			margin:0 auto;
 			}

			ul#navigation {
				width:875px;
				padding:0;
				margin:0;
				}

			#navigation li {			
				display:inline;		
				list-style-type:none;
				}

				#navigation li a {
					background:url('../images/nav_button.gif') top left no-repeat;
					width:125px;
					float:left;
					font-size:105%;
					font-weight:normal;
					line-height:1em;
					}

				#navigation li a:link, #navigation li a:visited {
					padding:6px 0;
					color:#666;
					text-decoration:none;
					}

				#navigation li a:hover {
					background:url('../images/nav_button.gif') top left no-repeat;
					background-position: -250px 0;			
					color:#000;
					}

				#navigation li a.current {
					background:url('../images/nav_button.gif') top left no-repeat;
					background-position: -125px 0;
					color:#000;
					}		

#subnavcontainer {
	width:100%;
	margin:0 auto;
	padding:0;
	background:#7FD0FF;
	}
	
	#subnavblock {
		width:899px;
		margin:auto;
		height:5px;
		padding:0;
		background:#002C46 url('../images/subnavbg.gif') top center repeat-x;
		text-align:left;
		}

/* =============================================================================== */ 
/* =========================== Content Styles ==================================== */ 
/* =============================================================================== */ 


#contentcontainer {
	width:100%;
	margin:auto;
	min-height:5px;
	background:#fff;
	text-align:center;
	}

	#content {
		width:899px;
		margin:0 auto;
		padding:20px 0 50px 0;
		background:#fff url('../images/bodybg.gif') top center repeat-y;
		}

		#topbannercontainer {
			width:850px;
			margin:0 auto 20px auto;
			}

		#contentcolumnscontainer {
			width:850px;
			margin:0 auto;
			padding:0;
			}
			
			#leftcolumn {
				float:left;
				width:234px;
				text-align:left;
				}

			#middlecolumn {
				float:left;
				width:386px;
				}

			#rightcolumn {
				float:right;
				width:213px;
				text-align:right;
				}

/* ========================== Left Column ========================== */ 

				.gen_lclinks_top {
					width:213px;
					height:5px;
					background:url('../images/gen_lclinksbg_top.gif') top left no-repeat;
					}

				.gen_lclinks_mid {
					width:213px;
					padding:10px 0 10px;
					background:url('../images/gen_lclinksbg_mid.gif') top left no-repeat;
					}
					
				.advert_lclinks_mid {
					width:213px;
					padding:10px 0 10px;
					text-align:center;
					background:url('../images/gen_lclinksbg_mid.gif') top left no-repeat;
					}

				.gen_lclinks_base {
					margin:0 0 20px 0;
					width:213px;
					height:5px;
					background:url('../images/gen_lclinksbg_base.gif') bottom left no-repeat;
					}

/* ========================== Middle Column ========================== */ 

				.mccontent_top {
					width:386px;
					height:5px;
					background:url('../images/hp_mccontentbg_top.gif') top left no-repeat;
					}

				.mccontent_mid {
					width:386px;
					padding:10px 0 10px;
					margin:0;
					text-align:left;
					background:url('../images/hp_mccontentbg_mid.gif') top left repeat-y;
					}

				.mccontent_base {
					margin:0 0 20px 0;
					width:386px;
					height:5px;
					background:url('../images/hp_mccontentbg_base.gif') bottom left no-repeat;
					}

				.w3ccolumn {
					margin:0 22px 0 0;
					padding:10px 3px 10px;
					border:1px dotted #ccc;
					text-align:center;
					}

/* ========================== Right Column ========================== */ 


				.gen_rcinfo_top, .gen_rclinks_top {
					width:213px;
					height:3px;
					background:url('../images/gen_rclinksbg_top.gif') top left no-repeat;
					}

				.gen_rcinfo_mid, .gen_rclinks_mid {
					width:213px;
					background:url('../images/gen_rclinksbg_mid.gif') top left no-repeat;
					padding:10px 0;
					text-align:left;
					}

				.gen_rcinfo_base, .gen_rclinks_base {
					margin:0 0 20px 0;
					width:213px;
					height:3px;
					background:url('../images/gen_rclinksbg_base.gif') bottom left no-repeat;
					}

.center {
	text-align:center;
	margin:0 0 15px 0;
	}

.clear {
	clear:both;
	}


/* ========================== Home Page Styles ========================== */ 

				.hp_lclinks_top {
					width:213px;
					height:5px;
					background:url('../images/hp_lclinksbg_top.gif') top left no-repeat;
					}
		
				#hp_lclinks_mid_wd, #hp_lclinks_mid_ec, #hp_lclinks_mid_em, #hp_lclinks_mid_wh, #hp_lclinks_mid_dn, #hp_lclinks_mid_po, #hp_lclinks_mid_cs, #hp_lclinks_mid_nb {
					width:213px;
					padding:10px 0 10px;
					text-align:right;
					}

				#hp_lclinks_mid_wd {
					background:url('../images/hp_lclinksbg_wd_mid.gif') top left no-repeat;
					}

				#hp_lclinks_mid_ec {
					background:url('../images/hp_lclinksbg_ec_mid.gif') top left no-repeat;
					}

				#hp_lclinks_mid_em {
					background:url('../images/hp_lclinksbg_em_mid.gif') top left no-repeat;
					}

				#hp_lclinks_mid_wh {
					background:url('../images/hp_lclinksbg_wh_mid.gif') top left no-repeat;
					}

				#hp_lclinks_mid_dn {
					background:url('../images/hp_lclinksbg_dn_mid.gif') top left no-repeat;
					}

				#hp_lclinks_mid_po {
					background:url('../images/hp_lclinksbg_po_mid.gif') top left no-repeat;
					}

				#hp_lclinks_mid_cs {
					background:url('../images/hp_lclinksbg_cs_mid.gif') top left no-repeat;
					}

				#hp_lclinks_mid_nb {
					background:url('../images/hp_lclinksbg_nb_mid.gif') top left no-repeat;
					}

				.hp_lclinks_base {
					margin:0 0 20px 0;
					width:213px;
					height:5px;
					background:url('../images/hp_lclinksbg_base.gif') bottom left no-repeat;
					}

/* ======================= HP Crossfader Styles ======================= */ 

				#hpcrossfader {
					width:345px;
					}

					.hpcrossfadercontainer {
						position:relative;
						}

					.hpcrossfaderelement {
						margin:0 0 0 0;
						}


/* ======================== Port Right Column ======================== */ 

			#portrightcolumn {
				float:right;
				width:616px;
				}

				.port_rccontent_top {
					width:616px;
					height:5px;
					background:url('../images/port_rccontentbg_top.gif') top left no-repeat;
					}

				.port_rccontent_mid {
					width:616px;
					padding:10px 0 10px;
					margin:0;
					text-align:left;
					background:url('../images/port_rccontentbg_mid.gif') top left repeat-y;
					}

				.port_rccontent_base {
					margin:0 0 20px 0;
					width:616px;
					height:5px;
					background:url('../images/port_rccontentbg_base.gif') bottom left no-repeat;
					}

					.portfoliolink1, .portfoliolink2 {
						margin:20px 30px 10px;
						padding:10px 0 15px;
						}
					
					.portfoliolink1 {
						border:1px dotted #d9d8d8;					
						background:#f7f7f8;
						}

					.portfoliolink2 {
						border:1px dotted #d9d8d8;					
						background:#fff;
						}
						
						.portfoliolinklc {
							float:left;
							width:400px;
							text-align:left;
							}
							
						.portfoliolinkrc {
							float:right;
							width:150px;
							text-align:right;
							}

					
/* =============================================================================== */ 
/* =========================== Footer Styles ===================================== */ 
/* =============================================================================== */ 

				
#footercontainer {
	width:100%;
	margin:auto;
	background:#fff;
	}

	#footer {
		width:899px;
		margin:0 auto;
		padding:0 0 15px;
		background:#fff url('../images/footerbg.gif') bottom center no-repeat;
		}

		#footerlc {
			float:left;
			text-align:left;
			margin:0;
			padding:5px 20px 0 20px;
			}
		
		#footerrc {
			float:right;
			text-align:right;
			margin:0;
			padding:5px 20px 0 20px;
			}