* {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll
}

body {
	background-color: #C5C5C5;
}

h1, h2, h3, p, td, tr, input, label, textarea {
	font-family: "Verdana";
	font-size: 10px;
	color: #858585;
}

h2 {
	font-family: "Century Gothic";
	font-size: 25px;
	font-weight: normal;
}
	
#wrapper {
	width: 832px;
	margin: 0 auto;
}

#login {
	float: left;
	width: 830px;
	height: 25px;
	
	background-color: #FFFFFF;
	border-bottom: 2px solid #C5C5C5;
}

	#login p {
		float: left;
		
		margin-top: 6px;
		margin-left: 10px;
		color: #444;
	}
		#login p span {
			font-weight: bold;
		}
		
		#login p.error {color: #8B0000;}
		#login p.info  {color: #006400;}
	
	#login ul {
		float: right;
		list-style: none;
	}
	
		#login ul li { float: left; }
		
			#login ul li a {
				float: left;
				height: 22px;
				padding: 3px 10px 0;
				font-family: "Century Gothic";
				font-size: 14px;
				color: #444;
				text-decoration: none;
			}
			
			#login ul li a:hover, #login ul li a.active {
				background-color: #222;
				color: #C5C5C5;
			}
			
	#login form {
		float: right;
		margin-top: 2px;
		margin-right: 10px;
	}

	#login .clickable {
		position: absolute;
		bottom: 0;
		width: 830px;
		height: 10px;
	}
	
	#login.moveable {
		position: relative;
	}
	
	#login.moveable.down { margin-top:   0px; }
	#login.moveable.up   { margin-top: -21px; }

#header {
	float: left;
	width: 830px;
	height: 297px;
	background-image: url("/images/headerBackground.png");	
}

#countries {
	float: left;
	width: 200px;
	height: 11px;
	margin: 281px 0 0 5px;
	list-style: none;
	overflow: hidden;
}

	#countries a {
		float: left;
		width: 16px;
		height: 11px;
		margin: 0 2px;
	}



#menu {
	float: right;
	width: 555px;
	height: 48px;
	margin: 249px 0 0 0;
	list-style: none;
}
	#menu a {
		float: left;
		width: 110px;
		height: 46px;
		line-height: 46px;
		background-color: #FFFFFF;
		border: 1px solid #C5C5C5;
		border-right: none;
		
		font-family: "Century Gothic";
		color: #8C8C8C;
		text-decoration: none;
		text-align: center;
	}
	
		#menu a.active/*, #menu a:hover*/ {
			background-color: #222;
			color: #C5C5C5;
			border-color: #111;
		}
		
		/*
		#menu a.home        { background-image: url("/images/homeButtonBackground.jpg"); }
		#menu a.information { background-image: url("/images/informationButtonBackground.jpg"); }
		#menu a.gallery     { background-image: url("/images/galleryButtonBackground.jpg"); }
		#menu a.rent        { background-image: url("/images/rentButtonBackground.jpg"); }
		#menu a.contact     { background-image: url("/images/contactButtonBackground.jpg"); }
		*/
#content {
	float: left;
	width: 830px;
	min-height: 200px;
	background-color: #FFFFFF;
}

	#content #box {
		float: left;
		width: 755px;
		margin: 20px 20px 20px 50px;
	}
	
		#content #box  h2 {
			float: left;
			width: 363px;
			margin: 50px 0 0 0;
			font-family: "Century Gothic";
			font-size: 25px;
			font-weight: normal;
		}
		
		#content #box  p {
			float: left;
			width: 363px;
			margin: 20px 0 0 0;
		}
		
		#content #box img {
			float: right;
			width: 324px;
			height: 184px;
			margin: 30px 30px 0 0;
			border: 2px solid #C5C5C5;
		}
		
		#content #box.right h2  { float: right; }
		#content #box.right p   { float: right; }
		#content #box.right img { float: left;  }
	
#footer {
	float: left;
	width: 810px;
	height: 20px;
	padding: 10px 10px 0;
	background-color: #C5C5C5;	
}

	#footer p       { float: left;  }
	#footer p.right { float: right; }
	
	#footer p , #footer p a {
		font-family: Verdana;
		font-size: 10px;
		color: #A5A5A5;
		text-decoration: none;
	}
	
	






/**
 * 
 * 
 */
