/* CSS Document */
body{
	font-family: Georgia,"Times New Roman",Times,serif;
	color:#888;
	background-color:FFF;
	text-align:center;
	background-image: url(images/bg_wedding.gif);
	background-repeat:repeat-y;
	background-position:center top;
}
	
#frame {
	position:relative; 
	width:770px;
	margin-right:auto;
	margin-left:auto;
	margin-top:5px;
	padding:0px;
	text-align:left;
	}

/* three layout columns */	
#contentleft {
	width:162x;
	padding:0px;
	float:left;
	}

#contentcenter {
	width:354px;
	padding:0px;
	float:left;
	}

#contentright {
	width:254px;
	padding:0px;
	float:left;
	}

/* position header image */
#header img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-right: 103px;
	}	

/* center column formatting */
#contentcenter img {
	padding-left:10px;
}

#contentcenter h1{
	color: #b4bd86;
	font: 16pt Georgia,"Times New Roman",Times,serif;
	font-style: oblique; 
	letter-spacing: 1px;
	margin: 0 20px 11px 20px;
}

#contentcenter p {
	font: 8pt/16pt Georgia,"Times New Roman",Times,serif;
	text-align:justify;
	margin: 0 20px 16px 20px;
}

#contentcenter p.main {
	font: 8pt/16pt Georgia,"Times New Roman",Times,serif;
	text-align:justify;
	margin: 0 20px 16px 20px;
}

#contentcenter p.main:first-letter {
	color: #b4bd86;
	font-size: 12pt;
	font-weight: bold;
}

#contentcenter h2 {
	color: #b4bd86;
	font-size: 10pt;
	margin-left: 20px;
}

#contentcenter ul {
  font: 8pt/16pt Georgia,"Times New Roman",Times,serif;
  padding:0;
  margin: 0 20px 10px 20px;
  }
  
#contentcenter li {
  list-style-type:none;
  }

  
/* left column menu */
#menu {
	width: 162px;
	float: left;
	margin-left: -1px;
	}

/* button rollovers*/
#menu a.home {
	display:block;
	width:162px;
	height:44px;
    background:  url(images/b_1.gif) 0 0 no-repeat;
	padding-bottom: 10px;
	text-decoration: none;
   }
#menu a.home:hover {
   background-position: -162px 0;
   text-decoration: none;
   }

#menu a.port {
	display:block;
	width:162px;
	height:44px;
    background:  url(images/b_2.gif) 0 0 no-repeat;
	padding-bottom: 10px;
	text-decoration: none;
   }
   
#menu a.port:hover {
   background-position: -162px 0;
   text-decoration: none;
   }
   
#menu a.dig {
	display:block;
	width:162px;
	height:44px;
    background:  url(images/b_3.gif) 0 0 no-repeat;
	padding-bottom: 10px;
	text-decoration: none;
   }
#menu a.dig:hover {
   background-position: -162px 0;
   text-decoration: none;
   }

#menu a.pric {
	display:block;
	width:162px;
	height:44px;
    background:  url(images/b_4.gif) 0 0 no-repeat;
	padding-bottom: 10px;
	text-decoration: none;
   }
   
#menu a.pric:hover {
   background-position: -162px 0;
   text-decoration: none;
   }
   
#menu a.cont {
	display:block;
	width:162px;
	height:44px;
    background:  url(images/b_5.gif) 0 0 no-repeat;
	padding-bottom: 10px;
	text-decoration: none;
   }
#menu a.cont:hover {
   background-position: -162px 0;
   text-decoration: none;
   }
   
/* Removing the list bullets and indentation */
#menu ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
    }

/* body link */
a:link {
	font-size: 8pt;
	text-align: right;  
	text-decoration: none; 
	color: #AD1100;
	}
a:visited {
	font-size: 8pt;
	text-align: right; 
	text-decoration: none; 
	color: #AD1100;
	}
a:hover, a:active {
	font-size: 8pt;
	text-align: right;
	text-decoration: underline; 
	color: #A7A7A7;
	}	

 
/* Portfolio page - The right column - containing box for the gallery. */
#container {
    width:580px; 
    height:500px; 
    margin-left:166px; 
}
	
