/*

	// -------------------------------------------------------------- //
	// structure.css

*/

/* common */
a {color: #000;}
a:link {}
a:visited {}
a:hover, a:active {color: #ec1857;}
	a img {}
	a:link img {}
	a:visited img {}
	a:hover img, active img {}

/* structure */
html {background: #fff url('../img/bg_html.gif') repeat-x scroll 50% 0;}
	body {
		font-size: .75em;
		line-height: 1.2em;
		color: #000;
	}
		#site {
			min-height: 100%;
			margin: 0 auto;
		}
			#header, #content, #footer, #footer > div {
				z-index: 100;
				clear: both;
				width: 1018px;
				margin: 0 auto;
				overflow: auto;
			}
			#slideshow, #nav_main, #footer {min-width: 1018px;}
			#header {
				background: url('../img/bg_header.png') no-repeat scroll 50% 0;
				overflow: visible;
			}
				#logo {
					float: left;
					width: 447px;
					height: 117px;
					margin: 5px 0 3px 30px;
				}
					#logo a {
						display: block;
						height: 100%;
						margin: 0 auto;
						background: url('../img/bg_h1_a.gif') no-repeat scroll 50% 0;
						
						text-indent: -100em;
					}
					#logo a:link {}
					#logo a:visited {}
					#logo a:hover, #header h1 a:active {background-position: 50% 0;}
				#tagline {display: none;}
				#login {
/*					position: relative;
					top: -60px; */
					float: right;
					width: 245px;
					margin-top: -60px;
					background: #b00000;
					
					color: #fff;
				}
					#login form {padding: 0 5px;}
					#login form label {
						display: block;
						margin-bottom: 5px;
						
						font-size: .9em;
					}
					#login form #username {width: 147px;}
					#login a {
						display: block;
						height: 22px;
						margin: 0 auto;
						border-bottom: 3px solid #b00000;
						background: #b00000 url('../img/bg_login.gif') no-repeat scroll 18px 0;
						
						text-indent: -100em;
					}
					#login a:hover,
					#login a:active {border-bottom-color: #000;}
						#login a span {}
				#dialog {
					display: none;
					padding: 10px;
					border: 3px solid #b00000;
					background: #fff;
				}
				#slideshow {
					clear: both;
					height: 394px;
					padding: 0px 0;
					border-top: 10px solid #b00000;
					background: #000;
/*					background: #000 url('../img/bg_slideshow.gif') no-repeat scroll 50% 0;
					background: url('../img/slides/slide_cruise_2.jpg') no-repeat scroll 50% 0; */
				}
					#slideshow > * {
						margin: 0 auto;
						height: 100%;
					}
			#footer {
				position: relative;
				width: 100%;
				padding-top: 3px;
				background: url('../img/bg_footer.gif') repeat-x scroll 50% 0;
				overflow: visible;
				
				font-size: .8em;
			}
				address {
					float: left;
					height: 68px;
					margin: 0 0 80px 0;
				}
				address > * {
					float: left;
					width: 247px;
					margin: 14px 0 0 10px;
					
					font-size: 1.5em;			
					font-style: italic;
					font-weight: bold;
					line-height: 1.25em;
					color: #fff;
				}
				address > *:first-child {margin-left: 0;}
				address #address {}
					address #address span {}
				address #numbers {}
				address #email {
					margin: 23px 0 0 267px;
					
					text-align: center;
				}
					address #email a {
						text-decoration: none;
						color: #fff;
					}
					address #email a:hover,
					address #email a:active {text-decoration: underline;}
				#copyright, #developer {margin: 10px 0 20px 0;}
				#copyright {
					float: left;
					padding-left: 20px;
					background: url('../img/bg_copyright.png') no-repeat scroll 0 0;
				}
				#developer {
					float: right;
					width: 247px;
					height: 21px;
					margin: 8px 0 13px 0;
				}
					#developer a {
						display: block;
						height: 100%;
						background: url('../img/cms/bg_logo_p2p.png') no-repeat scroll 50% 0;
						
						text-indent: -100em;						
					}
					#developer span {display: none;}
				#validation, #rss {display: none;}
			#content {
				clear: both;
				padding-bottom: 10px;
				background: url('../img/bg_content.png') no-repeat scroll 50% 0;
			}
				#primary, #secondary {
					min-height: 234px;
					overflow: hidden;
				}
				#primary {
					float: left;
					width: 75%;
				}
				#secondary {
					float: right;
					width: 25%;
				}
					#left,
					#right {width: 50%;}
					#left {float: left;}
					#right {float: right;}