html, body, div, span, object, iframe, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, fieldset, form, label, legend, table, caption
{
margin: 0;
padding: 0;
border: 0;
}


body {
  background-image:url(../img/gradient.jpg);
  background-repeat: repeat-x;
  background-color: #445fc8;
  color: #c7c7c7;
  font-family: Sans-serif;
  font-size: 15px;
}

a {
  text-decoration: none;
  font-weight: bold;
  color: #c7c7c7;
}

div#content {
  background-image:url(../img/back.jpg);  
  background-repeat: no-repeat;
  max-width: 1005px;
  min-width: 400px;
  margin: 1em auto 1em;
  border-style:solid;
  border-width:5px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  border-color: #dfdfdf;
  background-color: #333333;
}

h1 {
  padding-left: 20px;
  padding-top: 20px;
  margin: 0px;
}

h2, h3 {
  letter-spacing: 0.01em;
  font-weight: bold;
  font-size: 115%;
  padding-left: 20px;
  margin-top: 5px;  
}

h2#subtitle {
  min-width: 450px;
}

img#logo {
  padding-left: 50px;
  float:left;
}

div#features {
  float:left;
}

ul#feature-list {
  color: #e4e4e4;
  list-style-image: url(../img/bullet.png);
  margin-left: 2em;
}

ul#feature-list li {
  margin: 10px  0px 10px 0px;
}

h3#screenshots {
  clear:both;
}

div.screenshots {
  margin-left: 30px;
}

div.screenshot-container {
  float: left;
  max-width: 320px;
}

img.screenshot {
  background-image:url(../img/image-frame.png);
  background-repeat: repeat-x;
  padding-top : 20px;
  padding-left : 20px;
  padding-right: 50px;
  padding-bottom: 50px;
}

div.screenshot-container div {
  margin-top: -20px;
  padding-left : 20px;
  padding-right: 20px;
  float:none;/*The main issue here*/
	display:block;/*New lines are made per block element*/
	text-align:left;/*Since blocks take up 100% width available,they now center the text. Unsets*/
  
}


img {
  border-style: none;
}

div.footer {
  clear:both;
  font-size: 70%;
  text-align: right;
  padding-top: 30px;
  padding-bottom: 10px;
  padding-right: 50px;
}

div#beta-label {
  width: 220px;
  float: left;
  font-size: 70%;
  padding-top:50px;
  padding-left: 110px;
  padding-right: -50px; 
  padding-bottom:50px;
    
}

div#beta-label img{
  margin-right: 5px;
}

.full-warning {
  font-size: 60%;
  font-weight: normal;
}

