/**
 * @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: #fff url(../media/image/template/bg.png) top repeat-x; 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; }

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

		#header { background: url(../media/image/template/header.png) top center no-repeat; height: 102px; position: relative; width: 100%; }

        	#navigation { position: absolute; right: 17px; top: 36px; }
        	
		#content { background: url(../media/image/template/content.png) top center no-repeat; height: auto !important; height: 338px; min-height: 338px; padding: 0 7px 0 7px; width: 976px; }
	#push { height: 105px; }
	#footer { background: url(../media/image/template/footer.png) bottom repeat-x; color: #999; height: 105px; width: 100%; }
		#footer_content { margin: 0 auto; position: relative; width: 990px; }
	#wrapper, #footer { position: relative; }
/* ------------------- Page Skeleton ------------------- */

/* ------------------- Header ------------------- */
	#logo { display: block; left: 36px; position: absolute; top: 21px; z-index: 99; }
/* ------------------- Header ------------------- */

/* ------------------- Navigation ------------------- */
	#navigation li { background: url(../media/image/template/menu_border.gif) top left no-repeat; display: inline; float: left; height: 36px; margin-left: -13px; padding-left: 13px; position: relative; }
		#navigation li.first { background: none; }
		#navigation li a { color: #804fa5; cursor: pointer; display: block; float: left; font: bold 12px Verdana; padding: 10px 23px 14px 7px; }
		#navigation li:hover, #navigation li.activeNav { background: url(../media/image/template/menu_border_hover.gif) top left no-repeat; }
		#navigation li.first:hover, #navigation li.first.activeNav { background: url(../media/image/template/menu_border_hover_first.gif) top left no-repeat; }
		#navigation li:hover a, #navigation li.activeNav a { background: url(../media/image/template/menu_hover.png) top right no-repeat; color: #fff; }
		#navigation li.last:hover a, #navigation li.last.activeNav a { background: url(../media/image/template/menu_hover_last.png) top right no-repeat; color: #fff; }
/* ------------------- Navigation ------------------- */
/* ------------------- Submenu ------------------- */
	#submenu { display: inline; float: left; }
	#submenu li { width: 189px; }
		#submenu li a { background: url(../media/image/template/submenu.png) bottom left no-repeat; color: #6e6e6e; display: block; font: 12px Trebuchet Ms; padding: 6px; text-indent: 22px; }
		#submenu li.activeNav a, #submenu li a:hover { background: url(../media/image/template/submenu_hover.png) bottom left no-repeat; color: #550f86; }
/* ------------------- Submenu ------------------- */

