/*	Site-wide formating go here
	Site colors, sizes and common theme elements should all be included.
	Includes overall section layouts?
	This style sheet should be included on every page
**** BASIC PAGE ELEMENTS *****/

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 62.5%;
/*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #6786bb), color-stop(1.0, #fff));*/
min-width: 900px;
width:expression(document.body.clientWidth < 900? "900px": "auto" );
}

p {
margin-left: 2em;
font-size: 1.3em;
color: #333;
}

a {
outline: none;
}
a img {
text-decoration: none;
border-width: 0;
outline: none;
}

a,a:hover {
color:#35599f;
border-width:0;
}

a:visited {
color: #336;
border-width: 0;
}

H1 {
font-size: 1.6em;
}

/* displayed at 18px */
H2 {
font-size: 1.25em;
}

/* displayed at 15px */
H3 {
font-size: 1.15em;
}

/* displayed at 12px */
li {
font-size: 1.3em;
color: #333;
}

ul li {
font-size: 1.2em;
}



/**** BASIC PAGE SECTIONS *****/

/*MAY BE OVERRIDDEN BY TEMPLATE STYLES? */
#container {
	width: 100%;
max-width: 1000px;
display: block;

clear: both;
float: left;


}
#content {
width: 95%;
max-width:95%;

clear:both;
background-image: url(../images/backgrounds/background_gradient.png);
background-repeat: repeat-x;
-webkit-border-radius: 3.3em;
-moz-border-radius: 3.3em;
border-radius: 3.3em;
padding: 0.5em;
padding-bottom: 4em;
min-height: 650px;
margin-left: 2%;
}


#footer {
text-align: center;
clear: both;
width: 97.5%;
float: left;
margin-bottom: 2%;
margin-left: 1%;
padding-top: 1em;
display: block;
background-color: #9F9F9F;
background-image: -webkit-gradient(linear, left top, left bottom, from(#9F9F9F), to(#6C6C6C), color-stop(0.5, #9F9F9F));
background-position: left top;
-moz-border-radius: .75em ;
-webkit-border-radius: .75em;
border-radius: .75em;
}

#footerLink {
color: #FFF;
font-size: 1em;
}





#video {
	background: transparent url(../images/backgrounds/iPhoneFrame.png) no-repeat;
	width: 300px;
	height: 672px;
	padding-top:2em;
	position: absolute;
	top: 175px;
	left: 65px;
}

#video #embed {
	position: absolute;
	top: 76px;
	left: 22px;
}



#tab_navigation{
	font-size: 1em;
	
}

#tab_navigation a{
	color:#fff;
	
}
ul#tab_navigation{
	float:right;	
	min-width:600px;
	position:relative;
	top:25px;
	left:100px;
}
ul#tab_navigation li {
  list-style-type: none;
  display: block;
	width:14%;

  float: left;
  text-align: center;
  font-family: "Lucida Grande", sans-serif;
  height: 2em;
	padding-bottom:.5em;
  border-right: 1px #818181 solid;


}
ul#tab_navigation li a {
  display: block;
  padding: .6em .6em .5em .5em;
  text-decoration: none;

  

}


ul#tab_navigation li:first-child {

 -webkit-border-top-left-radius: .5em;
  -moz-border-radius-topleft: .5em;
  border-top-left-radius: .5em;

width:14%;

}


ul#tab_navigation li:last-child {
  -webkit-border-top-right-radius: .5em;
  -moz-border-radius-topright: .5em;
  border-top-right-radius: .5em;

width:14%;

}

#tab_navigation li {
  background-color: #9F9F9F;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#6C6C6C), color-stop(0.5, #666));

}
#tab_navigation li:hover {
  background-color: #7F7F7F;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#B5B5B5), to(#6C6C6C), color-stop(0.5, #B5B5B5));
  }

#tab_navigation li:hover a {
 color:#FC3;
  text-shadow: 1px 1px 0px #353535;
}

.PageTitle{
	margin-left: 2em;
	font-size: 1.1em;
	color: #333;
}

#enterNow a{
	font-size:1.2em; 
	-webkit-border-radius: .8em;
	-moz-border-radius: .8em;
	border-radius: .8em; 
	background-color:#EBAA1E; 
	padding:.5em 1em .5em 1em; 
	
	text-decoration: none;
	width:20%;
	position:relative;
	top:2em;
	left:42%;
}
#enterNow a:hover{
	background-color:#999;
}

#ContestLinks a{
	font-size:1.2em;
	font-weight: bold;
	text-decoration: none;
}

.errorLabel{
	color:#8F0000;
	font-size:1.1em;
	font-weight: bold;
	
}