/* ================================ Layout ================================ */

div#container {
	padding-bottom:0;
	}

div#container div#copy {
	padding: 0;
	text-align:left;
	clear:both;
	position:relative;
	width:1000px;
	float:none;
	background:none;
	}
	
*html div#container div#copy {
	width:1000px;
	}	

	
/* ================================ Products ================================ */	
	
div#products {
	background: url(/images/home/bg-products.jpg) repeat-x;
	height:194px;
	padding:16px;
	position:relative;
	}

div#products div {
	position:relative;
	}
		
div#products div p {
	padding:0;
	margin:8px 15px 0 15px;
	font-size:1.0em;
	display:block;
	}	
	
div#products div h2 {
	text-indent: -10000px;
	height:83px;
	display:block;
	margin:0;
	}	
	
div#products div div.more {
	position:absolute;
	bottom:10px;
	right:15px;
	}		
	
div#products div#esm {
	background: url(/images/home/bg-esm.png) no-repeat;
	width:304px;
	height:187px;
	float:left;
	margin-right:25px;
	}	
	
div#products div#ei {
	background: url(/images/home/bg-ei.png) no-repeat;
	width:304px;
	height:187px;
	float:left;
	margin-right:25px;	
	}	
	
div#products div#em {
	background: url(/images/home/bg-em.png) no-repeat;
	width:304px;
	height:187px;
	float:left;
	}			
	
/* ================================ Special ================================ */

div#special {
	background: rgb(187, 187, 187) url(/images/home/bg-special.jpg) repeat-x;
	height:130px;
	padding:16px;
	position:relative;
	margin-bottom:1.0em;
	}
	
div#special div {
	float:left;
	width:150px;
	border:1px solid rgb(216,216,216); /* light grey */
	padding: 15px 8px 15px 0;
	font-size:1.0em;
	background: rgb(232,232,232); /* light grey */
	margin-right:20px;
	height:100px;
	width:215px;
	}	

div#special div a {	
	display:block;
	padding-left:65px;
	height:100px;
	width:150px
	}		
	
div#special h3 {
	margin:0 0 0.5em 0;
	} 

div#special p {
	margin:0;
	padding:0;
	}	

div#special div#blog {
	margin-right:0;		
	}
	
div#special div#blog a {
	background: rgb(232,232,232) url(/images/home/icon_blog.jpg) no-repeat 0 20px;
	}
	
div#special div#case a {
	background: rgb(232,232,232) url(/images/home/icon_case.jpg) no-repeat 0 20px;
	}	
	
div#special div#announcement a {
	background: rgb(232,232,232) url(/images/home/icon_announcement.jpg) no-repeat 0 20px;	
	}
	
div#special div#news a  {
	background: rgb(232,232,232) url(/images/home/icon_news.jpg) no-repeat 0 20px;	
	}				

/* ================================ About/Services ================================ */

div#about {
	width:470px;
	margin-left:15px;
	margin-right:20px;
	margin-top:15px;
	float:left;
	font-size:0.9em;
	color: rgb(140,140,140); /* medium grey */
	}
	
div#services {
	width:465px;
	margin-top:15px;
	float:left;
	font-size:0.9em;	
	color: rgb(140,140,140); /* medium grey */	
	}
	
div#about h5, div#services h5 {
	font-size:1.0em;
	font-weight:bold;
	}	
	
div#about h5 {
	margin-bottom:1.5em;
	}	

/* ================================ Banner ================================ */	
	
div#banner {
	height: 218px; 
	position:relative;
	overflow: hidden;
	width:100%;
	}	
	
.glidecontentwrapper{
	position: relative; /* Do not change this value */
	height: 218px; 
	overflow: hidden;
	width:100%;
	z-index:1;
	}

.glidecontent{ 
	position: absolute; /* Do not change this value */
	padding: 0;
	visibility: hidden;
	width:100%;
	z-index:1;
	}

.glidecontent p {
	width:300px;
	margin-left:35px;
	color: rgb(255,255,255); /* white */
	font-size:1.0em;
	}
	
.glidecontent p a {
	margin-right:5px;
	}	
	
.glidecontent h1 {
	width:300px;
	margin: 30px 0 0 35px;
	color: rgb(255,255,255); /* white */
	}

.glidecontenttoggler {
	width: 305px;
	position:absolute;
	top:15px;
	right:23px;
	z-index:100;
	}

div#selector a { 
	display:block;
	z-index:100;
	font-weight: bold;
	margin-bottom:4px;
	text-decoration: none;
	width:280px;
	text-align:left;
	padding-left:25px;
	height:43px;
	line-height:43px;
	background: url(/images/home/bg-selector.png) repeat-y; /* white */
	border:0;
	color: rgb(255,255,255); /* white */
	font-size:1.3em;
	}

div#selector a.selected, div#selector a:hover { 
	background: url(/images/home/bg-selector_on.png) repeat-y;
	color: rgb(255,255,255); /* white */
	}

#glide1 {
	background:rgb(51, 109, 146) url(/images/home/banner1.jpg) no-repeat;
	}
	
#glide2 {
	background:rgb(68, 138, 223) url(/images/home/banner2.jpg) no-repeat;
	}
	
#glide3 {
	background:rgb(78, 120, 34) url(/images/home/banner3.jpg) no-repeat;
	}
	
#glide4 {
	background:rgb(6, 22, 37) url(/images/home/banner4.jpg) no-repeat;
	}