/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";


#skiplinks { display:none;}

body { background:#e6f0e6 url(img/bg.jpg) repeat-x left top; color:#3d3d3d; padding:25px 0;}
hr { display:none;}
a { color:#006300;}
/* Site
-------------------------------------------------------------- */
  
/* Put your site styles here */
#pagewidth { width:920px; padding:4px;margin:0 auto; text-align:left; border:3px solid #a7bfa6; background:#fff url("img/pagewidth_bg.jpg") no-repeat right top;}
#header {position:relative; height:400px;}
	#logo {position:absolute;top:27px;left:15px;height:95px; width:445px; background:transparent url("img/ice-logo.gif") no-repeat left bottom; z-index:0;}
	#logo {padding-bottom:0;}  /*padding bottom 0 to remove space in IE5 Mac */
	#logo h1 {font-size:3px;padding:0px;margin:0px; }
	#logo h1 a {display:block;width:161px;height:115px;text-decoration:none;text-indent:-9999em;}

	#lang { position:absolute; right:13px; top:5px; width:600px; text-align:right;}
	#lang ul {margin:0; padding:0;}	
	#lang ul li {margin:0 0 0 6px; padding:0; display:inline; list-style-type:none; white-space:nowrap;}
	#lang ul li img {display:inline;}
	

	#funcbar { position:absolute; right:13px; top:75px; height:23px; text-align:right;background:#00a2f7 url("img/func_right.png") no-repeat right center;}	
	#funcbar ul {margin:0; padding:0 4px;background:transparent url("img/func_left.png") no-repeat left top;}	
	#funcbar ul li { line-height:23px;margin:0; padding:0; display:inline; list-style-type:none; white-space:nowrap;}
	#funcbar ul li a {color:#fff; text-decoration:none; padding:0 15px 0 13px;background:transparent url("img/func_separator.png") no-repeat right top;}
	#funcbar ul li a:hover { text-decoration:none;}
	#funcbar ul li a.last { background-image:none;}


	#navbar { position:absolute; right:13px; top:130px; width:896px;line-height:19px; background:transparent url("img/navbar_bg.png") no-repeat top right; -moz-border-radius: 5px;}	
	#navbar ul {margin:0; padding:0;}	
	#navbar ul li { margin:0; padding:0; display:inline; list-style-type:none; white-space:nowrap;}
	#navbar ul li a { text-transform:uppercase; color:#fff; font-size:12px; font-weight: bold; padding:2px 15px; text-align:center;display:block; float:left; text-decoration:none; background:transparent url("img/navbar_separator.png") no-repeat right top;}
	#navbar ul li a:hover,	#navbar ul li a.active { background-color:#ff9c00;background-image:none;}
	#navbar ul li a.last { background-image:none;}
	
	#subnavbar { position:absolute; right:13px; top:155px; width:896px;line-height:26px; background-color:#cadfca;}	
	#subnavbar ul {margin:0; padding:0;}	
	#subnavbar ul li { margin:0; padding:0; display:inline; list-style-type:none; white-space:nowrap;}
	#subnavbar ul li a { font-weight:bold;color:#006300;padding:0px 12px; text-align:center;display:block; float:left; text-decoration:none; background:transparent url("img/subnavbar_separator.png") no-repeat right top;}
	#subnavbar ul li a:hover,	#subnavbar ul li a.active { background-color:#79ad79;background-image:none; color:#fff;}
	#subnavbar ul li a.last { background-image:none;}
	
	.banner1 {height:210px;left:11px;position:absolute;top:180px;width:896px;}
	#banner {height:210px;left:11px;position:absolute;top:180px;width:896px;z-index:0}
    #splash {filter:alpha(opacity=70);background-color:#000;opacity:0.5;color:#FFF;display:block;font-size:1.6em;left:11px;padding:20px 19px;position:absolute;top:325px;height:15px; z-index:1; width:857px;}
    #splash {behavior: url("/css/img/iepngfix.htc");}

#main { margin:0px 0px 0px 0px; }
#main h1 { color:#006300;}
#main h2 { color:#006300;}
#main h3 { color:#006300; font-size:1.4em; margin:0 0 3px 0}
	
#main .ui-50 {width:65%; float:left;background:transparent url("img/divider2.png") repeat-y right top; padding:3px 23px 0px 0px}
#main .ui-50 h3, #main .ui-50 p{text-align:justify;}
#main .ui-right {width:30%;float:right; background:none; padding: 3px 0px 0px 0px}
#main .ui-wideBody {width:876; border-right:none;}
#main .ui-internal {width:70%; float:left;background:transparent url("img/divider2.png") repeat-y right top; padding:3px 23px 0px 0px}
#main .ui-Iright {width:26%;float:right;background:none; padding: 3px 0px 0px 0px}


#main a.with-border {padding:5px; background-color:#e4e4e4; float:right;margin:0 23px 7px 7px}
#main a.with-border img{padding:3px; border:1px solid #ccc; background-color:#FFF; }

.picture-border {padding:3px; border:1px solid #ccc; background-color:#FFF; }

#main .box {width:283px; height:140px;margin:20px 15px 1px 0; float:left; }
#main .box h3 {color:#000; font-family:Arial, Helvetica, sans-serif; margin:0 0 7px 0; font-size:1.3em; font-weight:bold;}
#main .box p {margin-bottom:0.5em; line-height:1.1em; }
#main .box a.with-border { margin:0 0 7px 0;}
#main .box a { font-weight:bold;}

#main .content { padding:5px 0 0 0;}

#footer  { margin:0; font-size:0.9em; border-top:1px solid #ddd; padding:20px 0 0 0}
#footer .address1,
#footer .address2 {float:left; border-right:1px solid #ccc;}
#footer .address1 { width:175px; margin-right:30px;height:130px;}
#footer .address2 { width:220px; height:130px;}
#footer .address3 { width:170px; float:left; margin-left:10px;}

#footer .logos { width:442px;float:right;padding:0 4px 0 0;}
#footer .logos img { float:right;  }
#footer .colored { color:#006300; font-weight:bold;} 
#footer .ending {  margin-top:40px; text-align:center;}
#footer  p {margin-bottom:0;}
#follow-us {display:inline; float:left; margin-left:0; width:60px;}
#map {width:445px; height:350px; border:1px solid #CCC}
.pictures { width:225px; height:115px; border:5px solid #e4e4e4;}
.oneVideo {width:300; height:300;}
.twoVideo {width:300; height:150;}
.fourVideo { width:180px; height:115px; }
#bottomBox {width:920px; text-align:left; color:#006300; margin:0 auto; padding-top:20px;}
#visrez-logo {width:920px; text-align:left; color:#006300; margin:0 auto; padding-top:20px;}
.dataItemCSS{-moz-border-radius: 5px; background-color:#006300; color:White}
.jqueryForm{width:400px; float:right; border-top:1px solid #ddd; padding: 20px;}
#video1  
{
padding-bottom:20px;
display:block;
width: 180px;
height: 115px;
background: transparent url(/Images/video-1.jpg) no-repeat;
float:left;
}

#video1:hover {
background: transparent url(/Images/video-1-over.jpg) no-repeat;
} 
#video2  
{
padding-bottom:20px;
display:block;
width: 180px;
height: 115px;
background: transparent url(/Images/video-2.jpg) no-repeat;
float:right;
}

#video2:hover {
background: transparent url(/Images/video-2-over.jpg) no-repeat;
} 
#video3 
{
padding-bottom:20px;
display:block;
width: 180px;
height: 115px;
background: transparent url(/Images/video-3.jpg) no-repeat;
float:left;
}

#video3:hover {
background: transparent url(/Images/video-3-over.jpg) no-repeat;
} 
#video4  
{
padding-bottom:20px;
display:block;
width: 180px;
height: 115px;
background: transparent url(/Images/video-4.jpg) no-repeat;
float:right;
}

#video4:hover {
background: transparent url(/Images/video-4-over.jpg) no-repeat;
} 
.forms{ padding-left:30px; width:170px;}


#video1-400x300  
{
padding-bottom:20px;
display:block;
width: 400px;
height: 300px;
background: transparent url(/Images/video-1-400x300.jpg) no-repeat;
}

#video1-400x300:hover {
background: transparent url(/Images/video-1-over-400x300.jpg) no-repeat;
}

#video1-400x149  
{
padding-bottom:20px;
display:block;
width: 400px;
height: 149px;
background: transparent url(/Images/video-1-400x149.jpg) no-repeat;
}

#video1-400x149:hover {
background: transparent url(/Images/video-1-over-400x149.jpg) no-repeat;
}

#video2-400x149  
{
padding-bottom:20px;
display:block;
width: 400px;
height: 149px;
background: transparent url(/Images/video-2-400x149.jpg) no-repeat;
}

#video2-400x149:hover {
background: transparent url(/Images/video-2-over-400x149.jpg) no-repeat;
}

#main #ticket_form
{
   background: transparent url(/Images/book-now-background-1.jpg) no-repeat;
    padding: 15px;
}
#main #ticket_form p
{
    color: #FFF;
    font-weight: bold;
    font-family: Trebuchet MS;
    text-align: center;
}
#simpleviewer_image
{
    height:600px;
    width:896px;
    }