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;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* 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;
}

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.0625em;
	line-height: 1.353;
	word-spacing: 0.15em;
	text-align: center;
	background:#ee4036 URL(/images/bk.gif) repeat-x 0 0;
}

html>/**/body {
	overflow-y: scroll;
}

span, div, #content .component a, .supp img{
  behavior: url(/images/iepngfix.htc) 
}

a{
  text-decoration:none;
}

a:hover{
  text-decoration:underline;
}

.container{
  text-align:left;
  width:935px;
  margin:0 auto;
  background:#FFF URL(/images/bk_content.gif) repeat-x 0 0;
  color:#808184;
  min-height:100%;
}

#hd:after, #nav:after, #nav ul:after, #topnav #undernav:after, #content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#hd{
  height:1%;
  display:inline-block;
  width:100%;
  margin-top:24px;
  padding-bottom:32px;
  background:URL(/images/bk_hd.gif) repeat-x 0 0;
}

#logo{
  margin:26px 0 0 24px;
  float:left;
  width:auto;
}

#hd .tel{
  background:URL(/images/bk_tel.gif) 0 0;
  width:100px;
  padding:12px 314px 12px 20px;
  height:37px;
  float:right;
  clear:right;
  color:#F47929;
  position:relative;
  line-height:1;
  text-indent:-9999px;
}

#hd .tel img{
  position:absolute;
  right:20px;
  top:12px;
}

#quicknav{
  float:right;
  width:auto;
  margin-bottom:0.5em;
}
#quicknav li{
  display:inline; 
}

#quicknav li a{
  display:block;
  text-decoration:none;
  position:relative;
  margin-left:8px;
  padding:0 14px;
  float:left;
  color:#FFF;
  line-height:1.231;
  font-size:0.765em;
  font-family:"Arial Rounded MT Bold", Arial, sans-serif;
}

#quicknav li a span{
  background:URL(/images/loz.gif) repeat-x 0 0;
  display:block;
  text-decoration:none;
  padding:7px 0;
  min-height:16px;
  cursor:pointer;
}

#quicknav li a span.left{
  display:block;
  position:absolute;
  left:0;
  top:0;
  background:URL(/images/loz_left.png) no-repeat 0 0;
  height:30px;
  width:14px;
  border:none;
  padding:0;
}
#quicknav li a span.right{
  display:block;
  position:absolute;
  right:0;
  top:0;
  background:URL(/images/loz_right.png) no-repeat 0 0;
  height:30px;
  width:14px;
  border:none;
  padding:0;
}


#quicknav li.active a span, #quicknav li a:hover span{
  background:URL(/images/loz.gif) repeat-x 0 -170px;
  color:#FBAD18;
}

#quicknav li.active a span.left, #quicknav li a:hover span.left{
  background:URL(/images/loz_left.png) no-repeat 0 -32px;
}

#quicknav li.active a span.right, #quicknav li a:hover span.right{
  background:URL(/images/loz_right.png) no-repeat 0 -32px;
} 


.vcard .type{
  display:none;
}


#topnav{
  position:relative;
  color:#FFF;
  margin-bottom:14px;
  display:inline-block;
}

#topnav #undernav{
  width:886px;
  margin:0 24px;
  background:#fead20 URL(/images/bk_topnav.jpg) no-repeat 0 100%;
  min-height:11.6em;
  height:1%;
  display:inline-block;
}

.nav1 #topnav #undernav{
  background-position:-891px 100%;
  background-color:#72c34d;
  color:#00AD58;
}

.nav2 #topnav #undernav{
  background-position:-1782px 100%;
  background-color:#5574b7;
  color:#5574b7;
}

.nav3 #topnav #undernav{
  background-position:-2673px 100%;
  background-color:#ef5999;
  color:#ef5999;
}

.nav4 #topnav #undernav{
  background-position:-3564px 100%;
  background-color:#fbac18;
  color:#fbac18;
}

.nav5 #topnav #undernav{
  background-position:-4455px 100%;
  background-color:#009fe0;
  color:#009fe0;
}

.nav6 #topnav #undernav{
  background-position:-5346px 100%;
  background-color:#f47929;
  color:#f47929;
}


#nav{
  background:#FFF;
  height:1%;
  position:relative;
  margin:0 0 0 24px;
}

#nav li{
  display:inline;
}


