/*
aqua
57, 181, 189

orange
223, 97, 23

green
165, 221, 60

pink
216, 0, 101

grey
129, 130, 133
*/
@import url("reset.css");
@font-face {
  font-family: 'MisoLight';
  src: url('../type/miso/miso-light.eot');
  src: local('Miso'), local('Miso-Light'), url('../type/miso/miso-light.woff') format('woff'), url('../type/miso/miso-light.ttf') format('truetype'), url('../type/miso/miso-light.svg#Miso-Light') format('svg');
}
body {width:320px;}
body, h3 span
{
  font-family: 'Helvetica Neue';
  font-weight:300;
  font-size:13px;
  line-height:16px;
  color: rgb(126,126,126);
}
div
{
  border: 0px solid black;
}
h1
{
  font-family: 'MisoLight';
  line-height: 42px;
  font-size: 42px;
  font-weight: 100;
  letter-spacing: -0.03em;
  padding:20px;
}
h2
{
  font-size: 13px;
  line-height: 8px;
  font-weight: 300;
  padding:5px 0 5px 20px;
}
h3 {
	font-family: 'MisoLight';
	font-size:20px;
	margin-bottom:10px;
	color:rgb(79,79,79);
}
h3 span {color:#a9a9a9;}
a {text-decoration: none;}
a:hover, #v4constant_main a:hover {text-decoration: underline;}

div.v4default, .iphone-stuff
{
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 2px solid rgb(129, 130, 133);
}
div#v4constant_main {
	width:310px;
	margin:0 0 0 8px;
	z-index:10;
	position:absolute;
	top:13px;
}

/* first 1/3 of the constant layout */
div#v4constant_title
{
  height: 10px;
width:320px;
margin:auto;
}
div#v4constant_title_text
{
  	font-size: 14px;
	  font-weight: 300;
	  font-style: italic;
}


/* second 1/3 of the constant layout */
div#v4constant_main_silhouette
{
  position: absolute;
  right: 0px;
  top: 0px;
  width: 84px;
  height: 95px;
  background: url('../images/v4silhouette.png') no-repeat center;
}
div#v4constant_main_silhouette:hover {text-decoration: none;}
div#v4constant_main_outline
{
  margin: 0;
  position: relative;
  left: 0px;
  
  background:rgba(255, 255, 255, 0.9);
  
  height: 134px;
  width: 300px;
}

/*Other things*/
#v4slides {display:none;}
#v4buttons {display:none;}
.iphone-stuff {
	width:280px;
	position:absolute;
	top:5px;
	left:17px;
	z-index:5;
}
div.v4topper
{
  border-bottom:2px solid rgb(129, 130, 133);
  color: rgb(255,255,255);
  height: 150px;
}
div.v4topper div.alignment
{
  position: relative;
  margin:auto;
  padding-top:40px;
  width: 200px;
  height: 80px;
  padding-bottom:200px;
}
div.v4topper p
{
  margin: 0px;
}
div#networks a {color:rgb(125, 175, 55);}
div#networks .v4topper
{
  background:url('../images/greenBG.png');

}
div.iphone-stuff ul li div.network-link
{
  left: 38px;
  display: inline;
  position: absolute;
  top: 11px;
}
#networks img {margin:12px 20px 0 10px;}
div.iphone-stuff ul li div.chevron
{
  height: 100%;
  width: 20px;
  background: url('../images/chevron.png') no-repeat center;
  display: inline;
  position: absolute;
  right: 0px;
}
div.iphone-stuff ul li:first-child
{
  font-family: 'MisoLight';
  font-size: 20px;
  font-weight: 200;
  position: relative;
}
div.iphone-stuff ul li:first-child div
{
  position: absolute;
  margin:12px 0 0 10px;
}
div.iphone-stuff ul
{
  padding: 0px;
  
  border: 1px solid rgb(129, 130, 133);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  
  list-style-type: none;
  font-size: 13px;
  
  margin: 15px;
}
div.iphone-stuff ul li:first-child {height:40px;}
div.iphone-stuff ul li
{
  height: 40px;
  border-bottom: 1px solid rgb(129, 130, 133);
  position: relative;
}
div.iphone-stuff ul li img
{
  border: 0px;
  margin-top: 9px;
  margin-right: 10px;
  margin-left: 10px;
  float: left;
}