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

body {
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	height:100%;
	text-align: center;
	font-family: "Gill Sans", "Gill Sans MT", sans-serif;
	font-weight:lighter;
	color:#CCCCCC;
	line-height: 20px;
}


html {
	margin:0;
	padding:0;
	height: 100%;
	overflow: auto;
}

a {
	color:#FFFFFF;
	text-decoration:none;
}

a:hover {
	color:#8FC8EC;
}

body h1, #bannerHeader1, #bannerHeader3 {
	padding:0px;
	font-weight:normal;
	margin:0px;
	font-size:30px;
	font-family:Tahoma, "Gill Sans", Helvetica, sans-serif;
	/*text-shadow:2px 2px 5px #000000;*/
	color:#FFFFFF;
}

body h2, #bannerHeader2 {
	padding:0;
	margin:0;
	font-size:16px;
	font-family:Tahoma, "Gill Sans", Helvetica, sans-serif;
	letter-spacing:1px;
	font-weight:normal;
	color:#FFFFFF;
	margin-top:3px;
}

body h3 {
	padding:0px;
	margin:0px;
	font-size:16px;
	font-family:Tahoma, "Gill Sans", Helvetica, sans-serif;
	letter-spacing:1px;
	color:#FFFFFF;
	font-weight:normal;
}

body p, li, td {
	font-size:12px;
	letter-spacing:1px;
}

.headerBackground {
	position:absolute;
	margin-left:-7px;
	margin-top:0px;
	*left:0;
	*top:0;
	z-index:-5;
}
	
#flashcontent {
	position:fixed;
	top: 0;
	left: 0;
	height: 100%;
	width:  100%;
	z-index:-1000;
}

#top {
	position:absolute;
	width:100%;
	top:0;
	left:0;
	right:0;
	height:38px;
	padding:0;
	margin:0px;
	z-index:5;
}

#columnBackgrd {
	position:fixed;
	width:550px;
	background-color: #000000;
	filter:alpha(opacity=20);
	opacity: 0.4;
	-moz-opacity:0.4;
	z-index:4;
	display:block;
	left:50%;
	min-height:100%;
	margin-left:-72px;
}

#videoBack {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

#mainWrapper{
	text-align: left;
	width: 1024px;
	height:inherit;
	position: relative;
	margin: 0 auto;
	padding:0px;
	z-index:10;
	display:block;
	left:50%;
	margin-left:-512px;
}

#header {
	position:absolute;
	top:0;
	width: 1024px;
	height:50px;
	margin: 0px;
	padding:0px;
	left:0;
}

#leftColumn {
	float:left;
	position:relative;
	width:410px;
	top:40px;
}

#leftColumn.homepage {
}

#leftColumn.leftFeedback {
	top:180px;
	left:40px;
}

#rightColumn {
	float:right;
	position:relative;
	width:550px;
	right:0px;
	top:40px;
	margin-right:30px;
}

#logoHeader{
	float: left;
	margin-left:30px;
	position:absolute;
	margin-top:0px;;
	padding-top:0;
}

#menu {
	float: right;
	position:absolute;
	right:0px;
	width:512px;
	text-align:left;
	margin-right:40px;
	z-index:50;
}

#menu ul {
	padding:0px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#menu li {
	display: inline;
	letter-spacing:0;
	*width:20px;
	color:#FFFFFF;
	font-size:14.1px;
	text-transform: uppercase;
	font-weight: lighter;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #123A4E;
	margin-right:10.3px;
}

#menu li a {
	color:#FFFFFF;
	text-decoration:none;
	text-shadow:2px 2px 5px #000000;
}

#menu li a:hover {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #EB008B;
}

#menu li.selected {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #EB008B;
}

#lang {
	position:absolute;
	right:14px;
	top:12px;
}

#lang img {
	border:0;
}

.homeContainerLeft {
	position:absolute;
	top:800px;
	left:30px;
}

#carouselClients {
	position:relative;
	width:400px;
	float:left;
	padding:0;
	margin:335px 0 0 20px;
}

