/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.preload1 {background: url(../_images/left_on_a.png);}
.preload1 {background: url(../_images/right_on_a.png);}

.prodrop4 {padding:0px; margin:0; list-style:none; height:24px; position:relative; z-index:500; font-family:arial, verdana, sans-serif; width:720px; float:left;}
.prodrop4 li.top {display:block; float:left; margin:0px 3px 0px 0px;}
.prodrop4 li a.top_link {display:block; float:left; height:24px; line-height:24px; color:#fff; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 10px; cursor:pointer;background: url(../_images/left_off_a.png) no-repeat;}
.prodrop4 li a.top_link span {float:left; display:block; padding:0 20px 0 10px; height:24px;background:url(../_images/right_off_a.png) right top;}
.prodrop4 li a.top_link:hover {color:#fff; background: url(../_images/left_on_a.png) no-repeat; line-height:23px;}
.prodrop4 li a.top_link:hover span {background:url(../_images/right_on_a.png) no-repeat right top;}

.prodrop4 li:hover > a.top_link {color:#fff; background: url(../_images/left_on_a.png) no-repeat; line-height:24px;}
.prodrop4 li:hover > a.top_link span {background:url(../_images/right_on_a.png) no-repeat right top;}
.prodrop4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.prodrop4 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop4 li:hover {position:relative; z-index:200;}

/* ================================================================ 
Page Styles
=================================================================== */

body,td,th {
	color: #FFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
}
body {
	background-color: #000;
	margin:0px;
	background-image: url(../_images/stripe_bg.png);
}
#container{
	margin:20px auto 0px auto;
	width:990px;
	height:700px;
	position:relative;
	z-index:1;
}
#footer{
	margin:0px auto;
	width:980px;
	height:20px;
	border-top:1px solid #666;
	padding:5px;
}

div#thegroup{float:right;font-size:9px;color:#666;text-align:right;}
div#thegroup img{padding:6px 0px 0px 6px;border:0px;}

#menuholder{float:left; width:920px; height:29px; padding:5px 10px 2px 6px; margin:12px 0px 0px 34px; background:url(../_images/menu_container.jpg) no-repeat; display:none;}
#mainlogo{
	position:absolute;
	width:251px;
	height:186px;
	background:url(../_images/spike_home_logo.png) no-repeat;
	left:46px;
	top:245px;
	z-index:99;
}




#videosplash{
	position:absolute;
	right: 151px;
	top: 190px;
	z-index:99;
}

#launchme{
	position:absolute;
	width:89px;
	height:84px;
	background:url(../_images/spike_launch.png) no-repeat;
	right: 51px;
	top: 284px;
	z-index:99;
}
#launchme a{display:block;width:89px;height:84px;}
#menuphone{float:right; width:102px; padding:5px;}
#menuphone strong{color:#fc2c2c;}
#mainbg{
	z-index:1;
	position:absolute;
	width:990px;
	height:700px;
	top:0px;
	left:0px;
	display:none;
}
#maincontent{
	z-index:99;
	position:absolute;
	width:990px;
	height:700px;
	top:0px;
	left:0px;
}
#contentshiz{position:absolute; top:45px; right:20px; width:640px; height:0px; background:url(../_images/content_bg.png) no-repeat;}
p{margin-top:0px;}
#shizcontainer{display:none;width:640px; height:655px;}
#shizcontainer p {padding-left:15px;}

h1{margin:0; padding:0; letter-spacing:-1px; font-size:30px;}
h2{margin:0; padding:0; letter-spacing:-1px; font-size:18px;}
h3{margin:0; padding:0; letter-spacing:-1px; font-size:18px;}
h1.MWxHeader{font-family:Arial, Verdana, Helvetica, sans-serif; font-size:30px; color:#ccc;}
h2.MWxTitle{font-family:Arial, Verdana, Helvetica, sans-serif; font-size:21px; color:#ffffff; font-weight:bold;}

#newestwork{float:left; width:300px; height:262px; padding:10px; background:url(../_images/separator.png) no-repeat right 12px;}
#aboutspike{float:left; width:300px; height:262px; padding:10px;}
.redspot{float:left; height:10px; padding-top:7px;}
.sifrfloat{float:left; width:200px; padding-left:5px; height:28px;}
.fullfloat{float:left; width:600px; padding:10px; margin:0px 0px 0px 6px;}
.cleaner{clear:both;}
a{outline:none;}
img{border:0px;}
.hoveron{background:#000;}

a {
	font-size: 10px;
	color: #e64343;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #e64343;
}
a:hover {
	text-decoration: underline;
	color: #e64343;
}
a:active {
	text-decoration: none;
	color: #e64343;
}

#portfoliolist{display:none;}
#portfoliolist ul {list-style:none;padding:0px; margin:0px auto; }
#portfoliolist li {float:left;width:130px; height:69px; padding:7px;}
#FlowControls{display:none; margin-left:16px;float:left; width:440px; text-align:center;}
#FlowControls span.jFlowSelected {background:#F00; color:#fff;}
.jFlowControl{width:10px; height:8px; padding:2px; text-align:center; color:#f22727; text-size:9px; font-weight:bold;background:#000;margin-right:3px;cursor:pointer;}
#jFlowSlide{margin-left:10px; float:left;}
.jFlowPrev, .jFlowNext{cursor:pointer; font-size:9px; color:#f22727; width:61px; height:17px;background:url(../_images/nextprev_bg.png) no-repeat; text-align:center; padding:2px 0px 0px 0px; font-weight:bold;}
.jFlowPrev:hover, .jFlowNext:hover{background:url(../_images/nextprev_bg_on.png) no-repeat; color:#fff;}
#portintro{float:left; margin:0px 0px 12px 0px; padding:0px 0px 0px 15px;}
#selectCategory{float:left; margin:0px 0px 6px 0px; padding:10px 0px 0px 12px; width:593px; height:23px; background:url(../_images/cat_select_bg.jpg) no-repeat; color:#fff; font-weight:bold;}
.sepbar{background:url(../_images/sepline_mid.png) no-repeat center top;}
#videoXholder{float:left;width:302px;height:175px;background:url(../_images/vidxbg.png) no-repeat; padding:8px 0px 0px 12px; margin:0px 0px 0px 20px; display:none;}
#portcontent{float:left;width:230px;height:210px; padding:0px 20px 0px 16px; margin:0px 0px 0px 0px; background:url(../_images/separator.png) no-repeat right 12px; display:none;}
.redtitle{font-size:14px;color:#dd2424;font-weight:bold;}
.vidlink a {display:block;width:130px; height:69px;}

#logodisplay{position:absolute; top:610px; right:20px; width:300px; height:45px; z-index:10px;}
.redbold{font-size:10px;color:#cc2424;font-weight:bold;}
#inspirecontent{height:600px;}
#awardscontent{height:600px;}
#pastprojectscontent{height:600px;}
object{outline:none;}
div{outline:none;}
#mp3_container{position:absolute; width:321px; height:265px; top:432px; left:5px; background:transparent; z-index:999999;}
.teamtitle{color:#fc2c2c; font-size:14px; font-weight:bold;}