#nav li a, #years li a{
  float:left;
  width:94px;
  text-align:center;
  background:URL(/images/tab.gif) no-repeat 0 0;
  min-height:30px;
  margin-left:3px;
  color:#808184;
  text-decoration:none;
  padding:12px 15px;
  font-size:0.765em;
  line-height:1;
  font-family:"Arial Rounded MT Bold", Arial, sans-serif;
}

#nav li.first a{
  margin-left:0;
}

#nav li.last{
  margin-right:10px;
}

#nav li.active a, #nav li a:hover, #years li a{
  background-position:-126px 0;
  color:#FFF;
}

.nav1 #nav li.active a, #nav li.nav1 a:hover{
  background-position:-252px 0;
}

.nav2 #nav li.active a, #nav li.nav2 a:hover{
  background-position:-377px 0;
}

.nav3 #nav li.active a, #nav li.nav3 a:hover{
  background-position:-503px 0;
}

.nav4 #nav li.active a, #nav li.nav4 a:hover{
  background-position:-126px 0;
}

.nav5 #nav li.active a, #nav li.nav5 a:hover{
  background-position:-629px 0;
}

.nav6 #nav li.active a, #nav li.nav6 a:hover{
  background-position:-755px 0;
}

#nav ul{
  position:absolute;
  top:5em;
  left:16px;
  margin:0;
}

#years{
  position:absolute;
  top:5em;
  left:40px;
  margin:0;
}

#nav ul li, #years li{
  display:inline;
}

#nav li.active ul li a, #years li a{
  float:left;
  width:auto;
  background:none;
  height:auto;
  margin-left:8px;
  padding:0 14px;
  line-height:1.231;
  font-size:0.765em;
  min-height:0;
  position:relative;
}

#nav li.active ul li a span, #years li a span{
  background:URL(/images/loz.gif) repeat-x 0 0;
  display:block;
  text-decoration:none;
  padding:7px 0; 
  min-height:16px;
  cursor:pointer;
}

#nav li.active ul li a span.left, #years li a span.left{
  display:block;
  position:absolute;
  left:0;
  top:0;
  background:URL(/images/loz_left.png) no-repeat 0 0;
  height:30px;
  width:14px;
  border:none;
  padding:0;
}
#nav li.active ul li a span.right, #years li a span.right{
  display:block;
  position:absolute;
  right:0;
  top:0;
  background:URL(/images/loz_right.png) no-repeat 0 0;
  height:30px;
  width:14px;
  border:none;
  padding:0;
}

#nav li.active ul li.active a span, #nav li.active ul li a:hover span, #years li.active a span, #years li a:hover span{
  background:URL(/images/loz.gif) repeat-x 0 -170px;
  color:#808184;
}

#nav li.active ul li.active a span.left, #nav li.active ul li a:hover span.left, #years li.active a span.left, #years li a:hover span.left{
  background:URL(/images/loz_left.png) no-repeat 0 -32px;
}

#nav li.active ul li.active a span.right, #nav li.active ul li a:hover span.right, #years li.active a span.right, #years li a:hover span.right{
  background:URL(/images/loz_right.png) no-repeat 0 -32px;
}

#nav ul ul{
  top:4em;
  left:4px;
  position:absolute;
  width:440px;
}

#nav li.active ul li.active ul li a{
  position:relative;
  padding:0 0 0 10px;
  background:URL(/images/sep.gif) 0 1px no-repeat;
}

#nav li.active ul li.active ul li a:hover, #nav li.active ul li.active ul li.active a{
  text-decoration:underline;
}

#nav li.active ul li.active ul li.first a{
  background:none;
  padding-left:0;
}

#nav li.active ul li.active ul li a span{
  color:#FFF !important;
  background:none !important;
  border:none;
  position:relative;
  padding:0;
  height:auto !important;
}

#topnav h1{
  position:absolute;
  font-size:2.467em;
  line-height:1;
  bottom:25px;
  left:48px;
  color:#FFF;
  width:480px;
  font-family:"Arial Rounded MT Bold", Arial, sans-serif;
  font-weight:normal;
}

#topnav .bot{
  
}

#content{
  background:#EDEDEE;
  position:relative;
  margin:0 25px 25px;
  padding:24px;
  height:1%;
  display:inline-block;
  width:837px;
}
#content .top{
  background:URL(/images/bk_main_top.gif) 0 0 no-repeat;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:22px;
}
#content .bot{
  background:URL(/images/bk_main_bot.gif) 0 0 no-repeat;
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:22px;
}

