/* /////////////////////////////////
	soda inc. CSS 
	by Benek Lisefski
	http://www.benekdesign.com
///////////////////////////////// */

/* reset whitespace */
* { 
	margin:0;
	padding:0;
}

/* /////////////////////////////////
	LAYOUT
///////////////////////////////// */

body {
	font: normal 13px "lucida grande", "lucida sans unicode", "lucida sans", arial, tahoma, verdana;
	color: #000;
	background: #590d94;
	line-height: 18px;
}

body.home { background: #590d94 url('../i/bg-home.jpg') no-repeat center top; }
body.frontdesk { background: #590d94 url('../i/bg-frontdesk.jpg') no-repeat center top; }
body.bottles { background: #590d94 url('../i/bg-bottles.jpg') no-repeat center top; }
body.reflect { background: #590d94 url('../i/bg-reflect.jpg') no-repeat center top; }
body.chairs { background: #590d94 url('../i/bg-chairs.jpg') no-repeat center top; }
body.bottles-chair { background: #590d94 url('../i/bg-bottles-chair.jpg') no-repeat center top; }
body.conference { background: #590d94 url('../i/bg-conference.jpg') no-repeat center top; }
body.shelves { background: #590d94 url('../i/bg-reflect.jpg') no-repeat center top; }

#center {
	width: 984px;
	margin: 0 auto;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear { 
	clear: both; 
	height: 0; 
	line-height: 0px;
	font-size: 0px;
	text-indent: -5000px;
}

.hidden {
	display: none;
}

.mainCol {
	width: 664px;
	padding: 0 28px 0 40px;
	background: transparent url('../i/bg-maincol.gif') repeat-y right top;
}

.subCol {
	width: 240px;
	color: #ccc;
	font-size: 11px;
	line-height: 18px;
}

/* /////////////////////////////////
	BASIC TEXT
///////////////////////////////// */

h1 {
	font: bold 50px arial, tahoma, verdana;
	color: #fff;
	margin: 21px 0 12px 0;
	letter-spacing: -1px;
	text-transform: uppercase;
	position: relative;
	left: -2px;
}

h2 {
	font: bold 24px arial, tahoma, verdana;
	text-transform: uppercase;
	letter-spacing: -1px;
	color: #fff;
	padding: 12px 28px 8px;
	margin: 22px -8px 18px -40px;
	background: #f15922;
	border-left: solid 12px #913514;
	text-shadow: #a33c17 1px 1px 1px;
}

h3 {
	font: bold 24px arial, tahoma, verdana;
	color: #999;
	text-transform: uppercase;
	letter-spacing: -1px;
	margin: 24px 0 12px 0;
	border-bottom: solid 2px #242424;
	padding: 0 28px 6px;
}

h4 {
	font: bold 16px arial, tahoma, verdana;
	color: #000;
	text-transform: uppercase;
	margin: 12px 0 12px 0;
}

h5 {
	font-size: 11px;
	font-weight: normal;
	color: #666;
	text-transform: uppercase;
	margin: -10px 0 12px 0;
}

p, ul, ol {
	margin: 12px 0px 12px 0px;
}

ul {
	list-style-type: none;
}

/* /////////////////////////////////
	DEFAULT LINKS
///////////////////////////////// */

a img { border: none }

a:link,
a:visited {
	color: #d43f09;
	text-decoration: none;
}

a:hover {
	color: #f15922;
	text-decoration: none;
}

a:focus {
	outline: 0;
}

a.arrowButton:link,
a.arrowButton:visited {
	display: block;
	float: left;
	height: 28px;
	line-height: 28px;
	color: #fff;
	text-shadow: #a33c17 1px 1px 1px;
	margin: 0 0 20px -40px;
	padding: 0 36px 0 28px;
	border-left: solid 12px #913514;
	background: transparent url('../i/arrow-button.gif') no-repeat right center;
	display: inline;
}

a.arrowButton:hover {
	padding: 0 38px 0 28px;
}

a.button:link,
a.button:visited {
	background: #f15922;
	color: #fff;
	text-shadow: #a33c17 1px 1px 1px;
	padding: 6px 20px;
	margin-right: 10px;
}

a.button:hover {
	background: #ed3e18;
}

a.buttonGreen:link,
a.buttonGreen:visited {
	background: #02ad7b;
	text-shadow: #01815c 1px 1px 1px;
}

a.buttonGreen:hover {
	background: #009b6e;
}

/* /////////////////////////////////
	HEADER
///////////////////////////////// */

#header {
	position: relative;
	padding: 1px 0 0 30px;
}

.headerHome {
	height: 233px;
}

.headerInside {
	height: 210px;
}

#logo {
	display: block;
	width: 164px;
	height: 54px;
	overflow: hidden;
	background: transparent url('../i/logo.png') no-repeat left top;
	text-indent: -5000px;
	margin: 0;
	position: absolute;
	top: 20px;
	right: 68px;
	z-index: 2000;
}

#h1-home {
	display: block;
	width: 418px;
	height: 158px;
	overflow: hidden;
	background: transparent url('../i/h1-home.png') no-repeat left top;
	text-indent: -5000px;
	margin: 44px 0 0 0;
	left: 0;
}

/* /////////////////////////////////
	NAV
///////////////////////////////// */

ul#nav {
	height: 38px;
	overflow: hidden;
	margin: 0;
	list-style-type: none;
	background: transparent url('../i/bg-nav.png') no-repeat left top;
	padding: 10px 0 0 12px;
}

ul#nav li {
	display: block;
	float: left;
}

ul#nav li a:link,
ul#nav li a:visited {
	display: block;
	float: left;
	height: 38px;
	color: #fff;
	font: bold 12px arial;
	overflow: hidden;
	text-indent: -5000px;
	background-color: transparent;
	background-position: center -10px;
	background-repeat: no-repeat;
}

ul#nav li#navHome a:link,
ul#nav li#navHome a:visited { background-image: url('../i/nav-home.png'); width: 63px; }

ul#nav li#navAbout a:link,
ul#nav li#navAbout a:visited { background-image: url('../i/nav-about.png'); width: 72px; }

ul#nav li#navOfficespace a:link,
ul#nav li#navOfficespace a:visited { background-image: url('../i/nav-officespace.png'); width: 83px; }

ul#nav li#navCluster a:link,
ul#nav li#navCluster a:visited { background-image: url('../i/nav-cluster.png'); width: 83px; }

ul#nav li#navStartup a:link,
ul#nav li#navStartup a:visited { background-image: url('../i/nav-startup.png'); width: 88px; }

ul#nav li#navEvents a:link,
ul#nav li#navEvents a:visited { background-image: url('../i/nav-events.png'); width: 77px; }

ul#nav li#navClients a:link,
ul#nav li#navClients a:visited { background-image: url('../i/nav-clients.png'); width: 80px; }

ul#nav li#navPartners a:link,
ul#nav li#navPartners a:visited { background-image: url('../i/nav-partners.png'); width: 95px; }

ul#nav li#navProjects a:link,
ul#nav li#navProjects a:visited { background-image: url('../i/nav-projects.png'); width: 93px; }

ul#nav li#navResources a:link,
ul#nav li#navResources a:visited { background-image: url('../i/nav-resources.png'); width: 104px; }

ul#nav li#navMedia a:link,
ul#nav li#navMedia a:visited { background-image: url('../i/nav-media.png'); width: 68px; }

ul#nav li#navContact a:link,
ul#nav li#navContact a:visited { background-image: url('../i/nav-contact.png'); width:89px; }

ul#nav li#navNews a:link,
ul#nav li#navNews a:visited { background-image:url('../i/nav-news.png'); width: 65px; }


ul#nav li a:hover {
	background-color: #000;
}

ul#nav li a.current:link,
ul#nav li a.current:visited {
	background-position: center -58px;
}

