@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
/* The body is the outermost layout component and contains the visible page content. Setting properties for the body element will help to create consistent styling of the page content and more manageable CSS. Besides using the body element to set global properties, it is common to use the body element to set the background color of the page and create a centered container for the page content to display. */
body {
	background-color: #030379;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	/* padding: 10 10 10 10; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	/*text-align: center;  Centers the page content container in IE 5 browsers. */
}
/* Commonly used to style page titles. */
h1 {
	color: #010396;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
}
/* Commonly used to style section titles. */
h2 {
  color: #bb858e;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
}
/* Sets the style for unvisited links. */
a,  a:link {
  color: #dd545e;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for visited links. */
a:visited {
  color: #974a63;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for links on mouseover. */
a:hover {
  color: #c8314b;
  text-decoration: underline;
}
/* Sets the style for a link that has focus. */
a:focus {
  color: #c8314b;
}
/* Sets the style for a link that is being activated/clicked. */
a:active {
	color: #0000FF;
}
/* This is a container for the page content. It is common to use the container to constrain the width of the page content and allow for browser chrome to avoid the need for horizontal scrolling. For fixed layouts you may specify a container width and use auto for the left and right margin to center the container on the page. IE 5 browser require the use of text-align: center defined by the body element to center the container. For liquid layouts you may simply set the left and right margins to center the container on the page. */
#outerWrapper {
	/*background-color: #fff;  Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
	position:relative;
	text-align: left; /* Redefines the text alignment defined by the body element. */
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto; 
	height:586px; 
	width:980px
}
#outerWrapper #header {
	background-color: #059735;
	border-bottom: solid 1px #667f45; /* Sets the bottom border properties for an element using shorthand notation */
	font-size: 18px;
	font-weight: bold;
	line-height: 15px;
	padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}
/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#outerWrapper #contentWrapper #content {
  padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}
#outerWrapper #footer {
  background-color: #f7f9dd;
  border-top: solid 1px #9db368; /* Sets the top border properties for an element using shorthand notation */
  padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}
.HomePage a:link { 
	color: #3300FF; 
	text-decoration: none 
}
.HomePage a:visited { 
	color: #3300FF; 
	text-decoration: none 
}
.HomePage a:active { 
	color: #3300FF; 
	text-decoration: none 
}
.HomePage a:hover {
	color: #6699FF;
	text-decoration: none
}
.britelink A:LINK {
	color: #FFFFFF
}
.britelink A:VISITED {
	color: #FFFFFF
}
.britelink A:ACTIVE {
	color: #FFFFFF
}
.britelink A:HOVER {
	background-color:#FFFFFF;
	color: #244273
}
.britelinkgold A:LINK {
	color: #F7CF58
}
.britelinkgold A:VISITED {
	color: #F7CF58
}
.britelinkgold A:ACTIVE {
	color: #FFFFFF
}
.britelinkgold A:HOVER {
	background-color:#FFFFFF;
	color: #244273
}
.bluelink A:LINK {
	color: #0000FF
}
.bluelink A:VISITED {
	color: #0000FF
}
.bluelink A:ACTIVE {
	color: #0000FF
}
.bluelink A:HOVER {
	color: #0000FF;
	background-color: #CCFFFF
}
.title { 
	color: #141424; 
	font: bold 18px "Trebuchet MS", Verdana, Arial}
