/*           */
/* BODY      */
/*           */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin: 0px;
	padding: 0px;
	text-align: left;
	background-color: #454545;
	background-image: url(../images/page_grad.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
p {
	color: #C9C9C9;
	font-size: 80%;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
a {
	color: #ff7CDB;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #882E62;
}
h1 {
	font-size: 110%;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	color: #FFFFFF;
}
h2 {
	font-size: 105%;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	color: #FFFFFF;
}
h3 {
	font-size: 100%;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	color: #FFFFFF;
}
h4 {
	font-size: 95%;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	color: #FFFFFF;
}

/*           */
/* CONTAINER */
/*           */
#container {
	margin: auto;
	padding: 0px;
	background-color:#000;
	width: 770px;
}

/*        */
/* HEADER */
/*        */
#header {
	position: relative;
	margin: 0px;
	padding: 0px;
	height: 228px;
	background-color:#FFFFFF;
	background-image: url(../images/img_main_trentham.jpg);
	background-repeat: no-repeat;
}

#header_wed {
	position: relative;
	margin: 0px;
	padding: 0px;
	height: 228px;
	background-color:#FFFFFF;
	background-image: url(../images/img_main_wedding.jpg);
	background-repeat: no-repeat;
}

#pm_logo {
	position: absolute;
	top: 51px;
	left: 51px;
	width: 145px;
	height: 127px;
	background-color: #3D3D3D;
	background-image: url(../images/pm_logo.gif);
}


/*         */
/* CONTENT */
/*         */
#content {
	margin: 0px;
	padding: 0px;
	text-align: left;
}


/* CONTENT > SIDE NAV */

#side_nav {
	margin: 28px;
	padding: 0px;
	width: 192px;
	float: left;
}
* html #side_nav {
	height: 200px;
}
#side_nav ul{
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#side_nav ul a{
	text-indent: -999999px;
	overflow: hidden;
}



li.bttn_home a {
	background: url(../images/bttn_home.gif);
	background-position: -192px 0px; 
	display: block;
	width: 192px;
	height: 27px;
}
li.bttn_home a:hover {
	background: url(../images/bttn_home.gif);
	background-position: 0px 0px;
}

li.bttn_about a {
	background: url(../images/bttn_about.gif);
	background-position: -192px 0px; 
	display: block;
	width: 192px;
	height: 27px;
}
li.bttn_about a:hover {
	background: url(../images/bttn_about.gif);
	background-position: 0px 0px;
}

li.bttn_testimonials a {
	background: url(../images/bttn_testimonials.gif);
	background-position: -192px 0px; 
	display: block;
	width: 192px;
	height: 27px;
}
li.bttn_about a:hover {
	background: url(../images/bttn_about.gif);
	background-position: 0px 0px;
}

li.bttn_showcase a {
	background: url(../images/bttn_showcase.gif);
	background-position: -192px 0px; 
	display: block;
	width: 192px;
	height: 27px;
}
li.bttn_showcase a:hover {
	background: url(../images/bttn_showcase.gif);
	background-position: 0px 0px;
}
li.bttn_trentham a {
	background: url(../images/bttn_trentham.gif);
	background-position: -192px 0px; 
	display: block;
	width: 192px;
	height: 27px;
}
li.bttn_trentham a:hover {
	background: url(../images/bttn_trentham.gif);
	background-position: 0px 0px;
}

li.bttn_corporate a {
	background: url(../images/bttn_corporate.gif);
	background-position: -192px 0px; 
	display: block;
	width: 192px;
	height: 27px;
}
li.bttn_corporate a:hover {
	background: url(../images/bttn_corporate.gif);
	background-position: 0px 0px;
}
li.bttn_weddings a {
	background: url(../images/bttn_weddings.gif);
	background-position: -192px 0px; 
	display: block;
	width: 192px;
	height: 27px;
}
li.bttn_weddings a:hover {
	background: url(../images/bttn_weddings.gif);
	background-position: 0px 0px;
}







