body {
	margin:0;
	padding:0;
	background: url("images/light_roses.jpg") repeat center top;
	text-align:center;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
}

a {
color:#0000CC;
text-decoration:underline;
}

#header2 {
	position:relative;
	background:url("images/dark_roses.jpg") repeat center top;
	top:-4px;
}

#header {
	background:url("images/sides_top.jpg") repeat-y center top;
	top:-4px;
	border-bottom:4px solid #7c97bc;
	padding:0;
	height:150px;
	}

#blue_header {
	position:relative;
	background: url("images/light_roses.jpg") repeat-x center top;
	width:750px;
	height:150px;
	margin: 0 auto;
	padding:0;
	}

#blue_bar {
	position:relative;
	background: url("images/pink_bar.png") repeat-x center top;
	width:750px;
	height:43px;
	margin: 0 auto;
	padding:0;
	}

#pip_header {
	position:absolute;
	background: url("images/anniversary_header.jpg");
	left:50px;
	top:0px;
	margin: 0 auto;
	width:400px;
	height:150px;
	}
	
#pip_header a{
	position:absolute;
	left:0px;
	top:0px;
	margin: 0 auto;
	width:400px;
	height:150px;
}

#basi_header {
	position:relative;
	background: url("images/basi.jpg");
	top:4px;
	margin:4px 0 0 460px;
	width:150px;
	height:150px;
	}

#container2 {
	position:relative;
	top: -5px;
	margin: 1px auto;
	background:url("images/sides_body.jpg") center repeat-y;
}

#container {
	position:relative;
	left:0px;
	margin: 1px auto;
	width: 750px;
}

#perfect_idea_first_anniversary {
	background: url("images/theperfect.gif");
	width:730px;
	height:86px;
	margin-top:40px;
}

#examples_of_first_anniversary_portraits{
	background: url("images/examples_of.gif");
	width:730px;
	height:86px;
	margin-top:40px;
}
#gift_vouchers{
	background: url("images/gift_vouchers.gif");
	width:730px;
	height:86px;
	margin-top:40px;
}
#please_contact_me{
	background: url("images/please_contact_me.gif");
	width:730px;
	height:86px;
	margin-top:40px;
}

#price_table {
text-align:left;
width:600px;
}

caption {
font-weight:bold;
}

#basi_signature {
position:relative;
background: url("images/basi_signature.png");
width:200px;
height:131px;
left:200px;
margin:0 auto;
margin-bottom:40px;
}

#copyright {
	text-align:center;
	width: 750px;
	font-size:x-small;
	border:1px;
}

.main_text {
	background-color:#FFFFFF;
	width: 730px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
	text-align:left;
}

.navbar	{
	float:right;
	margin-top: 9px;
	margin-right:5px;
	}

#nav
	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	}

#nav li {
	margin: 0 auto; 
	float:left;
	text-decoration:none;
	}

.hidden	{
visibility:hidden;
text-decoration:none;
}

.home a{
background-image: url(images/nav_home.png);
background-repeat: no-repeat;
background-position:0 -34px;
height: 34px;
width: 117px;
display: block;
text-decoration:none;
}

.home a:hover{
background-position:0 0;
}

.home_here a{
background-image: url(images/nav_home.png);
background-repeat: no-repeat;
background-position:0 0;
height: 34px;
width: 117px;
display: block;
text-decoration:none;
cursor: default;
}

.examples a{
background-image: url(images/nav_examples.png);
background-repeat: no-repeat;
background-position:0 -34px;
height: 34px;
width: 117px;
display: block;
text-decoration:none;
}

.examples a:hover{
background-position:0 0;
}

.examples_here a{
background-image: url(images/nav_examples.png);
background-repeat: no-repeat;
background-position:0 0;
height: 34px;
width: 117px;
display: block;
text-decoration:none;
cursor: default;
}
.testimonials a{
background-image: url(images/nav_testimonials.png);
background-repeat: no-repeat;
background-position:0 -34px;
height: 34px;
width: 117px;
display: block;
text-decoration:none;
}

.testimonials a:hover{
background-position:0 0;
}