.biglink { 
	font: italic bold 12px "Trebuchet MS", Verdana, Arial; 
	text-decoration: none 
}
.biglink:hover { 
	font: 12px "Trebuchet MS", Verdana, Arial; 
	font-weight: bold; 
	font-style: italic; 
	text-decoration: underline 
}
.just {
	text-align: justify
}
.copyright { 
	color: #999999; 
	font: 10px "Trebuchet MS", Verdana, Arial 
}
.smalltitle { 
	color: #000000; 
	font: 10px "Trebuchet MS", Verdana, Arial; 
	font-weight: bold 
}
.BannerNavHeadings { 
	color: #000000; 
	font: 11px "Trebuchet MS", Verdana, Arial; 
	font-weight: bold 
}
.BannerNavItems { 
	color: #674E26; 
	font: 11px "Trebuchet MS", Verdana, Arial
}
.SideBarBorderBands {
	border: 3px solid F8B950;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 13px;
	background-color: FDF9ED
}
.SideBarBorderBandsTop {
	background-color: F8B950
}
.SideBarNavLinkBands A:LINK {
	color: #674E26
}
.SideBarNavLinkBands A:VISITED {
	color: #674E26
}
.SideBarNavLinkBands A:ACTIVE {
	color: #000FFB;
	background-color:#CCFFFF
}
.SideBarNavLinkBands A:HOVER {
	color: #000FFB;
	background-color:#CCFFFF
}
.SideBarBorderLinks {
	border: 3px solid D301FA;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 13px;
	background-color: FDF9ED
}
.SideBarBorderLinksTop {
	background-color: D301FA
}
.SideBarNavLinkLinks A:LINK {
	color: #674E26
}
.SideBarNavLinkLinks A:VISITED {
	color: #674E26
}
.SideBarNavLinkLinks A:ACTIVE {
	color: #000FFB;
	background-color:#CCFFFF
}
.SideBarNavLinkLinks A:HOVER {
	color: #000FFB;
	background-color:#CCFFFF
}
.SideBarBorderDJs {
	border: 3px solid #93B594;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 13px;
	background-color: #FDF9ED
}
.SideBarBorderDJsTop {
	background-color: #93B594
}
.SideBarNavLinkDJs A:LINK {
	color: #674E26
}
.SideBarNavLinkDJs A:VISITED {
	color: #674E26
}
.SideBarNavLinkDJs A:ACTIVE {
	color: #000FFB;
	background-color:#CCFFFF
}
.SideBarNavLinkDJs A:HOVER {
	color: #000FFB;
	background-color:#CCFFFF
}
.SideBarBorderSpecialty {
	border: 3px solid #BE2822;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 13px;
	background-color: #FDF9ED
}
.SideBarBorderSpecialtyTop {
	background-color: #BE2822
}
.SideBarNavLinkSpecialty A:LINK {
	color: #674E26
}
.SideBarNavLinkSpecialty A:VISITED {
	color: #674E26
}
.SideBarNavLinkSpecialty A:ACTIVE {
	color: #000FFB;
	background-color:#CCFFFF
}
.SideBarNavLinkSpecialty A:HOVER {
	color: #000FFB;
	background-color:#CCFFFF
}
.SideBarBorderJazz {
	border: 3px solid #752F77;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 13px;
	background-color: #FDF9ED
}
.SideBarBorderJazzTop {
	background-color: #752F77
}
.SideBarNavLinkJazz A:LINK {
	color: #674E26
}
.SideBarNavLinkJazz A:VISITED {
	color: #674E26
}
.SideBarNavLinkJazz A:ACTIVE {
	color: #000FFB;
	background-color:#CCFFFF
}
.SideBarNavLinkJazz A:HOVER {
	color: #000FFB;
	background-color:#CCFFFF
}
.SideBarBorderCeremony {
	border: 3px solid #4D92F9;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 13px;
	background-color: #FDF9ED
}
.SideBarBorderCeremonyTop {
	background-color: #4D92F9;
}
.SideBarNavLinkCeremony A:LINK {
	color: #674E26
}
.SideBarNavLinkCeremony A:VISITED {
	color: #674E26
}
.SideBarNavLinkCeremony A:ACTIVE {
	color: #000FFB;
	background-color:#CCFFFF
}
.SideBarNavLinkCeremony A:HOVER {
	color: #000FFB;
	background-color:#CCFFFF
}
.subtitle { 
	color: #336699; 
	font: 15px "Trebuchet MS", Verdana, Arial; 
	font-weight: bold 
}
.phonetitle	{ 
	color: #000000; 
	font: 12px "Trebuchet MS", Verdana, Arial; 
	font-weight: bold 
}
.indent30 {
	text-indent: 30px
}
.indent10 {
	text-indent: 10px
}
.picturecomments { 
	color: #666666; 
	font: 12px "Trebuchet MS", Verdana, Arial
}
.picturehilight	{ 
	color: #3366FF; 
	font: 13px "Trebuchet MS", Verdana, Arial; 
	font-weight: bold  
}
.picturetitle { 
	color: #000000; 
	font: 13px "Trebuchet MS", Verdana, Arial; 
	font-weight: bold 
}
.whitetitle	{ 
	color: #FFFFFF; 
	font: 13px "Trebuchet MS", Verdana, Arial
}
.button-popups { 	
	background-image: url("picts/button-popup.gif");
	background-color:#2D2D4A;
	font-family: arial, verdana, helvetica, sans;
	color: #CFCFE0;
	font-size: 8pt;
	height: 23px;
	width: 100%;
	cursor:hand;
	font-weight: bold;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	border: #FFFFFF 0px solid 
}
.buttonon-popups { 	
	background-image: url("picts/buttonon-popup.gif");
	background-color:#C0C0C0;
	font-family: arial, verdana, helvetica, sans;
	color: #000000;
	font-size: 8pt;
	height: 23px;
	width: 100%;
	cursor:hand;
	font-weight: bold;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	border: #FFFFFF 0px solid 
}

