/**
 * @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: #c9c9c9 url(../media/image/template/body.png) top center repeat-x; font:10px/1.25 Verdana; }

	.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; }

/* ------------------- 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%; min-height: 100%;*/ margin: 0 auto -100px; position: relative; width: 987px; }

		#header { background: url(../media/image/template/header.jpg) top right no-repeat; height: 73px; z-index: 99; }

		#content { background: url(../media/image/template/content.png) top left no-repeat; height: auto !important; height: 422px; min-height: 422px; font: 12px Tahoma, sans-serif; }
		    #navigation { position: relative; }

 		#push { height: 100px; }

	#footer { background: #c9c9c9 url(../media/image/template/footer.png) top center no-repeat; height: 100px; margin: 0 auto; }
	
	    #header, #content, #footer { padding: 0 14px; position: relative; width: 959px; }
/* ------------------- Page Skeleton ------------------- */

/* ------------------- Header ------------------- */
	#logo { display: block; left: 32px; position: absolute; top: 14px; z-index: 99; }
	#headerBanner { height: 73px; position: absolute; width: 959px; z-index: 1; }
/* ------------------- Header ------------------- */

/* ------------------- Navigation ------------------- */
/* ------------------- Main Menu ------------------- */
	#navigation li { display: inline; float: left; float: left; font: 14px/30px Trebuchet Ms, sans-serif; height: 30px; text-align: center; width: auto; }
		#navigation li a, #navigation li span { color: #4f4f4f; cursor: pointer; display: block; float: left; padding: 0 10px 0px 13px; white-space: nowrap; }
		#navigation li:hover a, #navigation li.hover a, #navigation li.activeNav a, #navigation li:hover span, #navigation li.hover span, #navigation li.activeNav span, #navigation li.clicked span { background: url(../media/image/template/menu_hover.png) top repeat-x; color: #ffffff; }

		/* 2. level */
		#navigation ul { display: none; height: 22px; left: 0; margin-left: 0; position: absolute; text-align: center; top: 30px; z-index: 102; }
		#navigation li.activeNav ul { display: block; }
		    #navigation li li { border-right: 1px solid #707070; height: 22px; position: relative; }
		    #navigation li li.last { border-right: none; }
			#navigation li li a, #navigation li.hover li a, #navigation li li.last a, #navigation li li.activeNav a, #navigation li.activeNav li a, #navigation li li span, #navigation li.hover li span, #navigation li li.last span, #navigation li li.activeNav span, #navigation li.activeNav li span, #navigation li.clicked li span { background: none; color: #5e5e5e; font-size: 12px; line-height: 22px; width: auto; }
			#navigation li li a:hover, #navigation ul li.activeNav a, #navigation li li.hover span { background: none; color: #000; }
			
			#navigation li li.clicked span, #navigation li.activeNav li.activeNav span { background: url(../media/image/template/submenu_hover.png) center right no-repeat; color: #ce171f; }

		#navigation ul ul { background: #d1d1d1; border-right: 1px solid #707070; display: none; top: 0; }
		#navigation ul ul li { border-right: none; }
		#navigation ul ul li a, #navigation ul ul li.hover a, #navigation li.hover li.hover li a, #navigation li.hover li li a, #navigation li li.last li a, #navigation li.activeNav li li a, #navigation li.clicked li li a { background: url(../media/image/template/submenu.png) center right no-repeat; color: #5e5e5e; padding: 0 15px 0 5px; }
		#navigation ul ul li.last a, #navigation li.hover li.hover li.last a { background: none; padding: 0 5px; }
		#navigation ul ul a:hover, #navigation ul ul li.activeNav a, #navigation li.clicked li li a:hover  { color: #ce171f; }
/* ------------------- Main Menu ------------------- */
/* ------------------- Fontsizer ------------------- */
	ul#fontSize { margin: 0; position: absolute; right: 175px; top: 4px; }
		ul#fontSize li { display: inline; float: left; font: 12px Trebuchet Ms, sans-serif; margin: 0px 2px; }
			ul#fontSize li a { cursor: pointer; display: block; float: left; padding-top: 3px; }
			ul#fontSize li a#increaseSize { font-size: 15px; padding-top: 0; }
			ul#fontSize li a#decreaseSize { font-size: 10px; padding-top: 5px; }
/* ------------------- Fontsizer ------------------- */
/* ------------------- Navigation ------------------- */

/* ------------------- Content ------------------- */
/* ------------------- Common ------------------- */
	h2.title, #text h2 { font: 1em Tahoma, sans-serif; margin-bottom: 5px; }
	#page h2.title { font: 1.3em Trebuchet Ms; margin-bottom: 15px; }
	h2.hideTitle span, h1.hideTitle span { display: none; }

	#text { }
	#text p { margin-bottom: 10px; }
	#text ul, #text ol { margin: 10px 10px 10px 20px; }
	#text ul li { list-style: disc inside; }
	#text ol li { list-style: decimal inside; }
	#text a { color: #444; }
	#text a:hover { border-bottom: none; color: #cc171f; }
	#text a img { border-bottom: none; }
