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


/* Wireframe */
#wrapper {
	margin: 0 auto;
	width: 996px;
	background-color: #FFF;
}

#wrapper-inner {
	margin: 0 auto;
	width: 956px;
}

#header {
	height: 130px;
	width: 956px;
}

#resellers-nav {
	float: left;
	width: 62px;
	height: 44px;
}

#logo {
	float: right;
	width: 756px;
	height: 130px;
}

.clear {
	clear: both;
}

#nav {
	height: 40px;
}

#content {
	height: 433px;
	width: 956px;
	margin: 5px 0 14px 0;
	overflow: hidden;
	position: relative;
}

#content-wrapper {
	width: 10000px;
	position: absolute;
	height: 100%;
}
	

#big-buttons {
	margin-bottom: 14px;
}

#footer {
	width: 936px;
	background: url(../images/bg-footer.gif) top left no-repeat;
	color: #FFF;
	height: 12px;
	padding: 10px 10px 24px 10px;
}

#copywright {
	float: left;
}

#marketplace {
	float: right;
}

#terms {
	float: right;
}

/* End Wireframe */

/* Client Area */

#resellers-button {
	float: left;
	margin-top: 20px;
	width: 62px;
	height: 22px;
	background: url(../images/resellers.png) no-repeat 0 0;
}

#resellers-button:hover {
	background-position: 0 -22px;
}

#resellers-button span {
	display: none;
}

#authorized {
	position: absolute;
	margin: 80px 0;
	float: left;
}

/* End Client Area */

/* Logo */

#logo img {
	float: right;
	margin-top: 30px;
}

/* End Logo */

/* Start Super Nav */

li {
	* display: inline;
}

#about {
	float: left;
	width: 192px;
	height: 44px;
	background: url(../images/about.gif) no-repeat 0 0;
}

#about:hover {
	height: 44px;
	background-position: 0 -44px;
}

#about span {
	display: none;
}

#ecoseries {
	float: left;
	width: 190px;
	height: 44px;
	background: url(../images/ecoseries.gif) no-repeat 0 0;
}

#ecoseries:hover {
	height: 44px;
	background-position: 0 -44px;
}

#ecoseries span {
	display: none;
}

#services {
	float: left;
	width: 192px;
	height: 44px;
	background: url(../images/services.gif) no-repeat 0 0;
}

#services:hover {
	height: 44px;
	background-position: 0 -44px;
}

#services span {
	display: none;
}

#apple {
	float: left;
	width: 191px;
	height: 44px;
	background: url(../images/apple.gif) no-repeat 0 0;
}

#apple:hover {
	height: 44px;
	background-position: 0 -44px;
}

#apple span {
	display: none;
}

#contact {
	float: left;
	width: 191px;
	height: 44px;
	background: url(../images/contact.gif) no-repeat 0 0;
}

#contact:hover {
	height: 44px;
	background-position: 0 -44px;
}

#contact span {
	display: none;
}

/* End Super Nav */

/* Start Tiles */

.big-button {
	float: left;
	height: 180px;
	width: 180px;
	margin-right: 14px;
}

.big-button-nomargin {
	float: left;
	height: 180px;
	width: 180px;
}

#newsletter {
	height: 180px;
	width: 180px;
	background: url(../images/tile-newsletter.png) top left no-repeat;
}

#tedxgta {
	float: left;
	width: 180px;
	height: 180px;
	background: url(../images/tedxgta.png) no-repeat 0 0;
}

#tedxgta:hover {
	background-position: 0 -181px;
}

#tedxgta span {
	display: none;
}

#network {
	float: left;
	width: 180px;
	height: 180px;
	background: url(../images/tile-network.png) no-repeat 0 0;
}

#network:hover {
	background-position: 0 -181px;
}

#network span {
	display: none;
}

#analytics-soon {
	width: 180px;
	height: 180px;
	background: url(../images/tile-analytics-soon.png) top left no-repeat;
}

#iphone {
	height: 180px;
	width: 180px;
	background: url(../images/tile-iphone.png) top left no-repeat;
}

#partners {
	padding: 40px 10px 10px 10px;
	height: 130px;
	width: 160px;
	background: url(../images/tile-partners.png) top left no-repeat;
}

.tile-wrapper {
	padding: 40px 10px 0 10px;
	width: 160px;
}

/* End Tiles */

/* Form Elements */

.textbox {
	border: 1px solid #ff9933;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px;
	width: 152px;
	margin: 10px 0 5px 0;
}

/* End Form Elements */

