/*
Theme Name: NDN
Theme URI: http://www.ndn.com.hk
Description: The 2011 version of the NDN website
Author: Jabie Veloso Cheung
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/

html,body { margin:0; padding:0;	background: #333; font-family:  Arial, Helvetica; font-size: 12px;  }
* { padding:0; margin: 0; } 
h1,h2,h3,h4,h5 { font-size: 12px; font-weight: normal; }
img  { border: 0; display: block;}
table {border-collapse: collapse;}
a { text-decoration: none; }

/* inner*/
	.inner { 
		margin:0 auto; /* center, not in IE5 */
		width:1000px;
	}

/* Header */
	#header { background: #FFF; }
	#header .inner { padding: 10px 0; position: relative; z-index: 100;	}
	#header #logo { float: left; display: block; } 
	#header #nav { float: right; display: block; position: relative;}
	#header #logo { padding-left: 10px; }
	#header ul#main-nav { list-style: none; float: left; display: block; }
	#header li { float: left; display: block; }	
	#header ul#sub-nav { z-index: 200; list-style: none; position: absolute; left: 130px; top: 44px; display: none; }
	#header #search { float: left; display: block; background: url(images/search.png) no-repeat; width: 229px; height: 61px; position: relative;}
	#header #search input#s { position: absolute; top: 20px; left: 15px; width: 160px; height: 20px; line-height: 20px; border: 0; background: none; }
	#header #search #search_submit { position: absolute; top: 19px; left: 180px; }
	
/* Content*/
	#content { background: #FFF;  }
	#content-bg { background: url(images/bg_main_content.png) repeat-x; }
	#mainbody { background-color: #FFF; min-height: 250px; border: 1px solid #CCC; border-top: 0; border-bottom: 0; }
	
/* Footer */
	#footer-bg  { clear: both; background-color: #333; padding: 25px 0 45px; }
	#footer { color: #FFF; }
	#footer-inner { padding: 0 10px; }
		
	#footer ul { list-style: none; }	
	
	#footer h5 { font-weight: bold; font-size: 14px; border-bottom: 1px #666666 solid; margin-right: 18px; padding-bottom: 10px; margin-bottom: 25px;   } 
	#footer li, #footer dt, #footer dd, #footer a { font-size: 14px; color: #666; }
	#footer a:hover { text-decoration: underline;}
	
	#footer-links { float: left; width: 170px; }
	#footer-links img { padding-bottom: 5px; }
	
	#footer-work { float: left; width: 426px; }
	#footer-work dt { clear: left; float: left; width: 53%; padding-bottom: 8px; } 
	#footer-work dd { float: left; width: 47%; padding-bottom: 8px;} 
	
	#footer-contact { float: left; width: 381px; }
	#footer-contact dt { clear: left; float: left; width: 50px; } 
	#footer-contact dd { float: left; width: 320px; padding-bottom: 8px;} 
	
	#footer #footer-divider { clear: both; background: url(images/bg_copyright.png) no-repeat bottom center; height: 30px; }
	#footer #copyright { padding-top: 25px; }
	#footer #copyright span { padding-right: 20px; font-size: 11px; }
	#footer #copyright a { padding: 0 10px; color: #FFF; font-size: 11px;}
	#footer #copyright a:hover{ text-decoration: underline;}

