/*
Horizontal Accordion
*/
		
	/* Container styling NOTE!!! - to chnage width of contetn area look in accordian header js*/
    #horizontal_container {
      margin: 0px auto;
	  width: 863px;   
      height: 475px; 
      background: #eee;
	  overflow:hidden;
    }
	
	
		
		/* TAB STYLES OFF*/
		h1.horizontal_accordion_toggle {
			/* REQUIRED */ float: left;	/* This make sure it stays horizontal *//* REQUIRED */ display: block;
			height: 475px; width: 41px;
			background: /*url("../images/tab_01_off.gif")*/ no-repeat top left #ff6d0b; color: #ffffff; text-decoration: none; outline: none; cursor: pointer; margin: 0 0 0 0;
		}
		h2.horizontal_accordion_toggle {
			/* REQUIRED */ float: left;	/* This make sure it stays horizontal *//* REQUIRED */ display: block;
			height: 475px; width: 41px;
			background: /*url("../images/tab_02_off.gif")*/ no-repeat top left #ae4e01; color: #ffffff; text-decoration: none; outline: none; cursor: pointer; margin: 0 0 0 0;
		}
		h3.horizontal_accordion_toggle {
			/* REQUIRED */ float: left;	/* This make sure it stays horizontal *//* REQUIRED */ display: block;
			height: 475px; width: 41px;
			background: /*url("../images/tab_03_off.gif")*/ no-repeat top left #ed8b3b; color: #ffffff; text-decoration: none; outline: none; cursor: pointer; margin: 0 0 0 0;
		}
		h4.horizontal_accordion_toggle {
			/* REQUIRED */ float: left;	/* This make sure it stays horizontal *//* REQUIRED */ display: block;
			height: 475px; width: 41px;
			background: /*url("../images/tab_04_off.gif")*/ no-repeat top left #612808; color: #ffffff; text-decoration: none; outline: none; cursor: pointer; margin: 0 0 0 0;
		}
		h5.horizontal_accordion_toggle {
			/* REQUIRED */ float: left;	/* This make sure it stays horizontal *//* REQUIRED */ display: block;
			height: 475px; width: 41px;
			background: /*url("../images/tab_05_off.gif")*/ no-repeat top left #612808; color: #ffffff; text-decoration: none; outline: none; cursor: pointer; margin: 0 0 0 0;
		} 
		
		
		/* TAB STYLES ON*/
		
		h1.horizontal_accordion_toggle_active {
			background: /*url("../images/tab_01.gif")*/ no-repeat top left #ff6d0b;
		}
		h2.horizontal_accordion_toggle_active {
			background: /*url("../images/tab_02.gif")*/ no-repeat top left #ae4e01;
		}
		h3.horizontal_accordion_toggle_active {
			background: /*url("../images/tab_03.gif")*/ no-repeat top left #ed8b3b;
		}
		h4.horizontal_accordion_toggle_active {
			background: /*url("../images/tab_04.gif")*/ no-repeat top left #612808 /* #00575e */ ;
		}
		h5.horizontal_accordion_toggle_active {
			background: /*url("../images/tab_05.gif")*/ no-repeat top left #612808;
		}
		
		
		/* Content */
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 475px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			overflow: hidden;
			color: #444444;
		}
			
		.horizontal_accordion_content p {
				line-height: 150%;
				padding: 0px 0px 0px 0px; 
			}
			
			
/********** Home  */
			
		#accordion_tab_01 { background: /*url("../images/accoridion_bg_ph.jpg")*/ no-repeat top left #eee; width:699px; height: 475px;  }

			#horizontal_container  a:hover {background:#fff; text-decoration:none; } /*BG color is a must for IE6*/
			#horizontal_container a.tooltip span {width: 685px; height: 40px; display:none; padding:5px 7px;  z-index:2; top: 534px; font-size:0.8em; overflow:hidden;}
			#horizontal_container  a.tooltip:hover span { 
				display:inline; position:absolute; background:#333; border:0px solid #cccccc; 
				color:#ccc; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: .8; 
				border-top:1px solid #CCC;}
				
				
