img, div { behavior: url(images/iepngfix.htc) }

body {
	background:url(images/bg.jpg) top center repeat-x;
	background-color: #cbe6f8;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#555555;
padding:0px;
margin:0px;
line-height:19px;
}
a {color: #42688c; border:none;}
a:visited {color:#42688c; border:none;}
a:hover {color: #911b34; border:none;}
a:active { color:#42688c; border:none;}

h1 {
font-size: 11px;
padding:5px 15px;
margin:0px }

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}


/* ----------container to center the layout-------------- */
#container {
width: 865px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
}

/* ----------banner for logo-------------- */
#banner {
	background:url(images/city.jpg) top center no-repeat;
	height: 210px;
	width:850px;
text-align: left;
padding: 0px;
margin: 0px auto;
}

#nav {
	background:url(images/nav.jpg) top center no-repeat;
	height: 38px;
	width:850px;
text-align: right;
padding: 0px;
margin: 0px auto;
}

/* -----------------content--------------------- */
#content {
padding: 0px;
margin-left: 0px;
margin-right: 250px;
}
div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

#lefttext{
	width:290px;
	float:left;
	text-align:justify;
	}
	
#righttext{
	width:290px;
	float:right;
	text-align:justify;
	}	
	
p {
padding: 5px 10px;
margin:0px;
}

/* --------------left navi------------- */
#right {
float: right;
width: 250px;
margin: 0px;
padding: 17px 0px 0px 0px;
}

#rightindex {
float: right;
width: 250px;
margin: 0px;
padding: 27px 0px 0px 0px;
}

/* -----------footer--------------------------- */
#footer {
clear: both;
width:692px;
margin: 0px auto;
padding: 0px;
text-align: center; }


ul {list-style:none;margin:0;padding:0px 0px 0px 25px; border:none;}
	li {float:left;width:115px;margin:0;padding:0;text-align:center; border:none;}
	li a {display:block;padding: 0px;height:100%;color:#FFF;text-decoration:none; border:none;}
	li a {background:url(bg2.jpg) repeat 0 0; border:none;}
	li a:hover, li a:focus, li a:active {background-position:-150px 0;}
	#a a {background:url(images/nav_bg.jpg) repeat -20px 38px; border:none;}
	#b a {background:url(bg2.jpg) repeat 0 0; border:none;}
	#c a {background:url(bg3.jpg) repeat 0 0; border:none;}
	#d a {background:url(bg4.jpg) repeat 0 0; border:none;}

.rollOverImageLink img
			{
				border:0px;
			}

			.rollOverImageLink .overImage, .rollOverImageLink .disabledImage
			{
				display:none;
			}	

			.rollOverImageLink .overImage
			{
				position:absolute;
			}

	
.fade {
	border:none;
	text-decoration:none;

}

.fade div {
  display: none;
}	

#contactFormContainer
            {
				position: absolute;
            	left: 50%;
				margin-left: 215px;
				z-index:101;
				width: 194px;
            }
            #contactForm
            {
            	height:360px;
            	width:194px;
            	display:none;
				background:url(images/sendform.jpg) top center repeat-x;
				line-height:13px;
            }
            #contactForm fieldset
            {
            	padding:30px;
            	border:none;
            }      
            #contactForm label
            {
            	display:block;
            	color:#0e3b78;
            }      
            #contactForm input[type=text]
            {
            	display:block;
            	border:solid 1px #0e3b78;
            	width:100%;
            	margin-bottom:10px;
            	height:18px;
            }  
            #contactForm textarea
            {
            	display:block;
            	border:solid 1px #0e3b78;
            	width:100%;
            	margin-bottom:10px;
            }  
			
            #contactForm input[type=submit]
            {
            	background-color:#336bb8;
            	border:solid 1px #0e3b78;
            	color:#ffffff;
            	padding:5px;
            }                
            #contactLink
            {
            	height:31px;
            	width:194px;
            	background-image: url(images/send.jpg);
            	display:block;
            	cursor:pointer;
            }
            #messageSent
            {
            	color:#0e3b78;
            	display:none;
            }
			
#computer{
	width: 250px;
	height:218px;
	background:url(images/wallpaper/wallpaper_bg.png) top center no-repeat;
	line-height:15px;
	float:left;
	margin-top:30px;
	}
