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

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

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

/* MAIN BODY STYLES */

* {
	margin: 0px; /*NO MARGIN/*
	padding: 0px; /*NO PADDING*/
}



#container {
	width: 720px; /*CONTAINER WIDTH*/
	position: relative;
	height: 10px;
	list-style-position: outside;
	z-index: 10;
	left: 0px;
	top: 0px;
	margin: auto;
}



/* SLIDING PANEL STYLES */

#slide-panel {
	height: 145px; /*HEIGHT OF HIDDEN SLIDE PANEL*/
	width: 720px; /*WIDTH OF HIDDEN SLIDE PANEL*/
	display: none; /*ADDS LEFT BORDER OF 2PK*/
	border-right-style: none; /*MAKES RIGHT BORDER SOLID*/
	border-left-style: none; /*ADDS BOTTOM BORDER OF 2PX*/
	border-bottom-style: none; /*BOTTOM BORDER COLOR*/
	opacity: .9; /*SETS SLIDE PANEL BACKGROUND'S OPACITY TO 80%*/
	margin: auto;
	vertical-align: 10%;
	position: relative;
	background-image: url(../images/slide_panel_bg.gif);
	border-top-style: none;
}

.slide {
	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 top; /*SETS BUTTON POSITION*/
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 720px;
	height: 10px;
}

.btn-slide {
	text-align: center; /*ALIGNS TEXT CENTER*/
	width: 150px; /*BUTTON WIDTH*/
	height: 27px; /*BUTTON HEIGHT*/
	display: block; /*DISPLAY AS A BLOCK*/
	color: #F44848; /*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*/
	position: relative;
}

/* FORM STYLES */

.form {
	width: 720px; /*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*/
}

.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*/
}

.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*/
}

.form-btn {
	margin-right: 10px; /*FORM BUTTON RIGHT MARGIN*/
	margin-bottom: 10px; /*FORM BUTTON BOTTOM MARGIN*/
}
#banner_packages {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	position: relative;
	left: 40px;
	top: 10px;
}
#banner_packages ul {
	display: block;
	padding-top: 5px;
	padding-left: 25px;
}
#banner_packages li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #CBEAFF;
	text-decoration: none;
	padding-top: 4px;
	list-style-image: url(../images/green_tick.gif);
}

#design_solutions {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	position: relative;
	left: 250px;
	top: -92px;
}
#design_solutions ul {
	display: block;
	padding-top: 5px;
	padding-left: 25px;
}
#design_solutions li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #CBEAFF;
	text-decoration: none;
	padding-top: 4px;
	list-style-image: url(../images/green_tick.gif);
}


#contact {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	position: relative;
	left: 450px;
	top: -174px;
}
#contact ul {
	display: block;
	padding-top: 5px;
	padding-left: 25px;
}
#contact li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #CBEAFF;
	text-decoration: none;
	padding-top: 4px;
	list-style-image: url(../images/green_tick.gif);
}


.slide_link:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #CBEAFF;
	text-decoration: none;
}
.slide_link:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #CBEAFF;
	text-decoration: none;
}
.slide_link:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #DAC80E;
	text-decoration: none;
}
.btn-close {
	text-align: center; /*ALIGNS TEXT CENTER*/
	width: 150px; /*BUTTON WIDTH*/
	height: 27px; /*BUTTON HEIGHT*/
	display: block; /*DISPLAY AS A BLOCK*/
	color: #F44848; /*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*/
	position: relative;
}