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

Designed & Coded By : Richard Carpenter
URL : www.richard-carpenter.co.uk
	  www.hv-designs.co.uk

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

/* MAIN BODY STYLES */

#container, #container1, #container2 {
	/*margin: auto; /*SETS MARGIN TO AUTO, THIS CENTER'S OUR WEBSITE*/
	/*width: 900px; /*CONTAINER WIDTH*/
	margin-top:50px;
	position:fixed;
	z-index:2;
}

#container #header1, #container1 #header1, #container2 #header1 {
	float: left; /*FLOATS HEAD LEFT*/
	height: 165px; /*HEIGHT OF HEADER IMAGE*/
	/* width: 900px; /*WIDTH OF WEBSITE*/
	background-image: url(images/header.png); /*OUR HEADER IMAGE*/
	background-repeat: no-repeat; /*STOPS HEADER IMAGE REPEATING*/
}

/* SLIDING PANEL STYLES */

#container #slide-panel, #container1 #slide-panel1, #container2 #slide-panel2 {
	height: 200px; /*HEIGHT OF HIDDEN SLIDE PANEL*/
	/*width: 350px; /*WIDTH OF HIDDEN SLIDE PANEL*/
	display: none; /*THE ELEMENT WILL NOT BE DISPLAYED*/
	border-right-width: 2px; /*ADDS RIGHT BORDER OF 2PX*/
	border-left-width: 2px; /*ADDS LEFT BORDER OF 2PK*/
	border-right-style: solid; /*MAKES RIGHT BORDER SOLID*/
	border-left-style: solid; /*MAKES LEFT BORDER SOLID*/
	border-right-color: #626262; /*RIGHT BORDER COLOR*/
	border-left-color: #626262; /*LEFT BORDER COLOR*/
	background-color: #968eca; /*SLIDE PANEL BACKGROUND COLOR*/
	border-bottom-width: 2px; /*ADDS BOTTOM BORDER OF 2PX*/
	border-bottom-style: solid; /*MAKES BOTTOM BORDER SOLID*/
	border-bottom-color: #626262; /*BOTTOM BORDER COLOR*/
	opacity: .9; /*SETS SLIDE PANEL BACKGROUND'S OPACITY TO 80%*/
	margin: 0; /*CENTERS OUR SLIDE PANEL*/
	float:left;
}

#container .slide, #container1 .slide1, #container2 .slide2 {
	margin: 0; /*NO MARGIN*/
	padding: 0; /*NO PADDING*/
	background-image: url(images/slide_button.png); /*ADDS OUR BUTTON IMAGE*/
	background-repeat: no-repeat; /*STOPS BUTTON FROM REPEATING*/
	background-position: center 50%;
	float:left;
}

#container1 .slide1 {
	background-image: url(images/Sintillate-Register-Bar.png); /*ADDS OUR BUTTON IMAGE*/	
}

#container2 .slide2 {
	background-image: url(images/Sintillate-Newsletter-Birth.png); /*ADDS OUR BUTTON IMAGE*/	
}

#container .btn-slide, #container1 .btn-slide1, #container2 .btn-slide2 {
	text-align: center; /*ALIGNS TEXT CENTER*/
	width: 26px; /*BUTTON WIDTH*/
	height: 200px; /*BUTTON HEIGHT*/
	display: block; /*DISPLAY AS A BLOCK*/
	color: #fff; /*TEXT COLOR*/
	text-decoration: none; /*REMOVES UNDERSCORE FROM LINK*/
	font-family: Arial, Helvetica, sans-serif; /*FONT FAMILY*/
	font-weight: bold; /*TURNS TEXT BOLD*/
	font-size: 1em; /*FONT SIZE*/
	margin-right: auto; /*MARGIN AUTO*/
	margin-left: auto; /*MARGIN AUTO*/
	line-height: 22px; /*LINE HEIGHT OF BUTTON TEXT*/
	float:left;
}

/* FORM STYLES */

#container .form, #container1 .form, #container2 .form {
	width: 250px; /*FORM WIDTH*/
	padding-top: 35px; /*SETS FORM TOP PADDING*/
	padding-bottom: 10px; /*SETS BOTTOM PADDING*/
	padding-right: 20px; /*ADDS RIGHT PADDING*/
	padding-left: 20px; /*ADDS LEFT PADDING*/
}

#container .form, #container1 .form p, #container2 .form p {
	font-size: 1.0em; /*FORM P TAG FONT SIZE*/
	font-weight: bold; /*CHANGES TEXT TO BOLD*/ 
	color: #000000; /*TEXT COLOR*/
	margin-bottom: 5px; /*ADDS BOTTOM MARGIN*/
}

#container .textfield, #container1 .textfield, #container2 .textfield {
	background-color: #4c4c4c; /*FORM TEXT FIELD BACKGROUND COLOR*/
	color: #FFFFFF; /*FORM TEXT FIELD TEXT COLOR*/
	padding: 2px; /*ADDS PADDING*/
	border: 1px solid #CCCCCC; /*FORM TEXT FIELD BORDER & BORDER COLOR*/
	margin-bottom: 10px; /*ADDS BOTTOM MARGIN*/
}

#container .form-btn, #container1 .form-btn, #container2 .form-btn  {
	margin-right: 10px; /*FORM BUTTON RIGHT MARGIN*/
	margin-bottom: 10px; /*FORM BUTTON BOTTOM MARGIN*/
}