/* /////////////////////////////////
	SUB NAV
///////////////////////////////// */

#subNav {
	margin: -12px 0 30px 0;
}

#subNav li {
	border-bottom: solid 2px #242424;
}

#subNav a:link,
#subNav a:visited {
	display: block;
	width: 190px;
	padding: 8px 20px 8px 28px;
	color: #ccc;
	font-size: 14px;
	background: transparent url('../i/subnav-hover.gif') no-repeat -13px center;
}

#subNav a:hover {
	color: #fff;
	background-position: 0 center;
}

#subNav .current a:link,
#subNav .current a:visited,
#subNav .current a:hover {
	color: #f8db81;
	background: transparent url('../i/subnav-current.gif') no-repeat left center;
}

#action-quiz:link,
#action-quiz:visited {
	display: block;
	width: 240px;
	height: 111px;
	overflow: hidden;
	text-indent: -5000px;
	background: transparent url('../i/action-quiz.gif') no-repeat left top;
	margin-top: 30px;
}

#action-quiz:hover {
	background-position: left -111px;
}

/* /////////////////////////////////
	CONTENT 
///////////////////////////////// */

#content {
	background: transparent url('../i/bg-content.png') repeat-y center top;
	height: 1%;
	overflow: hidden;
	padding: 0;
}

