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

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

.banner 	{height: 85px; background-image:url(iphone5p.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: 320px; 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:16px; text-align:center; border-radius: 5px; background-color: purple; width: 150px; 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; background-color: purple; width: 150px; height: 35px; padding: 2px; color: white;}

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

.maincontent {border-radius:5px; margin-top: 7px; height: 100%; width:320px; float: left; background-color: white;}

.left {height: 365px; background-image: url(maskip6.jpg); background-repeat: no-repeat; background-position: top center; width: 320px; float: left;}
.right {height: 630px; width: 320px; float: left; }
.header {margin-top: 25px; width:300px; padding-left: 20px; font-size: 20px; background-color: purple; color: white;}
.bod {padding-left: 10px; font-size: 14px; width: 300px; line-height: 20px;}
.quote {border-radius:5px; color: white; margin-top: 30px; width:300px; padding: 5px; font-size:16px; margin-left: 5px;
  background-color: #FF6600; 
  background: -webkit-linear-gradient(orange, #FF7F00); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(orange, #FF7F00); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(orange, #FF7F00); /* For Firefox 3.6 to 15 */
  background: linear-gradient(orange, #FF7F00);} /* Standard syntax */

.quote2 {border-radius:5px; color: white; width:300px; padding: 5px; font-size:16px; margin-left: 5px;
background-color: # 2A3FFF;
  background: -webkit-linear-gradient(orange, #FF7F00); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(orange, #FF7F00); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(orange, #FF7F00); /* For Firefox 3.6 to 15 */
  background: linear-gradient(orange, #FF7F00);} /* Standard syntax */
  
.caption {margin-top:350px; margin-left:0; width:310px; background-color: purple; border-radius: 3px;  padding-left:10px; padding-bottom: 5px; color: white;}

.copyright 	{float: left; height: 25px; width: 100%; background-color: purple; margin-top:5px; border-radius: 5px;}
.update 	{text-align:center; margin-top: 0px; margin-left: 5px; color: white; font-size: 10px; }