#carouselClients img {
	border:0;
}

#carouselClients h2 {
	width:390px;
	padding:10px 0 10px 10px;
	position:absolute;
	margin:-50px 0 0 0;
	border-bottom: 1px solid #8EC7EB;
}

.homeFeaturesLeft {
	float:left;
	width:180px;
	padding:10px 0px 10px 0px;
	margin: 0px 10px 0px 0px;
	border-top: 1px solid #767676;
}

.homeFeaturesLeft p {
	margin-left:40px;
	font-size:16px;
	margin-bottom:0;
	padding-bottom:0;
}

#homeQuote h3, #homeTweet h3, #homeFacebook h3, #homeFeedback h3 {
	padding-left:50px;
	width:200px;
	height:20px;
}

#homeQuote h3 img, #homeTweet h3 img, #homeFacebook h3 img, #homeFeedback h3 img {
	float:left;
	margin-top:-5px;
	*margin-top:0px;
	position:absolute;
	margin-left:-40px;
}

#homeFeedback, #homeFacebook {
	border-bottom: 1px solid #767676;
}

#homeContainerRight {
	margin-top:50px;
}

.homepageBanner {
	float:left;
	position:absolute;
	width:561px;
	height:115px;;
	margin-left:-7px;
	top:20px;
	left:20px;
	z-index:5;
}

#bannerHeader1 {
	position:absolute;
	margin-left:60px;
	margin-top:12px;
	padding-bottom:10px;
}

#bannerHeader2 {
	position:absolute;
	margin-left:150px;
	margin-top:39px;
}

#bannerHeader3 {
	position:absolute;
	margin-left:150px;
	margin-top:47px;
	padding-bottom:10px;
}


#homeContent {
	margin:10px;
	margin-top:80px;
	position:relative;
	float:left;
	width:505px;
	padding-left:10px;
}

#homeContent h1 {
	font-size:12px;
	font-weight:300;
	color:#CCCCCC;
	font-family: "Gill Sans", "Gill Sans MT", sans-serif;
	letter-spacing:1px;
	margin-top:10px;
	text-shadow:none;
	*line-height:25px;
}

#homeContent p {
	*line-height:25px;
}

#homeContent a {
	color:#FFFFFF;
	font-size:16px;
	text-decoration:none;
	font-weight:lighter;
}

#homeContent a:hover {
	color:#8FC8EC;
}

.modo{
	text-align:right;
	color:#FFFFFF;
	font-size:24px;
	padding-right:30px;
	margin-top:-10px;
}

#homeContent2 {
	float:left;
	margin:27px 0 0 0;
	position:relative;
}

.homeFeaturesRight {
	position:relative;
	float:left;
	width:245px;
	padding-left:10px;
	margin-bottom: 7px;
	margin-left: 10px;
}

#homeJelly {
	position:absolute;
	right:-60px;
	bottom:-130px;
}

.homeFeaturesRight h1 {
	padding:0;
	margin:0;
}

.homeFeaturesRight h2 {
	padding:0;
	width:240px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8EC7EB;
	margin-left:-10px;
	margin-right:20px;
	margin-bottom:15px;
	padding-left:10px;
	padding-right:-10px;
	padding-bottom:10px;
}

.homeFeaturesRight h3 {
	font-size:14px;
	letter-spacing:1px;
	color:#FFFFFF;
	margin:0px;
	padding:0px;
}

.homeFeaturesRight p {
}

.homeFeaturesRight img {
	float:left;
	margin-top:5px;
	margin-right:5px;
}

#webFeature.homeFeaturesRight {
	position:absolute;
	width:380px;
	top:450px;
	margin-right: 10px;
	margin-bottom: 7px;
	margin-left:0;
	padding-left:0;
	left:30px;
}

#webFeature.homeFeaturesRight h2 {
	width:390px;
}

#webFeature.homeFeaturesRight img {
	float:none;
	border:1px solid #767676;
}

#jellyBig {
	position:;
	margin-left:60px;
	margin-top:60px;
	width:430px;
}

