/* Stylesheet "Amsterdam Canal Apartments" :: v1 (25-03-2008) */
/* Coded by "WeCode"  */
/* Designed by "bureauHL.nl"  */
/* You may learn from this CSS and use its techniques in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright (c) 2008 "Amsterdam Canal Apartments" and may not be used by anyone but us. */ 

/*
	Style Index
	---------------------
	
	$1 - Site Structure Styles
		$1.1 - General Styles
		$1.2 - Main Layout Styles
		$1.3 - Shared Styles
		
	$2 - Content Styles
		$2.1 - General Content Styles
		$2.2 - Heading Styles
		$2.3 - Paragraph Styles
		$2.4 - Link Styles
		
	$3 - List Styles
		$3.1 - General Lists
		$3.2 - Main Navigation
		$3.3 - Content Lists
		
	$4 - Image Styles
		$4.1 - General Image Styles

	$5 - Form Styles
		$5.1 - General Form Styles
		
*/ 







/*** $1 - Site Structure Styles ***/

		/* 1.1 - General Styles */
		
			* {
				margin:0;
				padding:0;
			}
						
		/************************/
	
		/* 1.2 - Main Layout Styles */
			
			body {
				background:#7E9ECB;
				color:#000000;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:12px;
				padding:0 0 18px 0;
				position:relative;
			}
			
			#box {
				background:url(../images/bg_box.gif) repeat-x;
				height:40px;
				left:0;
				position:absolute;
				top:110px;
				width: 100%;
				z-index:2;
			}
			
			#container {
				background:url(../images/bg_container.gif) repeat-y top left #dce9fa;
				margin: 0 auto;
				overflow:hidden;
				padding:0 20px 10px 20px;
				position:relative;
				width:960px;
				z-index:1;
			}
			
			#header {
				background:url(../images/bg_header.gif) no-repeat #f79c00;
				height:110px;
				position:relative;
				width:960px;
			}
			
			#main {
				
			}
			
			#content{
				float:left;
			}
			
			#content {
				background:#edf0f5;
				border:1px solid #ffffcc;
				min-height:475px; 
				margin:55px 0 0 10px;
				padding:5px 55px 0 5px;
				width:635px;
			}
						
			#body_home.apartments #content {
				background:none;
				border:0;
				margin:55px 0 0 10px;
				min-height:460px;
				padding:0;
				width:695px;
			}
	
			#body_apartment #content{
				background:none;
				border:0;
				margin:55px 0 0 10px;
				min-height:460px;
				padding:0;
				width:695px;
			}
	
				*html #content {
					height:475px;
				}
		   
			#body_home #content .block{
			   	background:#edf0f5;
			   	border:1px solid #ffffcc;
			   	float:left;
			   	margin:0 0 0 20px;
				padding:5px;
			   	min-height:400px;
			   	width:280px;
			}
		   
			#body_apartment #content .block{
			  	background:#edf0f5;
			  	border:1px solid #ffffcc;
			  	float:left;
			  	margin-bottom:10px;
			  	min-height:235px;
				padding:5px 5px 0 5px;
			  	width:329px;
			}
			
			*html #body_apartment #content .block{
				height:223px;
			}
			#body_home #content .block.large, #body_apartment #content .block.large{
			  	width:683px;
			}

			#body_apartment #content .block.last{
				float:right;
			}

				*html #content .block{
					height:180px;
				}

			#body_home #sidebar .block{
				background:#86a6d7;
				border:1px solid #ffffcc;
				display:block;
				float:left;
				height:80px;
				margin:3px 4px 13px 10px;
				_margin:3px 9px 13px 5px;
				width:85px;
			}
		   
			#body_home #sidebar .block.second{
				background:#ccd9ea;
			}
		   
			#body_home #sidebar .block.third{
				background:#6f8f7a;
			}

			#body_home #sidebar .block.last{
				background:#8969cc;
			}

			#body_cityguide	#sidebar .block{
				background:#6993d4;
				border:1px solid #ffffcc;
				display:block;
				float:left;
				height:100px;
				width:100px;
			}

			#body_cityguide #sidebar .block.last{
				background:#bdcfea;
				float:right;
			}

			#sidebar{
				margin:55px 0 0 17px;
				float:left;
				width:215px;
			}

			#body_home .offers{
				background:#e69d41;
				border:1px solid #ffffcc;
				display:block;
				min-height:240px;
				margin:0 0 15px 2px;
				width:185px;
			}
		
				*html #body_home .offers{
					height:240px;
				}

			#body_apartment .offers{
				background:#e69d41;
				border:1px solid #ffffcc;
				display:block;
				min-height:115px;
				margin-bottom:15px;    
				margin-left:-9px;
				width:239px;
			}

				*html #body_apartment .offers{
					height:115px;
				}
              
				.TA_selfserveprop {
/*					margin:0 0 0 -8px;
*/				}
			#footer{
				background:url(../images/bg_footer.gif) no-repeat bottom center;
				clear:both;
				height:10px;
				_height:50px;
				margin:0 auto;
				padding:30px 0 0 0px;
				_padding:10px 0 0 0px;
				width:1000px;
			}
			
		/************************/