li.bttn_contact a {
	background: url(../images/bttn_contact.gif);
	background-position: -192px 0px; 
	display: block;
	width: 192px;
	height: 27px;
}
li.bttn_contact a:hover {
	background: url(../images/bttn_contact.gif);
	background-position: 0px 0px;
}

#side_nav ul li{
	margin: 0px 0px 2px 0px;
	padding: 0px;
	display: inline;
	list-style: none;
}
#side_nav ul li a{
	display: block;
	padding: 0px;
	margin: 0px 0px 2px 0px;
	text-decoration: none;
	width: 192px;
	font-size: 80%;
}

/* CONTENT > MAIN */
#main {
	margin: 28px 28px 28px 0px;
	width: 491px;
	float: left;	
}
#lower {
	position: relative;
	clear: both;
	background-color: #242424;
	SWbackground-image: url(../images/grad.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#lower_main {
	position: relative;
	clear: both;
	padding: 28px 28px 28px 0px;
	
}

#bttn_redlemon {
	text-indent: -999999px;
	float: right;
	margin: 0px 28px 0px 0px;
	width: 194px;
	height: 236px;
	background-image: url(../images/img_redlemon.jpg);
	background-repeat: repeat-y;
	
}

#bttn_partyattrentham {
	text-indent: -999999px;
	float: right;
	margin: 0px 28px 28px 0px;
	width: 233px;
	height: 236px;
	background-image: url(../images/img_partyattrentham.jpg);
	background-repeat: repeat-y;
	
}
#bttn_verynice {
	text-indent: -999999px;
	float: right;
	margin: 0px 0px 28px 0px;
	width: 233px;
	height: 236px;
	background-image: url(../images/img_verynice.jpg);
	background-repeat: repeat-y;
}

#bttn_redlemon_logo a {
	background: url(../images/bttn_large_redlemon.gif);
	background-position: -194px 157px;
	background-repeat: no-repeat; 
	display: block;
	width: 194px;
	height: 236px;
}
#bttn_redlemon_logo a:hover {
	background: url(../images/bttn_large_redlemon.gif);
	background-position: 0px 157px;
	background-repeat: no-repeat;
}

#bttn_partyattrentham_logo a {
	background: url(../images/bttn_large_partyattrentham.gif);
	background-position: -233px 157px;
	background-repeat: no-repeat; 
	display: block;
	width: 233px;
	height: 236px;
}
#bttn_partyattrentham_logo a:hover {
	background: url(../images/bttn_large_partyattrentham.gif);
	background-position: 0px 157px;
	background-repeat: no-repeat;
}
#bttn_verynice_logo a {
	background: url(../images/bttn_large_verynice.gif);
	background-position: -233px 157px;
	background-repeat: no-repeat; 
	display: block;
	width: 233px;
	height: 236px;
}
#bttn_verynice_logo a:hover {
	background: url(../images/bttn_large_verynice.gif);
	background-position: 0px 157px;
	background-repeat: no-repeat;
}
#lower_main_content {
	float: right;
	width: 494px;
}
#lower_left_col_top {
	text-indent: -999999px;
	width: 145px;
	height: 127px;
	float: left;
	margin: 0px 23px 28px 51px;
	background-color: #000;
	background-image: url(../images/img_small_partyattrentham.jpg);
	background-repeat: no-repeat;
}
#lower_left_col_top_logo a {
	background: url(../images/bttn_small_partyattrentham.gif);
	background-position: -145px 80px;
	background-repeat: no-repeat; 
	display: block;
	width: 145px;
	height: 127px;
}
#lower_left_col_top_logo a:hover {
	background: url(../images/bttn_small_partyattrentham.gif);
	background-position: 0px 80px;
	background-repeat: no-repeat;
}
#lower_left_col_bottom {
	text-indent: -999999px;
	width: 145px;
	height: 127px;
	float: left;
	margin: 0px 23px 0px 51px;
	background-color: #000;
	background-image: url(../images/img_small_verynice.jpg);
	background-repeat: no-repeat;
}
#lower_left_col_bottom_logo a {
	background: url(../images/bttn_small_verynice.gif);
	background-position: -145px 80px;
	background-repeat: no-repeat; 
	display: block;
	width: 145px;
	height: 127px;
}
#lower_left_col_bottom_logo a:hover {
	background: url(../images/bttn_small_verynice.gif);
	background-position: 0px 80px;
	background-repeat: no-repeat;
	outline: none;
}