.home #content{
  background:#FBAD18;
}

.home #content .top{
  background-image:URL(/images/bk_home_top.gif);
}
.home #content .bot{
  background-image:URL(/images/bk_home_bot.gif);
}

.home #content #main .intro .component p{
	left: 0;
	bottom: 0;
}


.home #content .intro .component a{
  font-weight:bold;
  color:#FFF !important;
  padding:10px 0 15px 28px;
  width:457px;
  background:URL(/images/bk_home_link.png) 0 100% no-repeat;
  margin-bottom: 8px;
}

.home .supp .component a{
  padding:0;
  width:auto;
  background:none;
  margin-bottom: 0;
}

.home .supp .component a{
  padding:0;
  width:auto;
  background:none;
  margin-bottom: 0;
}

#content #main{
  float:left;
  width:493px;
}

#content #supp, #content .supp{
  float:right;
  width:298px;
}

#content .component{
  position:relative;
  margin-bottom:15px;
  float:right;
}

#content .component p{
  color:#FFF;
  position:absolute;
  left:0;
  bottom:0;
  margin-bottom:0;
  font-size:0.882em;
  line-height:1.133em;
}

.home #content .component p{
  left:30px;
  bottom:20px;
  width:238px;
}

#content .component a{
  font-weight:bold;
  color:#FFF !important;
  display:block;
  padding:10px 0 15px 28px;
  width:298px;
  background:URL(/images/bk_component_link.png) 0 100% no-repeat;
  margin-bottom: 10px;
}

#content .component.dark_link a{
  color:#87888A !important;

}

#content .component.dark_link a, #content .component.light_link a {
  padding:0;
  width:auto;
  background:none;
  margin-bottom: 10px;
}

#content .component.video{
  background:URL(/images/bk_video.gif) repeat-y 0 0;
  position:relative;
  min-height:74px;
  width:146px;
  padding:22px 74px 8px 24px;
  font-size:0.882em;
  line-height:1.133;
}

#content .component.video a, #content .component.normal a{
  color:#87888A !important;
  z-index:1;
  position:relative;
  display:inline;
  padding:0;
  background:none;
}


#content .component.normal p{
  color:#87888A !important;
  position:relative;
  margin-bottom: 1em;
  left: 0;
  bottom: 0;
  font-size: 1em;
}

#content .component.video .top{
  background:URL(/images/bk_video_top.gif) no-repeat 0 0;
  position:absolute;
  top:0;
  left:0;
  height:61px;
  width:244px;
}

#content .component.normal{
  background:URL(/images/bk_normal.gif) repeat-y 0 0;
  position:relative;
  min-height:60px;
  width:246px;
  padding:22px 28px 8px 24px;
  font-size:0.882em;
  line-height:1.133;
}

#content .component.normal .top{
  background:URL(/images/bk_normal_top.gif) no-repeat 0 0;
  position:absolute;
  top:0;
  left:0;
  height:22px;
}

#content .component.normal .bot{
  background:URL(/images/bk_normal_bot.gif) no-repeat 0 0;
  position:absolute;
  bottom:0;
  left:0;
  height:22px;
}

#content .component.video .bot{
  background:URL(/images/bk_video_bot.gif) no-repeat 0 0;
  position:absolute;
  bottom:0;
  left:0;
  height:22px;
  width:244px;
}


#content a, #content .highlight, #topnav .toptip h1, #topnav .toptip p, #nav li.active ul li.active a span, #nav li.active ul li a:hover span, #content blockquote  {
  color:#F47929;
}

.nav1 #content a, .nav1 #content .highlight, .nav1 #topnav .toptip h1, .nav1 #topnav .toptip p, .nav1 #nav li.active ul li.active a span, .nav1 #nav li.active ul li a:hover span, .nav1 #content blockquote{
  color:#00AD58;
}

.nav2 #content a, .nav2 #content .highlight, .nav2 #topnav .toptip h1, .nav2 #topnav .toptip p, .nav2 #nav li.active ul li.active a span, .nav2 #nav li.active ul li a:hover span, .nav2 #content blockquote{
  color:#5574b7;
}

.nav3 #content a, .nav3 #content .highlight, .nav3 #topnav .toptip h1, .nav3 #topnav .toptip p, .nav3 #nav li.active ul li.active a span, .nav3 #nav li.active ul li a:hover span, .nav3 #content blockquote{
  color:#ef5999;
}