/* Footer Links */

.white-link:link {
	text-decoration: none;
	color: #FFF;
}

.white-link:visited {
	text-decoration: none;
	color: #FFF;
}

.white-link:hover {
	color: #000;
}

.white-link:active {
	color: #000;
}

/* End Footer Links */

/* Strip Sliding */

.countries:link {
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
	font-size: 18px;
}

.countries:visited {
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
	font-size: 18px;
}

.countries:hover {
	color: #009E36;
}

.countries:active {
	color: #009E36;
}

.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 20px 0;
	position: relative;
	width: 100%;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 433px; background: #fff; overflow: hidden}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	border: 0; /* this is the border. should have the same value for the links */
	margin: auto;
	width: 956px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 433px;
	clear: both;
	background: #fff;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 956px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	/* padding: 10px; */
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	display: none;
	margin: auto;
}

.stripNav ul { /* The auto-generated set of links */
	list-style: none;
}

.stripNav ul li {
	float: left;
	margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}

.stripNav a { /* The nav links */
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	background: #c6e3ff;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 15px;
}

.stripNav li.tab1 a { background: #60f }
.stripNav li.tab2 a { background: #60c }
.stripNav li.tab3 a { background: #63f }
.stripNav li.tab4 a { background: #63c }
.stripNav li.tab5 a { background: #00e }

.stripNav li a:hover {
	background: #333;
}

.stripNav li a.current {
	background: #000;
	color: #fff;
}

/* End Strip Sliding */

/* Content Divs */

.eco-left-image {
	margin: 0;
	float: left;
}

.eco-right-image {
	margin: 30px 20px;
	float: left;
}

.eco-left {
	margin-top: 50px; 
	float: left;
	width: 280px;
}

.eco-right {
	margin-top: 50px;
	float: left;
	width: 280px;
}

.left  {
	float: left;
	width: 380px;
	margin-top: 50px; 
}

.right {
	margin-top: 15px;
	float: left;
	width: 576px;
	text-align: center;
}

.center {
	width: 464px;
	margin: 0 auto;
}

.left-map  {
	float: left;
	width: 200px;
	margin-top: 50px; 
}

.right-map {
	float: left;
	margin-left: 150px;
	width: 606px;
	height: 433px;
	text-align: left;
	background: url(../images/map.png) center left no-repeat;
}

.header-image {
	margin-bottom: 10px;	
}

.content-p {
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 20px;
}

.content-preg {
	margin-bottom: 20px;
}

.contact-column {
	float: left;
	padding-right: 60px;
}

/* End Content Divs */

.orange-link:link {
	text-decoration: none;
	color: #ff9933;
}

.orange-link:visited {
	text-decoration: none;
	color: #ff9933;
}

.orange-link:hover {
	text-decoration: none;
	color: #000;
}

.orange-link:active {
	text-decoration: none;
	color: #000;
}

/* Sub-headers */

#sub-creative {
	position: absolute;
	width: 192px;
	z-index: 300;
	visibility: hidden;
	margin-top: 32px;
	margin-left: -191px;
	* margin-left: -573px;
}

#it-services {
	float: left;
	width: 95px;
	background: url(../images/sub-menu.png) no-repeat 0 0;
	height: 32px;
}

#it-services:hover {
	background-position: 0 -34px;
}

#it-services span {
	display: none;
}

#digital-services {
	float: left;
	width: 95px;
	height: 32px;
	background: url(../images/sub-menu.png) no-repeat -95px 0;
}

#digital-services:hover {
	background-position: -95px -34px;
}

#digital-services span {
	display: none;
}

#tall span {
	display: none;
}

#nav-one li:hover #sub-creative { 
	visibility: visible;
}

/* End Sub-headers */

/* Movie Player */

.movie-left {
	float: left;
	margin-top: 50px;
	width: 460px;
}

.movie-playlist {
	float: left;
	width: 460px;
}

.movie-playlist a:link {
	text-decoration: none;
}

.movie-playlist a:visited {
	text-decoration: none;
}

.link-head {
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
	* padding-top: 10px;
	color: #FFF;
}

.link-detail {
	font-size: 12px;
	line-height: 18px;
	color: #000;
}

.link-head-special {
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
	* padding-top: 10px;
	color: #000;
}

.link-detail-special {
	font-size: 12px;
	line-height: 18px;
	color: #000;
}

.link-img {
	float: left;
	margin-right: 10px;
}

.movie-player {
	width: 451px;
	height: 272px;
	background-color: #069;
	float: right;
}