#calendar {
	float: left; 
	margin: 20px 30px 0;
}

	#calendar h2 {
		float: left;
		margin-bottom: 5px;
	}
	
		#calendar h2 a {
			float: left;
			width: 14px;
			height: 20px;
			padding: 5px 4px;
			margin-top: 1px;
			background-repeat: no-repeat;
			background-position: center;
		}
		
			#calendar h2 a.left  { 
				background-image: url('/images/arrow_left.png'); 
			}
			
			#calendar h2 a.right { 
				background-image: url('/images/arrow.png'); 
			}
			
		#calendar h2 span {
			float: right;
		}
			
			#calendar h2 span span {
				float: left;
			}

		#calendar #dates h2 {
			width: 417px;
		}

		#calendar #details h2 {
			width: 232px;
		}		
		
		#calendar #details a.add, #calendar #details a.cancel {
			float: right;
			width: 32px;
			height: 32px;
			background-image: url("/images/add.png");
			background-repeat: no-repeat;
			background-position: center; 
		}
		
		#calendar #details a.cancel {
			background-image: url("/images/cancel.png");
		}


	#calendar #dates {
		float: left; 
		width: 417px; 
		margin-right: 30px;
	}
	
		#calendar #dates .column_week { width: 17px; }
		#calendar #dates .column_day  { width: 26px; }
		#calendar #dates .column_activity { width: 259px; }
		#calendar #dates .column_signature { width: 36px;}
	

		#calendar #dates .header {
			float: left; 
			width: 417px; 
			height: 20px; 
			line-height: 20px;
			background-color: #d6d6d6; 
			margin-bottom: 2px;
		}
		
			#calendar #dates .header span {
				float: left; 
				font-family: 'Verdana'; 
				font-weight: bold; 
				font-size: 10px; 
				color: #444;
				text-align: center;
			}
		
		#calendar #dates #weeks {
			float: left; 
			width: 15px; 
			margin-right: 2px;
		}
			#calendar #dates #weeks p {
				float: left; 
				width: 15px; 
				margin-bottom: 2px; 
				background-color: #d6d6d6;
				font-size: 11px; 
				color: #444;
				text-align: center;
			}
			
			#calendar #dates #weeks p.active {
				background-color: #222222;
				color: #C5C5C5;
			}
			
			#calendar #dates #weeks p.day_1 { height:  25px; line-height:  25px; }
			#calendar #dates #weeks p.day_2 { height:  52px; line-height:  52px; }
			#calendar #dates #weeks p.day_3 { height:  79px; line-height:  79px; }
			#calendar #dates #weeks p.day_4 { height: 106px; line-height: 106px; }
			#calendar #dates #weeks p.day_5 { height: 133px; line-height: 133px; }
			#calendar #dates #weeks p.day_6 { height: 160px; line-height: 160px; }
			#calendar #dates #weeks p.day_7 { height: 187px; line-height: 187px; }
		
		#calendar #dates #days {
			float: left; 
			width: 400px;	
		}
		
			#calendar #dates #days .day {
				float: left; 
				width: 400px; 
				height: 25px; 
				background-color: #d6d6d6; 
				margin-bottom: 2px;
			}
			
				#calendar #dates #days .day a {
					float: left;
					line-height: 25px;
					color: #444;
					text-decoration: none;
				}
			
				#calendar #dates #days .day:hover {
					background-color: #d2d2d2;
				}
				
				#calendar #dates #days .day.active, #calendar #dates #days .day.active a {
					background-color: #222;
					color: #C5C5C5;
				}
			
				#calendar #dates #days .day span, #calendar #dates #days .day a {
					float: left;
					line-height: 25px;
				}
			
				#calendar #dates #days .day .column_day {
					font-size: 14px;
					text-align: center;
				}
				
				#calendar #dates #days .day .column_activity {
					width: 229px;
					font-size: 10px;
				}
				
				#calendar #dates #days .day .column_more {
					width: 30px;
					text-align: center;
					font-weight: bold;
				}
				
				#calendar #dates #days .day span.column_signature, #calendar #dates #days .day a.column_signature {
					background-color: #d2d2d2;
					height: 25px;
					text-align: center;
					color: #FFF;
				}
				
				#calendar #dates #days .day .column_signature.empty {
					background-color: #d2d2d2;
				}
				
				#calendar #dates #days .day.active .column_signature {
					background-color: #121212;
				}

				
				#calendar #dates #days .day a.column_signature.sign:hover {
					background-color: #006400;
					background-image: url("/images/add.png");
					background-repeat: no-repeat;
					background-position: center;
				}
				
				#calendar #dates #days .day a.column_signature.unsign:hover {
					font-size: 0px;
					background-image: url("/images/delete.png");
					background-repeat: no-repeat;
					background-position: center;
				}
	
	#calendar #details {
		float: left; 
		width: 323px;
	}
	
		#calendar #details input {
			border: none;
		}
		
		#calendar #details textarea {
			max-width: 313px;
			border: none;
		}
		
		#calendar #details input.submit {			
			float: right;
			width: auto;
			font-family: 'Verdana'; 
			font-size: 10px; 
			color: #C5C5C5;
			background-color: #222222;
			margin-top: 5px; 
			font-weight: normal; 

		}
	
	
		#calendar #details h3, #calendar #details input{
			float: left; 
			width: 313px; 
			height: 20px; 
			line-height: 20px;
			padding: 0 5px;
			
			font-family: 'Verdana'; 
			font-size: 10px; 
			color: #444;
			background-color: #d6d6d6;
			font-weight: bold; 
		}
		
			#calendar #details h3 a {
				float: right;
				width: 16px;
				height: 16px;
				margin-top: 2px;
				background-image: url('/images/delete.png');
			}
			
		
		#calendar #details p, #calendar #details textarea {
			float: left; 
			width: 313px; 
			padding: 5px;
			background-color: #d6d6d6; 
			margin-top: 2px; 
			
			font-family: 'Verdana'; 
			font-size: 10px; 
			color: #444;
		
		}
		
			#calendar #details p.info {
				margin-top: 0px;
				margin-bottom: 5px;
			}
			
				#calendar #details p.info span {
					float: right;
					font-weight: bold;
				}
			
			#calendar #details p.empty {
				text-align: center;
				background-color: transparent;
				font-weight: bold;
			
			}
			
/** 
#galleryContainer {
	float: left;
	width: 650px;
	margin: 0 0 20px 0;
}
	#galleryContainer li {
		list-style: none;
	}


#large_image_holder {
	width:650px;
}

#large_images {
	float: left;
	width: 650px; 
	height: 400px; 
	margin: 10px 0px 0px 84px;
	padding: 5px; 
	border: #c5c5c5 3px solid; 
	clear: both; 
}

#large_images li {
	position: absolute; 
	left: 10; 
	z-index: 11;
}

#thumb_holder {
	float: left;
	width:660px; 
	margin: 10px 0px 0px 84px; 
	padding: 0px; 
	border: #c5c5c5 3px solid;
}

#thumb_holder li {
	float: left; 
	width: 81px; 
	height: 50px; 
	margin: 5px;
	border: #c5c5c5 3px solid; 
}

.hide{ 
	display: none;
}
*/