#content .spacer {
	width: 960px;
	height: 18px;
	overflow: hidden;
	background: #000;
	margin: 0 0 0 12px;
}

.grey {
	width: 644px;
	background: #ededed;
	border-left: solid 12px #5f4078;
	padding: 10px 28px 12px 28px;
	margin: 22px -8px 22px -40px;
	height: 1%;
	overflow: hidden;
}

.halfLeft {
	width: 304px;
	float: left;
	margin-top: 0;
	margin-left: -40px;
	padding: 1px 28px 18px 28px;
	display: inline;
}

.halfRight {
	width: 304px;
	float: right;
	margin-right: -28px;
	padding: 1px 28px 10px 28px;
	display: inline;
}

.half {
	width: 292px;
	padding-right: 28px;
}

.borderLeft {
	padding-right: 0;
	padding-left: 28px;
	border-left: solid 2px #fff;
}

.mainCol li {
	margin-bottom: 6px;
	padding-left: 18px;
	background: transparent url('../i/bullet.gif') no-repeat left 5px;
}

#actions {
	border-left: solid 12px #913514;
	height: 133px;
	overflow: hidden;
	margin: 22px -7px 12px -40px;
	background: #fff;
}

#actions a:link,
#actions a:visited {
	display: block;
	float: left;
	border-left: solid 1px #fff;
	height: 133px;
	width: 174px;
	background-color: #f15922;
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -5000px;
}

#actions #action-startup:link,
#actions #action-startup:visited { border: 0; background-image: url('../i/action-startup.gif') }

#actions #action-offices:link,
#actions #action-offices:visited { background-image: url('../i/action-offices.gif') }

#actions #action-events:link,
#actions #action-events:visited { background-image: url('../i/action-entrepreneurs.gif') }

#actions #action-projects:link,
#actions #action-projects:visited { background-image: url('../i/action-projects.gif') }

#actions #action-cluster:link,
#actions #action-cluster:visited { background-image: url('../i/action-cluster.gif') }

#actions #action-smartcity:link,
#actions #action-smartcity:visited { background-image: url('../i/action-smartcity.gif') }

a.vid:link,
a.vid:visited {
	display: block;
	width: 180px;
	margin: 22px 0 22px 28px;
	position: relative;
}

a.vid .play {
	display: block;
	width: 50px;
	height: 50px;
	position: absolute; 
	top: 42px;
	left: 65px;
}

#newsList {
	padding: 0;
	margin: -12px 0 0 0;
}

#newsList li {
	padding: 1px 20px 0 20px;
	border-bottom: solid 2px #242424;
	height: 1%;
	overflow: hidden;
}

#newsList li:hover {
    background: #111;
}

#newsList li:hover a.more {
    display: inline;
}

#newsList a.more:link,
#newsList a.more:visited {
    display: none;
    font-size: 14px;
    line-height: 16px;
}

#newsList p {
	width: 140px;
	float: right;
}

#newsList .date {
	width: 50px;
	height: 50px;
	background: transparent url('../i/bg-news-date.gif') no-repeat left top;
	text-align: center;
	float: left;
	margin: 8px 0;
	color: #000;
	overflow: hidden;
}

.date .month {
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 6px;
}

.date .day {
	display: block;
	font-size: 22px;
	font-weight: bold;
	margin-top: -3px;
	letter-spacing: -1px;
}