/* Removing the list bullets and indentation */
#container ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
    }
	
/* Remove the images and text from sight */
#container a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    overflow:hidden; 
    background:#fff;
    }

/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
    display:block; 
    text-decoration:none; 
    border:1px solid #CCC; 
    margin:0px 7px 7px 1px; 
    text-align:left; 
    cursor:default;
    }
#container a.slidea {
    background: url(images/t_05.jpg); 
    height:47px; 
    width:70px;
    }
#container a.slideb {
    background: url(images/t_02.jpg); 
    height:47px; 
    width:70px;
    }
#container a.slidec {
    background: url(images/t_03.jpg); 
    height:47px; 
    width:70px;
    }
#container a.slided {
    background: url(images/t_04.jpg); 
    height:47px; 
    width:70px;
    }
#container a.slidee {
    background: url(images/t_13.jpg); 
    height:47px; 
    width:70px;
    }
#container a.slidef {
    background: url(images/t_06.jpg); 
    height:47px; 
    width:70px;
    }
#container a.slideg {
    background: url(images/t_07.jpg); 
    height:47px; 
    width:70px;
    }
#container a.slideh {
    background: url(images/t_08.jpg); 
    height:47px; 
    width:70px;
    }
#container a.slidei {
    background: url(images/t_09.jpg); 
    height:47px; 
    width:70px;
    }
#container a.slidej {
    background: url(images/t_10.jpg); 
    height:47px; 
    width:70px;
    }
#container a.slidek {
    background: url(images/t_11.jpg); 
    height:47px; 
    width:70px;
    }
#container a.slidel {
    background: url(images/t_12.jpg); 
    height:47px; 
    width:70px;
    }

#container a.slidem {
    background: url(images/t_14.jpg); 
    height:47px; 
    width:70px;
    }
	
#container a.sliden {
    background: url(images/t_15.jpg); 
    height:47px; 
    width:70px;
    }

#container a.slideo {
    background: url(images/t_16.jpg); 
    height:47px; 
    width:70px;
    }
	
#container a.slidep {
    background: url(images/t_17.jpg); 
    height:47px; 
    width:70px;
    }
#container a.slideq {
    background: url(images/t_18.jpg); 
    height:47px; 
    width:70px;
    }
	
#container a.slider {
    background: url(images/t_19.jpg); 
    height:47px; 
    width:70px;
    }
#container a.slides {
    background: url(images/t_20.jpg); 
    height:47px; 
    width:70px;
    }
	
#container a.slidet {
    background: url(images/t_21.jpg); 
    height:47px; 
    width:70px;
    }
	
#container a.slidev {
    background: url(images/t_23.jpg); 
    height:47px; 
    width:70px;
    }

/* set the size of the unordered list to neatly house the thumbnails */
#container ul {
    width:240px; 
    height:386px;
    }
#container li {
    float:left;
    }

/* move the thumbnails into the correct position */
#container ul {
    margin:1px; 
    float:right;
    }

/* change the thumbnail border color */
#container a.gallery:hover {
    border:1px solid #fff; 
    }

/* styling the :hover span */
#container a.gallery:hover span {
    width:331px; 
    height:331px; 
    top:94px; 
    left:168px; 
    }

#container a.gallery:hover img {
    border:1px solid #fff; 
    float:left; 
    margin-right:5px;
    }
	
#container {
    background:#fff url(images/pic_01.jpg) 0px -4px no-repeat;
    }

/* Footer */
#footer {
    padding-top:10px; 
    }

#footer_image {
    padding-top:0; 
    margin:0;
	width:756px; 
	height:1px;
    background: url(images/footer.png);
    }
	
.footer_right {
		float:right;
		padding-right:7px;
		padding-top:10px;
		clear: both;
		font-size: 9px;
		color: #D1D3C5;
	}
	
/* Form Layout */

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font: 8pt/16pt Georgia,"Times New Roman",Times,serif;
  margin: 0;
  padding: 0;
  min-width: 250px;
  max-width: 300px;
  width: 300px; 
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 100px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
	font-size: 9pt; 
 	background-color: #ebece6; 
 	border: 1px solid #E0E0E0;
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}