/* - - - - - - - - - - - - - - - - - - - - -

Title : Wish SummerClub -  Mamaia
URL : http://www.wishclub.ro

Description : Default stylesheet

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

body {
	margin: 0;
	padding: 0;
	line-height: 1.3em;
	font-family: Arial, Helvetica, Arial, Tahoma, sans-serif;
	font-size: small;
	color: #f2f2f2;
	background: #190000 url(http://www.wishclub.ro/summerclub/images/bg_photo.png) no-repeat top center;
	text-align: center;
	}

/* ----- header ----- */

#header {
	position: relative;
	margin: 0 auto;
	width: 980px;
	height: 63px;
}
	#header h1{
		margin: 0;
		padding: 0;
	}
		#header #logo{
			position: absolute;
			top: 15px;
			padding-top: 6px;
			left: 0px;
			display: block;
			width: 364px;
			height: 40px;
			text-align:left;
		}
	#header ul {
		width: 563px;
		height: 22px;
		margin-left: 416px;
		margin-top: 20px;
		float: left;
		list-style: none;
	}
		#header ul li {
			text-indent: -9999px;
			display: inline;
			margin: 0;
			padding: 0; 
		}
			#header ul li a {
				text-decoration: none;
				float: left;
				background: transparent url(http://www.wishclub.ro/summerclub/images/mainNav.png) no-repeat;
			}
			#header li#home a {
				width: 107px;
				height: 22px;
			}
			#header li#events a {
				width: 101px;
				height: 22px;
			}
			#header li#photos a {
				width: 75px;
				height: 22px;
			}

		       #header li#location a {
				width: 119px;
				height: 22px;
			}

			#header li#contact a {
				width: 161px;
				height: 22px;
			}
			
		   	#header li#home a:link, #header li#home a:visited {
				background-position:-0px -0px;
			}
			#header li#events a:link, #header li#events a:visited {
				background-position:-107px 0px;
			}
			#header li#photos a:link, #header li#photos a:visited {
				background-position:-208px 0px;
			}
			#header li#location a:link, #header li#location a:visited {
				background-position:-283px 0px;
			}
			#header li#contact a:link, #header li#contact a:visited {
				background-position:-402px 0px;
			}
			
			#header li#home a:hover {
				background-position:-0px -22px;
			}
			#header li#events a:hover {
				background-position:-107px -22px;
			}
			#header li#photos a:hover {
				background-position:-208px -22px;
			}
			#header li#location a:hover {
				background-position:-283px -22px;
			}
			#header li#contact a:hover {
				background-position:-402px -22px;
			}
			
			#header li#home a:active {
				background-position:-0px -44px;
			}
			#header li#events a:active {
				background-position:-107px -44px;
			}
			#header li#photos a:active {
				background-position:-208px -44px;
			}
			#header li#location a:active {
				background-position:-283px -44px;
			}
			#header li#contact a:active {
				background-position:-402px -44px;
			}

	
			
			/*----- MAIN NAVIGATION ACTIVE STATE -----*/

			.homePage #header li#home a {
				background-position: 0px -44px;
			}
			.eventsPage #header li#events a {
				background-position:-107px -44px;
			}
			.contactPage #header li#contact a {
				background-position:-402px -44px;
			}
			.locationPage #header li#location a {
				background-position:-283px -44px;
			}

/* ----- container ----- */