.workContainer {
	float:left;
	position:relative;
	margin-bottom:30px;
}

#brandingContainer {
	margin-top:30px;
}

.workIcon {
	float:left;
	width:75px;
	margin-left:10px;
}

.workIcon img {
	border:0px;
}

.workIconmini {
	float:left;
	margin-left:10px;
	margin-top:10px;
}

.workIconmini img {
	border:0px;
}

.workContent {
	float:right;
	margin-left:20px;
	width:425px;
	padding-right:20px;
}

.workContent h1 {
	margin-top:10px;
	padding-bottom:10px;
	font-size:26px;
}

.workContent h2 {
	color:#FFFFFF;
	margin-top:7px;
}

.workContent a {
	color:#FFFFFF;
	text-decoration:none;
}

.workContent a:hover {
	color:#8FC8EC;
}

.workContent p {
}

#workTestimonial {
	font-style: italic;
	margin-right:30px;
	margin-top:100px;
}

#arrow01 {
	position:absolute;
	top:30px;
	left:-194px;
}

#arrow02 {
	position:absolute;
	top:-50px;
	left:-242px;
}

#arrow03 {
	position:absolute;
	top:-140px;
	left:-296px;
}

.teamContent {
	float:right;
	margin-left:20px;
	margin-top:5px;
	width:515px;
}

.teamContent h1 {
	margin-top:10px;
	padding-bottom:10px;
}

.teamContent h2 {
}

.teamContent h3 {
}

.teamContent a {
	color:#FFFFFF;
	text-decoration:none;
}

.teamContent a:hover {
	color:#8FC8EC;
}

.teamContent p {
}

.teamContent .selected {
	color:#8FC8EC;
}


#portfolioContainer {
	float:left;
	width:1000px;
	margin-top:70px;
}

#portfolioHeader {
	margin-left:465px;
	margin-top:8px;
}

#portfolioHeader h1 {
	margin-top:10px;	
	padding-bottom:10px;
}

#portfolioHeader h2 {
	color:#FFFFFF;
}

.portfolioHeaderBackground {
	position:absolute;
	margin-left:437px;
	margin-top:0px;
	*left:0;
	z-index:-5;
}

.clientsContainer {
	float:right;
	margin-left:20px;
	margin-top:5px;
	width:515px;
}

.clientsContainer h1 {
	margin-left:40px;
	margin-top:10px;
	padding-bottom:10px;
}

.clientsContainer h2 {
	margin-left:40px;
}

.clientsContainer h3 {
}

.clientsContainer ul {
	margin:0;
	padding:0;
	margin-top:30px;
	*margin-left:20px;
}

.clientsContainer li {
	display:inline;
	padding-left:35px;
}

.clientsContainer li img {
	border:0;
}

.clientsContainer li.first {
	*padding-left:0;
	*margin-left:0;
}

.clientsContainer a {
	color:#FFFFFF;
	text-decoration:none;
}

.clientsContainer a:hover {
	color:#8FC8EC;
}

.clientsContainer p {
	padding: 0 0 10px 40px
}

.clientsContainer .selected {
	color:#8FC8EC;
}



#slideBack {
	position:absolute;
	width:390px;
	height:390px;
	margin-left:60px;
	background-color: #183355;
	letter-spacing: 5px;
	filter:alpha(opacity=20);
	opacity: 0.3;
	-moz-opacity:0.3;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	z-index:-1;
}

#EJelly {
	position:absolute;
	right:-60px;
	bottom:-500px;
	z-index:-1;
}

#EJelly1 {
	position:absolute;
	right:0px;
	bottom:100px;
	z-index:-1;
}

.siteMap {
	float:right;
	margin-left:20px;
	margin-top:5px;
	width:515px;
}

.siteMap h1 {
	margin-top:10px;
	padding-bottom:10px;
}

.siteMap ul {
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 30px;
}

.siteMap li {
}

#sideBar {
	position:fixed;
	left:50%;
	bottom:0;
	text-align:right;
	width:515px;
}

