@charset "UTF-8";
/* CSS Document */

/*--------------------------------------------------------------- LAYOUT */

#wrapper {
  width: 950px;
  margin: 0 auto;
}

/*--------------------------------------------------------------- TOP */

.top {
  background: url(../images/ideate-collage.jpg) right 36px no-repeat;
  height: 550px;
}

.top .top-nav {
  float:right;
	display:block;
	padding: 16px 0 0 0;
}

.top .top-nav li {
  float:right;
	padding: 0 0 0 16px;
	display:block;
}

.top .top-nav li a {
	text-decoration:none;
}

.top .top-nav li a:hover {
	text-decoration:underline;
}

.top .top-nav li a.eui {
	background: #FFF url(../images/eui-logo-tan.gif) left top no-repeat;
	display:block;
	text-indent:-9999px;
	height:24px;
}

.top .intro {
  width: 250px;
  padding: 20px 0 0 0;
  float: left;
}

.top .intro-video {
  width: 408px;
	height:303px;
	float:left;
	padding: 80px 0 0 107px;
	z-index: 0;
}

.top .intro .app-store {
  padding: 0 0 0 0;
}

.top .intro .app-store a {
  background: url(../images/ideate-app-icon.png) left top no-repeat;
  height: 83px;
  display: block;
  padding: 20px 0 0 90px;
  text-decoration: none;
}

.top .intro .app-store a span {
  display: block;
  color: #d8563a;
  font-size: 1.4em;
  font-weight: bold;
}

.top .intro h1.logo {
  background: url(../images/logo.gif) center top no-repeat;
  width: 106px;
  height: 106px;
  text-indent: -9999px;
  display: block;
  padding: 0 0 20px 0;
}

.top .watch-video {
  background: url(../images/watch-video.jpg) center 0px no-repeat;
  width: 173px;
  float:right;
  display: block;
  text-indent: -9999px;
  height: 44px;
	clear:right;
	margin: 440px 120px 0 0;
}

.top .watch-video:hover {
  background: url(../images/watch-video.jpg) center -44px no-repeat;
}

/*--------------------------------------------------------------- LEFT COLUMN */

.left-column {
  width: 500px;
  float: left;
  padding: 30px 0 0 0;
}

.left-column .features ul {
  padding: 20px 0 0 0;
}

.left-column .features ul li {
  padding: 0 20px 10px 30px;
  display: block;
  float: left;
  width: 200px;
}

.left-column .features ul li.templates {
  background: url(../images/templates-icon.jpg) left top no-repeat;
}

.left-column .features ul li.clips {
  background: url(../images/clips-icon.jpg) left top no-repeat;
}

.left-column .features ul li.share {
  background: url(../images/share-icon.jpg) left top no-repeat;
}

.left-column .features ul li.eco {
  background: url(../images/tree-icon.jpg) left top no-repeat;
}

.left-column .features ul li.collab {
  background: url(../images/collaboration-icon.jpg) left top no-repeat;
}

.left-column .features ul li.tools {
  background: url(../images/tools-icon.jpg) left top no-repeat;
}

/*--------------------------------------------------------------- RIGHT COLUMN */

.right-column {
  width: 418px;
  float: right;
}

.right-column p {
  clear:both;
	padding:10px;
}

.right-column ul.screenshots {
  padding: 20px 0 0 0;
}

.right-column ul.screenshots li {
  padding: 0 0 10px 10px;
  float: left;
}

.right-column ul.screenshots li a {
  border: solid 1px #333;
  display: block;
  width: 167px;
  height: 27px;
  padding: 112px 0 0 30px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.2em;
}

.right-column ul.screenshots li a:hover {
  border: solid 1px #d8563a;
  /*-webkit-box-shadow: rgba(216,86,58,1) 0 0 6px;
  -moz-box-shadow: rgba(216,86,58,1) 0 0 6px;*/
}

.right-column ul.screenshots li.physicians a {
  background: url(../images/screenshots/physician-small.jpg) left top no-repeat;
}

.right-column ul.screenshots li.ui a {
  background: url(../images/screenshots/ui-small.jpg) left top no-repeat;
}

.right-column ul.screenshots li.fashion a {
  background: url(../images/screenshots/fashion-small.jpg) left top no-repeat;
}

.right-column ul.screenshots li.coaches a {
  background: url(../images/screenshots/coaches-small.jpg) left top no-repeat;
}

.right-column ul.screenshots li.landscape a {
  background: url(../images/screenshots/landscape-small.jpg) left top no-repeat;
}

.right-column ul.screenshots li.more a {
  background: url(../images/screenshots/physician-small.jpg) left top no-repeat;
}

/*--------------------------------------------------------------- ABOUT EUI */

.about-eui {
  clear:both;
	padding: 30px 0 10px 0;
}

.about-eui p {
  padding:10px 10px 10px 130px;
	background: #F1E9E2 url(../images/eui-logo-tan.gif) 18px 12px no-repeat;
	font-size:1em;
	line-height:18px;
}

/* footer
--------------------------------------------------*/
.footer {
color:#333;
margin:0;
padding:20px 0;
}

.footer a {
color:#333;
}

.footer p {
float:left;
width:200px;
}

.footer ul.links {
float:right;
}

.footer ul.links li {
float:right;
padding: 0 0 0 10px;
list-style:none;
list-style-image:none;
}