#container {
	position: relative;
	margin:  0 auto;
	width: 980px;
	font-size: 98%;
}
	#container .gutter {
		position: relative;
		margin: 0 11px;
		padding: 27px 18px 18px 18px;
	}
	#container #lineseparator {
		position: relative;
		width: 980px;
		height: 2px;
		margin: 6px 0px 0px 2px;
		background:  transparent url(http://www.certix.ro/solarino/images/separator.png) no-repeat top center;
	}
	/* ----- intro ----- */
	
	#container #intro {
		position: relative;
		width: 945px;
		height: 512px;
		background: transparent url(http://www.wishclub.ro/summerclub/images/home_home.png) no-repeat top center;
	}
		#container #intro h2, #container #intro p {
			position: relative;
			width: 240px;
		}
		#container #intro h2 {
			top: 47px;
			left: 297px;
			font-weight: normal;
			font-size: 170%;
		}
		#container #intro p {
			top: 43px;
			left: 299px;
			font-size: 110%;
		}
		
		/* ----- services ----- */
	
	#container #titles {
		position: relative;
		width: 980px;
		background: transparent no-repeat top center;
		text-align:center;
	}
	#container #servicetext {
		position: relative;
		width: 930px;
		padding-left: 50px;
		font-family: Trebuchet MS, Helvetica, Arial, Tahoma, sans-serif;
	    font-size: small;
	    color: #53105d;
		font-weight: bold;
		font-style: italic;
		font-size: 120%;
	}
		#container #servicetextdown {
		position: relative;
		width: 980px;
		font-family: Trebuchet MS, Helvetica, Arial, Tahoma, sans-serif;
	    font-size: small;
	    color: #000000;
		font-style: italic;
		font-size: 110%;
		margin: 0 0 40 0px;
	}
	#container #contentvideo{
			text-align: center;
			margin-right:auto;
			margin-left:auto;
			width:800px;
			display: block;
		}
		
		#container #contentvideogallery{
			text-align: center;
			margin-right:auto;
			margin-left:auto;
			width:960px;
			display: block;
			font-family: Arial, Helvetica, Arial, Tahoma, sans-serif;
		}
		
		#container #services h2 {
			top: 47px;
			left: 297px;
			font-weight: normal;
			font-size: 170%;
		}
		#container #services p {
			top: 43px;
			left: 299px;
			font-size: 110%;
		}
	
	/* ----- location----- */
	
	#container #locationWrapper  {
			position: relative;
			top: 60px;
			left: 0px;
			display: block;
			width: 380px;
			height: 560px;
		}
		#container #locationTitle  {
			position: relative;
			border-bottom:1px dotted;
			color: 53105d; 
			left: 20px;
			width: 360px;
			color: #53105d;
			font-weight: bold;
			font-style: italic;
			font-size: 130%;
			line-height: 160%;
		}
			#container #locationText  {
			position: relative;
			left: 0px;
			width: 380px;
			color: #53105d;
			font-style: italic;
			font-size: 110%;
			line-height: 140%;
		}
		
		#container #right  {
			position: absolute;
			top: 60px;
			left: 410px;
			display: block;
			width: 570px;
			height: 440px;
			background: c
		}
	
	/* ----- contact ----- */
	
	#container #contactWrapper {
		position: relative;
		margin-top: 35px;
		margin-bottom: 25px;
		width: 480px;
		margin-left: 250px;
		margin-right: auto;
		float: left;
	}
	
	#container #contactText {
		position: relative;
		margin-top: 35px;
		width: 700px;
		margin-left: 140px;
		margin-right: auto;
		float: left;
	}
	
	.contact-big  {
		
 		font-size: 110%;
		
 		color: #f2f2f2;
 	}
	.contact-med  {
		
 		font-size: 90%;
		font-style: italic;
 		color: #f2f2f2;
 	}
	.contact-small  {
		
 		font-size: 70%;
 		color: #ff9c00;
 	}
	
	/* ----- footer ----- */
	
	.copyright {
		font-size: 70%;
		color: #f8b258;
		text-align: center; 
	}
	#container #sponsors{
			padding-top: 10px;
			padding-bottom: 10px;
			text-align: center;
			margin-right:auto;
			margin-left:auto;
			width: 650px;
			display: block;
		}
		#container #footer p {
			padding-top: 20px;
			padding-left: 29px;
		}

	
		
		

/* ----- HTML ----- */
h1, h2 {
	margin:  0;
	padding:  0;
}
ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}
dl, dt, dd {
	margin: 0;
	padding: 0;
}
a {
	outline: none;
}
a:link, a:visited {
	color: #618191;
	text-decoration: none;
}
a:hover, a:active {
	color: #45535c;
}
img {
	border: none;
}


/* ----- form ----- */
input {
	font-size: 80%;
	padding: 4px;
	border: none;
	font-family: Helvetica, Arial, Tahoma, sans-serif;
	color: #eeeeee;
}