.testimonials_here a{
background-image: url(images/nav_testimonials.png);
background-repeat: no-repeat;
background-position:0 0;
height: 34px;
width: 117px;
display: block;
text-decoration:none;
cursor: default;
}
.gifts a{
background-image: url(images/nav_gifts.png);
background-repeat: no-repeat;
background-position:0 -34px;
height: 34px;
width: 117px;
display: block;
text-decoration:none;
}

.gifts a:hover{
background-position:0 0;
}

.gifts_here a{
background-image: url(images/nav_gifts.png);
background-repeat: no-repeat;
background-position:0 0;
height: 34px;
width: 117px;
display: block;
text-decoration:none;
cursor: default;
}



.contact a{
background-image: url(images/nav_contact.png);
background-repeat: no-repeat;
background-position:0 -34px;
height: 34px;
width: 117px;
display: block;
text-decoration:none;
}

.contact a:hover{
background-position:0 0;
}

.contact_here a{
background-image: url(images/nav_contact.png);
background-repeat: no-repeat;
background-position:0 0;
height: 34px;
width: 117px;
display: block;
text-decoration:none;
cursor: default;
}

.no_border
{
border:0;
}

div.portrait {
display:table;
/*height:414px;*/
width:730px;
vertical-align:middle;
}

div.cell1 {
display:table-cell;
font-size:small;
width:160px;
float:left;
}
div.cell2 {
display:table-cell;
font-size:small;
width:316px;
float:left;
}
div.cell3 {
display:table-cell;
font-size:small;
width:230px;
color:#7c97bc;
float:left;
background-image: url("images/postit.gif");
padding:10px;
}

div.cell1b {
display:table-cell;
font-size:small;
width:350px;
float:left;
}
div.cell2b {
display:table-cell;
font-size:small;
width:316px;
float:left;
}

div.spiral {
display:table-cell;
font-size:small;
width:600px;
color:#7c97bc;
background-image: url("images/spiral_bound.png");
float:left;
padding:50px;
padding-bottom:10px;
}

div.testimonial {
width:230px;
margin:0 auto;
font-size:small;
color:#7c97bc;
background-image: url("images/postit.gif");
padding:10px;
float:left;
}

div.Photo {
	padding: 3px;
	float:left;
	width: 140px;
	height: 150px;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	font-size: 1px;
	color: #000000;
	vertical-align: top;
}
div.imgBorder {
	width: 120px;
	height: 120px;
	border: 1px solid #E0DFE3;
	background-color: #FFFFFF;
	overflow: hidden;
}

.Photo a{
	border: 0px;
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
}

.letter	{ /*not required as class here for info - standard across letters */
float:left;
margin-bottom:-0.4em;
position:relative;
margin-right:-0.1em;
}

.left {
float:left;
}
.right {
float:right;
}

