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

html, body { height:100%; }
body { background-color:#191919; font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size:11px; line-height:15px; color:#FFF; }

* { margin:0; padding:0; }
img { border:none; }
.black { color:#000; }
.white { color:#FFF !important; }
.llgrey { color:#ebebeb; }
.lgrey { color:#ccc; }
.hlgrey { color:#999; }
.grey { color:#666 !important; }
.dgrey { color:#333 !important; }
.orange { color:#ff8203; }
.red { color:#FF0000; }
.green { color:#9fe200; }
.blue { color:#38bff7; }
.violet { color:#c450e1; }
.small { font-size:11px; }
.large { font-size:18px; }
.xlarge { font-size:24px; line-height:28px; }
.caps { text-transform:uppercase; }
a { text-decoration:underline; }
a:hover { text-decoration:none; }
table { border-spacing:0; border-collapse:collapse; }
table td { margin:0; vertical-align:top; }
.space, .hr { clear:both; height:1px; }
.inv { color:#1e2124; }
h1 { font-size:20px; line-height:20px; color:#FF0000; font-weight:normal; padding:25px 0 5px 0; margin-left:-2px; }
h1 a { color:#FF0000; text-decoration:none; }
h2 { font-size:15px; line-height:15px; color:#FF0000; font-weight:normal; padding:20px 0 8px 0; }
h2 a { background-color:#191919; border:5px solid #191919; color:#FF0000; text-decoration:none; }
h2 div.ol {
	float: left; margin-left: -60px;
}
h2 a:hover { background-color:#FF0000; border:5px solid #FF0000; color:#000; text-decoration:underline; }
h5 { font-size:14px; text-transform:uppercase; }
h4 { font-size:14px; text-transform:uppercase; color:#999; padding:0 0 10px 0; }
sup { vertical-align:baseline; position:relative; top:-0.3em; }
:focus { -moz-outline-style: none; }

/* Boxes */
#rootBox { position:relative; height:auto !important; height:100%; min-height:100%; width:100%; min-width:990px; background-repeat:no-repeat; background-position:center top; }
#header { width:100%; height:150px; }
#indexHeader { width:100%; height:150px; position:absolute; z-index:999; top:0; }
#content { padding:0 0 90px 0; width:100%; position:relative; }
#innerContent { padding:5px 0 90px 0; width:100%; position:relative; }
body.projects #innerContent { padding:25px 0 90px 0; width:100%; position:relative; }
#footer { position:absolute; width:100%; height:60px; bottom:0; text-align:center; font-size:10px; color:#666; }
#indexFooter { position:absolute; width:100%; height:90px; bottom:0; text-align:center; font-size:10px; color:#666; z-index:999; bottom:0; }
#innerFooter { position:absolute; width:100%; height:60px; bottom:0; text-align:left; font-size:10px; color:#666; }

/* Index */


/* Header */
#nav { padding:44px 0 0 55px; float:left; width:300px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
#nav img { margin-left:5px; }
#nav div { padding:18px 0 0 0; }
#nav div a { background-color:#191919; border:5px solid #191919; margin-right:21px; font-style:italic; color:#FFF; }
#nav div span { background-color:#191919; border:5px solid #191919; margin-right:21px; font-style:italic; color:#FF0000; }
#nav div a:hover { background-color:#FF0000; border:5px solid #FF0000; color:#000 !important; text-decoration:underline; }
#twitBox { float:right; padding:50px 100px 0 0; width:280px; text-align:right; position:relative; }
#twitBox img { position:absolute; right:55px; top:50px; }

#twitfeed li { list-style-type:none; }
#twitfeed .hash, #twitfeed .date { color:#333; } 
#twitfeed .reply { color:#666; } 
#twitfeed a:link { text-decoration:none; color:#666; }
#twitfeed a:active { text-decoration:none; color:#666; }
#twitfeed a:hover { text-decoration:underline; color:#666; }
#twitfeed a:visited { text-decoration:none; color:#666; }

#header .l { width:65%; float:left; }
#header .l .black, #indexHeader .black { float:left; padding:55px 0 0 0; margin-left:-80px; }
#header .l .black div, #indexHeader .black div { height:32px; border-left:1px solid black; padding-left:25px; }

#header .r { width:35%; float:left; }
#header .r .contacts { padding:60px 0 0 90px; }
#header .r .contacts div { font-size:20px; padding:0 0 18px 0; }
#header .r a, #innerContent .rInnerBox a { color:#FF0000; }

/* Navigation */


/* Content */
#innerContent .l { width:65%; float:left; }
#innerContent .lInnerBox { padding:0 0 0 60px; }
#innerContent .text { padding:30px 0 30px 60px; }
#innerContent .text .example { margin-left:-60px; padding:30px 0 5px 0; }
#innerContent .text p { padding-bottom:10px; }
#innerContent .text h2 { padding-top:10px; }

#innerContent .r { width:35%; float:left; }
#innerContent .rInnerBox { padding:68px 60px 0 90px; color:#666; }
#innerContent .rInnerBox h2 { color:#999; }
#innerContent .rInnerBox p { padding:0 0 5px 0; }
#innerContent .nb { padding:0 0 5px 0; }
#innerContent .nb div { margin-left:-20px; width:20px; float:left; font-size:10px; }

#innerContent .ll { clear:both; }
#innerContent .llInnerBox { padding:0 60px 0 60px; color:#666; }
#innerContent .llInnerBox div { width:25%; float:left; font-size:15px; line-height:15px; }
#innerContent .llInnerBox h1 { padding:0 0 15px 0; }
#innerContent .llInnerBox a { color:#F00; }

#filter { float:right; padding:98px 55px 0 0; width:560px; text-align:right; position:relative; text-align:right; }
#filter div.item { float:right; padding-left:10px; }
#filter div.lName { float:left; height:20px; margin-right:5px; }
#filter div.lName a.red { text-decoration:none; border-bottom:none; }
#filter div.lName a.white { text-decoration:none; border-bottom:1px dotted #FFF; }
#filter div.lName a:hover { border-bottom:none; }
#filter div.black { width:20px; height:19px; background-image:url(quan_bg_red.gif); background-repeat:no-repeat; float:left; padding:1px 0 0 0; text-align:center; }
#filter div.white { width:20px; height:19px; background-image:url(quan_bg_black.gif); background-repeat:no-repeat; float:left; padding:1px 0 0 0; text-align:center; }

a.twitLink { background-image:url(ico_at.gif); background-repeat:no-repeat; background-position:1px 3px; padding:0 0 0 17px; }
a.twitLink:hover {  background-image:url(ico_at_black.gif); }
a.facebookLink { background-image:url(ico_facebook.gif); background-repeat:no-repeat; background-position:1px 3px; padding:0 0 0 17px; }
a.facebookLink:hover {  background-image:url(ico_facebook_black.gif); }

#allProjectsBox { position:relative; width:100%; height:560px; overflow:hidden; }
div.relativeBox { position:absolute; left:-710px; top:0; width:100000px; }

div.projectBox { width:640px; float:left; padding-left:90px; }
div.projectBox div.desc { padding:0 0 0 30px; position:relative; }
div.projectBox h1 { padding:33px 0 10px 0; }
div.projectBox p { padding-right:150px; }
div.projectBox p a { color:#FF0000; }
div.addLinks { font-size:13px; padding:20px 0 10px 0; }
div.addLinks a { background-color:#FF0000; border:5px solid #FF0000; color:#000; text-decoration:underline; margin-right:20px; }
div.addLinks a:hover { background-color:#191919; border:5px solid #191919; color:#FF0000; }
div.addLinks a.black { background-color:#191919; border:5px solid #191919; color:#666; text-decoration:underline; margin-right:20px; }
div.addLinks a.black:hover { background-color:#191919; border:5px solid #191919; color:#FF0000; text-decoration:underline; margin-right:20px; }
div.addLinks span.black { text-decoration:underline; margin-right:20px; }
div.addLinks a.tryLink { background-image:url(ico_smile.gif); background-repeat:no-repeat; background-position:1px 3px; padding:0 0 0 18px; }
div.addLinks a.tryLink:hover { background-image:url(ico_smile_red.gif); }

a.redBtn { background-color:#FF0000; border:7px solid #FF0000; color:#000 !important; text-decoration:underline; margin-right:20px; cursor: pointer; font-size: 13px; }
a.redBtn:hover { background-color:#000; border:7px solid #000; color:#FF0000 !important; }

.rInnerBox .price {
	padding-top: 25px !important;
}

span.white sup {
	color:red; font-size:8px; top:-0.5em;
}

div.slideshow { width:640px; height:360px; }

div.nextProjectBox { width:60px; overflow:hidden; float:right; }

div.projectArrowPrev { position:absolute; width:60px; padding:395px 0 0 0; left:60px; top:25px; z-index:99; }
div.projectArrowNext { position:absolute; width:60px; padding:0; float:left; left:785px; top:25px; z-index:99; }
div.projectArrowNext div.grey { padding:0 0 380px 0; }
div.projectArrowNext div.grey span { text-decoration:underline; }

div.arrrIcons { width:170px; float:left; padding:0 0 0 60px; }
div.arrrIcons sup { font-size:8px; top:-0.5em; }
div.arrrIcons div { height:130px; }
div.arrrIcons img { margin:0 10px 5px 0; }
div.arrrIcons p { padding:0 5px 10px 0; }

div.arrrFlash { float:left; }
div.arrrFlash div.addLinks a.tryLink { background-image:url(ico_smile.gif); background-repeat:no-repeat; background-position:1px 3px; padding:0 0 0 18px; color:#000; background-color:#191919; border:5px solid #191919; text-decoration:underline; margin-right:20px; }
div.arrrFlash div.addLinks a.tryLink:hover { background-color:#FF0000; border:5px solid #FF0000; }

.lInnerBox #subscriptionForm input.v { border:3px solid #fff; background-color:#fff; height:25px; }
.lInnerBox #subscriptionForm textarea { border-left:3px solid #fff; border-right:3px solid #fff; border-bottom:3px solid #fff; border-top:8px solid #fff; background-color:#fff; }
.lInnerBox #subscriptionForm button { padding:5px 10px; }
.lInnerBox #subscriptionForm input.h { display:none; }

/* Footer */
div.footerSpace { padding:30px 0 0 0; clear:both; height:1px; }
#footer a, #innerFooter a, #indexFooter a { color:#F00; }
#innerFooter div.l { padding:0 0 0 60px; width:830px; float:left; }
#innerFooter div.l p { padding:0 0 0 12px; background-image:url(ico_phone.gif); background-repeat:no-repeat; background-position:left top; margin-top:10px; }
#innerFooter div.r { padding:0 60px 0 0; width:200px; float:right; text-align:right; }
#innerFooter div.r p { padding:25px 0 0 0; text-align:right; }
#footer a, #innerFooter a, #indexFooter a { background-color:#191919; border:5px solid #191919; color:#FF0000; }
#footer a:hover, #innerFooter a:hover, #indexFooter a:hover { background-color:#FF0000; border:5px solid #FF0000; color:#000; text-decoration:underline; }
#footer a.grey, #innerFooter a.grey, #indexFooter a.grey { background-color:#191919; border:5px solid #191919; color:#666; }
#footer a.grey:hover, #innerFooter a.grey:hover, #indexFooter a.grey:hover { background-color:#191919; border:5px solid #191919; color:#666; text-decoration:none; }
#indexFooter form { height:30px; }
#indexFooter form .v { border:3px solid #fff; background-color:#fff; width:160px; color:#999; }
#indexFooter form .h { display:none; }
#indexFooter form button { border:0; background:transparent; color:#f00; cursor:pointer; }
#indexFooter div.red { height:25px; padding:5px 0 0 0; }

div.claymore { position:absolute; top:-150px; width:100%; text-align:center; height:75px; }
div.claymore div { text-align:center; width:150px; height:75px; margin:0 auto; }
div.claymore p { padding-top:10px; }
div.claymore a { text-decoration:none !important; background-color:transparent !important; border:none !important; }
div.claymore a:hover { background-color:transparent !important; border:none !important; color:#F00 !important; }

.placeholder {
	position: absolute;
	z-index: 100000;
	width: 720px;
	height: 405px;
	cursor: pointer;
}

a.prev, a.next {
	width: 30px;
	height: 19px;
	display: block;
}
a.next.enabled {
	cursor: pointer;
	background: url(arrow_next_red.gif);
}
a.next.disabled {
	cursor: default;
	background: url(arrow_next_black.gif);
}

a.prev.enabled {
	cursor: pointer;
	background: url(arrow_prev_red.gif);
}
a.prev.disabled {
	cursor: default;
	background: url(arrow_prev_black.gif);
}

div.bot-more { 
	position:absolute; left:50%; top:50%; z-index:199; width:140px; height:56px;
}
div.bot-more a { 
	display:block; width:140px; height:56px; margin:-28px 0 0 -70px; background:#191919 url(more.gif) no-repeat left top;
}
div.bot-more a.En { 
	display:block; width:212px; height:40px; margin:-28px 0 0 -70px; background:#191919 url(http://redmadrobot.com/i/more.gif) no-repeat left top;
}
div.bot-more a:hover { 
	background-position:right top;
}

div.player-more { 
	width:320px; height:256px; position:absolute; left:50%; top:50%; z-index:199;
}
div.player-more div { 
	margin:-128px 0 0 -80px;
}
div.player-more a.moreLink { 
	display:block; width:140px; height:56px; margin:40px 10px 0 10px; background:#191919 url(more.gif) no-repeat left top;
}
div.player-more a.moreLinkEn { 
	display:block; width:212px; height:40px; margin:40px 10px 0 10px; background:#191919 url(http://redmadrobot.com/i/more.gif) no-repeat left top;
}
div.player-more a.arrrLink { 
	width:160px; height:160px; display:block; background:#191919 url(marker.gif) no-repeat left top;
}
div.player-more a.moreLink:hover, div.player-more a.arrrLink:hover { 
	background-position:right top;
}

div.pp-score-player {
	background-position: 50% 0 !important;
}

div.pp-score {
    background: url(/i/score-dots.gif) no-repeat 50% 0;
}


.pp-player-life-3 {
	background-image: url(/i/right-1.gif) !important;
}
.pp-player-life-3-fired {
	background-image: url(/i/right-1-fired.gif) !important;
}

.pp-player-life-2 {
	background-image: url(/i/right-2.gif) !important;
}
.pp-player-life-2-fired {
	background-image: url(/i/right-2-fired.gif) !important;
}

.pp-player-life-1 {
	background-image: url(/i/right-3.gif) !important;
}
.pp-player-life-1-fired {
	background-image: url(/i/right-3-fired.gif) !important;
}

.pp-bot-life-3 {
	background-image: url(/i/left-3.gif) !important;
}
.pp-bot-life-3-fired {
	background-image: url(/i/left-3-fired.gif) !important;
}

.pp-bot-life-2 {
	background-image: url(/i/left-2.gif) !important;
}
.pp-bot-life-2-fired {
	background-image: url(/i/left-2-fired.gif) !important;
}

.pp-bot-life-1 {
	background-image: url(/i/left-1.gif) !important;
}
.pp-bot-life-1-fired {
	background-image: url(/i/left-1-fired.gif) !important;
}