body {
 margin:33px;
 color: #515757;
 text-align:center;
 padding:0;
 font:12px Verdana, Arial, Helvetica, sans-serif;
 background-color:#A8AFA7;
 }

#outer {
 text-align:left;
 border:4px solid #fff;
 width:758px;
 margin:auto;
 background-color:#fff;
 }

#header {
 height:123px;
 color: #333;
 margin: 6px 0;
 }
 
#img-box {
	margin:6px 0;
	height:240px;
	overflow:hidden;
}

#headline {
	margin: 0;
	overflow:hidden;
	background-color:#B8B4AB;
	padding-left: 21px;
	font-size: 14px;
}

#navbar {
	color:#fff;
	height: 25px;
	line-height: 25px;
	background-color: #515757;
 }
 
#navbar ul {
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
}
#navbar ul li {
	display:inline;
	padding:0 33px;
	 font:13px Verdana, Arial, Helvetica, sans-serif;
	 line-height: 25px;
}
#navbar ul li a {
	color:#fff;
	text-decoration: none;
}
#navbar ul li a:hover,
#navbar ul li a.active {
	text-decoration:none;
	color: #A8AFA7;
}
#navbar #currentpage a {
	color:#A8AFA7;
}

#bodyblock {
 position:relative;
 width:758px;
 padding:0;
 background-color:#B8B4AB;
 line-height: 17px;
 }
 
 h2 {
 color: #555;
 font: bold 14px Verdana, Arial, Helvetica, sans-serif;
 margin-top: 9px;
 letter-spacing: 2px;
 }

 .imageleft {
 float:left;
 padding: 0 6px 6px 0;
 }
#content {
 width:94%;
 text-align:left;
 float:left;
 padding: 15px 21px;
 line-height: 20px;
 }
 
 #content a:link, #content a:visited {color:#fff; text-decoration:none;}
 
  #content a:hover, #content a:active {text-decoration:underline;}
 
 #right {
 float:right;
 width:263px;
 padding: 6px 21px;
 border: 1px solid white;
 margin: 15px 19px 0 19px;
 background-color:#D6D3CF;
 }
  #right a:link, #right a:visited {
 color: #382641;
 text-decoration: none;
 }
   #right a:hover, #right a:active {
 color: #7C5B73; 
 text-decoration: underline;
 }
#clear {
clear:both;
}
#footer {
 color: #515757;
 background-color:#A8AFA7;
 padding: 5px 0;
 margin: 0 auto;
 text-align: center;
 width:764px;
 line-height: 19px;
 }
#footer a:link, #footer a:visited{
 color: #333;
 text-decoration: none;
 }
#footer a:hover, #footer a:active{
 color: #333;
 text-decoration: underline;
 }
 .webdesign {
 color: #fff;
 font-size:11px;
 text-decoration:none;
 }
  .webdesign a:link, .webdesign a:visited{
 color: #fff !important; 
 font-size:11px;
 text-decoration: none;
 }
   .webdesign a:hover, .webdesign a:active{
 color: #fff !important;
 font-size:11px;
 text-decoration: underline;
 }
 
 .portrait {
 float:left;
 padding: 4px;
 background-color: #fff;
 margin: 0 9px 4px 0;
 border: solid 1px #7E804F;
 }

.photos {
padding:0;
margin:0;
white-space:nowrap;
list-style-type:none;
}
.photos li {display:inline;
}
.photos li a
{
padding:3px 9px;
background:#8C8D58;
color:#fff;
text-decoration:none;
float:left;
border:1px solid #363725;
margin: 0 3px 0 0;
}
.photos li a.first
{
border: none;
background-color: #CFCFB3;
color: #363725;
}
.photos li a:hover.first
{
border: none;
background-color: #CFCFB3;
color: #363725;
cursor:default;
}
.photos li a:hover
{
background:#363725;
color:#fff;
border:1px solid #8C8D58;
}
.clear {clear:both;}

.strap {margin: 63px 0 0 303px;}
.purple {color:#7C5B73;}

/*block images*/
ul.imageblock {
float: left; width: 736px;
list-style: none;
padding: 0;
margin:9px 0;
}

ul.imageblock li {
float: left;
width: 33%;
text-align: center;
height: 155px; /*adjust as necessary*/
}

.bigger {font-size: 13px}

.imageright {float:right; padding: 6px; margin: 0 0 6px 9px; border: 1px solid #A8AFA7; background-color:#fff;}

/*Gallery*/
#mygallery{width:680px;margin:0 auto;}
#mygallery li{width:58px;height:39px; float: left; margin: 20px 10px 0 0; border:1px solid #000; display: inline;overflow: hidden; }
#mygallery li img{ width: 58px;cursor: pointer; height: 39px; display: block; overflow: hidden;}
#mygallery li div{left:240px}

.caption{ position: absolute; left:-9999px;}

	
.galleria_wrapper {height:454px;width:680px; display:block; }

.clear {clear:both;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.floatleft {
float:left;
margin-right: 4px;
padding: 0;
}

.logos {
float:left;
margin: 0 14px;
padding: 0;
}

/* general styling weddings gallery */
#wedding-gallery {margin: 0; padding: 0; position: relative;}
#jgal { list-style: none; width: 200px; }
#jgal li { opacity: .5; float: left; display: block; width: 60px; height: 60px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 14px; margin-bottom: 14px; }
#jgal li img { position: absolute; top: 0; left: 220px; display: none; }
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }
/* styling without javascript */
#weddings { list-style: none; display: block; }
#weddings li { float: left; margin: 0 10px 10px 0; }
.credit {font-size: 11px; font-style:italic;}