/**
 * @author Bilal Cinarli
 * @copyright 2008
 * @company Icon Perception Management Co.
 * @contact contact@icon-pm.com
 * @web www.icon-pm.com
 **/
 
/*  ------------------- Page Skeleton  ------------------- */
 body { background: #0381a8 url(../media/image/template_images/body.png); }
 
	 #wrapper { background: url(../media/image/template_images/wrapper.png) top left repeat-y; height: auto !important; height: 100%; min-height: 100%; margin: 0 auto -61px; padding: 0px 16px; position: relative; text-align: left; width: 928px; }
 		
	 		#header { height: 187px; margin: 0 auto 10px; }

	 		#navigation { display: inline; float: left; width: 169px; }
			#content { display: inline; float: left; margin-left: 5px; position: relative; width: 748px;  }
 		
 		#push { height: 61px; }
		
		#footer { background: #d5d5d5; color: #444342; font: 1.2em Tahoma; height: 61px; margin: 0 auto; overflow: hidden; position: relative; width: 928px; }
/* ------------------- Page Skeleton ------------------- */

/* ------------------- Header Content ------------------- */
	h1 { display: none; }
	
	img#logo { position: absolute; right: 74px; top: 55px; z-index: 2; }
	
/* ------------------- Header Content ------------------- */

/* ------------------- Main Navigation  ------------------- */
	#navigation li { background: url(../media/image/template_images/menuborder.png) left bottom no-repeat; color: #640200; cursor: pointer; font: 13px/30px Arial; }	
		#navigation li a, #navigation li.activeNav.home a, #navigation li span, #navigation li.activeNav span { color: #7f7f7f; display: block; height: 30px; text-align: center; }
		#navigation li a:hover, #navigation li.activeNav a, #navigation li.activeNav span, #navigation li.activeNav.home a:hover { color: black; }
		#navigation li ul { display: none; margin: 0 auto; width: 141px; }
		#navigation li.activeNav ul { display: block; }
		#navigation li li { background: none; font: 12px/27px Arial; }
		#navigation li.activeNav li a, #navigation li li a { background: url(../media/image/template_images/submenu.gif) 0 0 no-repeat; display: block; color: #7f7f7f; height: 26px; margin-bottom: 2px; }
		#navigation li.activeNav li a:hover, #navigation li li a:hover, #navigation li.activeNav li.activeNav a { background: url(../media/image/template_images/submenu.gif) 0 -28px no-repeat; color: black; height: 26px; }
/* ------------------- Main Navigation ------------------- */

/* ------------------- Page Content ------------------- */
/* ------------------- Common Styles ------------------- */
	p { margin-bottom: 10px; }
	h2 { color: #0381a8; font: 22px Arial; margin: 10px 0px; }
	h2.hideTitle { display: none; }
	h4 { color: #ce171f; font: 14px Arial; }
	#pageText ul { list-style: disc url(../media/image/template_images/bullet.gif); margin: 0 0 10px 30px; }
/* ------------------- Common Styles ------------------- */

/* ------------------- Homepage ------------------- */
/* ------------------- Homepage ------------------- */

/* ------------------- Pages ------------------- */
	#pageText { color: #000; font: 12px Tahoma; position: relative; }
	
	#map { height: 350px; margin: 10px 0; width: 748px; }
/* ------------------- Pages ------------------- */

/* ------------------- 404 Page ------------------- */
	.error404 { font: 13px Verdana; }
	.map_element li { list-style: decimal inside; margin: 0 0 2px; }
	.map_element li a { }
/* ------------------- 404 Page ------------------- */

/* ------------------- Photo Gallery ------------------- */
	#gallery { margin: 10px 0px; }
		#gallery .thumb { background: url(../media/image/template_images/thumb_bg.png) top left no-repeat; display: inline; float: left; height: 127px; width: 187px; }
		#gallery .end {  }
/* ------------------- Photo Gallery ------------------- */

/* ------------------- Banners ------------------- */
/* ------------------- Page Banners ------------------- */
/* ------------------- Header Image ------------------- */
	img.header_banner { position: relative; z-index: 1; }
/* ------------------- Header Image ------------------- */
/* ------------------- Page Banners ------------------- */

/* ------------------- Banners ------------------- */

/* ------------------- Forms ------------------- */
/* ------------------- Form Elements ------------------- */
	fieldset{ border: none; margin-bottom: 15px; padding: 0; }
	
		legend{ color: #445402; float: left; font: bold 1.2em Verdana; }
		
		label{ margin: 0px 10px 0px 0px; }
	
		fieldset ol{ padding: 0; }
		
		fieldset ol li{ background: none; margin: 8px 0px; width: 570px; }
	
		.inputlabel{ float: left; font: 12px Arial; font-weight: bold; width: 145px; }
		.inputlabelFull{ float: left; font: 12px Arial; font-weight: bold; width: 100%; }
		.headLabel{ display: inline; float: left; font: 12px Arial; font-weight: bold; margin: 0px 5px 5px 5px; width: 180px; text-align: center; }
		.head2Label{ display: inline; float: left; font: 12px Arial; font-weight: bold; margin: 0px 5px 5px 5px; width: 145px; text-align: center; }
		.radioLabel{ display: inline; float: left; font: 12px Arial; margin: 0px 5px 5px 5px; width: 70px; text-align: center; }
	
		.inputbox{ background: none; border: 1px solid #c0c0c0; float: left; font: 12px Arial; margin-right: 5px; }
		
		.add { background: url(../media/image/template_images/add.png) center left no-repeat; color: #445402; padding-left: 20px; }
		.added { position: relative; }
		.close { position: absolute; right: -20px; top: 0px; }
		
		.check { display: block; }
		
		.input { margin-left: 155px; padding: 0; }
		
		/*.submit.tr { background: url(../media/image/template_images/send_tr.png) top left no-repeat; border: none; cursor: pointer; height: 39px; margin-left: 70px; overflow: hidden; padding-top: 39px; width: 95px; }
		.submit.en { background: url(../media/image/template_images/send_en.png) top left no-repeat; border: none; cursor: pointer; height: 39px; margin-left: 70px; overflow: hidden; padding-top: 39px; width: 95px; }*/
		
		.size{ width: 230px; }		
		.size2{ width: 130px; }			
		.size5{ width: 165px; }			
		.size3{ width: 300px; }			
		.size4{ width: 50px; }
		
		.mediumtextarea { height: 50px; width: 300px; }			
	
		.submit{ font-weight: bold; margin: 0px 0px 0px 10px; }
		
		.hide { display: none; }
				
		#search #q { border: 1px solid #5e730a; font: 1.2em Verdana; position: relative; top: 0; width: 200px; }
		#search #submit { background: url(../media/image/template_images/search.png) top left no-repeat; border: none; color: #445402; font: bold 1.3em Verdana; height: 20px; width: 50px; }
/* ------------------- Form Elements ------------------- */

/* ------------------- Form Errors ------------------- */
	.warn { color: #ee1a3b; font-weight: bold; }
	
	.result { color: #f90; font: 12px Arial; font-weight: bold; margin: 10px; text-align: center; }
	
	label.error{ color: red; display: block; float: left; font-style: italic; margin-left: 5px; width: 500px; }
	
	div.error { position: absolute; top: 0; left: 350px; }
	div.error label.error { display: block; float: none; width: 180px; }
	div.container { display: none; font-size: 1.2em; font-weight: bold; }
	div.container h4 { color: red; font-weight: bold; }
/* ------------------- Form Errors ------------------- */
/* ------------------- Forms ------------------- */

/* ------------------- Page Content ------------------- */

/* ------------------- Footer Content ------------------- */
/* ------------------- Footer Mesa ------------------- */
	ul#mesa { left: 0px; position: absolute; }
		ul#mesa li { display: inline; float: left; padding: 0px 5px; }
		ul#mesa li.text { padding-top: 15px; width: 115px; }
/* ------------------- Footer Mesa ------------------- */

/* ------------------- Info ------------------- */
	ul#info { position: absolute; right: 10px; top: 25px; }
		ul#info li { color: #444342; display: inline; float: left; padding: 0px 5px; }
			ul#info li a { color: #444342; display: block; float: left; overflow: hidden; }
			ul#info li a:hover { color: #111; display: block; float: left; overflow: hidden; }
			ul#info li.ihs a { background: url(../media/image/template_images/ihs.png) top right no-repeat; height: 0px; padding-top: 13px; width: 32px;  }
			ul#info li.icon a { background: url(../media/image/template_images/icon.png) top left no-repeat; height: 0; padding-top: 13px; width: 50px; }
/* ------------------- Info ------------------- */

/* ------------------- ICON Signature ------------------- */
	#icon { height: 6px; overflow: hidden; right: 15px; bottom: 9px !important; border: 3px; }
		#icon a { background: url(../media/image/template_images/icon.gif) top left no-repeat; display: block; padding-top: 6px; width: 21px; }
/* ------------------- ICON Signature ------------------- */

/* ------------------- Copyright ------------------- */
	#copyright { bottom: 0px; display: none; left: 20px; line-height: 24px; position: absolute; text-align: left; width: 250px; }
/* ------------------- Copyright ------------------- */
/* ------------------- Footer Content ------------------- */