@charset "utf-8";
 /*CSS Document 
 CSS Document */
@import url(reset.css);

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
}

h3 {
	color: #006897;
	padding: .5em 0;
	font-size: 18px;
}

strong {
	font-weight: bold;
}

#wrapper {
	width: 774px;
	padding-bottom: 10px;
	margin: auto;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clr {
	clear: both;
}

.clrL {
	clear: left;
}

.clrR {
	clear:right;
}

#top {
	height: 175px;
	width: 774px;
	position: relative;
	background: url(/Template/Spark/img/top.jpg) left bottom repeat-x;
}

#logo {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 166px;
	height: 137px;
}

#login {
	height: 67px;
	width: 420px;
	background: url(/Template/Spark/img/login.jpg) center center no-repeat;
	position: absolute;
	right: 0;
	top: 0;
}

.navigation {
	height: 62px;
	width: 583px;
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;	
}

.navigation a, .navigation li {
	height: 41px;
	display: block;
	float: left;
}

#traffic ul {
	position: absolute;
	bottom: 0px;
	left: 10px;
	height: 20px;
	padding-top: 7px;
	width: 600px;
}

#traffic ul {
	visibility: hidden;
}

#trafficLink a
{
    width: 90px;
}

#traffic:hover ul, #traffic a:hover ul {
	visibility: visible;
}

#traffic ul li {
	height: 12px;
	border-left: 1px solid #a4cee4;
}

#traffic ul a {
	height: 12px;
	line-height: 12px;
	font-size: 12px;
	padding: 0 10px;
	color: #a4cee4;
	text-decoration: none;
}

#traffic ul a:hover {
	color: #fff;
}

/*
-----------------------------------
    turning nav tabs on when on page
---------------------------------

*/
#navOnHome 
{
    background: url(/Template/Spark/img/nav/home2.jpg) center bottom no-repeat;
    width: 85px;
}

#navOnHome a
{
    background: url(/Template/Spark/img/nav/home2.jpg) center bottom no-repeat;
    width: 85px;
}

#navOnTraffic {
	background: url(/Template/Spark/img/nav/traffic2.jpg) center top no-repeat;
	width: 115px;
}

#navOnTraffic:hover {
	background: url(/Template/Spark/img/nav/traffic2.jpg) center bottom no-repeat;
}

#navOnTraffic ul {
	position: absolute;
	bottom: 0px;
	left: 10px;
	height: 20px;
	padding-top: 7px;
	width: 600px;
}

#navOnTraffic ul {
	visibility: visible;
}

#navOnTraffic:hover ul, #traffic a:hover ul{ 
	visibility: visible;
}

#navOnTraffic ul li {
	height: 12px;
	border-left: 1px solid #a4cee4;
}

#navOnTraffic ul li a {
	height: 12px;
	line-height: 12px;
	font-size: 12px;
	padding: 0 10px;
	color: #a4cee4;
	text-decoration: none;
}


#navOnTraffic ul a:hover {
	color: #fff;
}


#navOnCase 
{
    background: url(/Template/Spark/img/nav/case2.jpg) center bottom no-repeat;
    width: 85px;
}

#navOnCase a
{
    background: url(/Template/Spark/img/nav/home2.jpg) center bottom no-repeat;
    width: 85px;
}

#navOnAbout
{
    background: url(/Template/Spark/img/nav/about2.jpg) center bottom no-repeat;
    width: 120px;
}

#navOnAbout a
{
    background: url(/Template/Spark/img/nav/about2.jpg) center bottom no-repeat;
    width: 120px;
}

#navOnContact a {
	background: url(/Template/Spark/img/nav/contact2.jpg) center top no-repeat;
	width: 116px;
}

#navOnContact a:hover {
	background: url(/Template/Spark/img/nav/contact2.jpg) center bottom no-repeat;
}

/*
====================================================================
    CLASS CHANGES FOR NAVIGATION BAR

====================================================================
*/
.home a {
	background: url(/Template/Spark/img/nav/home.jpg) center top no-repeat;
	width: 85px;
}

.homeOn a
{
    background: url(/Template/Spark/img/nav/home2.jpg) center bottom no-repeat;
    width: 85px;
}

.home a:hover {
	background: url(/Template/Spark/img/nav/home.jpg) center bottom no-repeat;
}

.about a {
	background: url(/Template/Spark/img/nav/about.jpg) center top no-repeat;
	width: 120px;
}

.about a:hover {
	background: url(/Template/Spark/img/nav/about.jpg) center bottom no-repeat;
}

.caseStd a {
	background: url(/Template/Spark/img/nav/case.jpg) center top no-repeat;
	width: 147px;
}

.caseStd a:hover {
	background: url(/Template/Spark/img/nav/case.jpg) center bottom no-repeat;
}

.traffic {
	background: url(/Template/Spark/img/nav/traffic.jpg) center top no-repeat;
	width: 115px;
}


.traffic:hover {
	background: url(/Template/Spark/img/nav/traffic.jpg) center bottom no-repeat;
}



.traffic ul {
	visibility: hidden;
}

#trafficDefault a
{
    width: 100px;
}

.traffic:hover ul, #traffic a:hover ul {
	visibility: visible;
}

.trafficLinks li {
	height: 12px;
	border-left: 1px solid #a4cee4;
}

.trafficLinks a {
	height: 12px;
	line-height: 12px;
	font-size: 12px;
	padding: 0 10px;
	color: #a4cee4;
	text-decoration: none;
	
}

.trafficLinks a:hover {
	color: #fff;
}

.trafficLinks {
	position: absolute;
	bottom: 0px;
	left: 10px;
	height: 20px;
	padding-top: 7px;
	width: 600px;
}


/*
=============================
    TrafficOn Nav
============================
*/

