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

body 		{margin-left: auto;
	  	 	margin-right: auto;
	  	 	width: 375px;
		 	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
		 	font-size: 12px;
	  		}

.banner 	{height: 100px; background-image:url(iphone6bannerp.png); background-repeat: no-repeat; border-radius: 5px;}
.bannertext	{display: block; font-size: 14px; text-align:left; margin-left:5px;  color: #FFF;}

.sub 		{border-radius: 5px; height: 40px; margin-top: -10px; margin-bottom:2px; background-color: #FF6600;}

.leftbar 	{width: 375px; height:280px; float: left;  padding-top: 5px;}

ul.navbar 	{list-style-type: none; /* Removes link bullets */
		   	padding-left: 0px;
		   	margin-top:2px; 
		   	}
			
ul.navbar a {display: block; /* makes each button same width and entire area clickable */
			text-decoration: none;
			}
			
li a 		{font-size:18px; text-align:center; border-radius: 5px; background-color: purple; width: 177px; height: 35px; padding: 2px; color: white; margin-bottom:5px;}

li.one a {float:left;}
li.two a {float:right;}
li.three a {float:left;}
li.four a {float:right;}
li.five a {float:left;}
li.six a {float:right;}
li.seven a {float:left;}
li.eight a {float:right;}
li.nine a {float:left;}
li.ten a   {float: right; /* border-radius: 5px; width: 177px; height: 35px; padding: 2px; color: white;*/}

.facebook a	{margin-left: 130px; float: left; margin-top: 3px; height: 50px; width: 50px; }
.twitter  a	{margin-left: 120px; float: left; margin-top: 3px; height: 50px; width: 50px; }

.maincontent {margin-top: 7px; width:375px; /*float: left;*/ height: auto; box-shadow: 5px 5px 10px gray; border-radius:5px;}

.boxone 	{height:355px; width:370px;}
.boxtwo 	{height:210px; width:370px;}
.boxthree 	{margin-top:2px; height:230px; width:370px;}
.boxfour 	{margin-top:-20px; height:140px; width:370px;}
.boxfive 	{margin-top:-25px; height:110px; width:370px;}
.boxsix     {margin-top:2px; height:115px; width:370px;}
.boxseven   {margin-top:2px; height:200px; width:370px;}
.boxeight   {margin-top:-90px; height:200px; width:370px;}
.boxnine    {margin-top: -80px; height:230px; width:370px;}

.faceone 	{width:105px; height:225px; background-image: url(Alison1.jpg); background-repeat:no-repeat;}
.facetwo 	{width:105px; height:105px; background-image: url(kerry1.jpg); background-repeat:no-repeat;}
.facethree 	{width:105px; height:105px; background-image: url(ally.jpg); background-repeat:no-repeat; }
.facefour 	{width:105px; height:105px; background-image: url(amber.jpg); background-repeat:no-repeat;}
.facefive 	{width:105px; height:105px; background-image: url(gemmap.jpg); background-repeat:no-repeat;}
.facesix 	{width:105px; height:105px; background-image: url(lucy.jpg); background-repeat:no-repeat;}
.faceseven  {width:105px; height:105px; background-image: url(mary.jpg); background-repeat:no-repeat;}
.faceeight 	{width:105px; height:105px; background-image: url(Ashleigh.jpg); background-repeat:no-repeat;}
.facenine   {width:105px; height:105px; background-image: url(aimee.jpg); background-repeat:no-repeat;}
.faceten    {width:105px; height:105px; background-image: url(Nikki1.jpg); background-repeat:no-repeat;}
.faceeleven {width:105px; height:105px; background-image: url(Lipi.jpg); background-repeat:no-repeat;}
.facetwelve {width:105px; height:105px; background-image: url(kailey.jpg); background-repeat:no-repeat;}

.explan 	{font-size: 12px; margin-left:105px; margin-top:2px; width: 263px; padding:1px;}

.titleone 	{width:260px; height:auto; background-color: purple; margin-left:105px; color:white; font-size:14px; text-align: center;}
.titletwo 	{width:260px; height:auto; background-color: #f54251; margin-left:105px; color:white; font-size:14px; text-align: center;}
.titlethree {width:260px; height:auto; background-color: orange; margin-left:105px; color:white; font-size:14px; text-align: center;}
.titlefour  {width:260px; height:auto; background-color: black; margin-left:105px;  font-size:14px; text-align: center;}
.titlefive  {width:260px; height:auto; background-color: #3a62d5; margin-left:105px; color:white; font-size:14px; text-align: center;}
.titlesix   {width:260px; height:auto; background-color: #3a62d5; margin-left:105px; color:white; font-size:14px; text-align: center;}
.titleseven {width:260px; height:auto; background-color: green; margin-left:105px; color:white; font-size:14px; text-align: center;}

.copyright 	{/*float: left;*/ height: 40px; width: 100%; background-color: purple; box-shadow: 5px 5px 10px gray; margin-top:-120px; border-radius: 5px;}
.update 	{text-align:center; margin-top: 0px; margin-left: 5px; color: white; font-size: 14px; }