textarea {
	font-size: 80%;
	padding: 4px;
	border: none;
	font-family: Helvetica, Arial, Tahoma, sans-serif;
	color: #eeeeee;
}

label {
	font-size: 100%;
	color: #ff9c00;
}
textarea {
	height: 100px;
	width:240px;
	font-family: Helvetica, Arial, Tahoma, sans-serif;
	
}
.txt {
	width: 296px;
	color: #517990;
	border: none;
	background: #abcadb;
}
.inputHighlighted{  /* Highlighting style */
	width: 296px;
	color: #fff;
  	background-color:#6f8b9b;
}
	
	
/* ---- class -----*/
.clear {
	clear: both;
}

/* ---- teaser ----*/
#teaser {
	z-index: 4;
	position: absolute;
	top: 0;
	right: 0;
	width: 111px;
	height: 109px;
	text-indent: -9000px;
	background: transparent url(../images/teaser.png) no-repeat top right;
}

/* ---- sponsors ----*/


#footer .spkiss a {
    display:block;
 	background: transparent url(http://www.wishclub.ro/summerclub/images/sp_kiss.png) no-repeat top center;
	width: 45px;
	height: 45px;
	}
#footer .spkiss a:hover, a:active {
 	background: transparent url(http://www.wishclub.ro/summerclub/images/sph_kiss.png) no-repeat top center;
	}
	
#footer  .spchivas a {
    display:block;
 	background: transparent url(http://www.wishclub.ro/summerclub/images/sp_chivas.png) no-repeat top center;
	width: 87px;
	height: 45px;
	}
#footer  .spchivas a:hover, a:active {
 	background: transparent url(http://www.wishclub.ro/summerclub/images/sph_chivas.png) no-repeat top center;
	}
	
#footer  .sprocchetta a:link, a:visited {
    display:block;
 	background: transparent url(http://www.wishclub.ro/summerclub/images/sp_rocchetta.png) no-repeat top center;
	width: 69px;
	height: 45px;
	}
 #footer .sprocchetta a:hover, a:active {
 	background: transparent url(http://www.wishclub.ro/summerclub/images/sph_rocchetta.png) no-repeat top center;
	}
	
#footer  .spperoni a:link, a:visited {
    display:block;
 	background: transparent url(http://www.wishclub.ro/summerclub/images/sp_peroni.png) no-repeat top center;
	width: 82px;
	height: 45px;
	}
#footer  .spperoni a:hover, a:active {
 	background: transparent url(http://www.wishclub.ro/summerclub/images/sph_peroni.png) no-repeat top center;
	}
	
#footer  .spcc a:link, a:visited {
    display:block;
 	background: transparent url(http://www.wishclub.ro/summerclub/images/sp_cocacola.png) no-repeat top center;
	width: 82px;
	height: 45px;
	}
#footer  .spcc a:hover, a:active {
 	background: transparent url(http://www.wishclub.ro/summerclub/images/sph_cocacola.png) no-repeat top center;
	}
	
#footer  .spsdes a:link, a:visited {
    display:block;
 	background: transparent url(http://www.wishclub.ro/summerclub/images/sp_sdes.png) no-repeat top center;
	width: 90px;
	height: 45px;
	}
#footer  .spsdes a:hover, a:active {
 	background: transparent url(http://www.wishclub.ro/summerclub/images/sph_sdes.png) no-repeat top center;
	}
	
#footer  .spss a:link, a:visited {
    display:block;
 	background: transparent url(http://www.wishclub.ro/summerclub/images/sp_ss.png) no-repeat top center;
	width: 90px;
	height: 45px;
	}
#footer  .spss a:hover, a:active {
 	background: transparent url(http://www.wishclub.ro/summerclub/images/sph_ss.png) no-repeat top center;
	}
	
#footer  .spmondopay a:link, a:visited {
    display:block;
 	background: transparent url(http://www.wishclub.ro/summerclub/images/sp_mondopay.png) no-repeat top center;
	width: 86px;
	height: 45px;
	}
#footer  .spmondopay a:hover, a:active {
 	background: transparent url(http://www.wishclub.ro/summerclub/images/sph_mondopay.png) no-repeat top center;
	}