@import url("http://www.karpe.com/css/noodle_real.css");
@import url("http://www.karpe.com/css/scrollbar.css");

html,body
			{
  			margin: 0;
  			padding: 0;
  			border: 0;
			/* \*/
  			height: 100%;
			}
			
body
			{
  			background: #000 url(http://www.karpe.com/images/fullheight_bg.gif) top center repeat-y;
  			color: #FFFFFF;
  			min-width: 768px;
  			text-align: center;
			}

img, button, form, fieldset, table, tr, td
			{
			margin: 0px;
  			padding: 0px;
			border: 0px none;
			}	
			
input, select, textarea
			{
			margin: 0px;
  			padding: 0px;
			border: 1px solid #000;
			background: #fff;
			font-size: 10px;
			line-height: 12px;
			font-weight: normal;
			font-family: verdana, arial, helvetica, sans-serif;
			}	
			
table, th, tr, td
			{
			margin: 0px;
			padding: 0px;
			color: #000;
			font-size: 10px;
			line-height: 12px;
			font-weight: normal;
			font-family: verdana, arial, helvetica, sans-serif;
			}
			
#fullheightcontainer
			{
			background: #BBB39A url(http://www.karpe.com/images/fullheight_bg.gif) top left repeat-y;
			margin: 0 auto;
  			text-align: left;
  			position: relative;
  			width: 768px;
			/* \*/
  			height: 100%;
			}
			
#wrapper
			{
			background: #BBB39A url(http://www.karpe.com/images/container_bg.jpg) 0px 110px no-repeat;
			width: 754px;
			margin: 0 auto;
  			min-height: 100%; 
			/* \*/
  			height: 100%;
			}
			
#wrapp\65	r{ height: auto; }

/* \*/
* html #wrapper{ height: 100%; }
	
#outer
			{
  			z-index: 1; 
  			position: relative; 
  			/* \*/
  			height: 100%;
			}