#wide-movie-player {
	margin-top: 39px;
	padding-top: 74px;
	padding-left: 19px;
	background: url(../images/wide-player-bg.gif) top left no-repeat;
}

.movie-player-tall {
	width: 190px;
	height: 387px;
	padding: 13px 0 0 13px;
	float: left;
	margin-left: 150px;
}

#tall-movie-player {
	background: url(../images/tall-player-bg.gif) top left no-repeat;
}

/* End Movie Player */


.left-movie-playlist {
	width: 229px;
	float: left;
}

.right-movie-playlist {
	width: 229px;
	float: right;
}

/* Start Nav Playlist */

.top-left {
	width: 199px;
	height: 50px;
	margin-bottom: 1px;
	background: url(../images/movie-playlist.png) top left no-repeat;
	float: inherit;
	padding: 9px 15px;
}

.top-left:hover {
	background-position: -229px 0;
}

.top-left span {
	display: none;
}

.top-right {
	width: 199px;
	height: 50px;
	background: url(../images/movie-playlist.png) top left no-repeat;
	background-position: -458px 0;
	margin-bottom: 1px;
	float: inherit;
	padding: 9px 15px;
}

.top-right:hover {
	background-position: -687px 0;
}

.top-right span {
	display: none;
}

.regular-cell {
	width: 199px;
	height: 50px;
	background: url(../images/movie-playlist.png) top left no-repeat;
	background-position: 0 -69px;
	margin: 1px 0;
	float: inherit;
	padding: 9px 15px;
}

.regular-cell:hover {
	background-position: -229px -69px;
}

.regular-cell span {
	display: none;
}

.bottom-left {
	width: 199px;
	height: 50px;
	margin-top: 1px;
	background: url(../images/movie-playlist.png) top left no-repeat;
	float: inherit;
	background-position: 0 -138px;
	padding: 9px 15px;
}

.bottom-left:hover {
	background-position: -229px -138px;
}

.bottom-left span {
	display: none;
}

.bottom-right {
	width: 199px;
	height: 50px;
	background: url(../images/movie-playlist.png) top left no-repeat;
	background-position: -458px -138px;
	margin-top: 1px;
	float: inherit;
	padding: 9px 15px;	
}

.bottom-right:hover {
	background-position: -687px -138px;
}

.bottom-right span {
	display: none;
}

/* End Regular Navlist */

/* Start Special Navlist */

.top-left-special {
	width: 199px;
	height: 50px;
	margin-bottom: 1px;
	background: url(../images/movie-playlist.png) top left no-repeat;
	background-position: 0 -344px;
	float: inherit;
	padding: 9px 15px;
}

.top-left-special:hover {
	background-position: -229px -344px;
}

.top-left-special span {
	display: none;
}

.top-right-special {
	width: 199px;
	height: 50px;
	background: url(../images/movie-playlist.png) top left no-repeat;
	background-position: -458px -344px;
	margin-bottom: 1px;
	float: inherit;
	padding: 9px 15px;
}

.top-right-special:hover {
	background-position: -687px -344px;
}

.top-right-special span {
	display: none;
}

.regular-cell-special {
	width: 199px;
	height: 50px;
	background: url(../images/movie-playlist.png) top left no-repeat;
	background-position: -458px -69px;
	margin: 1px 0;
	float: inherit;
	padding: 9px 15px;
}

.regular-cell-special:hover {
	background-position: -687px -69px;
}

.regular-cell-special span {
	display: none;
}

.bottom-left-special {
	width: 199px;
	height: 50px;
	margin-top: 1px;
	background: url(../images/movie-playlist.png) top left no-repeat;
	float: inherit;
	background-position: 0 -413px;
	padding: 9px 15px;
}

.bottom-left-special:hover {
	background-position: -229px -413px;
}

.bottom-left-special span {
	display: none;
}

.bottom-right-special {
	width: 199px;
	height: 50px;
	background: url(../images/movie-playlist.png) top left no-repeat;
	background-position: -458px -413px;
	margin-top: 1px;
	float: inherit;
	padding: 9px 15px;	
}

.bottom-right-special:hover {
	background-position: -687px -413px;
}

.bottom-right-special span {
	display: none;
}

/* End Special Navlist */

/* Single Line Navlist */

.left-single {
	width: 199px;
	height: 50px;
	background: url(../images/movie-playlist.png) top left no-repeat;
	background-position: 0 -207px;
	float: inherit;
	padding: 9px 15px;	
}

.left-single:hover {
	background-position: -229px -207px;
}

