/**
 * @author Bilal Cinarli
 * @copyright 2008
 * @company Icon Perception Management Co.
 * @contact contact@icon-pm.com
 * @web www.icon-pm.com
 * @project www.icon-pm.com
 **/
 
 /*  ------------------- Global Settings  ------------------- */
	html, body { border:0; height: 100%; margin:0; padding:0; }
	body { background: #e3e1db; font:10px/1.25 Tahoma; text-align: left; }

	.clear { clear:both; }
	.clearfix:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; }
	.clearfix { display: inline-block; }
	/*IE-mac \ */
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* IE-mac */
	.border { border: 1px solid; }
/*  ------------------- Global Settings  ------------------- */

/* ------------------- Common Styles ------------------- */
 	h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0; padding:0; }

	p, ul, ol { margin:0; padding:0; }

	ul, ol { list-style:none; margin: 0; padding: 0; }

	blockquote { margin:22px 40px; padding:0; }

	small { font-size:0.85em; }

	img { border:0; }

	sup { bottom:0.3em; position:relative; vertical-align:baseline; }

	sub { bottom:-0.2em; position:relative; vertical-align:baseline; }

	acronym, abbr { border-bottom:1px dashed; cursor:help; letter-spacing:1px; }
	
	.alignLeft { text-align: left; }
	.alignRight { text-align: right; }
	.alignCenter { text-align: center; }
	.alignJustify { text-align: justify; }

/* ------------------- Link Styles ------------------- */
    a, a:visited { outline: none; text-decoration:none; }
/* ------------------- Common Styles ------------------- */
 
/*  ------------------- Page Skeleton  ------------------- */
	#wrapper { background: url(../media/image/template/wrapper.png) center repeat-y; height: auto !important; height: 100%; margin: 0 auto -32px; min-height: 100%; width: 976px; }

		#header { background: url(../media/image/template/header.jpg) top left no-repeat; height: 125px; }
		
       	#navigation { background: url(../media/image/template/navigation.png) bottom left no-repeat; height: 71px; }

		#content { background: url(../media/image/template/content.png) top left no-repeat; height: auto !important; height: 240px; min-height: 240px; padding: 0 12px; }
		
	#footer { background: #888784; height: 32px; margin: 0 auto; }
	
		#push { height: 32px; }
	
	    #footer, #wrapper, #header, #navigation { position: relative; }
	    
/* ------------------- Page Skeleton ------------------- */

/* ------------------- Header ------------------- */
	#logo { display: block; position: absolute; z-index: 99; }
/* ------------------- Header ------------------- */

/* ------------------- Navigation ------------------- */
	#navigation ul { float: right; margin-right: 25px; }
	#navigation li { background: url(../media/image/template/menu_border.png) center right no-repeat; display: inline; float: left; padding: 20px 0; text-align: center; }
	#navigation li.last { background: none; }
		#navigation li a { color: #584d28; cursor: pointer; display: block; font: 15px Trebuchet Ms; letter-spacing: -1px; padding: 0 6px; }
		#navigation li a:hover, #navigation li.activeNav a { color: #009107; }
	
	#sidebar ul {  }
		#sidebar ul li { background: url(../media/image/template/submenu_border.png) bottom center no-repeat; height: 30px; text-align: center; }
			#sidebar ul li a { color: #584d28; display: block; font: 14px Trebuchet Ms; padding: 5px 0; }
			#sidebar ul li a:hover, #sidebar ul li.activeNav a { color: #b50000; }
/* ------------------- Navigation ------------------- */

/* ------------------- Content ------------------- */
/* ------------------- Common ------------------- */
	h2.title, #text h2, #side h3.title { color: #009107; font: 18px Trebuchet Ms; height: 36px; margin-bottom: 5px; }
	h2.hideTitle span, h1.hideTitle span { display: none; }

	#pageText p { margin-bottom: 10px; }
	#pageText ul, #pageText ol { margin: 10px 10px 10px 20px; }
	#pageText ul li { list-style: disc inside; }
	#pageText ol li { list-style: decimal inside; }
	
/* ------------------- Common ------------------- */
/* ------------------- Pages ------------------- */
	#sidebar, #page, #homepage { display: inline; float: left; font: 12px/18px Tahoma; position: relative; }
	
	#sidebar { padding-top: 15px; width: 150px; }
	
	#page, #homepage { padding: 20px; text-align: justify; }
	#homepage { width: 460px; }
	#page { width: 760px; }
	#page #map { display: none; }
	#page #gMap { height: 350px; width: 100%; }
	
	#side { display: inline; float: right; padding: 20px 10px 10px 0; width: 287px; }
	
