@charset "utf-8";

/* Global styles */

html, body {height: 100%;}
body {color: #666;margin-top: 15px;margin-bottom: 15px;}
h2 {color: #FFF;margin-bottom: 1em;margin-top: 1em;}
h2 strong {line-height: 1em;margin-left: -8px;padding-top: 5px;padding-right: 8px;padding-bottom: 5px;padding-left: 8px;background-color: #000;}
h3 {color: #666;font-size: 1.4em;font-weight: bold;margin-top: 10px;margin-bottom: 4px;}
h4 {color: #666;font-size: 1.2em;font-weight: bold;margin-top: 10px;margin-bottom: 4px;}
.bigger {font-size: 1.2em;}
table.no-space-bottom {margin-bottom: 0px;}
.wrapper {width: 950px;margin-left: 10px;text-align: left;}
blockquote {
	background-color: #CCC;
	font-style: normal;
	margin-left: 0px;
	color: #333;
	background-image: url(../images/quote-bot-brdr.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 29px;
	padding-left: 12px;
	margin-bottom: 0px;
	margin-right: 25px;
	margin-top: 12px;
	line-height: 1.5em;
}

/* DIVs */

#header {float: left;width: 100%;}
#header img {float: left;margin: 0px;padding: 0px;}
#main-nav {width: 100%;float: left;margin-bottom: 2px;background-color: #000;margin-top: 2px;}
#header #main-nav ul {text-align: left;padding: 0px;font-size: 1.3em;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}
#header #main-nav ul li{list-style-type: none;text-align: center;float: left;}
#header #main-nav ul li a {color: #FFF;text-decoration: none;padding-right: 20px;font-weight: normal;display: block;padding-top: 4px;background-color: #000;border-right-width: 1px;border-left-width: 1px;border-right-style: solid;border-left-style: solid;border-right-color: #FFF;border-left-color: #FFF;padding-left: 19px;padding-bottom: 4px;}
#header #main-nav ul li a:hover {background-color: #CE0028;}
#header #main-nav ul li.hilite {color: #FFF;text-decoration: none;padding-right: 20px;font-weight: normal;display: block;padding-top: 4px;background-color: #A8001D;padding-left: 19px;border-right-width: 1px;border-left-width: 1px;border-right-style: solid;border-left-style: solid;border-right-color: #FFF;border-left-color: #FFF;padding-bottom: 4px;}
#header #main-nav ul li.link1 a {border-left-style: none;padding-right: 19px;}
#header #main-nav ul li.hilite.link1 {border-left-style: none;padding-right: 19px;}
#header #main-nav ul li.linklast a {border-right-width: 2px;border-right-style: solid;border-right-color: #FFF;padding-right: 19px;padding-left: 18px;}
#header #main-nav ul li.hilite.linklast {border-right-width: 2px;border-right-style: solid;border-right-color: #FFF;padding-right: 19px;padding-left: 18px;}
#main {background-color: #eeeeee;padding-left: 25px;background-repeat: repeat-y;padding-top: 14px;}
#main img {float: left;margin-right: 20px;}
#main .span-desc {width: 260px;float: left;margin-bottom: 20px;}
#main .span-desc.first, #main .span-img.first {margin-top: 20px;}
#main .desc-left {margin-right: 5px;}
#main .desc-wide {width: 380px;margin-right: 5px;}
#main .desc-right {margin-left: 5px;}
#main .desc-ecrio {width: 280px;}
#main .desc-nokia {width: 455px;}
#main .desc-neusoft {width: 450px;}
#main .desc-movial {width: 261px;}
#main .desc-left.desc-movial {width: 246px;}
#main .span-img {width: 390px;float: left;}
#main .img-narrow {width: 275px;}
#main .img-ecrio {width: 370px;margin-bottom: 15px;}
#main .img-nokia {width: 200px;}
#main .img-devstrom {margin-bottom: 15px;}
#main .img-neusoft {width: 200px;}
#main .img-movial {width: 404px;}
#main .img-left {margin-right: 5px;}
#main .img-right {margin-left: 5px;}
#main .span-desc h4 {margin-top: 0px;}
#main img.picright {float: right;margin-left: 20px;}
#main img.ss {float: left;margin-left: 0px;margin-right: 10px;margin-top: 0px;margin-bottom: 10px;}
#main img.ss.last {margin-right: 0px;}
#main .img-narrow img.ss {float: right;}
.clearss {clear: both; margin-bottom: 15px;}
#main p {padding-right: 25px;}
#main a {color: #A8001D;text-decoration: none;}
#main a:hover {color: #FFF;background-color: #A8001D;}
#main.shortlist ul {line-height: 1.3em;margin-right: 15px;}
#main.shortlist ul li {margin-top: 8px;}
#main .desc-left p {padding-right: 5px;}
#main ul.judges {margin-top: 0px;margin-right: 0px;margin-bottom: 25px;margin-left: 0px;}
#main ul.judges li {list-style-type: none;height: 100px;}
#main ul.judges li img {float: left;margin-right: 15px;}
#main tr td {padding-left: 0px;}
#main tr td.logo {text-align: center;}
#main tr td.logo img {float: none;margin-right: 0px;margin-top: 13px;}
#main table tbody tr td p a img {margin-top: 15px;border: 1px solid #666;}
#main .corner{background-image: url(../images/main-right.gif);background-position: right bottom;height: 6px;width: 100%;background-repeat: no-repeat;}
#main .name {font-weight: bold;color: #A8001D;}
#main form input[type="text"] {margin-top: -2px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}
#main form table tr td .error {color: #A8001D;}
#main form input[type="text"] .error{border-top-color: #A8001D;border-right-color: #A8001D;border-bottom-color: #A8001D;border-left-color: #A8001D;}
#main #clienthide, #main #innovhide {margin-top: 40px;}
#main table tr td p {margin: 0px;padding-top: 0px;padding-right: 10px;padding-bottom: 0px;padding-left: 0px;}
#main .graphic {margin-bottom: 15px;margin-top: 15px;}
#main p.required {margin-top: 0px;font-weight: bold;}
#main .no-pad tr td p {margin-top: 10px;margin-bottom: 10px;}
#main #screenshot {margin-bottom: 20px;}
#side-nav .region p {color: #FFF;margin: 0px;padding: 0px;}
#side-nav .region.grey {color: #666;background-color: #eeeeee;height: 152px;}
#side-nav .region.red1 {color: #FFF;background-color: #de002b;}
#side-nav .region.red2 {color: #FFF;background-color: #ce0028;}
#side-nav .region.red3 {color: #FFF;background-color: #a8001d;}
#side-nav .region.red4 {color: #FFF;background-color: #830100;}
#side-nav .region.red1 a, #side-nav .region.red2 a, #side-nav .region.red3 a, #side-nav .region.red4 a {text-align: center;display: block;height: 20px;color: #FFF;text-decoration: none;font-size: 1.3em;padding-top: 8px;}
#side-nav .region.red1 a:hover, #side-nav .region.red2 a:hover, #side-nav .region.red3 a:hover, #side-nav .region.red4 a:hover {text-decoration: underline;}
#side-nav .region.white {color: #000;background-color: #FFF;height: 158px;padding-top: 2px;}
#side-nav .border1 {background-image: url(../images/side-nav-1.gif);background-repeat: no-repeat;background-position: left top;height: 6px;}
#side-nav .border2 {background-image: url(../images/side-nav-2.gif);background-repeat: no-repeat;background-position: left top;height: 6px;}
#side-nav .border3 {background-image: url(../images/side-nav-3.gif);background-repeat: no-repeat;background-position: left top;height: 6px;}
#side-nav .border4 {background-image: url(../images/side-nav-4.gif);background-repeat: no-repeat;background-position: left top;height: 6px;}
#side-nav .border5 {background-image: url(../images/side-nav-5.gif);background-repeat: no-repeat;background-position: left top;height: 6px;}
#side-nav .bot-border {background-image: url(../images/side-nav-bot.gif);background-repeat: no-repeat;background-position: left top;height: 5px;}
#footer {border-top:3px solid #CCCCCC;clear:both;float:left;margin:10px 0 0;padding:15px 10px;width:940px;text-align: left;font-size: 11px;}
#footer ul {list-style-image:none;list-style-position:outside;list-style-type:none;float:left;margin-bottom:10px;width: 100%;margin-left: 0px;}
#footer ul li {float:left;margin-left:7px;padding-left:8px;}
#footer ul li:first-child, #footer ul li.first-child {background-image:none;margin-left:0;padding-left:0;}
#footer p {line-height:1.4em;margin-bottom:10px;clear:both;float:left;width:100%;}
#footer a {color:#666666;text-decoration: underline;}

/* Miscellaneous styles */

.boxclear {float: right;width: 470px;}
.supp #main p {margin-top: 15px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}
.no-pad tr td{padding: 0px;}
#hiddenpad {height: 300px;}
#main form {margin-bottom: 15px;}
.contact_us #main table {margin-left: -8px;}
.contact_us #main tr td {padding-left: 8px;}
.boldstyle {color: #A8001C;}
.boldstyle2 {color: #FFF;background-color: #A8001C;}
.regclosed {-moz-border-radius: 10px;-webkit-border-radius: 10px;padding: 10px;background-color:#A8001C;margin-right: 20px;font-size: 1.1em;font-weight: bold;color: #FFF;border: 2px solid #C0C0C0;}
#container .wrapper.clearfix #main .regclosed a {color: #FFF;text-decoration: underline;}
#main img.entrants {margin-right: 0px;margin-bottom: 20px;float: left;}
#main .column {float: left;width: 220px;margin-right: 0px;}
#main .bodygroup {float: none;}
#main img.winnericon {padding: 0px;float: right;margin-top: 0px;margin-right: 10px;margin-bottom: 15px;margin-left: 10px;}
#main .wherenext {margin-right: 25px;background-color: #FFF;border: 1px solid #999;padding-top: 0px;padding-right: 10px;padding-bottom: 0px;padding-left: 10px;margin-bottom: 20px;margin-top: 15px;}
#main .wherenext h3 {margin-bottom: 0.8em;}
#main #winning-entries {margin-left: 60px;}
#main #winning-entries tr td {margin: 0px;padding: 0px;vertical-align: middle;}
#main #winning-entries tr td img {margin: 0px;padding: 0px;}
.winner-flash {color: #FFF;background-color: #CE0028;margin-left: 4px;padding-top: 2px;padding-right: 4px;padding-bottom: 2px;padding-left: 4px;}
.winnerpic {margin-top: 6px;}
.quotribute {margin-bottom: 12px;margin-right: 25px;font-size: 1.1em;font-weight: bold;}
#winning-entries td.winnercell {font-size: 1.1em;}
.winner-summary {margin-bottom: 24px;}

/* Image carousel */
.infiniteCarousel {width: 660px;height: 360px;position: relative;overflow: hidden;margin-bottom: 12px;}
.infiniteCarousel .holder {width: 660px;height: 360px;margin: 0px;top: 0;position: absolute;}
#main .infiniteCarousel ul img {margin: 0px;padding: 0px;}
.infiniteCarousel .holder ul {width: 660px; /* single item * n */list-style-image:none;list-style-position:outside;list-style-type:none;margin:0px;padding:0px;position: absolute;top: 0px;}
.infiniteCarousel ul li {display:block;float:left;height: 360px;width: 660px;}
.infiniteCarousel ul li img {  -webkit-transition: border-color 400ms;}
.infiniteCarousel ul:hover li img {border-color: #000;}
.infiniteCarousel ul:hover li:hover img {border-color: #333;}
.infiniteCarousel ul li a img {display:block;}
#main .vid-div {
	margin-top: 35px;
}