.left-single span {
	display: none;
}

.right-single {
	width: 199px;
	height: 50px;
	background: url(../images/movie-playlist.png) top left no-repeat;
	background-position: -458px -207px;
	float: inherit;
	padding: 9px 15px;	
}

.right-single:hover {
	background-position: -687px -207px;
}

.right-single span {
	display: none;
}

/* End Single Line Navlist */

/* Single Line Navlist Highlight */

.left-single-special {
	width: 199px;
	height: 50px;
	background: url(../images/movie-playlist.png) top left no-repeat;
	background-position: 0 -276px;
	float: inherit;
	padding: 9px 15px;	
}

.left-single-special:hover {
	background-position: -229px -276px;
}

.left-single-special span {
	display: none;
}

.right-single-special {
	width: 199px;
	height: 50px;
	background: url(../images/movie-playlist.png) top left no-repeat;
	background-position: -458px -276px;
	float: inherit;
	padding: 9px 15px;	
}

.right-single-special:hover {
	background-position: -687px -276px;
}

.right-single-special span {
	display: none;
}

/* End Single Line Navlist Hightlight */

#creative-wide-tv {
	margin-top: 125px;
	float: left;
	height: 210px;
	width: 228px;
	background: url(../images/widescreen-tv.jpg) top left no-repeat;
}

#creative-wide-tv:hover {
	background-position: 0 -210px;
}

#creative-wide-tv span {
	display: none;
}

#creative-tall-tv {
	margin-top: 100px;
	float: left;
	margin-left: 25px;
	height: 300px;
	width: 115px;
	background: url(../images/tall-tv.jpg) top left no-repeat;
}

#creative-tall-tv:hover {
	background-position: -115px 0;
}

#creative-tall-tv span {
	display: none;
}

#analytics-list {
	padding: 0;
	margin: 0;
}

#analytics-list li {
	padding-top: 5px;
}

#no-flash-partner {
	display: none;
}

/* Apple page selections */

#applemac {
	float: left;
	width: 464px;
	height: 58px;
	background: url(../images/apple-mac.png) no-repeat 0 0;
	margin-bottom: 5px;
	
}

#applemac:hover {
	height: 58px;
	background-position: 0 -58px;
}

#applemac span {
	display: none;
}

#applesoftware {
	float: left;
	width: 464px;
	height: 58px;
	background: url(../images/apple-software.png) no-repeat 0 0;
}

#applesoftware:hover {
	height: 58px;
	background-position: 0 -58px;
}

#applesoftware span {
	display: none;
}

.leftapple {
	margin-top: 50px;
	width: 200px;
}

.serviceslist {
	font-size: 14px;
	line-height: 21px;
	list-style-type: none;
	margin-bottom: 20px;
}

em.orange-bullet {
	color:  #ff9933;
}

#servicesright {
	margin: 104px 50px;
	float: left;
}

#ecodownload {
	float: left;
	width: 180px;
	height: 44px;
	background: url(../images/download-button.png) no-repeat 0 0;
}

#ecodownload:hover {
	height: 44px;
	background-position: 0 -44px;
}

#ecodownload span {
	display: none;
}

#button-analytics {
	float: left;
	width: 196px;
	height: 44px;
	background: url(../images/button-analytics.png) no-repeat 0 0;
}

#button-analytics:hover {
	height: 44px;
	background-position: 0 -44px;
}

#button-analytics span {
	display: none;
}

#button-ecostream {
	float: left;
	width: 196px;
	height: 44px;
	background: url(../images/button-ecostream.png) no-repeat 0 0;
	margin: 0;
}

#button-ecostream:hover {
	height: 44px;
	background-position: 0 -44px;
}

#button-ecostream span {
	display: none;
}

#video-player {
	width: 432px;
	height: 240px;
	background: url(../images/landscape_empty.png) no-repeat 0 0;
	float: right;
	margin: 25px 0 10px 0;
}

.ds-right {
	width: 432px;
	float: right;
	margin-top: 15px;
}

ul.samplelist {
	float: left;
	font-size: 12px;
	line-height: 18px;
	margin: 25px 0;
}

ul.samplelist a {
	color: #000;
	text-decoration: none;
}

ul.samplelist a:hover {
	color: #ff9933;
}

#creative-samples {
	float: left;
	width: 156px;
	height: 24px;
	background: url(../images/header-creativesamples.png) no-repeat 0 0;
}

#button-wrapper {
	padding: 10px 0;
	width: 200px;
	height: 44px;
}