/* ------------------- Common ------------------- */
/* ------------------- Pages ------------------- */
	#page #pageText, #homepage { position: relative; }
	#page { background: url(../media/image/template/page.png) top left no-repeat; font: 1em/1.3em Trebuchet Ms; margin-top: 23px; top: 23px; padding: 10px 16px 0 0; }
	#page #map { display: none; }
	#page #gMap { height: 350px; width: 100%; }
	
	#homepage #flashheader { background: #303030; height: 320px; width: 959px; }
	#homepage #text { display: inline; float: left; margin: 15px 10px 10px 20px; width: 525px; }
	#homepage #news { background: url(../media/image/template/news_border.png) top left no-repeat; display: inline; float: left; height: auto !important; height: 160px; margin-top: 15px; min-height: 160px; padding-left: 30px; width: 355px; }
	    #homepage #news li { margin-bottom: 15px; }
		    #homepage #news li h3 { color: #cc171f; font: bold 1em Tahoma, sans-serif; }
		    #homepage #news li h3 a { color: #cc171f; }
		    
	#pageText { display: inline; float: left; width: 678px; }

/* ------------------- Search ------------------- */
	#search-info { margin: 0 0 10px 0; }
		#search-info a { color: black; }

	.search-result { margin: 0px 10px 10px 0; }
	.search-result a { border-bottom: 1px solid; color:#355083; font: 1.3em Verdana; }
	.search-result .summary { margin-bottom: 2px; }
	.search-result .link { color: green; }
	
	.search-pagination { text-align: center; width: 100%; }
	.search-pagination ol li { display: inline; font: bold 0.9em Verdana; }
	.search-pagination ol li a { border-bottom: 1px solid; color:#355083; }
/* ------------------- Search ------------------- */

/* ------------------- News ------------------- */
	#pageText .news-summary { background: url(../media/image/template/sky/titlea.png) left bottom no-repeat; margin-bottom: 10px; padding-bottom: 2px; }
		.news-summary h4.title { color:#000; font: bold 1.2em Trebuchet Ms; }
		.news-summary span.details, #pageText span.back { display: block; }
		
		.backlink { margin: 20px 0px; border: 1px transparent; text-align: left;}
			.backlink a{ border: none;}

/* ------------------- Pagination ------------------- */
	#pageText .pagination { float: right; font: 1em Verdana; margin-bottom: 10px; }
 		.pagination .exp { float: left; margin: 2px 5px 0px 0px;}

	#pageText .pages { float: left;}
		.pagination ol { list-style: none; margin: 0; padding: 0; }
			.pagination ol li { float: left; list-style: none; padding: 0; }
				.pagination ol li a, .pagination ol li.currentpage span { background-color: #111; color: #fff; border: 1px solid; display: block; padding: 0px 4px; margin: 0 2px; float: left; }
				.pagination ol li span { background-color: #111; color: #000; border: 1px solid; display: block; padding: 0px 4px; margin: 0 2px; float: left; }
				.pagination ol li a:hover, .pagination ol li.currentpage span { background-color: #999; border: 1px solid #fff; color: #111; font-weight: bold; }
/* ------------------- Pagination ------------------- */
/* ------------------- News ------------------- */

/* ------------------- Work List ------------------- */
	#projectText { margin: 0 0 0 15px; }
		#workList { border-collapse: collapse; margin: -5px 0 0 0; }
			#workList th { font: 1.3em Trebuchet Ms, sans-serif; height: 30px; padding-right: 10px; text-align: left; vertical-align: middle;}
			#workList th.no, #workList th.name, #workList th.date, #workList th.client { background: url(../media/image/template/order.png) 0 0 no-repeat; padding-left: 20px; }
			
			#workList th.header { background: url(../media/image/template/order.png) 0 0 no-repeat; }
	    	#workList th.headerSortUp { background: url(../media/image/template/order.png) 0 -30px no-repeat; }
	    	#workList th.headerSortDown { background: url(../media/image/template/order.png) 0 -60px no-repeat; }
			
			#workList th.info { width: 44px; }
			#workList th.name { width: 310px; }
			#workList th.date { width: 60px; }
			#workList th.summary, #workList th.client { width: 225px; }
			#workList tbody tr { background: url(../media/image/template/table_border.png) top left no-repeat; border-collapse: collapse; }
			#workList tbody tr.first { background: none; }
			#workList tbody td { font: 0.9em Tahoma; padding: 10px 10px 10px 0; vertical-align: top; }
			#workList td.no { text-align: center; }
			#workList td.name { font-weight: bold; }
			#workList td.name a { color: #000; }
			#workList td.name { color: #666; }
			#workList td.date { text-align: left; }
			#workList .infos { float: left; margin-right: 8px; }
			#workList .infophoto { float: left; }
			#workList .infophoto img { height: 24px; width: 24px; }

/* ------------------- Work List ------------------- */

/* ------------------- Project Details ------------------- */
	#projectDetails { margin-left: 65px; }
	    #projectInfo { display: inline; float: left; width: 340px; }
	    #projectInfo h3 { color: #8f0222; font: 1.3em Trebuchet Ms, sans-serif; margin-top: 10px; }
	    
	    #projectGallery { display: inline; float: right; width: 535px; }
	    #main_image{ background: url(../media/image/template/loading.gif) center no-repeat; height: 326px; width: 535px; }
/* ------------------- Project Details ------------------- */

/* ------------------- Project Gallery ------------------- */
	#gallery { margin-top: 8px; }
	#gallery li { border: 1px solid #ccc; cursor: pointer; display: inline; float: left; height: 55px; margin: 0 10px 10px 0; width: 55px; }
/* ------------------- Project Gallery ------------------- */

/* ------------------- LeftBanner ------------------- */
	.leftBanner { display: inline; float: left; height: auto !important; height: 400px; margin: 27px 10px 0 0; min-height: 400px; width: 254px; }
/* ------------------- LeftBanner ------------------- */

/* ------------------- Sitemap ------------------- */
	#sitemap { margin: 10px 10px 10px 15px;  }
		#sitemap h2.mapHead { background: url(../media/image/template/sky/titlea.png) left bottom no-repeat; color: black; font: bold 14px Arial; margin-bottom: 20px; padding-bottom: 2px; }
		#sitemap h2.mapHead a { color: black;  }
	    .mapElement { margin-bottom: 20px; }
	    .mapElement li { float: left; margin: 0 35px 10px 0; width: 240px; }
	    .mapElement li a { color:#345064; }
	    .mapElement li span { font-weight: bold; }
	    .mapElement li ul { margin: 2px 0 5px 10px; }
	    .mapElement li li { float: none; margin: 0 0 2px; }
/* ------------------- Sitemap ------------------- */

/* ------------------- 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 1em Arial; margin: 0 0 5px; padding: 0; }
	
	label { cursor: pointer; font-weight: bold; }
	label.inputlabel { display: block; float: left; }
	label.addlabel { font-weight: normal; }

	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; }
	
	.size{ width: 230px; }
		.size2{ width: 130px; }
		.size5{ width: 165px; }
		.size3{ width: 300px; }
		.size3a{ width: 367px; }
		.size4{ width: 50px; }
		.size6{ width: 150px; }
		.size7{ width: 170px; }
		.size8{ width: 380px; }

		.mediumtextarea { height: 50px; width: 300px; }
	
	#hr input[type="text"], #hr textarea, #hr select { background: none; border: 1px solid #aaa; }
	#hr .inputlabel { width: 145px; }
		#hr option { background: #eee; padding: 0px 5px; }
		#hr .ftitle { float: left; font-weight: bold; margin-right: 5px; text-align: left; }
		#hr .title0 { width: 75px; }
		#hr .title1 { width: 109px; }
		#hr .title2 { width: 137px; }
		#hr .title3 { width: 150px; }
		#hr .title4 { width: 175px; }
		#hr .title5 { width: 250px; }
		#hr .end { margin-right: 0; }
		#hr label.small { color: #666; font-size: 0.9em; margin: 0; }
		#hr .button { text-align: center; }

/* ------------------- Search Form ------------------- */
	#search { margin: 0; position: absolute; right: 14px; top: 0; }
	#search #q { background: url(../media/image/template/search.png) 0 0 no-repeat; border: none; color: #828282; font: 12px Tahoma; height: 20px; padding: 8px 5px 0 10px; width: 135px; }
	#search label { cursor: text; display: block; color: #828282; font: 12px Tahoma; left: 10px; position: absolute; top: 8px; }
	#searchbtn { background: url(../media/image/template/search.png) top right no-repeat; border: none; color: #fff; cursor: pointer; font: 10px Verdana; height: 29px; padding-top: 29px; overflow: hidden; position: absolute; right: 0; top: 0; width: 27px; }
/* ------------------- Search Form ------------------- */
/* ------------------- Forms ------------------- */
/* ------------------- Form Errors ------------------- */
/* form error display */
	.warn { color: orange; display: block; font-weight: bold; margin-bottom: 10px; }

	.result { color: #f90; font: 1em 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 ------------------- */
	#footer_logos { left: 14px; position: absolute; top: 30px; }
	    #footer_logos li { display: inline; float: left; height: 46px; overflow: hidden; }
	    #footer_logos li a, #footer_logos li span { display: block; float: left; padding-top: 46px; overflow: hidden; width: auto; }
	    #footer_logos li.intes, #footer_logos li.tmb { margin-right: 15px; }
	    #footer_logos li.intes a { background: url(../media/image/template/footer_logos.png) 0 0 no-repeat; width: 34px; }
	    #footer_logos li.tmb a { background: url(../media/image/template/footer_logos.png) -34px 0 no-repeat; width: 89px; }
	    #footer_logos li.tuvcert span { background: url(../media/image/template/footer_logos.png) -123px 0 no-repeat; width: 75px; }

	#copyright { color: #717171; display: block; font: 9px Verdana; left: 250px; position: absolute; text-align: left; top: 28px; width: 670px; }
	#icon { background: url(../media/image/template/icon.png) top left no-repeat; display: block; height: 0; padding-top: 12px; overflow: hidden; position: absolute; text-align: center; right: 14px; top: 40px; width: 32px; }
/* ------------------- Footer ------------------- */