.shadeform { 
	font: 13px arial, verdana, sans-serif;
	background-image: url("picts/shadeform.gif");
	text-align: left;
	width: 180px;
	border: #000000 1px solid
}
.dropdown {	
	color: #333333;
	width: 180px;
	font: 11px geneva, "Trebuchet MS", Verdana, Arial
}
.textarea { 
	font: 13px "Trebuchet MS", Verdana, Arial;
	background-image: url("/images/shadeform.gif");
	text-align: left;
	width: 300px;
	border: #000000 1px solid
}
.menu { 
	font-family: arial, verdana, helvetica, sans;
	font-size: 8pt;
	height: 22px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 7px;
	padding-right: 7px;
	cursor:hand;
	font-weight: bold;
	text-align: center;
	line-height: 16px;
	border: #000000 0px solid
}
a.menu:link { 
	background-image: url("picts/button.gif");
	background-color:#2D2D4A;
	color: #CFCFE0
}
a.menu:visited { 
	background-image: url("picts/button.gif");
	background-color:#2D2D4A;
	color: #CFCFE0
}
a.menu:active {  
	background-image: url("picts/buttonon.gif");
	background-color:#C0C0C0;
	color: #000000
}
a.menu:hover { 
	background-image: url("picts/buttonon.gif");
	background-color:#C0C0C0;
	color: #000000
}.BodyText {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 13px
}
.BodyText11 {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 11px
}
.white {
	color: white
}
.center {
	text-align: center
}
.pad5 {
	padding: 5px
}
.pad10 {
	padding: 10px
}
.pad15 {
	padding: 15px
}
.txtNav {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 16px;
	color: #FFFFFF
}
.txtNav a:link {
	text-decoration: none;
	color: #FFFFFF
}
.txtNav a:visited {text-decoration: none; color: #FFFFFF }
.txtNav a:active {color: #FFFFFF }
.txtNav a:hover {background: #ffffff; color: #244273 }
.BluBrdr {
	border: thin solid #234173
}
.img-shadow {
  float:left;
  background: url(/images/DropShadow.png) no-repeat bottom right !important;
  background: url(/images/dropshadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px
}

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px
}
.TblCategory    { 
	color: blue; 
	font-weight: bold; 
	font-size: 12pt; 
	font-family:  "Trebuchet MS", Verdana, Arial 
}
.Titles    {
	font-weight: bold;
	font-size: 11px;
	font-family:  "Trebuchet MS", Verdana, Arial 
}
.Artist   { 
	color: gray; 
	font-weight: bold; 
	font-size: 8pt; 
	font-family:  "Trebuchet MS", Verdana, Arial 
}
.ArtistWhite  { 
	color: white; 
	font-weight: bold; 
	font-size: 8pt; 
	font-family:  "Trebuchet MS", Verdana, Arial 
}
.8point  { 
	font-size: 8pt; 
	font-family:  "Trebuchet MS", Verdana, Arial 
}
.CenterHeader    {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 20px;
	font-family:  "Trebuchet MS", Verdana, Arial;
	text-align: center 
}
.comments   {
	font-size: 12px;
	font-family: "Trebuchet MS", Verdana, Arial;
	text-align: left
}
.ClientCommentsHeaderBands {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 14px;
	color: #F8B950;
	background-color: #FDF9ED;
	text-transform: uppercase;
	font-weight: bold;
	width: 170px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #F8B950;
	border-bottom-color: #F8B950
}
.ClientCommentsHeaderSpecialty {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 14px;
	color: #BE2822;
	background-color: #FDF9ED;
	text-transform: uppercase;
	font-weight: bold;
	width: 170px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #F8B950;
	border-bottom-color: #F8B950
}
.ClientCommentsHeaderDJs {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 14px;
	color: #93B594;
	background-color: #FDF9ED;
	text-transform: uppercase;
	font-weight: bold;
	width: 170px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #93B594;
	border-bottom-color: #93B594
}
.ClientCommentsHeaderJazz {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 14px;
	color: #752F77;
	background-color: #FDF9ED;
	text-transform: uppercase;
	font-weight: bold;
	width: 170px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #752F77;
	border-bottom-color: #752F77
}
.ClientCommentsHeaderCeremony {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 14px;
	color: #4D92F9;
	background-color: #FDF9ED;
	text-transform: uppercase;
	font-weight: bold;
	width: 170px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #4D92F9;
	border-bottom-color: #4D92F9
}
.LinkText { 
font-weight: bold; font-size: 10pt; 
font-family: "Trebuchet MS", Verdana, Arial;
text-align: center 
}
.ActsCenterHeader {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 20px;
	font-weight: bold;
	color: #173567;
	text-align: center
}
.GradientBands {
	background-repeat: repeat-y;
	background-color: F8B950;
	background-image: url(/images/GradientBands.jpg);
	text-align: right;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 12px;
	padding: 5px
}
.GradientSpecialty {
	background-repeat: repeat-y;
	background-color: #BE2822;
	background-image: url(/images/GradientSpecialty.jpg);
	text-align: right;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 12px;
	padding: 5px
}
.GradientDJs {
	background-repeat: repeat-y;
	text-align: right;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 12px;
	padding: 5px;
	background-color: #93B594;
	background-image: url(/images/GradientDJs.jpg)
}
.GradientJazz {
	background-repeat: repeat-y;
	text-align: right;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 12px;
	padding: 5px;
	background-color: #752F77;
	background-image: url(/images/GradientJazz.jpg)
}
.GradientCeremony {
	background-repeat: repeat-y;
	text-align: right;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 12px;
	padding: 5px;
	background-color: #4D92F9;
	background-image: url(/images/GradientCeremony.jpg)
}
.GradientContact{
	background-repeat: repeat-y;
	text-align: right;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 12px;
	padding: 5px;
	background-color: #4D92F9;
	background-image: url(/images/GradientContact.jpg)
}
.GradientLinks{
	background-repeat: repeat-y;
	text-align: right;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 12px;
	padding: 5px;
	background-color: #D301FA;
	background-image: url(/images/GradientLinks.jpg)}
.ORGBorder {
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #F8B950;
	border-bottom-color: #F8B950
}
.GRNBorder {
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #93B594;
	border-bottom-color: #93B594
}
.PURBorder {
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #752F77;
	border-bottom-color: #752F77
}
.BLUBorder {
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #4D92F9;
	border-bottom-color: #4D92F9
}
.REDBorder {
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #BE2822;
	border-bottom-color: #BE2822
}
.TEILBorder {
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #038EAF;
	border-bottom-color: #038EAF
}
.FUSBorder {
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #D301FA;
	border-bottom-color: #D301FA
}
.gray {
	color: #A0A0A4
}
.gray-dark {
	color: #666666}
.red {
	color: red;
}
.indent {
	margin-left: 30px;
}
.ThinFUSBRDR {
	border: 1px solid #76683D;
}
.right {
	text-align: right;
}
.GRYBorder {
	border: 1px solid #A0A0A4;
}
.gold {
	color: #F7CF58
}
.whtHeadline {
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 17px;
	color: #FFFFFF;
	font-weight: bold;
}

/* lightview.css
   http://www.nickstakenburg.com/projects/lightview
*/

#lightview {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 150px;
	width: 150px;
	margin: -75px 0 0 -75px;
	padding: 0;
}

/* The container that holds everything */
.lv_Container {
	position: relative;
	width: 100%;
	height: 100%;
	background: none;
	padding: 0;
	margin: 0;
}

.lv_Button {
	cursor: pointer;
	text-decoration: none;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

/* The buttons on the side when you view a gallery */
.lv_Sides {
	position: absolute;
	top: 50%;
	left: 0;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
}
.lv_Sides * { padding: 0; margin: 0; }
.lv_Sides li {
	list-style-type: none;
	position: relative;
	overflow: hidden;
}

.lv_PrevSide { float: left; }
.lv_NextSide { float: right; }
.lv_Sides .lv_Wrapper {
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.lv_Sides .lv_Button {
	float: left;
	background: none;
}

/* The frames above and below the center, that hold the corners.
   It's recommended not to change anything here, a lot is done in
   javascript to build further upon this based on your settings.
*/
.lv_Frames {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}
.lv_Frames li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.lv_Frame {
	width: 100%;
	display: block;
}
.lv_Frame * { padding: 0; margin: 0; }
.lv_FrameTop {
	position: absolute;
	left: 0;
	width: 100%;
	display: block;
}
.lv_FrameBottom {
	position: relative;
	float: left;
	clear: both;
}

.lv_Liquid {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	clear: both;
}
.lv_Liquid .lv_Filler {
	position: absolute;
	height: 100%;
	width: 2px;
	top: 0;
	left: 50%;
}

.lv_Half {
	display: block;
	height: 100%;
	clear: both;
	line-height: 0px;
}
.lv_Half li { list-style-type: none; }
.lv_Corner {
	float: left;
	position: relative;
}
.lv_CornerTr, .lv_CornerBr { float: right; }

.lv_Fill {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.lv_Half .lv_CornerWrapper {
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.lv_HalfRight .lv_CornerWrapper { float: right; }

.lv_Corner { position: relative; }
.lv_Corner canvas { position: relative; }
.lv_HalfLeft .lv_Corner { float: left; }
.lv_HalfRight .lv_Corner {
	position: relative;
	float: right;
}

/* To position content correctly in the center with correct
   rounded corner display we need a few wrappers.
   This is to get it right on all browsers.
*/
.lv_Center {
	position: relative;
	clear: both;
	height: 100%;
	overflow: hidden;
	background: none;
	padding: 0;
	margin: 0;
}
.lv_WrapUp {
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapDown {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapCenter {
	position: relative;
	padding: 0;
	margin: 0;
}

/* The loading indicator */
.lv_Loading {
	position: absolute;
	top: 50%;
	left: 50%;
}
.lv_Loading .lv_Button {
	float: left;
	height: 100%;
	width: 100%;
}

.lv_MediaWrapper {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0;
}
.lv_MediaWrapper img {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}

/* The overlays on top of images that toggle the previous/next buttons */
.lv_PrevNext {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.lv_PrevNext * { padding: 0; margin: 0; }
.lv_PrevNext .lv_Button {
	position: relative;
	height: 100%;
}
.lv_PrevButton { float: left; }
.lv_NextButton { float: right; }

/* The bar that holds title, caption, imagenumber, slideshow and closebutton */
.lv_MenuBar {
	clear: both;
	position: relative;
	width: 100%;
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
	color: #808080;
	padding: 0;
	margin: 0;
}
.lv_MenuBar * { padding: 0; margin: 0; }

/* When the Menubar is at the top, on (ajax/iframe/inline) content,
   it will also have this style.
   The margins are removed here for better alignment, and since it's
   at the top we switch the inner margins to the other side.
*/
.lv_MenuTop .lv_DataText div,
.lv_MenuTop .lv_ImgNumber div { margin: 0; padding: 0; }
#lightview .lv_MenuTop .lv_Close, 
#lightview .lv_MenuTop .lv_Data { margin: 0 0 6px 0; }

.lv_Close, .lv_Data { margin: 6px 0 0 0; }
.lv_Close { float: right; overflow: hidden; }
.lv_Close .lv_Button {
	float: right;
	width: 100%;
	height: 100%;
}

.lv_Data {
	position: relative;
	float: left;
	padding-bottom: 3px;
	line-height: 13px;
}

/* simulates padding-left inside .lv_Data */
.lv_DataText div, .lv_ImgNumber div { margin-left: 3px; }

.lv_Data li {
	list-style-type: none;
	float: left;
	margin-top: 3px;
}
.lv_DataText { width: 100%; }
.lv_DataText .lv_Title {
	font-weight: bold;
	margin-bottom: 2px;
}
.lv_DataText .lv_Caption { clear: both; }
.lv_Data .lv_ImgNumber {
	color: #b8b8b8;
	margin-right: 5px;
	margin-top: 5px;
}
.lv_Data .lv_Slideshow {
	border-left: 1px solid #efefef;
	padding-left: 5px;
	margin-top: 5px;
	vertical-align: middle;
}
.lv_Data .lv_Slideshow .lv_Button { /* play and stop */
	float: left;
	background-position: center left;
	background-repeat: no-repeat;
}

/* the boxes that hold media or external content */
.lv_Media,
.lv_External {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

#lightview iframe {
	border: 0;
	clear: both;
	padding: 0;
	margin: 0;
	background: none;
}

/* The container that hold buttons above the view, currently only topclose */
.lv_topButtons {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_topcloseButtonImage { cursor: pointer; }


/* The error/warning/download message that will appear when
   a required plugin is not installed.
*/
#lightviewError p { padding: 0 0 10px 0; }
#lightviewError div {
	padding: 6px;
	font: 11px Arial, Helvetica, sans-serif;
}
#lightviewError .message {
	background: #fcb5b5;
	color: #dd1f1f;
	margin-bottom: 3px;
}
#lightviewError .type { font-weight: bold; }
#lightviewError .pluginspage {
	background: #b5fcbd;
	color: #21be30;
}
#lightviewError a,
#lightviewError a:hover,
#lightviewError a:visited {
	color: #21be30;
	text-decoration: none;
	background: none;
	font-weight: bold;
	border-bottom: 1px solid #7de689;
}
#lightviewError p {
	margin-left: 0;
	padding: 0;
}

#overlay {
  position: absolute; /* Opera will use fixed */
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}


* html #lightview { /* IE6 */
	position: absolute;
	margin-top: expression( -1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + 'px');
	margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
}

/* Always cover 100% of the screen in IE6 */
html #overlay {
	position: absolute;
	height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' );
	width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' );
}