/*** $2 - Content Styles ***/

		/* 2.1 - General Content Styles */

			a:link, a:visited {
				color:#476da6;
				text-decoration:none;
			}
			
			a:hover {
				border-bottom: 1px solid #73A4D0;
			}
			
			hr {
				border:0;
				color:#FFFFFF;
				clear:both;
				height:1px;
				margin:0.5em 0;
			}
							
		/************************/
	
		/* 2.2 - Heading Styles */
			
			
			h1, h2, h3 {
				color:#476da6;
				font:Verdana, Arial, Helvetica, sans-serif bold;
				font-size:12px;
				text-transform:uppercase;
			}
			
			#header h1{
				color:#ffffcc;
				font-size:12px;
				font-weight:normal;
				padding:55px 0 0 255px;
				text-transform:none;
			}
			
			#header h1 span {
				display:none;
			}
			 
			 #sidebar h2{
				border-bottom:1px dashed;
				color:#FFFFFF;
				margin:4px 0 0 4px;
			}
			
			

		/************************/
	
		/* 2.3 - Paragraph Styles */		
			
			p {
				margin:0 0 12px 0;
 			}

			#guestbook .title {
				font-weight:bold;
			}
			
			.cityguide_content span.title {
				font-weight:bold;
			}
			
			p.back_to_top {
				text-align:right;
			}
			
			p.share_this {
				position:absolute;
				bottom:-12px;
				right:73px;
				width:100px;
			}
			
			#footer p {
				color:#476da6;
				margin:10px 0 0 20px;
				_padding:40px 0 0 0;
			}
			
			#footer a {
				text-decoration:underline;
			}
			
			
		
					
		/************************/
	
		/* 2.4 - Link Styles */
		
			.cityguide_content a {
				font-weight:bold;
			}
			
			p.back_to_top a{
				background:url(../images/pijltjes.gif) no-repeat center right;
				padding:0 20px 0 0;
			}
		
			#footer span, #footer p span a:link, #footer p span a:visited {
				color:#6b9ac5;
				font-size:0.9em;
			}
			
			#footer p a:link, #footer p a:visited {
				color:#3470A6;
				font-weight:normal;
			}
		

		/************************/