/* ------------------- News ------------------- */
	#pageText .pagination { float: right; font: 0.8em Verdana;}

	#pageText .exp { float: left; margin: 2px 5px 0px 0px;}

	#pageText .pages { float: left;}

	#pageText .pagination ol { list-style: none; margin: 0; padding: 0; }

	#pageText .pagination ol li { list-style: none; float: left; padding: 0; }

	#pageText .pagination ol li a, #pageText .pagination ol li span, #pageText .pagination ol li.currentpage span { background-color: #111; color: #fff; border: 1px solid; display: block; padding: 0px 4px; margin: 0 2px; float: left; }

	#pageText .pagination ol li span { background: none; border: none; margin: 0; }

	#pageText .pagination ol li a:hover, #pageText .pagination ol li.currentpage span { background-color: #999; border: 1px solid #fff; color: #111; font-weight: bold; }

.backlink { margin: 20px 0px; border: 1px transparent; text-align: left;}

	#pageText .backlink a{ border: none;}
	
	.news-summary { margin-bottom: 10px; }

		.news-summary h4.title { color: #006f53; font: bold 14px Trebuchet Ms; }
		.news-summary h4.newstitle {  float: left; color: #006f53; font: bold 14px Trebuchet Ms;left: 310px; min-width: 100px;padding-top: 80px; position: absolute; width: 100px;width: auto !important;}
		.news-summary span.articlepress { color: #000; font: bold 14px Trebuchet Ms; }
		.news-summary span.date { color: #006f53; font: 14px Trebuchet Ms; }

		.news-summary .details, #pageText .back { color: #006f53; display: block; text-align: right; width: 100%;}
		.news-summary .details a { color: #006f53; }
		
/* ------------------- News Ticker ------------------- */
	#news_summary { height: 285px; margin-bottom: 15px; overflow: hidden; position: relative; width: 287px; }
	#news_summary ul.summary { position: relative; }
	    #news_summary li.hide { display: none; }
		#news_summary li {  font: 12px/18px Tahoma;overflow:hidden;float: left; text-align: right; }
		#news_summary li h3 { font: bold 14px Tahoma; text-align: left; }
		#news_summary li a { color: #003923; }
		#news_summary li span, ul.news li a { display: block; }
		#news_summary li span { text-align: left; }
		#news_summary li .date { font-size: 10px; }
		#news_summary li a.details { color: #009107; padding: 0; text-align: center; z-index: 99; }
		#news_summary li a.details:hover { color: #006f53; }
		
/* ------------------- News Ticker ------------------- */
/* ------------------- Announcements Ticker ------------------- */
	#announcements_summary, #news_summary { margin-bottom: 15px; position: relative; }
	#announcements_summary ul.summary { position: relative; }
	    #announcements_summary li.hide { display: none; }
		#announcements_summary li { display: block; font: 12px/18px Tahoma; text-align: right; }
		#announcements_summary li h3 { font: bold 14px Tahoma; text-align: left; }
		#announcements_summary li a { color: #003923; }
		#announcements_summary li span, ul.news li a { display: block; }
		#announcements_summary li span { text-align: left; }
		#announcements_summary li .date { font-size: 10px; }
		#announcements_summary li a.details { color: #009107; padding: 0; text-align: center; z-index: 99; }
		#announcements_summary li a.details:hover { color: #006f53; }


	.news_navigation { height: 20px; position: absolute; right: 0; top: 5px; }
		.news_navigation li { display: inline; float: left; }
		.news_navigation li.details { text-align: center; }

		.news_navigation a.prev, .news_navigation a.next { cursor: pointer; display: block; float: left; height: 0px; margin: 3px 5px 0 5px; overflow: hidden; padding-top: 9px; width: 9px; }
		.news_navigation a.next { background: url(../media/image/template/arrows.png) -21px 0 no-repeat; }
		.news_navigation a.next:hover { background: url(../media/image/template/arrows.png) -21px -9px no-repeat; }
		.news_navigation a.prev { background: url(../media/image/template/arrows.png) 0 0 no-repeat; }
		.news_navigation a.prev:hover { background: url(../media/image/template/arrows.png) 0 -9px no-repeat; }

		.news_navigation li.current { font: bold 11px/20px Trebuchet Ms; text-align: center; width: 25px; }
			.news_navigation span.now { color: #f4ba23; }


	.news_navigation_news {display: inline;height: 20px;width: 120px; float: left; position: absolute; left: 180px; top: 5px; }
		.news_navigation_news li { display: inline; float: left;width: 50px; }
		.news_navigation_news li.details { text-align: center; }

		.news_navigation_news span #prevBtn, .news_navigation_news span #nextBtn { cursor: pointer; display: block; float: left; height: 0px; margin: 3px 5px 0 5px; overflow: hidden; padding-top: 9px; width: 9px; }
  .news_navigation_news span #nextBtn { 	background:url(../media/image/template/btn_prev.gif) no-repeat 0 0; }
		.news_navigation_news span #prevBtn { background:url(../media/image/template/btn_next.gif) no-repeat 0 0; }
		.news_navigation_news span img {float: left; margin: 5px 0px 2px 10px;}

		.news_navigation_news li.current { font: bold 11px/20px Trebuchet Ms;float: left; text-align: center; width: 25px; }
			.news_navigation_news span.now { color: #f4ba23; }

/* ------------------- News Ticker ------------------- */	

/* ------------------- Project Gallery ------------------- */
	#gallery { margin: 10px 0px 0px 0px; }
		#gallery .thumb { background: url(../media/image/template/thumb_bg.png) top right no-repeat; display: inline; float: left; height: 117px; margin: 0px 10px 10px 0px; width: 172px; }
			#gallery .thumb img { height: 111px; width: 166px; }
		#gallery .end {  }
		
		#jquery-overlay { height: 100%; left: 0; position: absolute; top: 0; z-index: 9999; width: 100%; }

		#jquery-lightbox { left: 0; line-height: 0; position: absolute; text-align: center; top: 0;	width: 100%; z-index: 10000; }
			#jquery-lightbox a img { border: none; }
			
		#lightbox-container-image-box { background-color: #fff; height: 250px; margin: 0 auto; position: relative; width: 250px; }
		#lightbox-container-image { padding: 10px; }
			#lightbox-loading { height: 25%; left: 0%; line-height: 0; position: absolute; text-align: center; top: 40%; width: 100%; }
			#lightbox-nav { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10; }
			#lightbox-container-image-box > #lightbox-nav { left: 0; }
			#lightbox-nav a { outline: none;}
			#lightbox-nav-btnPrev, #lightbox-nav-btnNext { display: block; height: 100%; width: 49%; zoom: 1; }
			#lightbox-nav-btnPrev { float: left; left: 0; }
			#lightbox-nav-btnNext { float: right; right: 0; }

			#lightbox-container-image-data-box { background-color: #fff; font: 10px Verdana, Helvetica, sans-serif; line-height: 1.4em; margin: 0 auto;	overflow: auto; padding: 0 10px 0; width: 100%; }
			#lightbox-container-image-data { color: #666; padding: 0 10px; }

			#lightbox-container-image-data #lightbox-image-details { float: left; text-align: left; width: 70%; }
			#lightbox-image-details-caption { font-weight: bold; }
			#lightbox-image-details-currentNumber { clear: left; display: block; padding-bottom: 1.0em; }

			#lightbox-secNav-btnClose { float: right; padding-bottom: 0.7em; width: 66px; }
/* ------------------- Project Gallery ------------------- */

/* ------------------- 404 ------------------- */
	.error_element { margin-left: 15px; }
	.error_element li { list-style: decimal inside; }
/* ------------------- 404 ------------------- */
/* ------------------- Pages ------------------- */
/* ------------------- Forms ------------------- */
/* ------------------- Common ------------------- */
	form { margin: 10px 10px 10px 15px; }
	fieldset { border: none; }
	legend { color: #000; font: bold 12px Arial; margin: 0 0 5px; padding: 0; }
	
	label { cursor: pointer; font-weight: bold; }
	label.inputlabel { display: block; float: left; }
	label.addlabel { font-weight: normal; }

	#pageText form ol li { list-style: none; }
	form li { margin-bottom: 10px; position: relative; }
	form .inputbox {  }
	form .input { display: inline; float: left; }
	form .button .submit { margin-left: 125px; }
	form .hide { display: none; }
	span.required { color: red; }

	.width01 { width: 25px; }
	.width02 { width: 50px; }
	.width03 { width: 75px; }
	.width04 { width: 100px; }
	.width05 { width: 125px; }
	.width06 { width: 150px; }
	.width07 { width: 200px; }
	.width08 { width: 250px; }
	.width09 { width: 300px; }
	.width10 { width: 400px; }
	.width00 { width: 98%; }
	.width33 { width: 33%; }
	
	.marginLeft07 { margin-left: 200px; }

/* ------------------- Forms ------------------- */

/* ------------------- Form Errors ------------------- */
/* form error display */
	.warn { color: orange; display: block; font-weight: bold; margin-bottom: 10px; }

	.result { color: #f90; font: 12px Arial; font-weight: bold; margin: 10px; text-align: center; }

	label.error{ color: red; display: block; font-style: italic; margin-left: 5px; width: auto; }
/* ------------------- Form Errors ------------------- */
/* ------------------- Content ------------------- */

/* ------------------- Footer ------------------- */
/* ------------------- Foot Content ------------------- */
	#foot_content { color: #fff; font: 12px/32px Tahoma; height: 32px; margin: 0 auto; padding: 0 25px; position: relative; width: 926px; }
		#foot_content ul { position: absolute; right: 15px; top: 0; }
			#foot_content li { background: url(../media/image/template/footer_menu_border.png) center right no-repeat; display: inline; float: left; padding: 0 10px; }
			#foot_content li.last { background: none; }
				#foot_content li a { color: #fff; }
/* ------------------- Footer Content ------------------- */

/* ------------------- ICON Signature ------------------- */
	#icon { background: url(../media/image/template/icon.png) top left no-repeat; bottom: 0; display: block; height: 18px; overflow: hidden; position: absolute; right: 10px; text-indent: -9999px; width: 32px; }
/* ------------------- ICON Signature ------------------- */
/* ------------------- Footer ------------------- */
