@charset "utf-8";
/* CSS Document */
*{
	margin:0 auto;
}
Body{
	margin:0 auto;
	padding:0px;
	margin:0px;
	background:url(images/body.jpg) repeat-x #425665;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	}
img{
	border:0px;
	}
a{
	color:#69750e;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	}	
a:hover{
	color:#69750e;
	font-size:13px;
	font-weight:bold;
	text-decoration:underline;
	}	
	
#MainContainer{
	width:970px;
	padding:0px;
	background:url(images/main_bg.png) repeat-y;
	padding:0px 3px 0px 3px;
	}
#Clear{
	clear:both;
	}	
#HeaderArea{
	width:970px;
	height:378px;
	float:left;
	background:url(images/headerarea.jpg) repeat-x;
	}
#LogoArea{
	width:951px;
	float:left;
	height:121px;
/*	background:url(images/logoarea.jpg) repeat-x;
*/	padding:0px 0px 0px 19px;
	}	
#FlashArea{
	width:970px;
	float:left;
	height:260px;
/*	background:url(images/flash_bg.jpg) no-repeat;
*/	}
#FlashAreaLeft{
	width:370px;
	float:left;
	height:260px;
	overflow:hidden;
	}
#FlashAreaRight{
	width:600px;
	float:left;
	height:260px;
	background:url(images/banner_right.jpg) no-repeat;
	}
	
#Logo{
	width:341px;
	height:114px;
	float:left;
	}
#Iso{
	width:220px;
	height:121px;
	float:right;
	}
	
#TabArea2{
	width:890px;
	height:43px;
	float:left;
	padding:0px 40px;
	background:url(images/tab_bg.jpg) repeat-x;
	text-align:center;
	}
	
#TabArea{
	width:970px;
	height:29px;
	float:left;
	background:url(images/tab_bg.jpg) repeat-x;
	text-align:center;
	padding-top:14px;
	}
		
#TabArea ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
	}	
#TabArea ul li{
	display:inline;
	}	
#TabArea ul li a{
	color:#434c01;
	font-family:Arial, Helvetica, sans-serif, "Myriad Pro";
	font-size:13px;
	text-decoration:none;
	font-weight:bold;
	outline:none;
	}
#TabArea ul li a:hover{
	color:#434c01;
	font-family:Arial, Helvetica, sans-serif, "Myriad Pro";
	font-size:13px;
	text-decoration:underline;
	font-weight:bold;
	outline:none;
	}
	
.Divider{
	margin-left:18px;
	margin-right:18px;
	color:#afc844;
	font-family:Arial, Helvetica, sans-serif, "Myriad Pro";
	font-size:13px;
	font-weight:bold;
	}
#ContentArea{
	width:970px;
	float:left;
/*	height:1000px;
	background:url(images/content_bg.jpg) repeat-y;*/
/*	padding:10px 7px 0px 7px;
*/	}
#Content{
	width:956px;
	float:left;
	padding:10px 7px 0px 7px;
	background:url(images/content_bg.jpg) repeat-x #fff;
	}	
#SubContent{
	width:190px;
	height:415px;
	float:left;
	}	
#SubContentTop{
	width:190px;
	height:17px;
	float:left;
	}
#SubContentBlue{
	width:170px;
	height:214px;
	float:left;
	background:url(images/blue_middle.jpg) no-repeat;
	padding:0px 10px 0px 10px;
	}
.SubContentBlue{
	font-size:18px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif, "Myriad Pro";
	}	
.SubContentBlueSmall{
	font-size:13px;
	font-family:Tahoma, Geneva, sans-serif
/*	font-weight:lighter;
*/	color:#000;
	}	
#SubContentOrange{
	width:170px;
	height:214px;
	float:left;
	background:url(images/orange_mid.jpg) no-repeat;
	padding:0px 10px 0px 10px;
	}	
#SubContentGreen{
	width:170px;
	height:214px;
	float:left;
	background:url(images/green_mid.jpg) no-repeat;
	padding:0px 10px 0px 10px;
	}	
#SubContentYellow{
	width:170px;
	height:214px;
	float:left;
	background:url(images/yellow_mid.jpg) no-repeat;
	padding:0px 10px 0px 10px;
	}	
	
#SubContentBottom{
	width:190px;
	height:183px;
	float:left;
	}
#DividerSub{
	width:7px;
	height:401px;
	float:left;
	}
#YouTubeArea{
	width:167px;
	float:left;
	height:397px;
	background:url(images/tube_top.jpg) no-repeat;
	padding-top:17px;
	}	
#YouTubeAreaMid{
	width:167px;
	float:left;
	height:297px;
	background:url(images/tube_mid.jpg) no-repeat;
	}
#YouTubeImage{
	width:167px;
	float:left;
	height:143px;
	text-align:center;
	}
.Port a{
	font-size:15px;
	font-weight:bold;
	color:#ff6e04;
	font-family:Arial, Helvetica, sans-serif, "Myriad Pro";
	text-decoration:none;
	}
