img, div, input { behavior: url("./style/iepngfix.htc"); }
.clear { clear:both; }

body { margin:0; padding:0; text-align:center; min-width:960px; background:#FFF; font:normal 12px arial; color:#606060; }
div.wrapper { width:960px; margin:0 auto; text-align:left; border-top:4px solid #140068; padding:20px 0 50px 0; }

div.header {  }
	div.header img {  }
	div.header ul { float:right; font-size:15px; font-weight:bold; }
		div.header ul li { float:left; }
		div.header ul li.divider { padding:5px; }
		div.header ul li a { display:block; float:left; padding:5px; color:#000; text-decoration:none; }
		div.header ul li a:hover { color:#acacac; }

div.internal { padding:30px 0 50px 0; }
	div.internal div.subnav { float:left; width:175px; }
		div.internal div.subnav label { font:bold 28px arial; color:#9c9c9c; margin:10px 0; }
		div.internal div.subnav ul { margin:5px 0; }
		div.internal div.subnav ul li { border-bottom:1px solid #606060; }
		div.internal div.subnav ul li a { display:block; height:1em; padding:8px 1px; color:#606060; text-decoration:none; }
		div.internal div.subnav ul li a:hover { color:#140068; font-weight:bold; }
	div.internal div.content { float:right; width:675px; }
		div.internal div.content h1 { font:bold 28px arial; color:#9c9c9c; margin:10px 0; }
		div.internal div.content h2 { font:bold 18px arial; color:#140068; margin:10px 0; }
		div.internal div.content p { margin:10px 0; }

div.homepage { position:relative; height:570px; width:960px; }
	
	div.homepage div.eye-chart { position:absolute; top:15px; left:-12px; width:700px; height:522px; background:url(/images/bg-eye-chart.jpg) 0 0 no-repeat; }
		div.homepage div.eye-chart div.eye-chart-border { position:absolute;top:15px; left:15px; width:663px; height:495px; border:1px solid #d3d3d3; }
			div.eye-chart div.eye-chart-content { position:absolute;top:15px; left:15px; width:633px; height:455px; border:1px solid #999; }
				div.eye-chart div.eye-chart-image { position:absolute; top:0; left:0; width:300px; height:455px; }
				div.eye-chart div.eye-chart-control { position:absolute; top:0; right:0; width:300px; height:455px; background:url(/images/bg-eye-chart-control.jpg) 0 0 no-repeat; font-size:18px; }
					div.eye-chart div.eye-chart-control p { color:#FFF; margin:35px 30px; }
					div.eye-chart div.eye-chart-control ul {  margin:30px 0; }
					div.eye-chart div.eye-chart-control li { border-bottom:1px solid #3e33af; }
					div.eye-chart div.eye-chart-control li.last { border:0; }
					div.eye-chart div.eye-chart-control a { height:1em; display:block; padding:10px 30px 14px 62px; color:#FFF; text-decoration:none; }
					div.eye-chart div.eye-chart-control a#internet { background:url(/images/sprite-icons.gif) 30px 8px no-repeat; }
					div.eye-chart div.eye-chart-control a#website { background:url(/images/sprite-icons.gif) 30px -35px no-repeat; }
					div.eye-chart div.eye-chart-control a#ecommerce { background:url(/images/sprite-icons.gif) 30px -80px no-repeat; }
					div.eye-chart div.eye-chart-control a#search { background:url(/images/sprite-icons.gif) 30px -123px no-repeat; }
					div.eye-chart div.eye-chart-control a#social { background:url(/images/sprite-icons.gif) 30px -169px no-repeat; }
					div.eye-chart div.eye-chart-control a#tech { background:url(/images/sprite-icons.gif) 30px -214px no-repeat; }
					div.eye-chart div.eye-chart-control a:hover { text-decoration:underline; }
	
	div.homepage div.contact { position:absolute; top:40px; right:0px; width:260px; color:#606060; }
		div.homepage div.contact h1 { font-size:30px; font-weight:bold; color:#140068; }
		div.homepage div.contact form { margin:10px 0 25px 0;}
		div.homepage div.contact fieldset { }
		div.homepage div.contact legend { font-size:14px; font-weight:bold; }
		div.homepage div.contact table { margin:10px 0; }
		div.homepage div.contact td { padding:3px 0; }
		div.homepage div.contact label { display:block; width:35px; margin:0 10px 0 0; }
		div.homepage div.contact input.text { border:1px solid #8b8b8b; background:url(/images/bg-input.gif) 0 0 no-repeat; padding:2px; width:199px; color:#606060; font-size:12px; font-family:arial; }
		div.homepage div.contact div.submit { text-align:right; }
			div.homepage div.contact div.submit input { cursor:pointer; border:0; background:#FFF url(/images/arrow-000000.gif) right 6px no-repeat; padding:0 10px 0 0; color:#8b8b8b; font-size:12px; font-weight:bold; font-family:arial; }
			div.homepage div.contact div.submit input.active { color:#140068; background:#FFF url(/images/arrow-140068.gif) right 6px no-repeat; }

	div.homepage div.solutions { position:absolute; top:230px; right:0px; width:260px; color:#606060; }
		div.homepage div.solutions h1 { font-size:30px; font-weight:bold; color:#140068; }
		div.homepage div.solutions h2 { font-size:15px; font-weight:bold; }
		div.homepage div.solutions div.showcase { margin:10px 0; border:1px solid #8b8b8b; height:200px; width:248px; position:relative; }
			div.homepage div.solutions div.showcase img { position:absolute; top:0; left:0; height:200px; width:248px;  }
		div.homepage div.solutions a { display:block; float:right; cursor:pointer; border:0; background:#FFF url(/images/arrow-000000.gif) right 6px no-repeat; padding:0 12px 0 0; color:#8b8b8b; font-weight:bold; text-decoration:none; }
		div.homepage div.solutions a:hover { color:#140068; background:#FFF url(/images/arrow-140068.gif) right 6px no-repeat; }

/*
	div.homepage div.buttons { position:absolute; top:485px; left:14px; width:666px; height:160px; }
		div.homepage div.buttons a { color:#FFF; display:block; position:absolute; width:175px; height:10px; padding:14px 14px 25px 50px; font-size:14px; text-decoration:none; }
		div.homepage div.buttons a#marketing { top:0px; left:50px; background:url(/images/sprite.jpg) 0 0 no-repeat; }
		div.homepage div.buttons a#marketing:hover { background:url(/images/sprite.jpg) -249px 0 no-repeat; }
		div.homepage div.buttons a#design { top:0px; left:370px; background:url(/images/sprite.jpg) 0 -53px no-repeat; }
		div.homepage div.buttons a#design:hover { background:url(/images/sprite.jpg) -249px -53px no-repeat; }
		div.homepage div.buttons a#ecommerce { top:80px; left:50px; background:url(/images/sprite.jpg) 0 -106px no-repeat; }
		div.homepage div.buttons a#ecommerce:hover { background:url(/images/sprite.jpg) -249px -106px no-repeat; }
		div.homepage div.buttons a#search { top:80px; left:370px; background:url(/images/sprite.jpg) 0 -159px no-repeat; }
		div.homepage div.buttons a#search:hover { background:url(/images/sprite.jpg) -249px -159px no-repeat; }
*/

div.footer { padding:20px; background:#3e3e3e; color:#959595; position:relative; }
	div.footer ul { font-size:12px; height:25px; }
		div.footer ul li { float:left; }
		div.footer ul li.divider { padding:5px; }
		div.footer ul li a { display:block; float:left; padding:5px; color:#959595; text-decoration:none; }
		div.footer ul li a:hover { color:#FFF; }
	div.footer p { float:right; position:relative; top:5px; }
	div.footer div.social { position:absolute; bottom:-25px; left:10px; height:19px; }
		div.footer div.social a { display:block; float:left; width:19px; height:19px; overflow:hidden; margin:0 3px 0 0; }
		div.footer div.social a.linkedin { background:red url(/images/sprite-social.gif) 0 0 no-repeat; }
		div.footer div.social a.twitter { background:url(/images/sprite-social.gif) -21px 0 no-repeat; }
		div.footer div.social a.facebook { background:url(/images/sprite-social.gif) -41px 0 no-repeat; }