/* Misc */
	.titlebar_orange_index { background-color: #ff6600; position: relative; height: 38px; line-height: 38px; padding-left: 10px; color: #fefefe; font-size: 14px; font-weight: bold; }
	.titlebar_orange_index a { position: absolute; top: 0; right: 10px; color: #fdb384; font-size: 12px; font-weight: bold; } 
	.titlebar_orange_index a:hover { color: #fefefe; } 
	
	.titlebar_orange { text-align: right; background-color: #ff6600; position: relative; height: 38px; line-height: 38px; padding-right: 10px; color: #fefefe; font-size: 14px; font-weight: bold; clear: both; }
	.titlebar_orange a#slider-control { position: absolute; top: 0; right: 10px; color: #fdb384; font-size: 12px; font-weight: bold; } 
	.titlebar_orange a#slider-control:hover { color: #fefefe; } 
	
	.titlebar_orange #breadcrumb { position: absolute; top: 0; left: 10px; font-size: 11px; font-weight: normal; color: #FFF; }
	.titlebar_orange #breadcrumb a { color: #FFF; font-size: 11px; font-weight: normal; }
	.titlebar_orange #breadcrumb a:hover { text-decoration: underline; }
	.titlebar_orange #breadcrumb strong { font-size: 12px; }
	
	.titlebar_arrow { background: url(images/bg_arrow_header.png) no-repeat top right; padding-left: 10px; line-height: 40px; font-size: 14px; color: #333; font-weight: bold; }
	
	#slider-control {  padding-left: 18px; }	
	#slider-control.down { background: url(images/bg_arrow_down.png) no-repeat; }
	#slider-control.down:hover {background: url(images/bg_arrow_down_over.png) no-repeat;}
	#slider-control.up { background: url(images/bg_arrow_up.png) no-repeat; }
	#slider-control.up:hover {background: url(images/bg_arrow_up_over.png) no-repeat;}
	
	/* 5 columns content */
	.ul_5_col { list-style: none;  }
	.ul_5_col .col { width: 199px; float: left;}
	.ul_5_col .two_col { width: 399px; }
	.ul_5_col .three_col { width: 599px; }
	.ul_5_col .four_col { width: 799px; }
	.ul_5_col .five_col { width: 999px; }
	
	.ul_5_col .col .border { border-right: 1px solid #ccc; padding-bottom: 0px; position: relative;  }
	.ul_5_col .last_col .border { border-right: 0px; }
	
	.ul_5_col .col .arrow_header { background: url(images/bg_arrow_header.png) no-repeat top right; padding-left: 10px; padding-right: 28px; line-height: 40px; border: 0; border-bottom: 1px solid #ccc; font-size: 14px; color: #333; font-weight: bold; } 
	.ul_5_col .col .arrow_header.withTopBorder { border-top: 1px solid #ccc; }
	.ul_5_col .col .arrow_header a { color: #333; }
	
	.list_entry {}
	.list_entry .thumb { border-bottom: 1px solid #ccc; }
	.list_entry .thumb img {   }
	
	.list_entry h3, .list_entry small, .list_entry .detail, .list_entry h3 a { color: #333; }
	
	.list_entry h3 {  font-weight: bold; font-size: 12px; line-height: 18px; padding: 12px 12px 6px; }
	.list_entry small { font-size: 10px;  padding: 0 12px; color: #333;}
	.list_entry .detail { line-height: 18px; padding: 6px 12px 12px; }
	
	.btn_style_1 { padding-bottom: 20px; padding-left: 12px; display: block; } /*position: absolute; bottom: 20px; left: 12px;  } */
	.btn_style_1  a { font-size: 11px; color: #231f20; background: url(images/bg_btn_style_1.png) no-repeat; line-height: 24px; padding-left: 10px; display: block; width: 138px; height: 24px; }
	
	.btn_style_1_no_float { padding: 10px 0; }
	.btn_style_1_no_float  a { font-size: 11px; color: #231f20; background: url(images/bg_btn_style_1.png) no-repeat; line-height: 24px; padding-left: 10px; display: block; width: 138px; height: 24px;}
	
/* Work */
	#works .ul_5_col .arrow_header { line-height: 18px; padding-top: 10px; padding-bottom: 10px; }
	#works .list_entry small { display: block; padding-top: 10px; }
	#works .ul_5_col { border-top: 1px solid #ccc; } 
	#works .thumb img {height: 112px; width: 198px;}
/* Work detail */
	#works-detail .ul_5_col .arrow_header { line-height: 18px; padding-top: 10px; padding-bottom: 10px; }
	#works-detail .ul_5_col { border-top: 1px solid #ccc; } 
	.work_paragraph { padding: 6px 12px 12px; }	
	.work_paragraph .work_paragraph_detail { line-height: 18px; padding-bottom: 10px; }	
	.work_detail_photos img { margin-bottom: 10px; }
	
/* Home */
	#slider { position: relative; height: 432px; width: 1000px;}
	#slider img { position: absolute; top: 0; left: 0; display: none; }
	#slider a { border: 0; display: block; }
	
	#slider .nivo-controlNav {
		position: absolute; 
		bottom: 22px;
		right: 12px;
		z-index: 10;
	}
	#slider .nivo-controlNav a {
		display:block;
		width:17px;
		height:17px;
		background:url(images/bg_slider_dots.png) no-repeat;
		background-position: 0 -17px;
		text-indent:-9999px;
		border:0;
		margin-right: 10px;
		float:left;
		z-index: 10;
	}
	#slider .nivo-controlNav a.active {
		background-position: 0 0;
	}
		
/* Contact Us */
	#contact-detail { position: relative; padding: 15px; min-height: 400px; }
	#contact-detail #map_canvas { position: absolute; right: 1px; top: 1px; width:400px; height:350px }
	
	#contact-detail p { padding-bottom: 8px; color: #333; } 
	#contact-detail p strong { padding-right: 3px; font-weight: bold; }
	#contact-detail p * { color: #333; } 
	#contact-detail p a:hover { text-decoration: underline;} 

/* Clients */ 
	#client_logos { padding: 20px 0 0px 20px; }
	#client_logos .client_logo { width: 137px; height: 110px; text-align: center; float: left; }
	#client_logos .client_logo img { display: block; }

/* Search */
	#search-result { padding: 20px; border-top: 1px solid #ccc; min-height: 400px; }
	#search-result-content { width: 100%; float: left; }
	#search-result-sidebar { width: 200px; float: right; }
	
	#search-result .listing-thumb {
		float: right;
		width: 260px;
		}
	#search-result .listing-description {
		float: left;
		width: 640px;
		}
	#search-result .listing-description h2, #search-result .listing-description h2 a {
		font-size: 14px; color: #333; font-weight: bold; 
		}
	#search-result .listing-description small {
		color: #333;
		font-size: 10px;
		}
	#search-result .listing-description .entry {
		color: #333;
		}			
	#search-result .listing-description .entry  p {
		padding: 5px 0 5px;
		}
	#search-result .listing-description .more {
		color: #eb6124;			
		}
		
/* News */	
	/* Begin Listing */
		#news { padding: 20px; border-top: 1px solid #ccc;}
		#news-content { width: 100%; float: left; }
		#news-sidebar { width: 200px; float: right; }
		
		#news .listing-thumb {
			float: right;
			width: 260px;
			}
		#news .listing-description {
			float: left;
			width: 640px;
			}
		#news .listing-description h2, #news .listing-description h2 a {
			font-size: 14px; color: #333; font-weight: bold; 
			}
		#news .listing-description small {
			color: #333;
			font-size: 10px;
			}
		#news .listing-description .entry {
			color: #333;
			}			
		#news .listing-description .entry  p {
			padding: 5px 0 5px;
			}
		#news .listing-description .more {
			color: #eb6124;			
			}
	/* End Listing */
	