/*** $3 - List Styles ***/

		/* 3.1 - General Lists */
		
			ul li {
				list-style:none;
			}
			
		/************************/
	
		/* 3.2 - Main Navigation */
					
			#header ul {
				left:71px;
				position:absolute;
				top:85px;

			}
			
			#header li a {
				color:#FFFFFF;
				display:block;
				float:left;
				font-size:9px;
				font-weight:bold;
				line-height:25px;
				padding:1px 10px 0 0;
				text-transform:uppercase;
			 }
			 
			 #header li.current a{
				background:url(../images/bg_nav_current_a.gif) no-repeat top right;
			 }
			
			 #header li.current {			 
				background:url(../images/bg_nav_current_li.gif) no-repeat top left;
			 }
			 
			#header li {
				background:url(../images/bg_nav_li.gif) no-repeat top left;
				display:block;
				float:left;
				height:25px;
				padding:0 0 0 10px;
				margin:0 2px 0 0;

			}
			
			#header li a {
				background:url(../images/bg_nav_a.gif) no-repeat top right;
			}
			
			#header li.special a{
				background:url(../images/bg_nav_special_a.gif) no-repeat top right;
			}
			
			#header li.special {
				background:url(../images/bg_nav_special_li.gif) no-repeat top left;
			}



            /***************************************************************/
			
			
			#sub_nav{
				margin:0 auto 0 auto;
				z-index:30;
				width:960px;
				position:relative;
			}
			
			#sub_nav ul {
				margin:0 auto;
				top:120px;
				left:71px;
				z-index:30;
				position:absolute;
			}
			
	        #sub_nav li a{
				background:none;
			}
			
			#sub_nav li a {
				color:#FFFFFF;
				display:block;
				float:left;
				font-size:9px;
				font-weight:bold;
				line-height:18px;
				margin:2px 25px 0 0;
				padding:0 0 0 0;
				text-transform:uppercase;
			 }

			#sub_nav li {
				background:none;
				display:inline;

			}
			
			#sub_nav li.current a {
				border-bottom: 2px solid #73A4D0;
			}


			/********************************************************/
			#content ul{
				margin-bottom:20px;
			}
			

            #content ul li {
			}


			/********************************************************/

			ul#home_items {
				float:left;
			}
			
			ul#home_items li{
				background:url(../images/bg_li_home_items.gif) top left no-repeat ;
				padding-left:13px;
			}
			
			ul#home_items li a img{
				border:1px solid #ffffcc;
			}
			#home_items div {
				border:1px solid #ffffcc;
				display:block;
				margin:0 0 5px 0;
				height:133px;
				position:relative;
				width:363px;
			}

			#home_items h3  {
				background:url(/images/bg_home_items_h3.png) repeat-x;
				_background:none;
			  	/* Mozilla ignores crazy MS image filters, so it will skip the following */
			    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/bg_home_items_h3.png');
				bottom:0;
				_bottom:-1px;
				font-size:18px;
				font-weight:bold;
				line-height:24px;
				padding:0 0 0 63px;
				position:absolute;
				text-transform:uppercase;
				width:300px;
			}
			#home_items a {
				border:0;
				color:#fff;
				display:block;
			}
		/************************/
	
		/* 3.3 - Content Lists */
		
			#content ul.submenu li {
				color:#476da6;
				font-weight:bold;
				list-style:square;
				margin:0 0 0 15px;
			}
			
			#content ul.cityguide_content li {
				margin:0 0 18px 0;
			}
					
		
			
		/************************/







/*** $4 - Image Styles ***/

		/* 4.1 - General Image Styles */
		
			img {
				border:1px solid #ffffcc;
			}
			
			.rating img, .legend img {
				border:0;
			}
			
			#sidebar img {
				margin:0 0 15px 10px;
			}
								
			a img {
				border: none;
			}
			
		
		/************************/



/*** $5 - Form Styles ***/

		/* 5.1 - General Form Styles */
			
			fieldset {
				background:#F5F5F5;
				border:1px solid #ddd;
				margin:0 0 2em 0;
				*margin:1em 0 2em 0;
				padding:18px 18px 18px 18px;
				position: relative;
			}
			
			legend {
				border:1px solid #fff;
				background:#999;
				color:#fff;
				font-weight:bold;
				padding:3px 10px;
				position: absolute;
				top: -1em;
				left: .5em;
			}
			
			label {
				color:#476da6;
				display:block;
				font-size:12px;
				font-weight:bold;
				margin:18px 0 0 0;
			}
			
			input, textarea {
				border:1px solid #DADADA;
				width:250px;
			}

			textarea {
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				width:450px;
			}
			
			label.radio {
				color:#000000;
				display:inline;
				font-size: inherit;
				font-weight:normal;
				margin:0 10px 0 0;
			}
			
			input.radio {
				border:0;	
				margin:0 0 0 0;
				width:auto;
			}
			
			input.sc {
				display:none;
			}
			
			option {
				padding:0 3px 0 3px;
			}
			
			optgroup {
				font-style:normal;
			}
			
			optgroup option {
				padding:0 3px 0 15px;
			}
			
			.form_characters_left {
				background:#F5F5F5;
				border:0;
				color:#999;
				margin:0 0 0 0;
				text-align:right;
				width:auto;
			}
			
			.form_characters_left_title {
				color:#999;
			}
			
			form p {	
				margin:18px 0 9px 0;
			}
			
			.submit {
				display:block;
				margin:36px 0 0 0;
			}
			
			.nomargin {
				margin: 0 0 0 0;
			}