﻿
/* ------------------------------------------------------- 
  remote box
------------------------------------------------------- */

#remotebox {position:relative; left:0px; top:0px; height:30px; width:910px; background-color:#e2e8e4; margin-bottom:10px; padding:16px 25px 16px 25px;}
#remoteform {position:absolute; top:24px; left:715px; width:180px;}
#remoteform input {width:127px; border:solid 1px #8a8e91;}
#remotetitle {position:relative; left:0px; top:0px; color:#333333; font-weight:bold; font-size:1.2em;}

#forminput {position:relative; left:0px; top:0px;}
#formbutton {position:absolute; top:0px; left:135px;}
#formbutton input{border:none; padding-left:0px;}

/* ------------------------------------------------------- 
  home
------------------------------------------------------- */

#hometext {position:relative; top:0px; left:0px; font-size:1.5em; color:#3b4f6a; width:810px; line-height:1.4em; margin-bottom:15px;}
#homebox {position:relative; top:0px; left:0px; width:900px; height:359px;}
#homeleft {float:left; width:652px; margin:0px 35px 0px 0px; border:0px; padding:0px;}
#homeright {float:left; width:203px; margin:15px 0px 0px 10px; border:0px; padding:0px; color:#435563;}


#imagemenu {
	position: relative;
	width: 650px;
	height: 349px;
	overflow: hidden;
	margin: 8px 0 10px;
}
#imagemenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 349px;
	width: 1000px;
}
#imagemenu ul li {
	float: left;
}
#imagemenu ul li .slide  {
	background: #fff none repeat scroll 0%;
	overflow: hidden;
	width: 216px;
	height: 349px;
	position: relative;
	cursor: pointer;
	border-left:solid 1px #e2e8e4;
}
#imagemenu ul li.menu-orange .slide {
	background: url(../images/menu-orange-bg.gif) no-repeat scroll 0%;
}
#imagemenu ul li.menu-blue .slide {
	background: url(../images/menu-blue-bg.gif) no-repeat scroll 0%;
}
#imagemenu ul li.menu-green .slide {
	background: url(../images/menu-green-bg.gif) no-repeat scroll 0%;
}
#imagemenu ul li.menu-black .slide {
	background: url(../images/menu-black-bg.gif) no-repeat scroll 0%;
}
#imagemenu ul li.menu-pink .slide {
	background: url(../images/menu-pink-bg.gif) no-repeat scroll 0%;
}
#imagemenu ul li .slide .bg {
	height:349px;
	overflow: hidden;
	display: block;
	text-decoration: none;
	cursor: pointer;
}
#imagemenu ul li.menu-orange .slide .bg {
	background: url(../images/home1.jpg) no-repeat top left;
	background-color:#ffffff;
}
#imagemenu ul li.menu-blue .slide .bg {
	background: url(../images/home2.jpg) no-repeat top left;
	background-color:#ffffff;
}
#imagemenu ul li.menu-green .slide .bg {
	background: url(../images/home3.jpg) no-repeat top left;
	background-color:#ffffff;
}
#imagemenu ul li.menu-black .slide .bg {
	background: url(../images/aaa.gif) no-repeat 100% 0;
}
#imagemenu ul li.menu-pink .slide .bg {
	background: url(../images/aaa.gif) no-repeat 100% 0;
}
#imagemenu .heading {
	position: absolute;
	top: 24px;
	left: 10px;
	width: 240px;
	color:#9aa8b1;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:1.6em;
}
#imagemenu .heading strong,
#imagemenu .heading span {
	display: block;
	text-indent: -9999px;
	height: 18px;
	overflow: hidden;
}
#imagemenu .heading span {
	height: 21px;
}


#imagemenu .text {
	position: absolute;
	top: 55px;
	left: 225px;
	width: 240px;
	display: none;
	color: #000000;
	font-size: 11px;
	line-height: 15px;
}
#imagemenu ul li.menu-green .text span { color: #e1610f; }
#imagemenu ul li.menu-blue .text span { color: #e1610f; }
#imagemenu ul li.menu-pink .text span { color: #e1610f; }
#imagemenu ul li.menu-orange .text span { color: #e1610f; }
#imagemenu ul li.menu-black .text span { color: #e1610f; }
.bottom-line {
	border-top: 1px solid #d4e0e7;
	height: 1px;
	overflow: hidden;
	height: 9px;
	margin: 0 0 0 5px;
	display: block;
	font-size: 0;
}
