@charset "UTF-8";
/* CSS Document */

/* kill defaults */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul, li,{
text-decoration:none; 
list-style:none; 
list-style-type:none;
}

/* ============= */

body{
background: #1B1408 url("img/bg_paper.jpg") top repeat;
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#663300;
line-height:18px;
padding: 0;
}



h1{
font-family:"Times New Roman", Times, serif;
font-style:italic;
font-size:24px;
padding-bottom:10px;
color:#663300;
line-height:normal;
}
h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color:#666633;
padding-bottom:10px;
}

h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#cc3300;
margin-left:10px;
}

h4{
font-size:12px;
}

p, pre{
padding: 5px 0 10px 0;
margin:0px;
}

a{
font-size:10px;
font-weight:bold;
color:#cc3300;
text-decoration:none;


}
a:hover{
color:#666633;
text-decoration:none;

}


img{
}


#flashcontent {
width:100%;
height:100%;


}

#container {
position: relative;
margin:0px auto;
margin-bottom:50px;
padding: 50px 0 0 0px;
width: 960px;
height:100%;
text-align: left;
}

#wrap {
position: relative;
margin:0px auto;
margin-bottom:50px;
padding: 20px 0 0 0px;
width: 900px;
height:100%;
text-align: left;
}

#header {
text-align:center;
width:900px;
}

#header img{
padding:10px;
margin-bottom:10px;
text-align:center;
background-color:#FFFFFF;
border-bottom:1px solid #999;
border-top:1px solid #eee;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
}

#titlebar {
position: relative;
float:left;
margin:0 10px;

width: 250px;
height:60px;
text-align: left;
border:0px solid #000;
}

#sidebar {
position: relative;
float:left;
margin:0;
padding:10px;
width: 250px;
height:350px;
text-align: left;
}

#content {
position: relative;
margin:0px;
padding: 0px 0 0 15px;
width: 600px;
height:100%;
text-align: left;
float:left;
}

.infoGroom {
position: relative;
margin:0 0 0 0px;
padding: 10px;
width: 420px;
height:300px;
text-align: left;
float: left;
border-right:1px solid #99cccc;
}

.infoBride {
position: relative;
margin:0 0 0 0px;
padding: 10px;
width: 460px;
height:300px;
text-align: left;
float: right;
}


.gallery {
position: relative;
margin:10px;
padding: 0px;
width: 260px;
height:220px;
text-align: left;
float: left;
}

.gallery img {
padding:5px;
margin-bottom:10px;
text-align:center;
background-color:#FFFFFF;
border-bottom:1px solid #999;
border-top:1px solid #eee;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
}

.thumbnailContent {
position: relative;
width:800px;
margin:0px;
padding: 3px;
text-align: left;
float: left;
}
.thumbs {
position: relative;
margin:15px 0px;
padding: 3px;
text-align: left;
float: left;
}


.thumbs li {
color:#996633;
float:left;
list-style:none;
display:inline;
padding:2px;
}


	/* jQuery lightBox plugin - Gallery style */
	#gallery {
	    margin: 0 20px;
		padding:5px;
		width: 880px;
		float:left;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline;}
	#gallery ul img {
		border: 2px solid #fff;
		border-width: 2px 2px 5px;
	}
	#gallery ul a:hover img {
	
		border: 2px solid #cc3300;
		border-width: 2px 2px 5px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
	
	
	#slider {
  width: 620px;
  margin: 0 auto;
  position: relative;
}

#slider ul { list-style: none; }
#slider ul li { display: inline;}
#scroll ul { list-style: none; }
#scrollContainer ul li { display: inline;}

.scroll {
  height: 250px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
  padding: 20px;
  height: 210px;
  width: 580px; /* change to 560px if not using JS to remove rh.scroll */
}
.scrollButtons {
  position: absolute;
  top: 150px;
  cursor: pointer;
}

.scrollButtons.left {
  left: -20px;
}

.scrollButtons.right {
  right: -20px;
}


.back{
float:left;
margin:10px;
width:150px;

}

a.back{
font-size:12px;
font-weight:bold;
color:#cc3300;
text-decoration:none;

}
a.back:hover{
color:#cc3300;
background-color:#fff;
text-decoration:none;
}