#computer2{
	width: 250px;
	height:218px;
	background:url(images/wallpaper/wallpaper_bg.png) top center no-repeat;
	line-height:15px;
	float:left;
	margin-top:30px;
	}	
	
#iphone{
	width: 150px;
	height:248px;
	background:url(images/wallpaper/iphone_bg.png) top center no-repeat;
	line-height:15px;
	float:left;
	}
	
#iphone2{
	width: 250px;
	height:180px;
	background:url(images/wallpaper/wallpaper_bg.png) top center no-repeat;
	line-height:15px;
	float:left;
	}	
.boxgrid{  
    width: 100px;  
    height: 150px;  
    margin:10px;  
    float:left;  
    background:#161613;    
    overflow: hidden;  
    position: relative;  
	top: 40px;
	left:18px;
 }  
 
  .slideup{  
    width: 164px;  
    height: 98px;  
    background: url(images/wallpaper/1/icefest1_th_dark.jpg) top center no-repeat;  
    overflow: hidden;  
    position: relative;
	top:19px;
	left:41px;
	float:left;
 }  
 
  .slideup2{  
    width: 164px;  
    height: 98px;  
    background: url(images/wallpaper/2/icefest2_th_dark.jpg) top center no-repeat;  
    overflow: hidden;  
    position: relative;
	top:19px;
	left:41px;
	float:left;
 }  
 
   .slideup a{ color:#FFFFFF;  }
   .slideup a:hover { color: #3679FF;  }
   
   .slideup2 a{ color:#FFFFFF;  }
   .slideup2 a:hover { color: #3679FF;  }
 
 
.boxgrid img{  
    position: absolute;  
    top: 0;  
    left: 0;  
    border: 0;  
 }  
 
 .slideup img{  
    position: absolute;  
    top: 0;  
    left: 0;  
    border: 0;  
 }  
 
  .slideup2 img{  
    position: absolute;  
    top: 0;  
    left: 0;  
    border: 0;  
 }  
 
.boxcaption{  
    float: left;  
    position: absolute;  
    background: #000;  
    height: 100px;  
    width: 100%;  
    opacity: .8;  
    /* For IE 5-7 */  
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  
    /* For IE 8 */  
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
 } 
 
.captionfull .boxcaption {  
    top: 260;  
    left: 0;  
 }  
.caption .boxcaption {  
    top: 220;  
    left: 0;  
} 			

/* -----------forms--------------------------- */

span.checkbox {
width: 30px;
height: 30px;
padding: 0 5px 0 0;
background: url(images/input_checkbox.gif) no-repeat;
display: block;
margin: -5px 0 5px 0;
clear: left;
float: left;
}

span.radio {
width: 30px;
height: 30px;
padding: 0 5px 0 0;
background: url(images/input_checkbox.gif) no-repeat;
display: block;
clear: left;
float: left;
}

span.select {
position: absolute;
width: 168px;
height: 24px;
padding: 0 24px 0 8px;
color: #ffffff;
font: 12px/24px Arial, sans-serif;
background: url(images/input_select.gif) no-repeat;
overflow: hidden;
}

textarea.form {border: 1px solid #333; background-color: #ffffff; width: 200px; height: 100px; color: #333333; margin: 0; padding: 0;}

input.form {
background: url(images/input.png) no-repeat 0 0;
border: none;
font-size: 12px;
line-height: 24px;
float: left;
margin: 1px 0 0 0;
padding: 4px 10px 0 10px;
height: 24px;
width: 180px;
display: block;
color: #000;
}

input:hover.form {background-position: 0 -28px;}
input:focus.form {background-position: 0 -56px; color: #ffffff;}

input.send_button {border: none; text-indent: -9999px; overflow: hidden; width: 120px; height: 28px; background: url(images/input_button_send.gif) no-repeat 0 0 #cccccc; cursor: pointer; display: block; font-size: 0px; display:block; line-height: 0px;}
input.send_button:hover {background-position: 0 -28px;}