.nav5 #content a, .nav5 #content .highlight, .nav5 #topnav .toptip h1, .nav5 #topnav .toptip p, .nav5 #nav li.active ul li.active a span, .nav5 #nav li.active ul li a:hover span, .nav5 #content blockquote{
  color:#009fe0;
}

.nav6 #content a, .nav6 #content .highlight, .nav6 #topnav .toptip h1, .nav6 #topnav .toptip p, .nav6 #nav li.active ul li.active a span, .nav6 #nav li.active ul li a:hover span, .nav6 #content blockquote, .nav6 #years li.active a span, .nav6 #years li a:hover span{
  color:#f47929;
}

#content p, #content ul, #content h2{
  margin-bottom:1em;
}

#content h3{
  color:#87888A;
}

.toptip{
   position:relative;
   width:240px;
   padding:22px 30px 20px 85px;
   min-height:100px;
   float:right;
   margin:1.8em 24px 25px 0;
   font-size:0.941em;
   line-height:1.25;
   font-weight:bold;
}
.toptip .top{
   position:absolute;
   left:0;
   top:0;
   width:355px;
   background:URL(/images/toptip_top.png) no-repeat 0 0;
   height:87px !important;
}
.toptip .bot{
  position:absolute;
  left:56px;
  bottom:0;
  height:22px;
  width:299px;
  background:URL(/images/toptip_bot.png) no-repeat 0 0;
}
.toptip .bk{
  background:URL(/images/toptip.png) repeat-y 0 87px;
  position:absolute;
  top:87px;
  left:0;
  bottom:22px;
  right:0;
  width:355px;
}
.toptip p{
  position:relative !important;
  z-index:1 !important;
  margin-bottom:1em !important;
}

.toptip p.link{
  position:absolute !important;
  z-index:1;
  bottom:20px !important;
  left:87px !important;
  width:355px;
  margin-bottom:0 !important;
}

.toptip a{
  color:#87888A;
  text-decoration:none;
  font-size:0.944em !important;
}
.toptip a:hover{
  text-decoration:underline !important;
}

.toptip h1{
  position:absolute;
  left:22px !important;
  top:20px !important;
  width:50px !important;
  z-index:1;
  font-size:1.067em !important;
  font-family:"Arial Rounded MT Bold", Arial, sans-serif;
  font-weight:normal;
  line-height:1.25em !important;
  margin:0 !important;
}

.toptip h1 span{
  display:block;
}

#content .toptip{
   position:relative;
   width:250px;
   padding:52px 48px 20px 55px !important;
   margin:0 0 0.35em -55px !important;
   min-height:66px !important;
   font-size:1.067em;
   line-height:1.25 !important;
   background:URL(/images/contenttip.gif) repeat-y 0 0;
}
#content .toptip .top{
   background:URL(/images/contenttip_top.gif) no-repeat 0 0;
   width:353px;
}
#content .toptip .bot{
  background:URL(/images/contenttip_bot.gif) no-repeat 0 0;
  width:353px;
}

#content .toptip .bk{
  display:none;
}

#content .toptip p{
  color:#F47929;
  position:relative;
}

#content .toptip a{
  color:#87888A;
}

#content .toptip h1{
  color:#F47929;
  font-size:0.941em !important;
  top:20px !important;
}

#content .toptip h1 span{
  font-size:1.625em;
  display:block;
}

#content .toptip p.link{
  bottom:42px !important;
}


.home #content .intro{
  font-weight:bold;
  color:#FFF;
  font-size:1.471em;
  line-height:1.077;
  float:left;
  width:458px;
}

.home #content .intro .component{
  font-weight:bold;
  color:#FFF;
  font-size:0.8em;
  line-height:1.077;
  float:left;
  width:458px;
}

.home #content .component{
  float:left;
  width:268px;
  margin-bottom:1em;
  padding-right:30px;
}

.home #content .inner{
  width:498px;
  background:#FFF;
  padding:22px 314px 22px 25px;
  position:relative;
  clear:both;
}

.home #content .inner .top{
  width:100%;
  height:22px;
  position:absolute;
  left:0;
  top:0;
  background:URL(/images/bk_home_inner_top.gif) no-repeat 0 0;
}
.home #content .inner .bot{
  width:100%;
  height:22px;
  position:absolute;
  left:0;
  bottom:0;
  background:URL(/images/bk_home_inner_bot.gif) no-repeat 0 0;
}


.home .component.dark_link p{
	color:#f47929 !important;
}