#outer_container
			{
			background: transparent url(http://www.karpe.com/images/content_bg_top.gif) top left no-repeat;
			z-index: 1; 
			position: relative; 
  			margin: 0 auto;
  			text-align: left;
  			width: 754px;
			height: auto;
			}
			
#container
			{
			background: transparent url(http://www.karpe.com/images/content_bg_repeat.gif) top left repeat-y;
			z-index: 1; 
			position: relative; 
  			margin: 0 auto;
  			text-align: left;
  			width: 754px;
			height: auto;
			}

#clearheadercenter
			{
  			height: 110px; 
  			overflow: hidden;
			}
			
#clearfootercenter
			{
  			height: 20px; 
  			overflow: hidden;
			}		
			
#footer
			{
  			z-index: 1; 
  			position: absolute;
  			clear: both;
  			width: 768px; 
  			height: 20px; 
  			overflow: hidden;
  			margin: -20px auto 0px auto; 
			background: transparent url(http://www.karpe.com/images/fullheight_bg.gif) top center repeat-y;
			padding: 0px 0px 0px 0px;
			}
			
#footer p
			{
			padding-left: 25px;
			}
			
#footer p, #footer a
	  		{
			color: #000;
			font-size: 7pt;
			font-weight: bold;
			font-family: verdana, arial, helvetica, sans-serif;
			}
	
#header
			{
			background: #D6D0BD url(http://www.karpe.com/images/tradition_bg.gif) 40% 40% no-repeat;
  			z-index: 1; 
  			position: absolute;
  			top: 0px;
			left: 7px;
  			width: 755px; 
  			height: 110px; 
  			overflow: hidden;
			border-bottom: 2px solid #000;
			}			

/* ELEMENTS */			
#karpe_logo
			{
			background: transparent url(http://www.karpe.com/images/karpe_logo.png) top left no-repeat;		
  			z-index: 5; 
  			position: absolute;
  			top: 6px;
			left: 20px;
  			width: 171px; 
  			height: 154px; 
  			overflow: hidden;
			}
		
			
#agent_rotate
			{
			text-align: right;
			float: right;
			display: block;
			overflow: hidden;
			margin: 0;
			padding: 0;
			width: 475px;
			height: 110px;
			}
			
#agent_rotate h1
			{
			width: 340px;
			height: auto;
			color: #E2373E;
			font-size: 16px;
			line-height: 16px;
			text-transform: uppercase;
			font-weight: bold;
			font-family: verdana, arial, helvetica, sans-serif;
			margin: 0px;
			padding: 10px 10px 0px 0px;
			}
			
#agent_rotate h2
			{
			width: 340px;
			height: auto;
			color: #E2373E;
			font-size: 12px;
			line-height: 16px;
			font-weight: bold;
			font-family: verdana, arial, helvetica, sans-serif;
			margin: 0;
			padding: 10px 10px 0px 0px;
			}
			
#agent_rotate h3
			{
			width: 340px;
			height: auto;
			color: #E2373E;
			font-size: 10px;
			line-height: 14px;
			font-weight: bold;
			font-family: verdana, arial, helvetica, sans-serif;
			margin: 0;
			padding: 10px 10px 0px 0px;
			}
			
#agent_rotate p
			{
			width: 340px;
			height: auto;
			color: #000;
			font-size: 10px;
			line-height: 12px;
			font-weight: bold;
			font-family: verdana, arial, helvetica, sans-serif;
			margin: 0px 0px;
			padding: 10px 10px 0px 0px;
			}
			
#agent_rotate p a
			{
			color: #000;
			}
			
#agent_rotate h1 a, #agent_rotate h2 a, #agent_rotate h3 a
			{
			color: #E2373E;
			}
			
#banner_rotate
			{	
			
			background: transparent url(http://www.karpe.com/images/banner_bg.gif) top left no-repeat;		
			z-index: 3; 
  			position: absolute;
  			top: 112px;
			left: 498px;
  			width: 264px; 
  			height: 40px; 
  			overflow: hidden;
			}
			
#banner_rotate p
			{
			color: #000;
			font-size: 12px;
			line-height: 12px;
			font-weight: bold;
			font-family: verdana, arial, helvetica, sans-serif;
			width: 250px;
			margin: 12px 0px 0px 25px;
			}
			
#banner_rotate a
			{
			color: #000;
			font-size: 12px;
			line-height: 12px;
			font-weight: bold;
			font-family: verdana, arial, helvetica, sans-serif;
			}
			
#main_nav
			{
			background: transparent url(http://www.karpe.com/images/nav_bg.gif) top left no-repeat;
			z-index: 1; 
  			position: relative;
  			width: 754px; 
  			height: 68px;
			margin: 60px auto 0px auto; 
			padding: 0;
  			overflow: hidden;
			}
			
#main_nav ul
			{
			z-index: 1; 
			list-style-type: none;
			margin: 0;
			padding: 0;
			width: 754px;
			height: 68px;
			background: transparent;
			}
			
#main_nav li
			{
			z-index: 1; 
			position: absolute; 
			width: auto;
			height: 15px;
			float: left;
			display: block;
			overflow: hidden;
			background: transparent;
			}
			
#main_nav a
			{
			z-index: 1; 
			color: #000;
			font-size: 11px;
			line-height: 11px;
			font-weight: bold;
			font-family: helvetica, arial, verdana;
			text-decoration: none;
			text-transform: uppercase;
			background: transparent;
			}		
						
#welcome_content
			{
			float: left;
			display: block;
			overflow: hidden;
			width: 250px;
			height: 275px;
			margin: 10px 0px 0px 25px;
			padding: 0px;
			background: transparent;
			}	
			
#welcome_content h1
			{			
			margin: 0px 0px 0px 10px;
			padding: 0px;
			color: #000;
			font-size: 18px;
			line-height: 20px;
			font-weight: bold;
			font-family: verdana, arial, helvetica, sans-serif;
			}
			
#welcome_content p
			{
			margin: 0px 0px 0px 10px !important;
			padding: 0px  !important;
			color: #000  !important;
			font-size: 10px  !important;
			line-height: 11px  !important;
			font-weight: normal  !important;
			font-family: verdana, arial, helvetica, sans-serif !important;
			}

#welcome_photo
			{
			float: left;
			display: block;
			overflow: hidden;
			width: 348px;
			height: 317px;
			margin: 0px;
			padding: 0px;
			border-left: 1px solid #000;
			border-right: 1px solid #000;
			}	

#logos
			{
			float: left;
			display: block;
			overflow: hidden;
			width: 75px;
			height: 300px;			
			padding: 0px;
			background: transparent;
			text-align: center;
			}	
			
html>body #logos
			{
			margin: 15px 0px 0px 15px;
			}
			
#logos img
			{
			padding-top: 10px;
			}

#content_photo
			{
			float: left;
			display: block;
			overflow: auto;
			width: 150px;
			height: 190px;
			margin: 90px 0px 0px 40px;
			padding: 0px;
			border-top: 1px solid #82807E;
			}	
			
#content_photo2
			{
			float: left;
			display: block;
			overflow: auto;
			width: 150px;
			height: 190px;
			margin: 0px 0px 0px 10px;
			padding: 0px;
			}	
			
#content_photo p, #content_photo2 p
			{
			text-align:center;
			margin: 0px auto;
			padding: 5px 0px;
			}
		
#content_photo img.rental_thumbs, #content_photo2 img.rental_thumbs
			{
			border: 1px solid #000;
			}		
		
#content
			{
			position: relative;
			float: left;
			display: block;
			overflow: hidden;
			width: 400px;
			height: 100%;
			margin: 27px 0px 0px 0px;
			padding: 0px;
			background: transparent;
			border-left: 1px solid #82807E;
			}
					
#content_full
			{
			position: relative;
			float: left;
			display: block;
			overflow: hidden;
			width: 600px;
			height: auto;
			margin: 27px 0px 0px 0px;
			padding: 0px;
			background: transparent;
			}
			
#content_title
			{			
			margin: 23px 0px 0px 0px;
			padding: 0px 0px 5px 10px;
			color: #000;
			font-size: 18px;
			line-height: 18px;
			font-weight: bold;
			font-family: verdana, arial, helvetica, sans-serif;			
			}		
			
/* POPUP PAGE ELEMENTS */			
			
#popup_content
			{			
			
			width: auto;
			height: auto;
			margin: 0px;
			padding: 0px;
			text-align: left;
			}
			
#popup_karpe_logo
			{
  			float: left;
			display: block;
			overflow: hidden;
			margin: 0px;
			padding: 15px;
  			width: 111px; 
  			height: 100px; 
			}

			
/* THIS IS THE CONTENT CONTROLLER */			
#content-scroller
			{	
			position:absolute;
			top: 65px;
			left: 5px;		
			width: 400px;
			height: 175px;
			padding: 0px;
			margin: 0px;
			}	
			
#content-scroller2
			{	
			position:absolute;
			top: 65px;
			left: 25px;		
			width: 510px;
			height: 175px;
			padding: 0px;
			margin: 0px;
			}	
				
#content-scroller h1, #content-scroller2 h1, #content h1, #content_photo h1
			{
			margin: 0px;
			padding: 5px 0px 0px 5px;
			color: #E2373E;
			font-size: 12px;
			font-weight: bold;
			font-family: verdana, arial, helvetica, sans-serif;
			}
			
#content-scroller h2, #content-scroller2 h2, #content h2
			{
			margin: 0px;
			padding: 0px 0px 0px 5px;
			color: #000;
			font-size: 10px;
			font-weight: bold;
			font-family: verdana, arial, helvetica, sans-serif;
			}
			
#content #content-scroller ul, #content-scroller2 ul, #content ul
			{
			list-style-type: square;
			margin: 0px 0px 0px 25px;
			padding: 15px 0px 15px 0px;			
			}
			
#content-scroller li, #content-scroller2 li, #content li
			{			
			margin: 0px;
			padding: 0px;
			color: #000;
			font-size: 10px;
			line-height: 12px;
			font-weight: normal;
			font-family: verdana, arial, helvetica, sans-serif;
			}
			
#content-scroller p, #content-scroller2 p, #content p
			{
			margin: 0px;
			padding: 10px 0px 0px 5px;
			color: #000;
			font-size: 10px;
			line-height: 12px;
			font-weight: normal;
			font-family: verdana, arial, helvetica, sans-serif;
			}
			
#content-scroller a, #content_photo a, #content-scroller2 a, #listings a, #content a
			{
			margin: 0px;
			padding: 0px;
			color: #E2373E;
			font-size: 10px;
			line-height: 12px;
			font-weight: bold;
			font-family: verdana, arial, helvetica, sans-serif;
			}
			
#contact_container
			{			
			z-index: 1; 
			position: relative; 
  			margin: 0 auto;
  			text-align: left;
  			width: 754px;
			height: 60px;
			}	
			
html>body #contact_container
			{
			background: transparent url(http://www.karpe.com/images/contact_bg.png) top left no-repeat;
			}		

#contact_container #staff_email
			{
			float: right;
			display: block;
			overflow: hidden;
			width: 100px;
			height: 20px;
			}			
			
#contact_container img
			{
			padding: 0px 10px 0px 10px;
			}			
			
#contact_container p, #contact_container #staff_email p, #contact_container #staff_email a
	  		{
			margin: 0;
			padding: 35px 0px 0px 10px;
			color: #000;
			font-size: 9px;
			font-weight: bold;
			font-family: verdana, arial, helvetica, sans-serif;
			text-transform: uppercase;
			text-decoration: none;
			}
			
/* MISC */			
#gfx_bg_middle
			{
  			top: 0px;
  			position: absolute;
  			height: 100%;
  			overflow: hidden;
  			width: 768px;
  			margin-left: 0px;
  			background: transparent;
			}
			
* html #gfx_bg_middle
			{
  			display: none;
			}	
					
.clear
			{
  			clear: both;
  			height: 1px;
  			overflow: hidden;
  			line-height: 1%;
  			font-size: 0px;
  			margin-bottom: -1px;
			}
		
* html .clear
			{
			height: auto;
			margin-bottom: 0;
			}
			
/* Admin area */
#row_titles
		{
		background: #dcdcdc;
		color: #000;
		}
#add_row, #add_row select, #add_row input
		{
		background: #fff;
		}
.row1, .row1 select, .row1 input
		{
		text-align: left;
		font-size: 10px;
		background: #f5f5f5;
		
		}
.row0, .row0 select, .row0 input
		{
		text-align: left;
		font-size: 10px;
		background: #efefef;
		}	

/* Property Results Page */
#listings
		{		
		width: 800px;
		height: auto;
		padding: 0px;
		margin: 0px 0px 0px 0px;
		background: transparent;
		color: #000;
		font-family: verdana,georgia, arial, tahoma;
		font-size: 12px;
		line-spacing: .03em;
		font-weight: normal;
		text-decoration: none;	
		}

#listings h1, #listings_results_page h1, #listings_search_page h1
		{		
		color: #000;
		font-family: verdana,georgia, arial, tahoma;
		font-size: 16px;
		font-weight: bold;
		text-decoration: none;	
		text-transform: uppercase;	
		padding: 5px 0px;
		margin: 0px;
		}
		
#listings p
		{
		color: #000;
		font-family: verdana,georgia, arial, tahoma;
		font-size: 10px;
		line-height: 12px;
		font-weight: normal;
		text-decoration: none;		
		padding: 2px;
		margin: 0px;
		}
	
/* ----------------------------------------------------------------------------
	Listings
---------------------------------------------------------------------------- */


		
#listings_results_page
		{
		width: 600px;
		height: auto;
		padding: 0px;
		margin: 0px;
		}

		
td.empty_cell
		{
		width: 0px;
		height: 0px;
		padding: 0px;
		margin: 0px;
		}
		
td.property_listing_cell_1
		{				
		text-align: center;
		background: #DCD9CD;
		width: 125px;
		height: auto;
		padding: 3px;
		margin: 0px;
		border-bottom: 1px solid #000;
		border-right: 1px solid #000;
		}

td.property_listing_cell_2
		{	
		text-align: center;
		background: #D3D0C5;	
		width: 125px;
		height: auto;
		padding: 3px;
		margin: 0px;
		border-bottom: 1px solid #000;
		border-right: 1px solid #000;
		}
				
.property_listing_thumb_holder
		{		
		width: 125px;
		height: 75px;
		padding: 0px 0px 0px 0px;
		margin: 0px auto;
		border: 0px none;
		}	

img.property_listing_thumb
		{
		width: 112px;
		height: 61px;
		padding: 0px 0px 0px 0px;
		margin: 5px 0px 5px 0px;
		border: 3px solid #000;
		}	
		

		
/* Property Details Page */

		
#listings #left_column
		{
		float: left;
		display: block;
		overflow: hidden;
		width: 125px;
		height: auto;
		padding: 0px;
		margin: 0px 0px 0px 25px;
		border: 0px none;
		}
		
#left_column .listing_details_thumb_holder
		{
		width: 96px;
		height: 72px;
		padding: 0px 0px 2px 0px;
		margin: 0px;
		border: 0px none;
		clear: both;
		border: 0px none;
		}	
		
img.listing_details_thumb
		{
		width: 89px;
		height: 65px;
		padding: 0px 0px 0px 0px;
		border: 1px #000 solid;
		}			
		
html>body img.listing_details_thumb
		{
		margin: 4px 0px 0px 3px;
		}
		
* html img.listing_details_thumb
		{
		margin: 2px 0px 0px 3px;
		}

		
#listing_details_main_holder
		{
		float: left;
		display: block;
		overflow: hidden;
		width: 200px;
		height: auto;
		padding: 0px 0px 0px 0px;
		margin: 0px auto;
		border: 0px none;
		background: transparent;
		}	
		
#listing_details_main_holder h1
		{
		font-family: verdana,georgia, arial, tahoma;
		font-size: 12px;
		line-height: 14px;
		font-weight: normal;
		color: #000;
		margin: 0px 0px 0px 5px;
		padding: 0px;
		}
		
#listing_details_remarks
		{
		float: right;
		display: block;
		overflow: hidden;
		width: 400px;
		height: auto;
		padding: 0px;
		margin: 50px auto 0px auto;
		border: 0px none;
		background: transparent;
		}	
		
#listing_details_remarks p
		{
		text-align: left;
		font-family: verdana,georgia, arial, tahoma;
		font-size: 11px;
		line-height: 22px;
		font-weight: normal;
		color: #000;
		}
		
#right_column
		{
		float: left;
		display: block;

		width: 700px;
		height: auto;
		padding: 0px;
		margin: 25px 0px 0px 25px;
		text-align: center;
		}
		
#right_column h1
		{
		font-family: verdana,georgia, arial, tahoma;
		font-size: 12px;	
		font-weight: bold;
		text-transform: uppercase;
		color: #000;
		margin-top: 8px;
		padding: 0px;
		}
		
#right_column p		
		{
		font-family: verdana,georgia, arial, tahoma;
		font-size: 11px;
		line-height: 22px;
		font-weight: normal;
		color: #000;
		margin-top: 5px;
		padding: 0px;
		}
		
#right_column h5
		{
		float: left;
		display: block;
		overflow: hidden;
		width: 175px;
		height: 20px;
		font-family: verdana,georgia, arial, tahoma;
		font-size: 11px;
		line-height: 22px;
		font-weight: normal;
		color: #000;
		margin-top: 5px;
		padding: 0px;
		}
		
#right_column #listing_details_main_holder p
		{
		font-family: verdana,georgia, arial, tahoma;
		font-size: 11px;
		line-height: 18px;
		font-weight: normal;
		color: #000;
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 0px 0px;
		}
		
img#listing_details_main
		{
		width: 170px;
		height: 128px;
		padding: 0px 0px 0px 0px;
		margin: 12px auto 0px auto;
		border: 2px #000 solid;
		}			


#listing_details_info
		{
		float: left;
		display: block;
		overflow: hidden;
		width: 450px;
		height: auto;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		}
		
#listing_details_info hr
		{
		border: 1px solid #000;
		margin: 0px;
		padding: 0px;
		height: 1px;
		width: auto;
		}
		
#listing_details_info h1
		{
		font-family: verdana,georgia, arial, tahoma;
		font-size: 14px;
		line-height: 20px;
		font-weight: bold;
		text-transform: uppercase;
		color: #000;
		margin-top: 8px;
		padding: 0px;
		}
		
#listing_details_info p
		{
		float: left;
		display: block;
		overflow: hidden;
		width: 150px;
		height: 20px;
		font-family: verdana,georgia, arial, tahoma;
		font-size: 11px;
		line-height: 22px;
		font-weight: normal;
		color: #000;
		margin-top: 5px;
		padding: 0px;
		text-align: right;
		}
		
#listing_details_info p.right
		{
		width: 200px;
		padding-left: 20px;
		text-align: left;
		}

#listing_details_info a
		{
		line-height: 22px;
		}

		
		
		
		
/* Custom Popup Windows */

/* NicePopups */

.nicepopup
		{
		z-index:1;
		}

.nicepopup .outline
		{
  		/*border: 1px solid #fff;	*/
  		padding: 16px;
  		position: relative;
		}
		
html>body .nicepopup .outline
		{
		background: url(http://www.karpe.com/images/bg.png) top left;
		}

.nicepopup a.close
		{
  		line-height: 16px;
  		display: block;
 		position: absolute;
 		top: 1px;
 		right: 1px;
  		text-indent: -124px;
  		overflow: hidden;
 		text-decoration: none;
 		width: 16px;
  		height: 16px;
  		background: url(http://www.karpe.com/images/close.png) 100% 0 no-repeat;
		}
		
html>body .nicepopup a.close
		{ 
		top:0;
		right:0; 
		}

.nicepopupHover a.close
		{
  		background-position: 100% -16px;
		}
		
.nicepopup a.close:hover
		{
  		background-position: 100% -32px;
		}

.nicepopupLoading .outerImage
		{
  		border: 1px dotted silver;
  		width: 100px;
  		height: 100px;
  		background: url(http://www.karpe.com/images/chwileczke.png) 50% 50% no-repeat;
		}

.nicepopup .prevNextBar
		{
  		padding-top: 7px;
  		text-align: center;
		}

/** cienie: **/

html>body .SdwTL{ background: url(http://www.karpe.com/images/sdw_tl.png) 0 0 no-repeat; }

.SdwT{ padding-top: 8px; height: 8px; }
html>body .SdwT{ background: url(http://www.karpe.com/images/sdw_t.png) 0 0 repeat-x; }

html>body .SdwTR{ background: url(http://www.karpe.com/images/sdw_tr.png) 0 0 no-repeat; }

.SdwR{ padding-left: 8px; width: 8px; }
html>body .SdwR{ background: url(http://www.karpe.com/images/sdw_r.png) 0 0 repeat-y; }

html>body .SdwBR{ background: url(http://www.karpe.com/images/sdw_br.png) 0 0 no-repeat; }

.SdwB{ padding-top: 8px; height: 8px; }
html>body .SdwB{ background: url(http://www.karpe.com/images/sdw_b.png) 0 0 repeat-x; }

html>body .SdwBL{ background: url(http://www.karpe.com/images/sdw_bl.png) 0 0 no-repeat; }

.SdwL{ padding-left: 8px; width: 8px; }
html>body .SdwL{ background: url(http://www.karpe.com/images/sdw_l.png) 0 0 repeat-y; }
/* EOF */