/* Main Layout */
* {
	margin:0;
	padding:0;
}

#contactForm {
		display:none;
}

#top { width: 980px;margin-left: auto;margin-right: auto; margin-top:0px;height:130px;}
#container {clear:both;width: 980px;margin-left: auto;margin-right: auto;margin-top: 10px;}
#bottom {clear:both;width: 980px;margin-left: auto;margin-right: auto;margin-top:3px; padding-bottom: 0px;}
#content {width: 660px;padding-right: 5px;float:left;margin-left: 1px; padding-left:10px; padding-top:15px;}
#right {width: 275px;float: right; margin-bottom:5px;}
#header {width:929px; margin-left: 1px; height:85px; background-color:#101531; margin-bottom:5px; padding-left:10px;  padding-right:10px;}
#spacer { clear:both; height:5px;}
.clear {clear: both;}
#clear {clear: both;}
#picright {width:385px; float:right; margin-left:15px;}

#fancydress {float: left; padding-right: 0px; padding-top:0px; }
#under18s {float: left; padding-top: 0px; padding-right: 0px}
#kids {float: left;padding-top:0px; padding-right: 0px}
#hensandfriends {float: left; padding-top: 0px; padding-right: 0px}
#over18s {float: left;  padding-top: 0px; padding-right: 0px}
#corporate {float: left; padding-top: 0px; padding-right: 0px}
#whats {float: left; padding-top: 0px; padding-left: 5px; padding-right: 0px}
#menu {float: left; width: 250px; padding-left: 0px; padding-top: 46px; padding-right: 12px; margin-left: 30px;}

#logo {float: left;}
#7days {float: left;}

#movie {display: none;}
#thumbnail {width:576px; height:320px;}

#piccies {float: left; margin-left: 0px; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; width: 576px; height: 320px;}
#copy {float: left; margin-left: 10px; width: 245px; height: 400px; padding-top: 10px; padding-right: 0px; padding-bottom: 30px; }

#picciesfran {float: left; margin-left: 30px; padding-left: 20px; padding-top: 20px; padding-bottom: 20px; width: 250px; height: 400px;}
#copyfran {float: left; margin-left: 10px; width: 645px; height: 400px; padding-top: 10px; padding-right: 0px; padding-bottom: 30px; }

#vid  { visibility:hidden; position:absolute; width:576px; height:376px; z-index:99; padding-top:0px; padding-left: 0px;}

#formleft {float: left; margin-left: 0px; padding-top: 0px; width: 330px;}
#formcenter {float: left; margin-left: 0px; width: 330px; padding-top: 0px; }