.intro{
  font-size:1.235em;
  line-height:1.19;
}

h2{
  font-size:1.471em;
  line-height:1.04;
  color:#231F20;
}

h2 .date{
  display:block;
  font-weight:normal;
  font-size:0.68em;
  color:#808184;
  display:block;
  margin-top:0.5em;
}

.case-study #content #main{
  width:352px;
}

.case-study #content #supp{
  float:right;
  width:454px;
}

#content #main ul li{
  list-style-type:disc;
  margin-left:25px;
  margin-bottom:0.5em;
}

#content #main ol li{
  list-style-type: decimal;
  margin-left:30px;
  
  margin-bottom:0.5em;
}

#content #main .quoteby{
  margin-top:-1em;
}

#supp img, .supp img{
  margin-bottom:1em;
}

#supp li, .supp li{
  margin-bottom:1em;
}
#supp li a img, .supp li a img{
  border:1px solid #808184;
  margin-bottom:0;
}

#supp .component img, .supp .component img{
  margin-bottom:0;
}


.request-form #content #main{
  width:526px;
}

iframe{
  height:50em;
  width:544px;
  overflow:scroll;
  background:#EDEDEE;
}

#requestform{
  text-align:left;
  background:#EDEDEE;
  color:#65676A;
  width:526px;
}

  
  #requestform form div{
    clear:both;
    position:relative;
    padding-top:1.5em;
    width:526px;  
  }
  
  #requestform form div.final{
    margin:3em 0;
    display:block;
  }
  
  
  #requestform form label{
    width:185px;
    display:block;
    float:left;
  }
  
  #requestform form input, #requestform form select{
    width:310px;
    float:left;
  }
  
  #requestform form input.less, #requestform form select.less{
    width:152px;
  }
  
  #content #main.promo_material .note{
    float:left;
    font-style:italic;
  }
  
  #requestform form input.submit{
    width:112px;
    height:31px;
    background:URL(/images/requestform_submit.gif) no-repeat 0 0;
    border:0;
    padding:0;
    float:right;
    color:#009fe0;
    font-weight:bold;
    font-size:1em;
  }
  
  #requestform form .FormHint{
    font-size:0.8125em;
    font-style:italic;
    position:absolute;
    left:0;
    top:3.5em;   
  }
  
  #requestform li{
    padding-left:185px;
    padding-top:1em;
    clear:both;
  }
  
  #requestform li strong{
    display:block;
    margin-left:-185px;
    width:170px;
    float:left;
  }
  
  #content #main table{
  	margin-bottom: 1em;

  }
	#content #main th, #content #main td{
		padding-right: 1em;

	}

.popup{
  background:#FFF;
  margin:20px;
  padding:20px;
  text-align:left;
}

.promo_material{
  width:526px !important;
}

#content #main.promo_material ul li{
  list-style-type:none;
  margin-left:0;
  overflow:hidden;
  margin-bottom:1.5em;
}

#content #main.promo_material label{
  width:185px;
  float:left;
  display:block;
}

#content #main.promo_material .text_field input{
  width:310px;
}

#content #main.promo_material .brochure img{
  vertical-align:text-top;
  float:left;
  margin-right:10px;
}

#content #main.promo_material .brochure span{
  float:left;
  display:block;
  width:310px;
}

#content #main.promo_material .brochure select{
  margin-bottom:0.5em;
}

#content #main.promo_material .submit{
  background:transparent url(/images/form_submit.gif) no-repeat scroll 0 0;
  border:0 none;
  color:#009FE0;
  float:right;
  font-size:1em;
  font-weight:bold;
  height:31px;
  padding:0;
  width:180px;
}

#content #main.promo_material .error, #content #main.promo_material .warning{
  color:#F00;
  font-size:0.846em;
}

/* 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;
}

.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;
	padding: 0;
	margin: 0;
	text-align:left;
}
.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 {
    position: relative;
	float: right;
	overflow: hidden;
	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 {
	margin-right: 5px;
	margin-top: 5px;
}

.lv_Data .lv_innerPrevNext, 
.lv_Data .lv_Slideshow {
	position: relative;
	border-left: 1px solid #efefef;
	padding: 0 5px;
	margin-top: 5px;
	vertical-align: middle;
}
.lv_Data .lv_Slideshow { padding-right: 0px; }

.lv_Data .lv_innerPrevNext .lv_Button, 
.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) + (Lightview.navbarHeight || 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' );
}