label {
width: 7em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

.alignTopLeft {
	text-align: left;
	vertical-align: top;
} 

.missing_field {
	background-color:#FFCCCC;
}
.missing_text {
	color:#7c97bc;
}

.small {
font-size:small;
}

.letter_a	 {
float:left;
height:28px;
width:51px;
margin-right:-0.1em;
margin-bottom:-0.4em;
position:relative;
background-image:url(images/letters/a.gif);
}

.letter_b{ 
float:left;
margin-bottom:-0.4em;
margin-right:-0.1em;
position:relative;
width:35px;
height:28px;
background-image:url(images/letters/b.gif);
}

.letter_c	 {
float:left;
width:32px;
height:31px;
margin-right:-0.1em;
margin-bottom:-0.4em;
position:relative;
background-image:url(images/letters/c.gif);
}
.letter_d{ 
float:left;
margin-bottom:-0.4em;
margin-right:-0.1em;
position:relative;
width:35px;
height:28px;
background-image:url(images/letters/d.gif);
}
.letter_e{ 
float:left;
margin-bottom:-0.4em;
margin-right:-0.1em;
position:relative;
width:24px;
height:32px;
background-image:url(images/letters/e.gif);
}
.letter_f{ 
float:left;
margin-bottom:-0.4em;
margin-right:-0.1em;
position:relative;
width:48px;
height:28px;
background-image:url(images/letters/f.gif);
}
.letter_g	 {
float:left;
width:39px;
height:34px;
margin-right:-0.1em;
margin-bottom:-0.4em;
position:relative;
background-image:url(images/letters/g.gif);
}
.letter_h{ 
float:left;
margin-bottom:-0.4em;
margin-right:-0.1em;
position:relative;
width:55px;
height:30px;
background-image:url(images/letters/h.gif);
}
.letter_i{ 
float:left;
margin-bottom:-0.4em;
margin-right:-0.1em;
position:relative;
width:42px;
height:28px;
background-image:url(images/letters/i.gif);
}
.letter_j{ 
float:left;
margin-bottom:-0.4em;
margin-right:-0.1em;
position:relative;
width:46px;
height:41px;
background-image:url(images/letters/j.gif);
}
.letter_k{ 
float:left;
margin-bottom:-0.4em;
margin-right:-0.1em;
position:relative;
width:56px;
height:28px;
background-image:url(images/letters/k.gif);
}
.letter_l{ 
float:left;
margin-bottom:-0.4em;
margin-right:-0.1em;
position:relative;
width:34px;
height:28px;
background-image:url(images/letters/l.gif);
}
.letter_m{ 
float:left;
margin-bottom:-0.4em;
margin-right:-0.1em;
position:relative;
width:52px;
height:28px;
background-image:url(images/letters/m.gif);
}
.letter_n{ 
float:left;
margin-bottom:-0.4em;
margin-right:-0.1em;
position:relative;
width:57px;
height:28px;
background-image:url(images/letters/n.gif);
}
.letter_o{ 
float:left;
margin-bottom:-0.4em;
margin-right:-0.1em;
position:relative;
width:28px;
height:28px;
background-image:url(images/letters/o.gif);
}
.letter_p	 {
float:left;
margin-bottom:-0.4em;
position:relative;
margin-right:-0.1em;
width:34px;
height:28px;
margin-right:0.0em;
background-image:url(images/letters/p.gif);
}
.letter_q{ 
float:left;
margin-bottom:-0.4em;
margin-right:-0.1em;
position:relative;
width:29px;
height:28px;
background-image:url(images/letters/q.gif);
}
.letter_r{ 
float:left;
margin-bottom:-0.4em;
margin-right:-0.1em;
position:relative;
width:36px;
height:28px;
background-image:url(images/letters/r.gif);
}
.letter_s{ 
float:left;
margin-bottom:-0.4em;
margin-right:-0.1em;
position:relative;
width:40px;
height:28px;
background-image:url(images/letters/s.gif);
}
.letter_t	 {
float:left;
width:48px;
height:28px;
margin-right:-0.0em;
margin-bottom:-0.4em;
position:relative;
background-image:url(images/letters/t.gif);
}
.letter_u{ 
float:left;
margin-bottom:-0.4em;
margin-right:-0.1em;
position:relative;
width:41px;
height:28px;
background-image:url(images/letters/u.gif);
}
.letter_v{ 
float:left;
margin-bottom:-0.4em;
margin-right:-0.1em;
position:relative;
width:39px;
height:28px;
background-image:url(images/letters/v.gif);
}
.letter_w	 {
float:left;
margin-bottom:-0.4em;
position:relative;
margin-right:-0.1em;
width:49px;
height:29px;
margin-right:-0.2em;
background-image:url(images/letters/w.gif);
}
.letter_x{ 
float:left;
margin-bottom:-0.4em;
margin-right:-0.1em;
position:relative;
width:38px;
height:28px;
background-image:url(images/letters/x.gif);
}
.letter_y{ 
float:left;
margin-bottom:-0.4em;
margin-right:-0.1em;
position:relative;
width:45px;
height:33px;
background-image:url(images/letters/y.gif);
}
.letter_z{ 
float:left;
margin-bottom:-0.4em;
margin-right:-0.1em;
position:relative;
width:37px;
height:28px;
background-image:url(images/letters/z.gif);
}