/****************************************
| ** ICAI CSS **
|
| Created by: Adam Foster
| Date Created: 15-07-2009
| Copyright 2009 ICAI
|
****************************************/

/* CSS RESET */

* {	margin: 0px; padding: 0px; text-indent: 0px; }
:focus{ -moz-outline-style: none; }
img { border: none; padding: 0px; }
ol, ul { list-style: none; }
.left { float: left!important}
.right { float: right!important}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.row { width: 100%; }
p { padding-bottom: 12px; }
:link, :visited { color: #336375; text-decoration: none; }
a:hover { color: #000; }

h2 { background: url(../img/headers.gif) no-repeat; height: 22px; text-indent: -3000px; overflow: hidden; margin-bottom: 15px; }

/** LAYOUT **/

body { background: #bae2f1 url(../img/background.jpg) no-repeat top; color: #336375; font-size: 12px; line-height: 12px; font-family: Arial, Helvetica, sans-serif; min-width: 993px; }
#header { width: 793px; margin: 0 auto; padding: 0 100px; position: relative; }
#content { width: 993px; margin: 0 auto; }
#logo { z-index: 1; }

#about { background: url(../img/background-screenshots.png) left top no-repeat; height: 299px; margin-top: 30px; width: 993px; }
#about .right { width: 290px; padding: 55px 90px 0 0; }
#about .left { width: 606px; position: relative; }

#buy { width: 993px; background: url(../img/background-app-store.png) right top no-repeat; height: 289px; margin-top: 20px; }
#buy .left { background: url(../img/background-free-wallpaper.png) 20px 0 no-repeat; height: 276px; padding: 10px 0 0 250px; width: 190px; position:relative; }
#buy .right { position: relative; width: 510px; }
.buynow { position: absolute; top: -20px; right: 95px; }

#footer { width: 793px; margin: 30px auto 0; }
.pigs { text-align: center; font-size: 10px; font-style: italic; }

.footer-bottom { width: 793px; border-top: 1px solid #97cbda; padding-top: 12px; background: url(../img/fully-illustrated-logo.gif) right 10px no-repeat; height: 25px; }
.footer-bottom :link, .footer-bottom :visited { padding-right: 38px; }

/* ASSETS */
#super-pig { position: absolute; right:160px; top:15px; z-index: 20; }
#cloud { background: url(../img/cloud.png); z-index: 10; height: 116px; width: 540px; display: block; position: absolute; top: 0px; left: -280px; }
.buy-now-mini { position: absolute; right:-20px; top:-20px; z-index: 30; }
#arrow2 { position: absolute; right:-17px; top:-48px; }
#arrow-l-d { position: absolute; right:188px; top:-16px; }
.more { position: absolute; right:69px; top:-40px; width: 150px; font-size: 10px;}
#arrow-r-d { position: absolute; left: 68px; top:82px; }
.wall-p { position: absolute; display: block; height: 200px; width: 130px; top: 28px; left: 105px; }
#arrow-r-dd { position: absolute; top: -15px; left:186px; }
#arrow-l-dd { position: absolute; right:68px; top:141px;  }

/* SCREENSHOTS */
#screenholder { margin: 23px 0 0 185px; position: relative; cursor: pointer; height: 219px }
#screenholder span { position: absolute; top: 82px; left: 83px; width: 152px; height: 51px; background:url(../img/button-next.png); display: none; overflow: hidden; text-indent: -400px; z-index: 40; }
#screenholder:hover span { display: block; }

#screenholder img { position: absolute; bottom: 0; left: 0; }

/* HEADERS */

h2.wallpaper { background-position: 0 -32px; height: 61px; }