/* ------------------- Content ------------------- */
/* ------------------- Common ------------------- */
	#page, #homepage { color: #303030; font: 12px/18px Tahoma; position: relative; }
	#pageText { display: inline; float: left; position: relative;  }

	#homepage { margin: 0 auto; padding-left: 8px; }	
	#homepage #pageText { font: 16px Trebuchet Ms; margin-right: 8px; width: 472px; }
	#homepageBanner { width: 961px; height:368px; overflow: hidden;}
	
	#page { border-top: 1px solid #520f87; }
	#page #pageText { width: 664px; }
	
	#page #map { display: none; }
	#page #gMap { height: 475px; width: 100%; }
	
	#sidebar { display: inline; float: left; height: auto !important; height: 120px; min-height: 120px; width: 309px; }
	
	#text { color: #606060; font: 13px Trebuchet Ms; margin: 40px 10px 10px 15px; }

	#homepage #text { color: #606060; font: 13px Trebuchet Ms; margin: 10px 10px 10px 10px; }

	h2.title { background: url(../media/image/template/title.png) bottom right no-repeat; border-left: 1px solid #520f87; color: #666; display: inline; font: 22px/33px Trebuchet Ms; height: 33px; left: 0; padding: 0 15px; position: absolute; top: -1px; }
	
	h2.hideTitle span, h1.hideTitle span { display: none; }

	#pageText p, #pageText ul, #pageText ol { margin-bottom: 10px; }
	#pageText ul li { list-style: disc inside; }
	#pageText ol li { list-style: decimal inside; }	 
	
	.header_banner { display: inline; float: right; }
/* ------------------- Common ------------------- */

/* ------------------- Banners ------------------- */
/* ------------------- Services ------------------- */
	#services { margin: 10px 0; position: relative; }
		#services li { background: url(../media/image/template/services.png) top left repeat-x; border: 1px solid #aaabad; display: inline; float: left; height: 110px; margin-right: 8px; padding: 4px; width: 224px; }
		#services li a { color: #520b87; display: block; float: left; font: 14px Trebuchet Ms; }
		#services li img { margin-top: 5px; }
/* ------------------- Services ------------------- */
	
/* ------------------- Banners ------------------- */

/* ------------------- News ------------------- */
/* ------------------- Summary Box ------------------- */
	#news { display: inline; float: left; margin-top: 10px; position: relative; width: 476px; }
		#news h3 { background: url(../media/image/template/news_title.png) bottom left no-repeat; color: #520b87; font: 14px Trebuchet Ms; text-indent: 10px; }
	#news .news li { color: #303030; font: 12px Trebuchet MS; margin: 5px 0 0 10px; }
	#news .news li h3 { background: none; font: bold 11px Trebuchet Ms; margin-bottom: 0; text-indent: 0; }
		#news .news li a { color: #520b87; float: right; }

	.news_navigation { background: url(../media/image/template/news_navigation.png) bottom left no-repeat; height: 18px; position: absolute; right: 0; top: 0; width: 70px; }
		.news_navigation ul {  }
		.news_navigation li { color: #fff; display: inline; float: left; font: 10px/18px Tahoma; text-align: center; width: 18px; }
		.news_navigation li.current { color: #fff; width: 30px; }
			.news_navigation li a { cursor: pointer; display: block; float: left; height: 16px; overflow: hidden; text-indent: -9999px; width: 18px; }
/* ------------------- Summary Box ------------------- */
/* ------------------- Pagination ------------------- */
		#pageText .pagination { float: right; font: 1em Verdana; margin-bottom: 10px; }
			#pageText .news-summary { margin-bottom: 10px; padding-bottom: 2px; }

				#pageText h4.title { color:#333; font: bold 14px Trebuchet Ms; }

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

				#pageText span.details, #pageText span.back { display: block; }

				#pageText .pages { float: left;}

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

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

				#pageText .pagination ol li a, #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-color: #111; color: #000; 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;}
/* ------------------- Pagination ------------------- */
/* ------------------- News ------------------- */
/* ------------------- Pages ------------------- */
/* ------------------- 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: 16px 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 11px Verdana; }
	.search-pagination ol li a { border-bottom: 1px solid; color:#355083; }
/* ------------------- Search ------------------- */
/* ------------------- 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 25px 10px 0; width: 310px; }
	    .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 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; }

/* ------------------- Search Form ------------------- */
	#search { margin: 2px 0 0; position: absolute; right: 5px; top: 0; }
	#search #q { background: url(../media/image/template/search.png) top right no-repeat; border: none; color: #aaa; font: 10px Tahoma; height: 19px; padding: 3px 2px 0 0; margin-left: 19px; width: 130px; }
	#search label { cursor: text; display: block; color: #aaa; font: 10px Tahoma; left: 20px; position: absolute; top: 3px; }
	#searchbtn { background: url(../media/image/template/search.png) top left no-repeat; border: none; color: #fff; cursor: pointer; font: 10px Verdana; height: 19px; left: 0; padding-top: 19px; overflow: hidden; position: absolute; top: 0; width: 19px; }
/* ------------------- Search Form ------------------- */
/* ------------------- Forms ------------------- */

/* ------------------- Form Errors ------------------- */
/* form error display */
	.warn { color: #520f87; 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 ------------------- */
/* ------------------- Footer Mesa ------------------- */
	.copyright { left: 17px; position: absolute; top: 45px; }
	
	#footer_content ul { position: absolute; right: 9px; top: 20px; }
		#footer_content ul li { display: inline; float: left; padding: 0 8px; }
		#footer_content ul li.vCard { border: 1px solid #716680; border-bottom: none; border-top: none; color: #ddd; }
/* ------------------- Footer Mesa ------------------- */

/* ------------------- ICON Signature ------------------- */

/* ------------------- ICON Signature ------------------- */
/* ------------------- Footer ------------------- */