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

@font-face {
    font-family: 'dosissemibold';
    src: url('../fonts/dosis-semibold-webfont.eot');
    src: url('../fonts/dosis-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dosis-semibold-webfont.woff') format('woff'),
         url('../fonts/dosis-semibold-webfont.ttf') format('truetype'),
         url('../fonts/dosis-semibold-webfont.svg#dosissemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media screen and (max-device-width: 480px){
  body{
  	-ms-text-size-adjust: none;
  	-moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
  }
}

a:focus {outline:none;}
img           { border:0; outline:none;}

a             { color:#1b749f; text-decoration:none; border:0px; outline:none; }
a:hover       { text-decoration: none; color:#3d3d3d;}

/* Headings */
h1,h2,h3,
h4,h5,h6{ margin:0px; padding:0px; font-weight:normal;}
p{ margin:0; padding:0;}
input[type="text"], input[type="password"] , textarea, select{ }
input{outline:none;}

.cl{clear:both;}
.gap60{height:60px !important; clear:both;}
.gap85{height:85px !important; clear:both;}
.wrapper{width:1040px; margin:0 auto;}

.header{width:100%; float:left;}

.container{width:100%; float:left;}
.heading{text-align:center;}
.heading h1{font:bold 55px 'dosissemibold'; color:#3f3f3f;}
.heading h4{
	font-family: "Dosis", "Helvetica Neue", Helvetica, Verdana, sans-serif !important;;
	font-weight: 200;
	color: #808080;
	padding-bottom: 40px;
}

.graybox-section{
	width: auto;
	padding: 0 50px;
	position: relative;
	height: 198px;
	overflow: hidden;
}

.graybox{width:269px; height:197px; float:left;
	position: relative;
margin:0 20px;
		border-top: 1px solid #777;
		border-left: 1px solid #777;
		border-right: 1px solid #777;
		border-radius: 4px 4px 0 0;
		cursor: pointer;
		-moz-border-radius: 4px 4px 0 0;
		-webkit-border-radius: 4px 4px 0 0;

		-webkit-box-shadow: inset 0 0px 0px #b1b1b1,
			1px 1px 3px rgba(0,0,0,0.31);  /*Remove this line if you dont want a dropshadow on your buttons*/
		 box-shadow: inset 0 0px 0px #b1b1b1,
					1px 1px 3px rgba(0,0,0,0.31); /*Remove this line if you dont want a dropshadow on your buttons*/
		background:url(../images/grayboxbg.png) 0 0px repeat-x;
	overflow: hidden;
	text-align: center;
}

.graybox a{ height:199px; display:block; font:bold 'dosissemibold'; color:#3f3f3f; color:#ffffff; text-shadow:1px -1px 0 #6c6c6c; text-align:center; }
.graybox a:hover{background:url(../images/box-active.png) 0 0px repeat-x;}
.graybox a#active{background:url(../images/box-active.png) 0 0px repeat-x;}
.graybox h1 { height: 100px; text-transform: uppercase;}
.graybox h1, .graybox h2{
	font-family: "Dosis", "Helvetica Neue", Helvetica, Verdana, sans-serif !important;
	color: white;
	font-size: 30px;
	padding-top: 40px;
	line-height: 30px;
	letter-spacing: 1px;
}
.graybox h2{ padding-top: 0px;}
.play {
position: relative;
top: 7px;
left: 8px;
}
.graybox p{font:normal 21px 'dosissemibold'; padding:20px 0;}

.shadow{width:1040px; height:5px; background:url(../images/shadow.png) no-repeat; position:absolute; top:193px; left:0;}

.front .command{padding:0 50px;}
.command-box{
	width:225px;
	/*height:142px; */
	background:#f6f6f6 url(../images/coma.png) 20px 20px no-repeat ;
	font: 14px/19px "Helvetica Neue", Helvetica, Verdana, sans-serif;
	font-weight: 400;
	color: black;
	font-style:italic;
	padding:20px 40px 15px 83px;
	float:left;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	   -moz-box-shadow: inset 0 0px 0px #b1b1b1,
											0px 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 0px 0px #b1b1b1,
											0px 1px 3px rgba(0,0,0,0.5);
		      box-shadow: inset 0 0px 0px #b1b1b1,
					            0px 1px 3px rgba(0,0,0,0.5);
  text-align: left;
}
.creatorbox{width:244px; margin:12px 0 0 0;
		 float:left;
		 position: relative;
		z-index: 2;
		}
.creator1{width:214px;
		 background: url(../images/arrow.png) 0 5px no-repeat;
		 float:left;
		 padding:0 0 0 30px;
		 font: 12px "Helvetica Neue", Helvetica, Verdana, sans-serif;
		 color:#b0b0b0;
		 }
.creator1 h3{color:#000; font-size:17px;}
.creator2{width:184px;
		 margin-top:25px;
		 background: url(../images/arrow-right.png) 100% 5px no-repeat;
		 float:left;
		 padding:0 30px 0 30px;
		 font: 12px "Helvetica Neue", Helvetica, Verdana, sans-serif;
		 color:#b0b0b0;
		 text-align: right;
		 }
.creator2 h3{color:#000; font-size:17px;}
.author{float:left; border:1px solid #d4d4d6; margin:0 5px 0 0;}
.author2{float:right; border:1px solid #d4d4d6; margin:0 5px 0 0;}

.lower-content{padding:0 0 0 85px; margin:10px 0 58px;}
.front .lower-content{padding:0 0 0 135px;}
.lc-left{float:left; width:250px;}

.content-heading{
	font: normal 50px/70px 'dosissemibold';
	color: #3F3F3F;
	text-align: center;
}
.content-heading h1{
	font-size:64px;
	color:#1177a6;
	font-weight: bold;

}
.content-heading h1 span{color:#3f3f3f; padding:0; margin:0;}

.cont-details{float:left; font:bold 33px/40px 'dosissemibold';
		color:#808080; width:550px;}
.cont-details p{padding:10px 0 0 50px; font-size: 20px; line-height: 27px;}




/*------------loginbox------------------*/

.loginbox{width:590px; margin: 0 auto;}

.login{width:220px;  background-color:#f7f7f7;
			font: 17px/20px "Helvetica Neue", Helvetica, Verdana, sans-serif; color:#636363;
			text-transform:uppercase;
			padding:40px;
			float:left;

			border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;

			-webkit-box-shadow: inset 0 0px 0px #b1b1b1,
			0px 1px 2px rgba(0, 0, 0, 0.3);  /*Remove this line if you dont want a dropshadow on your buttons*/
		 box-shadow: inset 0 0px 0px #b1b1b1,
					0px 1px 2px rgba(0, 0, 0, 0.3); /*Remove this line if you dont want a dropshadow on your buttons*/
					position:relative;
					z-index: 3;
					margin-right: -1px;
					}
.login h1{font:bold 35px 'dosissemibold';
		color:#3f3f3f;
		text-align:center;
}

.inputbox{margin:15px 0;
		  outline: none !important;
		background: #fbfbfb;
		-webkit-box-shadow: inset 0 2px 3px #ccc,
			0 1px 0 #f4fff6
		;
		box-shadow: inset 0 2px 3px #ccc,
			0 1px 0 #f4fff6
		;
		border: 1px solid #cbcccd;
		border-radius: 2px;
}
.inputbox input{
	border:none;
	background-color: #fff !important;
	color:#555;
	font:bold 18px 'dosissemibold';
	padding:5px 5px;
	width:210px;
}

.submitbox-log input.submit{padding:5px 10px;
				color:#ffffff; font:bold 'dosissemibold';
				text-transform:uppercase;
				text-shadow:1px -1px 0 #6c6c6c;
				margin:15px 0 0 70px;
		width: auto;
		height: 36px;
		font-size: 16px;
		border: 1px solid #0a4865;
		border-radius: 4px;
		cursor: pointer;


		-webkit-box-shadow: inset 0 1px 1px #fff,
			0 1px 2px rgba(0,0,0,0.31); /* Remove this line if you dont want a dropshadow on your buttons*/
		box-shadow: inset 0 1px 1px #fff,
					0 1px 2px rgba(0,0,0,0.31); /* Remove this line if you dont want a dropshadow on your buttons*/

		background: #148ac0; /* Old browsers */
		background: -moz-linear-gradient(top, #148ac0 0%, #1279a7 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#148ac0), color-stop(100%,#1279a7)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #148ac0 0%, #1279a7 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #148ac0 0%, #1279a7 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #148ac0 0%, #1279a7 100%); /* IE10+ */
		background: linear-gradient(top, #148ac0 0%, #1279a7 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#148ac0', endColorstr='#1279a7',GradientType=0 ); /* IE6-9 */
	}

.submitbox input.submit{padding:5px 10px;
				color:#ffffff; font:bold 'dosissemibold';
				text-transform:uppercase;
				text-shadow:1px -1px 0 #6c6c6c;

		width: auto;
		height: 36px;
		font-size: 16px;
		border: 1px solid #0a4865;
		border-radius: 4px;
		cursor: pointer;


		-webkit-box-shadow: inset 0 1px 1px #fff,
			0 1px 2px rgba(0,0,0,0.31); /* Remove this line if you dont want a dropshadow on your buttons*/
		box-shadow: inset 0 1px 1px #fff,
					0 1px 2px rgba(0,0,0,0.31); /* Remove this line if you dont want a dropshadow on your buttons*/

		background: #148ac0; /* Old browsers */
		background: -moz-linear-gradient(top, #148ac0 0%, #1279a7 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#148ac0), color-stop(100%,#1279a7)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #148ac0 0%, #1279a7 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #148ac0 0%, #1279a7 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #148ac0 0%, #1279a7 100%); /* IE10+ */
		background: linear-gradient(top, #148ac0 0%, #1279a7 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#148ac0', endColorstr='#1279a7',GradientType=0 ); /* IE6-9 */
	}

.register{width:190px;  background-color:#f7f7f7;
			font: 17px/20px "Helvetica Neue", Helvetica, Verdana, sans-serif; color:#636363;
			text-transform:uppercase;
			padding:20px 40px;
			float:left;
			margin:20px 0;

			border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;

			-webkit-box-shadow: inset 0 0px 0px #b1b1b1,
			0px 1px 2px rgba(0, 0, 0, 0.3);  /*Remove this line if you dont want a dropshadow on your buttons*/
		 box-shadow: inset 0 0px 0px #b1b1b1,
					0px 1px 2px rgba(0, 0, 0, 0.3); /*Remove this line if you dont want a dropshadow on your buttons*/
					}
.register h1{font:bold 35px 'dosissemibold';
		color:#1177a6;
}

.forgot{width:300px; float:left;
		font: 17px/20px 'dosissemibold';
			text-transform:uppercase;
			text-align:center;
			padding-top:6px;
		}
.forgot a{text-decoration:none; color:#979799;	}
.forgot a:hover{color:#636363; text-decoration:underline;}

.listHeader
{
	clear: both;
	text-align: center;
	margin-top: 30px;
	font: normal 50px/70px 'dosissemibold';
}

.lists
{

	margin: auto;
	text-align: center;
	width: 720px;
}
.lists .list
{
	float: left;
	width: 360px;
	text-align: left;
}

.lists .list ul
{
	list-style: none outside none;
}
.lists .list li
{
	background-image: url("../images/blueBullet.png");
	background-repeat: no-repeat;
	color: #5E5E5E;
	font-size: 17px;
	font-family: "Dosis", "Helvetica Neue", Helvetica, Verdana, sans-serif !important;
	font-weight: 500;
	line-height: 22px;
	list-style: none outside none;
	margin-top:15px;
	min-height: 35px;
	padding-left: 40px;
	padding-top: 3px;
	height: 70px;
}

.centerText
{
	clear: both;
	color: #6D6D6D;
	text-align: center;
	margin: 30px auto 61px;
	font: normal 27px/32px 'dosissemibold';
	width: 550px;
}

.mission {
	color: #5E5E5E;
	font-family: "Dosis", "Helvetica Neue", Helvetica, Verdana, sans-serif !important;
	font-size: 19px;
	margin: 61px 51px 33px;
	min-height: 248px;
	max-height: 5000em;
	position: relative;
}

.mission img {
  height: 248px;
  left: 0;
  position: absolute;
  top: 0;
}

.mission p {
  font-size: 33px;
  line-height: 51px;
  padding: 45px 0 0 219px;
}

.mission b {
  color: #1177A6;
  font-weight: 500;
}