/* /////////////////////////////////
	Digital Industry Forum 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.partners { background: #590d94 url('../i/bg-inside.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: #afd20c;
	border-left: solid 12px #55650e;
	text-shadow: #7c9117 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: #981269;
	text-decoration: none;
}

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

a:focus {
	outline: 0;
}

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

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

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

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

.headerHome {
	height: 233px;
}

.headerInside {
	height: 210px;
}

/*#logo {
	display: block;
	width: 102px;
	height: 64px;
	overflow: hidden;
	background: transparent url('../i/logo.png') no-repeat left top;
	text-indent: -5000px;
	margin: 0;
	position: absolute;
	top: 14px;
	right: 120px;
}*/

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

#h1-home {
	display: block;
	width: 415px;
	height: 135px;
	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: #afd20c;
	font: bold 14px arial;
	line-height: 34px;
	padding: 0 15px;
	text-transform: uppercase;
	background-color: transparent;
}


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

ul#nav li a.current:link,
ul#nav li a.current:visited {
	background-color: #000;
	color: #fff;
}

/* /////////////////////////////////
	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 li.current a:link,
#subNav li.current a:visited,
#subNav li.current a:hover {
	color: #afd20c;
	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 #55650e;
	height: 133px;
	overflow: hidden;
	margin: 22px -7px 22px -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 #action1:link,
#actions #action1:visited { border: 0; background-image: url('../i/action1.png') }

#actions #action2:link,
#actions #action2:visited { background-image: url('../i/action2.png') }

#actions #action3:link,
#actions #action3:visited { background-image: url('../i/action3.png') }

#actions #action4:link,
#actions #action4:visited { background-image: url('../i/action4.png') }

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: 4px 20px 3px 20px;
	border-bottom: solid 2px #242424;
	height: 1%;
	overflow: hidden;
	line-height: 16px;
}

#newsList strong {
	color: #fff;
}

#newsList a.more:link,
#newsList a.more:visited {
	color: #e869bd;
}

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

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

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

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

.date .day {
	display: block;
	font-size: 22px;
	font-weight: bold;
	margin-top: -2px;
	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: 67px;
	padding: 0 0 0 14px;
	background: transparent url('../i/bg-logos.gif') no-repeat center top;
	overflow: hidden;
}

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

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

#logos .divide {
	display: block;
	float: left;
	margin: 0 -14px 0 -12px;
}

/* /////////////////////////////////
	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 0 -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;
}