#homeplug1 {float: left; margin-left: 0px; padding:15px 15px 15px 15px; width: 300px; height: 161px; background:url(http://www.portraitparties.co.uk/images/homeplug1.png) no-repeat left top;}
#homeplug2 {float: left; margin-left: 0px; padding:15px 15px 15px 15px; width: 300px; height: 161px; background:url(http://www.portraitparties.co.uk/images/homeplug2.png) no-repeat left top;}
#homeplug3 {float: left; margin-left: 0px; padding:15px 15px 15px 15px; width: 300px; height: 163px; background:url(http://www.portraitparties.co.uk/images/homeplug3.png) no-repeat left top;}
#homeplug4 {float: left; margin-left: 0px; padding:15px 15px 15px 15px; width: 300px; height: 163px; background:url(http://www.portraitparties.co.uk/images/homeplug4.png) no-repeat left top;}
#plugright {width: 110px;float: right; margin-left:10px; margin-right:10px;}
.purple {color:#7a68af;}
.purplehead {color:#7a68af; font-size: 18px;}

#form2top {margin-left: 50px;}
#formleft2 {float: left; margin-left: 50px; padding-top: 0px; width: 275px; height: 375px;}
#formcenter2 {float: left; margin-left: 30px; width: 275px; height: 375px; padding-top: 0px; }
#formright2 {float: left; margin-left: 30px; width: 275px; height: 375px; padding-top: 0px;  }

#video {width: 615px; height:458px; float: left; margin-top:10px; margin-left:2px; padding:20px 0px 20px 40px; background:url(http://www.portraitparties.co.uk/images/videoback.png) no-repeat left top;}

/* Menu */

#partiesmenu {float:left;font-size:100%;line-height:normal;border-bottom: 0px;}
* html #partiesmenu{ /*IE only. Add 1em spacing between menu and rest of content*/margin-bottom: 0px;}
#partiesmenu ul{list-style-type: none;margin:0;margin-left: 0px;padding:0;}
#partiesmenu li{display:inline;margin:0;padding:0;}
#partiesmenu a {float:left;background:url(../images/menuleft.gif) no-repeat left top;margin:0;padding:0 0 0 1px;text-decoration:none}
#partiesmenu a span {float:left;display:block;background:url(../images/menuright.gif) no-repeat right top;padding:10px 15px 10px 15px;font-weight:bold;color:#ffffff;}
#partiesmenu a span {float:none;}/* Commented Backslash Hack hides rule from IE5-Mac \*/
#partiesmenu a:hover span {color: #ffffff;}
#partiesmenu #current a {background-position:0 -35px;color: white;}
#partiesmenu #current a span {background-position:100% -35px;color: white;}
#partiesmenu a:hover {background-position:0% -35px;color: white;}
#partiesmenu a:hover span {background-position:100% -35px;color: white;}
#partiesmenu #red a {background-position:0 -70px;color: white;}
#partiesmenu #red a span {background-position:100% -70px;color: white;}
#partiesmenu #grey a {background-position:0 -105px;color: white;}
#partiesmenu #grey a span {background-position:100% -105px;color: white;}


/* Text */

a  {	color: #7a69af;	font-weight:bold;	text-decoration: none;}

a:hover {
	font-weight:bold;
	text-decoration: underline;
	}
	
body {	
	background-image: url(../images/partiesbackground2.jpg);
	background-repeat: repeat-x;
	background-color: #372755;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #ffffff;
	margin:0;
	padding:0;
}
	
#wrapper {	
	background-image: url(../images/partiesbackground2.jpg);
	background-repeat: repeat-x;
	background-color: #372755;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	margin:0;
	padding:0;
	border-top:#FFF 2px solid;
	min-height:900px;
	}
	
h1 {font-family: Arial, Helvetica, sans-serif;font-family:Arial; font-size:32; color:#7a69af; line-height: 34px; margin-bottom:20px}
h2 {color:#ffffff; font-size: 18px;}
p {margin-bottom:10px}
.white {color: #ffffff;}

.bigger {font-size:14px;}



/*Form style-------------------------------------------------*/

form {
	clear: both;
	}
input {
}
label {
	font-weight: normal;
	font-style: italic;
	width: 100px;
	display: block;
	float: left;
	text-align: left;
	clear: left;
	margin-left: 0px;
	text-transform:uppercase;
}
fieldset {
	margin: 1em 0 1em 0;
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #666666;
	height: 355px;
	
}
legend img {
	margin: 0 0 8px 3px;
}
legend {
	margin: 5px;
	color:#CCCCCC;
}

.textbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #666666;
	border: 1px solid #666666;
	width: 260px;
	margin: 1px 0 1px 0;
	background-color: #FFFFFF;
}
.textbox:focus {
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
.textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #666666;
	border: 1px solid #666666;
	width: 320px;
	height: 150px;
	background-color: #FFFFFF;
}
.textarea:focus {
	color: #000000;
	border: 1px solid #000000;
	background-color: #ffffff;
}
.radiobutton {
	margin-left: 25px;
}
.checkbox {
	margin-left: 25px;
}
.button {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0E1275;
	border: 0px solid #000000;
}