#newsList a:link,
#newsList a:visited {
	color: #f8db81
}

#newsList a:hover {
	color: #fff
}

.clientImage {
	display: block;
	margin: 27px 0 20px 0;
}

.contacts {
	margin: 24px 0 20px;
}

.mainCol ul.contacts li {
	padding: 0;
	background: none;
	margin-bottom: 4px;
}

img.logo {
	display: block;
	margin: 15px 0 22px 0;
}


/* /////////////////////////////////
	FORMS
///////////////////////////////// */

fieldset {
 	border: 0;
}

fieldset.left,
fieldset.right {
	width: 320px;
}

fieldset.wide {
	width: 100%;
	clear: both;
}

fieldset.padTop {
	padding-top: 24px;
}

#searchForm {
	height: 50px;
	background: #242424 url('../i/bg-search.gif') no-repeat left top;
	margin: 22px 0;
}

#searchForm input {
	border: 0;
	background: #000;
	font-size: 13px;
	color: #ccc;
	padding: 2px 8px;
	width: 180px;
	margin: 16px 0 0 22px;
}

input:focus,
select:focus,
textarea:focus {
	outline: 0;
	border-bottom-color: #bababa;
}

label {
	display: block;
	margin: 0 0 1px 0;
	font-size: 11px;
	text-transform: uppercase;
	padding-top: 10px;
}

.input {
	border: solid 1px #dedcdc;
	background: #fff url('../i/bg-input.gif') no-repeat left top;
	padding: 6px 5px;
	font: normal 13px "lucida grande", "lucida sans unicode", "lucida sans", arial, tahoma, verdana;
	color: #000;
	width: 284px;
}

textarea.input {
	width: 608px;
	height: 100px;
}

#contactForm {
	width: 644px;
	background: #ededed;
	border-left: solid 12px #5f4078;
	padding: 10px 28px 12px 28px;
	margin: 22px -8px 12px -40px;
}

.required {
	float: right;
	color: #666;
}

form a.arrowButton:link,
form a.arrowButton:visited {
	margin: 0 0 20px -28px;
	position: relative;
	left: -12px;
}

/* /////////////////////////////////
	FOOTER
///////////////////////////////// */


#footer {
	clear: both;
	height: 64px;
	padding: 16px 40px 0;
	background: transparent url('../i/bg-footer.jpg') no-repeat center top;
	font: normal 11px arial;
	color: #fff;
}

#footer p {
	margin: 18px 0;
} 

#footer p.left {
	width: 692px;
}

.footPhone {
	font-weight: bold;
	margin-left: 18px;
}

#footer a:link,
#footer a:visited {
	color: #9e89af;
}

#footer a:hover {
	color: #d0b8e3;
	text-decoration: none;
}

a#vo2:link,
a#vo2:visited {
	margin-left: 18px;
}

#footer a#clientLogin:link,
#footer a#clientLogin:visited  {
	color: #f15922;
}

#footer a#clientLogin:hover {
	color: #fb7e51;
}

#logos {
	height: 107px;
	padding: 0 0 0 18px;
	background: transparent url('../i/bg-logos.gif') center top;
	overflow: hidden;
}

#logos a:link,
#logos a:visited {
	display: block;
	float: left;
	padding: 0 15px;
	opacity: .4;
	filter: alpha(opacity=40);
}

#logos div#slide1 a:link,
#logos div#slide1 a:visited{
	padding: 0 45px;
}

#logos div#slide2 a:link,
#logos div#slide2 a:visited{
	padding: 0 38px;
}



#logos a img {
	display: block;
	height: 67px;
}


#logos .divide {
	display: block;
	float: left;
	margin: 0 -16px 0 -14px;
}
#logos h4 { color:white; 
	    margin-bottom:0; 
	    opacity: .4;
	    filter: alpha(opacity=40);
          }
#logos div#holders { float:left;width:450px}
#logos h4#stateholders {float:left;width:565px;margin-left:15px;}
#logos h4#partners {float:right;width:320px;margin-right:0px;}

/* /////////////////////////////////
	QUIZ POPUP
///////////////////////////////// */