/********** Featured */

		#accordion_tab_02 { background: /*url("../images/accoridion_bg_ph.jpg")*/ no-repeat top left #eee; height: 475px; overflow: hidden;} /* mkfreash */
		
			#accordion_tab_02  a:hover {cursor: pointer; background:#fff; text-decoration:none; } /*BG color is a must for IE6*/
			#accordion_tab_02 a.tooltip_fresh span { width: 200px; height: 215px; display:none; margin: 0px 0px 0px 25px; padding:5px 7px; top: 134px; font-size:0.8em; overflow:hidden;}
			#accordion_tab_02  a.tooltip_fresh:hover span{ 
				display:inline; position:absolute; background:#fff; border:0px solid #cccccc; overflow:hidden;
				color:#333; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: .8;
				border:1px solid #ccc; border-right: 4px solid #999; border-bottom: 4px solid #666;
				-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
		
			
			#accordion_tab_02 #sketch_info { font-size:1.2em; float:left; margin: 15px 15px 15px 15px; overflow: hidden; }
			#accordion_tab_02 #sketch_info h5 /* page titles - see style int for others  */
				{ color:#00757e; padding: 0px 0px 0px 0px; margin: 0px; family: Arial, Helvetica, sans-serif; line-height: 34px;
				font-size:24px; letter-spacing:3px; font-weight:lighter;}
			#accordion_tab_02 #sketch_info a:hover {cursor: pointer; }
			
			#see_more_fresh { font-size:1.1em; font-weight:bold; text-decoration:underline; color: #00757e}
	
	
/********** About */
		
		#accordion_tab_03 { background: /*url("../images/accoridion_bg_ph.jpg")*/ no-repeat top left #eee; height: 475px; }

			#accordion_tab_03  a:hover {cursor: pointer; background:#fff; text-decoration:none; } /*BG color is a must for IE6*/
			#accordion_tab_03 a.tooltip_fresh span { width: 200px; height: 215px; display:none; margin: 0px 0px 0px 25px; padding:5px 7px; top: 134px; font-size:0.8em; overflow:hidden;}
			#accordion_tab_03  a.tooltip_fresh:hover span{ 
				display:inline; position:absolute; background:#fff; border:0px solid #cccccc;
				color:#333; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: .8;
				border:1px solid #ccc; border-right: 4px solid #999; border-bottom: 4px solid #666;
				-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
		
			
			#accordion_tab_03 #sketch_info { font-size:1.2em; float:left; margin: 15px 15px 15px 15px; overflow: hidden; }
			#accordion_tab_03 #sketch_info h5 /* page titles - see style int for others  */
				{ color:#00757e; padding: 0px 0px 0px 0px; margin: 0px; family: Arial, Helvetica, sans-serif; line-height: 34px;
				font-size:24px; letter-spacing:3px; font-weight:lighter;}
			#accordion_tab_03 #sketch_info a:hover  {cursor: pointer; }
		
		#accordion_tab_04 { background: /*url("../images/accoridion_bg_ph.jpg")*/ no-repeat top left #eee; height: 475px; width: 699px; overflow:hidden; } /* Plooger Quick Look */
		#accordion_tab_05 { background: /*url("../images/accoridion_bg_ph.jpg")*/ no-repeat top left #eee; height: 475px; overflow: scroll; width: 658px; }	
		
		#acc_about_tab { overflow:hidden; margin: 20px; width: 658px;}
        #acc_about_tab h3 {font-size: 24px; line-height: 37px;}
	
	
/** Portfolio **************************************************************/

.latest_images_wrap { display:inline; overflow:hidden;}

	.latest_images_wrap ul{ margin: auto; list-style-type: none; color: #ccc; padding: 10px 0px 0px 10px; }
	.latest_images_wrap ul li{ position: relative; display: inline; float: left; text-align:center; padding: 30px 30px 15px 25px;
	/* background-color: #F3F3F3; overall menu background color*/ }

	.latest-images-thumbnail { background-color: #eee; border: 1px solid #ccc; padding: 10px; }
	.latest-images-caption { text-align: center; color: #666; font-size: 0.8em; padding: 5px 0px 0px 0px;}
	
	/* latest plogger images tooltip captions */
	
     .latest_images_wrap  a:hover {background:#ffffff; text-decoration:none; } /*BG color is a must for IE6*/
     .latest_images_wrap a.tooltip_lti span {display:none; padding:5px 7px;  z-index:2; top: 150px; font-size:0.8em;}
     .latest_images_wrap  a.tooltip_lti:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c; }