/*         */
/*wedding  */
/*         */


#lower_wedding_one {
	text-indent: -999999px;
	width: 145px;
	height: 127px;
	float: right;
	background-color: #000;
	background-image: url(../images/img_small_wed_one.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 18px;
	margin-bottom: 18px;
	margin-left: 18px;
}

#lower_wedding_two {
	text-indent: -999999px;
	width: 145px;
	height: 127px;
	float: right;
	background-color: #000;
	background-image: url(../images/img_small_wed_two.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 18px;
	margin-bottom: 18px;
	margin-left: 18px;
}

#lower_wedding_three {
	text-indent: -999999px;
	width: 145px;
	height: 127px;
	float: right;
	background-color: #000;
	background-image: url(../images/img_small_wed_three.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 18px;
	margin-bottom: 18px;
	margin-left: 18px;
}

#lower_wedding_four {
	text-indent: -999999px;
	width: 145px;
	height: 127px;
	float: right;
	background-color: #000;
	background-image: url(../images/img_small_wed_four.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 18px;
	margin-bottom: 18px;
	margin-left: 18px;
}




/*         */
/*   FORM  */
/*         */

#main1 {
	margin: 28px 28px 28px 0px;
	width: 200px;
	float: left;	
}

#form_1 {
	text-align: right;
	margin: 0px 15px 0px 0px;
	font-size: 70%;
}
#sign_in_form p {
	text-align: left;
	float:right;
	width: 290px;
}
#enquiry {
	/*height: 100px;*/
	vertical-align: top
}
.form {
	height: 17px;
	padding: 1px;
	float: left;
	margin: 0px 0px 10px 0px;
	border: 1px solid #242424;
	background-color: #3D3D3D;
}
.select {
	background-color: #FFFFFF;
	float: left;
	margin-right: 2px;
	border: 1px solid #666;
}
.label {
	float: left;
	clear: left;
	font-size: 75%;
	color: #ABABAB;
	width: 145px;
	text-align: right;
	margin: 0px 0px 10px 0px;
	padding: 4px 10px 0px 0px;
}

.label_heading {
	float: left;
	clear: left;
	font-size: 90%;
	color: #ABABAB;
	width: 494px;
	text-align: right;
	margin: 0px 0px 10px 0px;
	padding: 0px 10px 20px 0px;
}

.form_field {
	text-align: left;
	Xheight: auto;/* I'm certain that the line-height problem is something to do with this line... I just don't know exactly what... 01/02/07 Please let Craig know!! */
}
#form_1 select, #form_1 .label {
	margin: 0px 0px 6px 0px;
}
#form_1 select {
	font-size:70%;
}
.drop {
	height: 19px;
}
.width_XXL {
	width: 210px;
	margin-right: -2px;/* Fix for Opera */
}
.width_widest {
	width: 300px;
}
.width_medium {
	width: 104px;
}
.width_small {
	width: 57px;
}
.width_smallest {
	width: 39px;
}
.height_multi-line {
	height: 70px;
}
.button {
	margin: 0px 0px 0px 400px;
	clear: left;
}


/*        */
/* FOOTER */
/*        */
#footer {
	position: relative;
	clear: both;
	margin: 0px;
	height: 14px;
	padding: 9px 10px 10px 10px;
	background-color:#000;
}

/* SIDE CREDITS */
#site_credits{
	position: absolute;
	top: 10px;
	right: 28px;
}
#site_credits a{
	font-size: 100%;
	color: #999;
	text-decoration: none;
}
#site_credits a:hover{
	color:#FFF;
}
a img {
	border:0;
	text-decoration: none;
}