#quiz {
	width: 620px;
	height: 450px;
	padding: 0 40px;
	background: #fff url('../i/bg-popup.gif') repeat-y left top;
	border-top: solid 12px #2c064a;
	border-bottom: solid 12px #2c064a;
}

#quiz div.h2 {
	padding: 12px 28px 8px;
	margin: 22px -8px 22px -40px;
	background: #f15922;
	border-left: solid 12px #913514;
}

#quiz h2 {
	padding: 0;
	margin: 0;
	background: none;
	border: 0;
}

#quiz .grey {
	width: 600px;
	background: #ededed;
	border-left: solid 12px #5f4078;
	padding: 10px 28px 12px 28px;
	margin: 22px -8px 22px -40px;
	height: auto;
	overflow: visible;
}

#quiz .grey .apply {
	width: 120px;
	float: right;
	padding-left: 28px;
	border-left: solid 2px #fff;
	margin-left: 28px;
}

#progress {
	width: 310px;
	height: 20px;
	float: right;
	background: #ed3e18;
	margin: 4px -8px 0 0;
	position: relative;
}

#progress .bar {
	display: block;
	width: 0%;
	height: 20px;
	background: #c92906;
}

#progress .step {
	display: block;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	color: #fff;
	padding: 0 10px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

#num {
	width: 119px;
	height: 154px;
	padding: 8px 15px 0 0;
	float: left;
	background: transparent url('../i/quiz-num.gif') no-repeat left top;
	margin: 4px 28px 100px -40px;
	font-size: 100px;
	text-align: right;
	color: #fff;
	letter-spacing: -7px;
	display: inline;
}

#q {
	padding-top: 1px;
}

#q h4 {
	font-size: 30px;
	text-transform: none;
	line-height: 28px;
}

p.buttons {
	margin: 28px 0 20px;
}

#quiz li {
	margin-bottom: 6px;
	padding-left: 18px;
	background: transparent url('../i/bullet.gif') no-repeat left 5px;
}

.grey a.arrowButton:link,
.grey a.arrowButton:visited {
	margin: 0 0 20px -28px;
	position: relative;
	left: -12px;
}

/* /////////////////////////////////
	EE user message
///////////////////////////////// */

#box {
	margin: 50px auto;
	width: 620px;
	padding: 0 40px 12px;
	background: #fff url('../i/bg-popup.gif') repeat-y left top;
	border-top: solid 12px #2c064a;
	border-bottom: solid 12px #2c064a;
}

#box li {
	margin-bottom: 6px;
	padding-left: 18px;
	background: transparent url('../i/bullet.gif') no-repeat left 5px;
}

/* /////////////////////////////////
	Slideshow
///////////////////////////////// */
.slideNum:link,
.slideNum:visited {
	width: 18px;
	height: 18px;
	background: transparent url('../i/slide-num.png') no-repeat left top;
	margin-right: 2px;
	font-size: 11px;
	line-height: 18px;
	text-align: center;
	color: #000;
	opacity: .6;
	filter: alpha(opacity=60);
}

.slideNum:hover {
	opacity: .8;
	filter: alpha(opacity=80);
}

.slideNumSelected:link,
.slideNumSelected:visited {
	width: 18px;
	height: 18px;
	background: transparent url('../i/slide-num.png') no-repeat left top;
	margin-right: 2px;
	font-size: 11px;
	line-height: 18px;
	text-align: center;
	color: #000;
	opacity: 1;
	filter: alpha(opacity=100);
}

/* /////////////////////////////////
	Social links
///////////////////////////////// */

.socialLinks {
   margin: 20px 28px 28px 28px;
   height: 31px;
}

.socialLinks li {
   float: left;
   margin-right: 6px;
}

.socialLinks li a {
   display: block;
   float: left;
   width: 31px;
   height: 31px;
   /* opacity */
   opacity: 1.0;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 hack */
   filter: alpha(opacity=100); /* IE6-7 hack */
   /* transition on hover and click */
   -webkit-transition: all 0.1s ease;
   -moz-transition: all 0.1s ease;
   -o-transition: all 0.1s ease;
   transition: all 0.1s ease;
}

.socialLinks li a:hover {
   /* opacity */
   opacity: 0.75;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /* IE8 hack */
   filter: alpha(opacity=75); /* IE6-7 hack */
}