@import url("common/reset.css");
@import url("common/font.css");
@import url("common/footer.css");

html{
	background:#121217
}
body{
	background:#3C3D4E url(../images/general/bgBody.gif) repeat-x;
	width:800px;
	margin:0 auto;
	color:#000;
	position:relative;
}

hr{
	clear:both;
	height:0px;
	color:#3C3D4E;
	border:none;
}
a{
	color:#BCBCC5;
}
	a:hover,a:focus{
		color:#9696a8
	}
	a:active{
		color:#f3344b
	}
div#header{
	height:368px;
	background:url(../images/general/bgHeader.png) repeat-x;
}

	div#header h1{
		width:610px;
		height:185px;
		background:url(../images/general/titleTop.gif) no-repeat;
		text-indent:-9999px;
	}
	div#header ul{
		margin:15px 0 0 25px;
	}
		div#header ul li a{
			display:block;
			width:118px;
			height:33px;
			text-indent:-9999px;
		}
			div#header ul li#menuAbout a{
				background-image:url(../images/general/menuTopAbout.gif)
			}
			div#header ul li#menuDesigners a{
				background-image:url(../images/general/menuTopDesigners.gif)
			}
			div#header ul li#menuField a{
				background-image:url(../images/general/menuTopField.gif)
			}
			div#header ul li#menuPortfolio a{
				background-image:url(../images/general/menuTopPortfolio.gif)
			}
			div#header ul li#menuContact a{
				background-image:url(../images/general/menuTopContact.gif)
			}
			div#header ul li a:hover,
			div#header ul li a:focus{
				background-position:0 -33px;
			}
		div#header a#btnContact{
			display:block;
			width:98px;
			height:30px;
			position:fixed;
			right:0;
			top:90px;
		}
			div#header a#btnContact:hover,
			div#header a#btnContact:focus{
				filter: alpha(opacity=80);
				opacity:0.8;
			}
			
