 * {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#container {
	position: relative;
	top: 0px;
	margin: 32px auto 0 auto;
	width: 540px;
	/* border:  1px solid red; */
}

#logobox {
	position: absolute;
	top: 0;
	left: 0;
	width: 270px;
	height: 270px;
	z-index: 1;
}

#featureimage {
	position: absolute;
	top: 0;
	left: 270px;
	width: 270px;
	height: 270px;
	background: #edf8f9 url(images/bg_featureimage.gif) no-repeat;
}

div#featureAttribution {
	position: absolute;
	top: 20px;
	left: 90px;
	width: 160px;
	margin: 0;
	font-size: 9px;
	text-align: right;
	line-height: 12px;
	font-weight: normal;
	color: #bfe0e5;
	z-index: 20;
}

/* @group navigation */

#menu {
	position: absolute;
	top: 273px;
	left: 0;
	background-color: #eee;
}

ul#nav {
	list-style: none;
}

/* put buttons as background on li elements to counter IE rollover flicker problem */
ul#nav li#nav01 {
	float: left;
	height: 32px;
	background: url(images/b_home.gif) no-repeat;
}

ul#nav li#nav02 {
	float: left;
	height: 32px;
	background: url(images/b_gowns.gif) no-repeat;
}

ul#nav li#nav03 {
	float: left;
	height: 32px;
	background: url(images/b_hair.gif) no-repeat;
}

ul#nav li#nav04 {
	float: left;
	height: 32px;
	background: url(images/b_realbrides.gif) no-repeat;
}

ul#nav li#nav05 {
	float: left;
	height: 32px;
	background: url(images/b_profile.gif) no-repeat;
}

ul#nav li#nav06 {
	float: left;
	height: 32px;
	background: url(images/b_contact.gif) no-repeat;
}

/*buttons */
#navhome {
	float: left;
	display: block;
	width: 74px;
	height: 32px;
	text-indent: -9000px;
	background: url(images/b_home.gif) no-repeat;
}

#navhome:hover {
	float: left;
	display: block;
	width: 74px;
	height: 32px;
	text-indent: -9000px;
	background: url(images/b_home-over.gif) no-repeat;
}

#navhomeCurrent {
	float: left;
	display: block;
	width: 74px;
	height: 32px;
	text-indent: -9000px;
	background: url(images/b_home-down.gif) no-repeat;
}

#navgowns {
	float: left;
	display: block;
	width: 74px;
	height: 32px;
	text-indent: -9000px;
	background: url(images/b_gowns.gif) no-repeat;
}

#navgowns:hover {
	float: left;
	display: block;
	width: 74px;
	height: 32px;
	text-indent: -9000px;
	background: url(images/b_gowns-over.gif) no-repeat;
}

#navgownsCurrent {
	float: left;
	display: block;
	width: 74px;
	height: 32px;
	text-indent: -9000px;
	background: url(images/b_gowns-down.gif) no-repeat;
}

#navhair {
	float: left;
	display: block;
	width: 132px;
	height: 32px;
	text-indent: -9000px;
	background: url(images/b_hair.gif) no-repeat;
}

#navhair:hover {
	float: left;
	display: block;
	width: 132px;
	height: 32px;
	text-indent: -9000px;
	background: url(images/b_hair-over.gif) no-repeat;
}

#navhairCurrent {
	float: left;
	display: block;
	width: 132px;
	height: 32px;
	text-indent: -9000px;
	background: url(images/b_hair-down.gif) no-repeat;
}

#navrealbrides {
	float: left;
	display: block;
	width: 100px;
	height: 32px;
	text-indent: -9000px;
	background: url(images/b_realbrides.gif) no-repeat;
}

#navrealbrides:hover {
	float: left;
	display: block;
	width: 100px;
	height: 32px;
	text-indent: -9000px;
	background: url(images/b_realbrides-over.gif) no-repeat;
}

#navrealbridesCurrent {
	float: left;
	display: block;
	width: 100px;
	height: 32px;
	text-indent: -9000px;
	background: url(images/b_realbrides-down.gif) no-repeat;
}

#navprofile {
	float: left;
	display: block;
	width: 71px;
	height: 32px;
	text-indent: -9000px;
	background: url(images/b_profile.gif) no-repeat;
}

#navprofile:hover {
	float: left;
	display: block;
	width: 71px;
	height: 32px;
	text-indent: -9000px;
	background: url(images/b_profile-over.gif) no-repeat;
}

#navprofileCurrent {
	float: left;
	display: block;
	width: 71px;
	height: 32px;
	text-indent: -9000px;
	background: url(images/b_profile-down.gif) no-repeat;
}

#navcontact {
	float: left;
	display: block;
	width: 89px;
	height: 32px;
	text-indent: -9000px;
	background: url(images/b_contact.gif) no-repeat;
}

#navcontact:hover {
	float: left;
	display: block;
	width: 89px;
	height: 32px;
	text-indent: -9000px;
	background: url(images/b_contact-over.gif) no-repeat;
}

#navcontactCurrent {
	float: left;
	display: block;
	width: 89px;
	height: 32px;
	text-indent: -9000px;
	background: url(images/b_contact-down.gif) no-repeat;
}

/* @end */

#secondaryimage {
	position: absolute;
	left: 0;
	top: 308px;
	width: 540px;
	height: 237px;
}

#secondaryimageAttribution {
	position: absolute;
	top: 510px;
	left: 320px;
	width: 200px;
	margin: 0;
	font-size: 9px;
	text-align: right;
	line-height: 12px;
	font-weight: bold;
	color: #fff;
	z-index: 20;
}

#homefooter {
	position: absolute;
	left: 0;
	top: 548px;
}