.trafficOn
{
    background: url(/Template/Spark/img/nav/traffic.jpg) center bottom no-repeat;
	width: 115px;
}

.trafficLinks .videoContentPlugsOn a
{
    font-weight: bold;
    color: white;
}

.trafficLinks .contentPlugsOn a
{
    font-weight: bold;
    color: #fff;
}

.trafficLinks .viralMarketingOn a
{
    font-weight: bold;
    color: #fff;
}

.trafficLinks .contestPromotionOn a
{
    font-weight: bold;
    color: #fff;
}

.trafficLinks .popUndersOn a
{
    font-weight: bold;
    color: #fff;
}

/*
=============================
    AboutOn Nav
============================
*/

.aboutOn 
{
    background: url(/Template/Spark/img/nav/about.jpg) center bottom no-repeat;
    width: 120px;
}

/*
=============================
    contactOn Nav
============================
*/

.contactOn 
{
    background: url(/Template/Spark/img/nav/contact.jpg) center bottom no-repeat;
    width: 110px;
}

/*
=============================
    Contact Nav
============================
*/
.contact a {
	background: url(/Template/Spark/img/nav/contact.jpg) center top no-repeat;
	width: 116px;
}

.contact a:hover {
	background: url(/Template/Spark/img/nav/contact.jpg) center bottom no-repeat;
}



#footer {
	clear: both;
	width: 774px;
	border-top: 1px solid #999;
	line-height: 18px;
	height: 18px;
	color: #999;
	font-size: 10px;
}

#copyright {
	float: left;
	width: 50%;
}

#footerNav {
	float: right;
	width: 50%;
	text-align: right;
	color: #448fb4;
}

#footerNav a {
	color: #999;
	text-decoration: none;
	padding: 0 .5em;
}

#footerNav a:hover {
	color: #006897;
}


#username, #pass, #submit {
	position: absolute;
}

#username {
	width: 168px;
	height: 14px;
	line-height: 14px;
	left: 20px;
	bottom: 20px;
	border: none;
	background: #fff;
	color: #ccc;
	font-size: 11px;
}

#pass {
	width: 169px;
	height: 14px;
	line-height: 14px;
	left: 212px;
	bottom: 20px;
	border: none;
	background: #fff;
	color: #ccc;
	font-size: 11px;
}

#submit {
	position: absolute;
	left: 391px;
	bottom: 19px;
	width: 18px;
	height: 18px;
}

#content {
	padding: 10px 0 20px 0;
}

#clientBox {
	height: 73px;
	width: 415px;
	padding: 5px;
	/* background: url(/Template/Spark/img/client.jpg) left center repeat-x;*/
	position: relative;
	font-size: 14px;
	color: #fff;
	line-height: 16px;
}

#testimonial {
	float: right;
	width: 286px;
	height: 55px;
}

#author {
	float: right;
	width: 286px;
	text-align: right;
	font-size: 12px;
}

.aboutText {
	width: 420px;
	margin-left: 10px;
	padding: .75em 0;
	line-height: 1.75em;
	color: #333;
	font-size: 12px;
}

#aboutUs {
	margin-left: 15px;
}

#contactWrap {
	width: 265px;
}

#contactForm input, #contactForm label, #contactForm textarea {
	float: left;
	clear: left;
}

#contactForm label {
	margin-bottom: .25em;
	margin-left: .5em;
	color: #006897;
}

.req 
{
    color: Red;
}

#contactForm input {
	margin-bottom: 1em;
	width: 260px;
	border: 1px solid #999;
	background: #fff;
}

#contactForm textarea {
	border: 1px solid #999;
	background: #fff;
	width: 260px;
	height: 100px;
}

#contactForm #sbmtBtnEmail {
	width: 75px;
	height: 32px;
	background: url(/Template/Spark/img/submit2.jpg) center center no-repeat;
	float: right;
	border: none;
	line-height: 999em;
	cursor: pointer;
}

#sbmtBtnEmail input {
	background: none;
	border: none;
	margin: 0;
	width: 75px;
	height: 32px;
}

#contactCompleteCSS
{
    width: 265px;
    font-weight: bold;
    font-size: 14px;
    float:right;
    color: #006897;
}

#spark {
	width: 100%;
	border-top: 1px solid #c0c0c0;
	padding-top: 1em;
	margin-bottom: .25em;
	font-size: 16px;
	font-weight: bold;
}

#contactInfo, #contactInfo span {
	width: 100%;
}

#video-content-plugs {
	width: 100%;
	margin-bottom: 2em;
}

#what {
	width: 45%;
}

#how {
	width: 50%;
}

#vid-content-plug-pic {
	margin: 2em 0 1em 0;
}

#plugs-in-action, #content-plugs, #why  {
	width: 100%;
}

#content-plugs {
	margin-bottom: 2em;
}

#content-plug-pic {}

#plugs-in-action a 
{
	display: block;
	width: 193px;
	float: left;
}

#other-ad-formats {
	margin-top: 2em;
}

#viral-marketing {
	width: 290px;
	float: left;
}

#viral-marketing p {
	float: left;
	clear: left;
	width: 265px;
}

#contest-promotion {
	width: 386px;
}

#contest-promotion h2 {
	font-size: 16px;
	font-weight: bold;
	padding: 1em 0;
}

#contest-promotion a {
	color: #006699;
	text-decoration: none;
}

.margin {
	margin-left: 20px;
	clear: left;
}

#centerBox 
{
    padding-top: 50px;
    display: inline;
    width: 100%;
    float: left;
 
}

#leftimg 
{
    padding-top: 50px;
    padding-bottom: 0px;
    float: left;
}

#centerBox embed
{
    margin-bottom: 80px;
    float: none;
    

}

#plugs-in-action img
{
    float: left;
    padding-right: 0px;
}