/* Blog */	
	/* Begin Listing */
		#blog { padding: 20px; border-top: 1px solid #ccc;}
		#blog-content { width: 100%; float: left; }
		#blog-sidebar { width: 200px; float: right; }
		
		#blog .listing-thumb {
			float: left;
			width: 210px;
			}
		#blog .listing-description {
			float: right;
			width: 740px;
			}
		#blog .listing-description h2, #blog .listing-description h2 a {
			font-size: 14px; color: #333; font-weight: bold; 
			}
		#blog .listing-description small {
			color: #333;
			font-size: 10px;
			}
		#blog .listing-description .entry {
			color: #333;
			}			
		#blog .listing-description .entry  p {
			padding: 5px 0 5px;
			}
		#blog .listing-description .more {
			color: #eb6124;			
			}
	/* End Listing */
	
	/* Begin General CSS */
		.dotline {
			background: url(images/bg_dotline.gif) repeat-x;
			height: 1px;
			margin: 15px 0;
			clear: both;
			}
		.entry .dotline {
			margin-top: 0px;
			}
		.blackbar {
			background: url(images/bg_blackbar.gif) repeat-x;
			height: 25px;
			margin-bottom: 10px;
			}
		h2.pagetitle {
			background: url(images/bg_blackbar.gif) repeat-x;
			font-family: Verdana, arial;
			padding: 5px 8px;
			font-size: 12px;
			font-weight: bold;
			color: #FFF;
			border-bottom: 1px solid #b3b3b3;
			margin-bottom: 10px;
		}
	/* End General CSS */
	
	/* Post Detail */
		.post-detail h2 {
			font-size: 14px; color: #333; font-weight: bold; 
		}
		.post-detail .entry {
			padding-top: 10px;			
		}
		.postmetadata {
			padding: 0px 0px;
			margin-bottom: 2px;
			font-size: 10px; 
			color: #333;			
		}
		.postmetadata a {
			color: #6AAED7;
		}
		.entry_content { min-height: 300px; }
		.entry_content p {
			color: #333;
			font-size: 12px;
			padding-bottom: 5px;
		}
		.entry_content h3{
			color: #333;
			font-size: 12px;
			font-weight: bold;
			padding-top: 5px;
			padding-bottom: 5px;
		}
		.post-detail .entry .tags{
			padding-top:10px;
			padding-bottom: 10px;
		}		
		.single_navigation .prevtxt {
			float: left;
			width: 225px;			
			text-align: left;	
			padding-left: 20px;		
			padding-bottom: 8px;
			color: #9f9f9f;
		}	
		.single_navigation .nexttxt {
			float: right;
			width: 225px;
			text-align: right;		
			padding-right: 20px;	
			padding-bottom: 8px;
			color: #9f9f9f;
		}
		
		.single_navigation .prev {
			clear: left;
			background: url(images/bg_arrowleft.gif) no-repeat;			
			background-position: center left;
			float: left;
			width: 225px;
			padding-left: 20px;
			text-align: left;
		}
		.single_navigation .next {
			clear: right;
			background: url(images/bg_arrowright.gif) no-repeat;
			background-position: center right;
			float: right;
			width: 225px;
			padding-right: 20px;		
			text-align: right;
		}
		.single_navigation a {
			color: #eb6024;
		}
	/* //Post Detail &/
	
	
	
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------
 http://sonspring.com/journal/clearing-floats 
 */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* new clearfix - http://perishablepress.com/press/2009/12/06/new-clearfix-hack/*/
/*
.clear:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clear             { zoom: 1; } /* IE6 * /
*:first-child+html .clear { zoom: 1; } /* IE7 */