#sideBar ul {
	padding:0;
	margin:0;
}

#sideBar li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#footer {
	clear:both;
	float:left;
	position:relative;
	color:#FFFFFF;
	text-transform: uppercase;
	font-size:0.7em;
	text-align:right;
	padding-top:30px;
	margin:30px 0 0 432px;
}

#footer li {
	display:inline;
	padding-right:10px;
	letter-spacing:0px;
}

#footer li a {
	color:#FFFFFF;
	text-decoration:none;
}

#footer li a:hover {
	color:#DC0078;
}

.homeFooter {
	margin:0;
	padding:0;
}

#leftSideBar {
	position:absolute;
	left:-412px;
	bottom:-20px;
	text-align:left;
	text-transform: none;
	font-size:18px;
}

#leftSideBar ul {
}

#leftSideBar li {
	display: list-item;
	list-style-type: none;
	padding-left:30px;
	padding-top:10px;
	padding-bottom:10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #767676;
}

#leftSideBar li.last {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #767676;
}

#leftSideBar li img {
	position:absolute;
	margin-left:-30px;
	margin-top:-4px;
	border:0;
}

#leftSideBar li a:hover {
	color:#8FC8EC;
}

#validHtml {
	position:absolute;
	left:455px;
	bottom:2px;
}

#validHtml img {
	border:0px;
}

.faddingFeedback {
	color:#FFFFFF;
}

p.feedbackContent {
	font-weight:lighter;
	font-style:italic;
	font-family:14px;
}

.feedbackName {
	font-size:12px;
}

.mainFeedbackContent {
	font-style:italic;
}

.mainFeedbackContent img {
	float:left;
	margin-right:20px;
	margin-bottom:20px
}

.mainFeedbackName {
	font-size:14px;
	color:#FFFFFF;
}

/* Expand Feature */
.technology{ /*header of 2nd demo*/
	cursor: hand;
	cursor: pointer;
	margin: 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
	font-weight:600;
	color:#666666
}

.technology img {
	position:absolute;
	margin-left:-40px;
}

.technology h2 {
	padding-left:40px;
	width:480px;
}

.thelanguage {
	padding-bottom:10px;	
	font-size:9px;
}

.thelanguage p {
}

.openlanguage{ /*class added to contents of 2nd demo when they are open*/
	color: #666666;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
	color: #666666;
}

.expand{
	text-align: right;
}
.closedlanguage:hover{
	color: #000000;
}
/* End Expand Feature */

/* Competition Specific */
.competitionLeft {
	margin-top:200px;
}

#competition {
	float:right;
	position:relative;
	width:530px;
	margin-left:-4px;
	padding:0px 20px 0px 20px;
	width:510px;
	background-color: #0D1E5F;
}

#win {
	position:relative;
	color:#FFFFFF;
	background-color: #3772B9;
	font-size:31px;
	line-height:34px;
	letter-spacing:2px;
	padding:10px 20px 30px 20px;
}

#winTerms {
	position:absolute;
	text-align:right;
	font-size:10px;
	right:5px;
	margin:0;
	padding:0;
	bottom:0;
}

#competition table {
	font-size:12px;
}

#competition input.textEntry {
 	background-color: #052D87;
	border:solid 1px #0D1E5F;
	color:#FFFFFF
}

#competition input.textEntry:hover {
	background-color: #0D1E5F;
}

#competition input.button {
	width:261px;
	height:71px;
	border: none;
	background-color:#0D1E5F;
	background-image: url(../images/competition/competition_button.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-size:24px;
	color:#FFFFFF;
}

#competition ul {
	list-style-type: decimal;
	margin:0 20px 50px 20px;;
	padding:0;
	font-size:12px;
}

#competition ul li {
	padding:0 0 0 30px;
}

#competitionJelly {
	position:absolute;
	right:30px;
	top:350px;
}

#competitionEntered {
	float:right;
	position:relative;
	width:530px;
	margin-left:-4px;
	padding:0px 20px 0px 20px;
	width:510px;
}
/* End of Competition Specific */