.Port a:hover{
	font-size:15px;
	font-weight:bold;
	color:#ff6e04;
	font-family:Arial, Helvetica, sans-serif, "Myriad Pro";
	text-decoration:underline;
	}	
	
#Tube{
	width:167px;
	height:254px;
	float:left;
	}	
#FooterArea{
	width:956px;
	float:left;
	height:85px;
	}	
#FooterAreaL{
	width:400px;
	float:left;
	height:41px;
	padding:44px 0px 0px 7px;
	}
#FooterAreaL ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
	}	
#FooterAreaL ul li{
	display:inline;
/*	float:left;
*/	}	
#FooterAreaL ul li a{
	font-size:11px;
	color:#989797;
	font-weight:bold;
	text-decoration:none;
	}	
#FooterAreaL ul li a:hover{
	font-size:11px;
	color:#666;
	font-weight:bold;
	text-decoration:underline;
	}
.DividerFooter{
	margin-left:3px;
	margin-right:3px;
	font-size:11px;
	color:#666;
	}	
	
#FooterAreaR{
	width:505px;
	float:left;
	height:85px;
	}	
#FooterAreaR_Top{
	width:505px;
	float:left;
	height:42px;
	}	
#FooterAreaR_Bottom{
	width:505px;
	float:left;
	height:42px;
	text-align:right;
	}
.Footer{
	font-size:11px;
	color:#5f5e5e;
	}
	
#InnerPageContent{
	width:781px;
	float:left;
	margin-right:7px;
	}
#InnerPageContentTop{
	width:742px;
	height:38px;
	float:left;
	padding-left:17px;
	padding-right:23px;
	background:url(images/innercontent_top.jpg) no-repeat;
	}
#Heading{
	height:38px;
	float:left;
	padding-left:9px;
	background:url(images/heading_left.jpg) no-repeat;
	}	
#HeadingMid{
	height:28px;
	float:left;
	background:url(images/heading_mid.jpg) repeat-x;
	padding:10px 11px 0px 11px;
	}
#HeadingRight{
	width:9px;
	height:38px;
	float:left;
	background:url(images/heading_right.jpg) no-repeat;
	}
.Heading{
	color:#000;
	font-size:15px;
	font-weight:bold;
	}	
	
	
#InnerPageContentMid{
	width:741px;
	float:left;
	background:url(images/innercontent_mid.jpg) repeat-y;
	padding:20px;
	text-align:justify;
	}
	
#InnerPageContentMid a{
	text-align:justify;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	color:#333;
	}
	
#InnerPageContentMid a:hover{
	text-align:justify;
	text-decoration:underline;
	font-size:12px;
	font-weight:normal;
	color:#669933;
	}
	
	
#InnerPageContentMid td{
	padding:5px;
}
	
#InnerPageContentBottm{
	width:781px;
	height:85px;
	float:left;
	background:url(images/innercontent_bottom.png) no-repeat;
	}
.org-text11{
	font-size:11px;
	color:#900;
	text-decoration:none;
	text-transform:none;
	}
#Quote{
	width:115px;
	height:38px;
	float:right;
	}

/*    \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\   Portfolio   \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\      */


/*#IconBox{
	width:217px;
	height:181px;
	float:left;
	}*/
#IconBox{
	width:217px;
	height:160px;
	float:left;
	background:url(images/bg_web.png) no-repeat bottom;
	}
#IconBox_Design{
	width:217px;
	height:164px;
	float:left;
	background:url(images/bg_design.png) no-repeat bottom;
	}
#IconBox_Graphic{
	width:217px;
	height:164px;
	float:left;
	background:url(images/bg_graphic.png) no-repeat bottom;
	}
#IconBreak{
	width:45px;
	height:164px;
	float:left;
	}	
	
/* ///////////////////// for port folio image display //////////// */
#ContentRight{
	width:597px;
	float:left;
	background-color:#FFFFFF;
	position:absolute;
	z-index:1;
}
/*#GalleryImageArea{
	width:167px;
	height:166px;
	float:left;
	border:2px #d1d1d1 solid;
	background:url(images/gallery_mid.gif) repeat-x;
	text-align:center;
	padding-top:2px;
	margin-left:10px;
	margin-bottom:10px;
}
*/#GalleryImageArea{
	width:535px;
/*	height:63px;*/
	float:left;
/*	border:2px #d1d1d1 solid;*/
/*	background:url(images/gallery_mid.gif) repeat-x;*/
/*	padding:8px;*/
/*	margin-left:10px;*/
	margin-bottom:10px;
	text-align:center;
	padding:20px 20px 0px 40px;
	
}
#ImageRow{
	width:535px;
	height:63px;
	float:left;	
	text-align:center;
	margin-bottom:20px;

}
#Image_Gallery{
	width:155px;
	height:63px;
	float:left;
}
#ImageBlankDiv{
	width:25px;
	height:63px;
	float:left;
}


/* ///////////////////// \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\///////// */