div#contents{
	padding:0 25px 41px 25px;
	clear:both;
}
	div#contents h3{
		background:url(../images/general/titleWhatsnew.gif) no-repeat right;
		text-indent:-9999px;
		width:162px;
		height:27px;
	}
		div#contents h3 a{
			margin:-1.25em 0 0 170px;
			display:block;
			width:23px;
			height:23px;
			background:url(../images/general/rss.gif);
			z-index:2;
		}
		* html div#contents h3 a{/*         for IE 6           */
			display:none;
		}
			div#contents h3 a:hover,
			div#contents h3 a:focus{
			background-position:0 -23px;
			}
	
	div#contents dl{
		font-size:90%;
		width:30em;
		margin:3.5em 0 4.5em 0;
			background:url(../images/general/alpha.png);
			color:#BCBCC5;
			overflow:auto;
	}
		* html div#contents dl{/*         for IE6            */
			background:url(../../images/general/bgWhatsnew.gif);
		}
		div#contents dl dt{
			font-weight:bold;
			padding:0 .3em 0 .3em;
			font-family:"Lucida Grande","Arial";
			font-size:130%;
			clear:left;
			color:#d4e5f2;
			border-top:1px solid #848495;
		}
			div#contents dl dt span.newItem{
				display:block;
				position:absolute;
				top:0;
				left:0;
				width:30px;
				height:30px;
				background:red;
			}
		div#contents dl dd{
			margin:.5em .5em 1.2em .4em;
			font-size:90%;
			line-height:1.5;
		}
			* html div#contents dl dd{/*         for IE6            */
				font-size:85%;
			}
			div#contents dl dd:focus,
			div#contents dl dd:hover{
				background:#3c3d4e;
			}
			div#contents dl dd strong{
				margin:0 1em 0 0;
				display:block;
				color:#eee;
				font-size:110%;
			}
				div#contents dl dd strong em{
					color:#f7751c;
					font-size:130%;
				}
				div#contents dl dd strong a{
				color:#eee;
				}
			div#contents dl dd img{
				width:5em;
				height:auto;
				float:left;
				margin:.5em .5em .5em 0;
			}
			
			
	/*PICKOUT*/
		p#pickout{
			position:absolute;
			right:23px;
			top:210px;
			margin:0;
			padding:0;
			width:290px;
			height:410px;
			border:3px solid white;
			box-shadow:0 3px 12px rgba(0,0,0,.41);
			-moz-box-shadow:0 3px 12px rgba(0,0,0,41);
			-webkit-box-shadow:0 3px 12px rgba(0,0,0,.41);
			border-radius:4px;
			-webkit-border-radius:4px;
			-moz-border-radius:4px;
		}
			*:first-child+html p#pickout{
				top:210px;
				right:25px;
			}
			*html body p#pickout{
				top:210px;
				right:25px;
			}
			p#pickout img{
				margin:0;
				padding:0;
				width:290px;
				height:auto;
			}
			p#pickout strong{
				display:block;
				margin:0 30px;
				position:absolute;
				top:93px;
				left:0;
				font-size:90%;
				color:#3C3D4F;
				line-height:1.15;
			}

	/*banners*/		
	div#contents ul#banners{
		margin:-455px 0 4.5em 460px;
		background:none;
	}
		div#contents ul#banners li{
			margin:0 0 10px 0;
		}
			div#contents ul#banners li.bannerTitle{
				color:#d4e5f2;
				font-size:135%;
				font-family:"Lucida Sans","Lucida Grande",sans-serif;
				text-shadow:0 2px 4px #000;
				margin:0 0 5px 0;
			}
			div#contents ul#banners li#bannerEsras{
				margin:0 0 20px 0;
			}
			div#contents ul#banners li#bannerInterior{
				margin:0 0 30px 0;
			}
			div#contents ul#banners li#bannerBlog{
				width:100px;
				float:left;
			}
			div#contents ul#banners li#bannerTwitter{
				width:100px;
				float:left;
			}
			div#contents ul#banners li#bannerTumblr{
				margin:0 0 30px 200px;
			}
				*html body div#contents ul#banners li#bannerTumblr{
					width:90px;
					margin:0 0 30px 0;
					float:left;
				}
		div#contents ul#banners li a{
			display:block;
			width:290px;
			height:65px;
			text-indent:-9999px;
		}
		div#contents ul#banners li#bannerPul a{
			background-image:url(../images/general/bannerPul.gif);
		}
		div#contents ul#banners li#bannerInterior a{
			background-image:url(../images/general/bannerInterior.gif);
		}
		div#contents ul#banners li#bannerEsras a{
			background-image:url(../images/general/bannerEsras.gif);
		}
			div#contents ul#banners li a:hover,
			div#contents ul#banners li a:focus{
				background-position:0 -65px;
			}
		div#contents ul#banners li#bannerBlog a{
			background-image:url(../images/general/bannerBlog.gif);
			width:90px;
			height:30px;
		}
			div#contents ul#banners li#bannerBlog a:hover,div#contents ul#banners li#bannerBlog a:focus{
				background-position:0 -30px;
			}
		div#contents ul#banners li#bannerTwitter a{
			background-image:url(../images/general/bannerTwitter.gif);
			height:30px;
			width:90px;
		}
			div#contents ul#banners li#bannerTwitter a:hover,div#contents ul#banners li#bannerBlog a:focus{
				background-position:0 -30px;
			}
		div#contents ul#banners li#bannerTumblr a{
			background-image:url(../images/general/bannerTumblr.gif);
			height:30px;
			width:90px;
		}
			div#contents ul#banners li#bannerTumblr a:hover,div#contents ul#banners li#bannerTumblr a:focus{
				background-position:0 -30px;
			}
			
			
	div#contents h2{
		padding:.45em 0 0 0;
		margin:0 0 3.3em 0;
		border-top:4px solid #5aaee9;
		color:#d4e5f2;
	}
		div#contents h2 span{
		display:block;
		letter-spacing:-.1em;
		margin:0 0 .9em 0;
		}
			div#contents h2 span strong{
				font-size:150%;
				display:block;
				margin:-.2em 0 0 0;
			}
			
			
	div#contents ol{
			list-style:none;
			overflow:hidden;
	}
		div#contents ol li{
			list-style:none;
			line-height:0;
		}
		div#contents ol li a{
			float:left;
			display:block;
			width:125px;
			height:180px;
			text-indent:-9999px;
		}
			div#contents ol li#submenuPlanning a{
				background-image:url(../images/general/btnPlanning.jpg)
			}
			div#contents ol li#submenuTransportation a{
				background-image:url(../images/general/btnTransportation.jpg)
			}
			div#contents ol li#submenuProduct a{
				background-image:url(../images/general/btnProduct.jpg)
			}
			div#contents ol li#submenuGraphic a{
				background-image:url(../images/general/btnGraphic.jpg)
			}
			div#contents ol li#submenuWeb a{
				background-image:url(../images/general/btnWeb.jpg)
			}
			div#contents ol li#submenuInterior a{
				background-image:url(../images/general/btnInterior.jpg)
			}
				div#contents ol li a:hover,
				div#contents ol li a:focus{
					background-position:0 -180px;
				}
				
			div#contents p.anchor{
				margin:3em 0 0 0;
				clear:both;
			}
				div#contents p.anchor a{
					background-image:url(../images/general/btnToTop.gif);
					background-repeat:no-repeat;
					background-position:-500px center;
					padding:0 0 0 1.2em;
					line-height:12px;
					color:#fff;
				}
					div#contents p.anchor a:hover,
					div#contents p.anchor a:focus{
						background-position:left center;
						color:#d8d8dc;
					}
					div#contents p.anchor a:active{
						color:#f3344b
					}
					
					
					
/*2010moving*/
div#moving{
	position:absolute;
	width:500px;
	height:27em;
	top:140px;
	right:15px;
	background:rgba(255,255,255,.7);
	border:1px solid #fff;
	z-index:999;
	box-shadow:0 2px 6px #1a1a25;
	-moz-box-shadow:0 2px 6px #1a1a25;
	-webkit-box-shadow:0 2px 6px #1a1a25;
	border-radius:.5em;
	-webkit-border-radius:.5em;
	-moz-border-radius:.5em;
	text-shadow: 0px 1px 3px #fff;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}
	div#moving:hover,
	div#moving:focus{
			transform: scale(1.05);
			-moz-transform: scale(1.05);
			-webkit-transform: scale(1.05);
	}
	div#moving h3{
		font-weight:bold;
		color:#f7751c;
		font-size:165%;
		padding:10px 10px 5px 10px;
		background:#fff;
			border-radius:.3em;
			-webkit-border-radius:.3em;
			-moz-border-radius:.3em;
	text-shadow: 0px 1px 3px #bbb;
	}
	div#moving p{
		padding:10px;
		border-bottom:1px solid #fff;
	}
	div#moving dl{
		padding:10px 10px 0 10px;
		font-size:120%;
	}
		div#moving dl dt{
			font-weight:bold;
			width:6em;
			float:left;
		}
		div#moving dl dd{
			padding:0 0 0 6em;
		}
			div#moving dl dd a{
				color:#000;
			}
				div#moving dl dd a:hover,
				div#moving dl dd a:focus{
					color:#333;
				}