#homefooter p {
	font-size: 9px;
	text-align: center;
	line-height: 14px;
	color: #bfe0e5;
	padding-top: 3px;
	padding-bottom: 3px;
	height: 32px;
	height: 32px;
	width: 540px;
	border-top: 1px solid #bfe0e5;
	border-bottom: 1px solid #bfe0e5;
}

#content {
	position: absolute;
	left: 0;
	top: 308px;
	width: 540px;
}

#content p {
	font-size: 11px;
	text-align: left;
	line-height: 16px;
	color: #599;
	margin: 10px 0px 10px 20px;
}

#columnLeft {
	position: relative;
	left: 0;
	top: 0;
	width: 250px;
	height: 200px;
	/*background-color: #eee; */
}

#bridesColumnLeft {
	position: relative;
	left: 0;
	top: 0;
	width: 250px;
	
}

#columnLeft a {
	margin: 0;
	float: none;
	color: #F48072;
	text-decoration: none;
	border-bottom: 1px solid #F48072;
}

#bridesColumnLeft a {
	margin: 0;
	float: none;
	color: #F48072;
	text-decoration: none;
	border-bottom: 1px solid #F48072;
}

#columnProfile {
	width: 540px;
	/*margin: auto;*/
	/* height:  270px;
	background-color: #eee; */
}

#columnProfile h2 {
	margin: 25px 45px 10px 135px;
	font: 12px Helvetica, arial, verdana, sans-serif;
	text-transform: uppercase;
	color: #599;
}

h2#profileHeaderTop {
	margin: 10px 45px 10px 135px;
	font: 12px Helvetica, arial, verdana, sans-serif;
	text-transform: uppercase;
	color: #599;
}

#author {
	margin: 0;
	font: 11px Helvetica, arial, verdana, sans-serif;
	text-transform: none;
	color: #599;
}

#columnProfile p {
	font-size: 11px;
	text-align: left;
	line-height: 16px;
	color: #599;
	margin: 10px 10px 10px 135px;
}

.profileimageTop {
	float: left;
	margin: 10px 15px 0 20px;
}

.profileimage {
	float: left;
	margin: 15px 15px 0 20px;
}

#columnRight {
	position: absolute;
	top: 6px;
	right: 0;
	width: 270px;
	height: 237px;
	background: url(images/bg_columnRight.gif) no-repeat right bottom;
}

#columnRight a {
	margin: 4px 0px 0 4px;
	height: 80px;
	width: 40px;
	float: right;
}

#hairColumnRight {
	position: absolute;
	top: 6px;
	right: 0;
	width: 270px;
	height: 410px;
	/*background: url(images/bg_columnRight.gif) no-repeat right bottom;*/
}

#hairColumnRight a{
	margin: 4px 0px 0 4px;
	height: 80px;
	width: 40px;
	float: right;
}

#bridesColumnRight {
	position: absolute;
	top: 6px;
	right: 0;
	width: 270px;
	height: 588px;
	/*background: url(images/bg_columnRight.gif) no-repeat right bottom;*/
}

#bridesColumnRight a{
	margin: 4px 0px 0 4px;
	height: 80px;
	width: 40px;
	float: right;
}


#columnRight p {
	margin: 4px 0 0 30px;
}

#thumbs {
	height: 105px;
	background: url(images/bg_thumbnails.gif) no-repeat right bottom;
}

#thumbsHair {
	height: 275px;
	background: url(images/bg_thumbnails.gif) no-repeat right bottom;
}

#thumbsRealbrides {
	height: 612px;
	background: url(images/bg_thumbnails.gif) no-repeat right bottom;
}

#contactdetails {
	margin-top: 20px;
}

#contactdetails a {
	margin: 0;
	float: none;
	color: #F48072;
	text-decoration: none;
	border-bottom: 1px solid #F48072;
}

#contactemail {
	height: 20px;
	padding-left: 24px;
	background: url(images/contact_e.gif) no-repeat top left;
}

#contactphone {
	height: 20px;
	padding-left: 24px;
	background: url(images/contact_p.gif) no-repeat top left;
}

#contactaddress {
	padding-left: 24px;
	background: url(images/contact_a.gif) no-repeat top left;
}

p#contentfooter {
	position: absolute;
	top: 210px;
	margin: 0;
	font-size: 9px;
	text-align: center;
	line-height: 14px;
	color: #bfe0e5;
	margin: 30px 0 30px 0;
	padding-top: 3px;
	padding-bottom: 3px;
	height: 32px;
	width: 540px;
	border-top: 1px solid #bfe0e5;
	border-bottom: 1px solid #bfe0e5;
}

p#contentfooterHair {
	position: absolute;
	top: 436px;
	margin: 0;
	font-size: 9px;
	text-align: center;
	line-height: 14px;
	color: #bfe0e5;
	margin: 30px 0 30px 0;
	padding-top: 3px;
	padding-bottom: 3px;
	height: 32px;
	width: 540px;
	border-top: 1px solid #bfe0e5;
	border-bottom: 1px solid #bfe0e5;
}

p#contentfooterBrides {
	position: absolute;
	top: 600px;
	margin: 0;
	font-size: 9px;
	text-align: center;
	line-height: 14px;
	color: #bfe0e5;
	margin: 30px 0 30px 0;
	padding-top: 3px;
	padding-bottom: 3px;
	height: 32px;
	width: 540px;
	border-top: 1px solid #bfe0e5;
	border-bottom: 1px solid #bfe0e5;
}

p#contentfooterProfile {
	margin: 0;
	font-size: 9px;
	text-align: center;
	line-height: 14px;
	color: #bfe0e5;
	margin: 30px 0 30px 0;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 540px;
	border-top: 1px solid #bfe0e5;
	border-bottom: 1px solid #bfe0e5;
}

