html { background: #555; }
body { background: url(Images/bg-body.jpg) center top repeat-x; color: #4c4c4c; font: 10px Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; }

h1 { position: absolute; right: 95px; top: 60px; background: url(Images/logo-ikitesurf.png) left top no-repeat; width: 101px; height: 31px; }
h1 a { display: block; width: 100%; height: 100%; text-indent: -30000px; }
h2 { color: #000; font-size: 1.8em; text-transform: uppercase; margin: 0 0 0 0; }
p { font-size: 1.4em; margin: 0 0 1em; }
p.tagline { background: url(Images/bg-tagline.png) left bottom no-repeat; text-indent: -30000px; width: 232px; height: 44px; float: left; padding: 335px 0 0; margin: 0 0 0 35px; }
a { color: #666; }
a:hover { color: #000000; }
.clear { clear: both; }


#outerWrapper { width: 802px; margin: 0 auto; }
#wrapper { margin: 0 auto; }
#header { padding: 0 81px; position: relative; background: url(Images/bg-header.png) center top no-repeat; height: 388px; }

#content { clear: left; padding: 45px 81px 0 81px; background: url(Images/bg-content.png) center top no-repeat; }
#content .content { padding: 0 20px 0 345px; min-height: 266px; line-height:2em; }
#content ul {padding: 10 0 0 15; margin-bottom:25px;}
#content ul li {font-size:1.3em; line-height:1.3em; padding-top:5px; list-style:disc;}

#download-form { float: left; margin-left:25px; width: 280px; height: auto; margin-bottom: 1em; z-index: -1;}
#download-form p { font-size: 1em;}
#download-form div { cursor:pointer; }


#screenshot { float: left; width: 316px; height: 0px; clear: left; }


#specs { padding: 15px 0 0 30px; width: 276px; float: left; clear: left; }
#specs p span { font-size: 1.1em; color: #000; }
#specs p { text-transform: uppercase; font-size: 1em; }

#specs p.advertising a { color: #3a3a3a; }
#specs p.advertising a:hover { color: #000000; }

#footer { min-height: 59px; background: url(Images/bg-footer.png) center top no-repeat; padding: 35px 81px 0; color: #f1f1f1; }
#footer p { margin-bottom: 0; font-size: 1.2em; }
#footer .trademarks { color: #aeaeae; font-size: 1em; }
#footer a{ color: #aeaeae; font-size: 1em; }
#footer a:hover { color: #ffffff; font-size: 1em; }

#navigation { float: right; padding: 330px 0 0 10px; font-size: 1.4em; }
#navigation li { padding: 0 19px; float: left; }
#navigation a { color: #fff; text-transform: uppercase; text-decoration: none; height: 57px; display: block; padding: 0 0 35px;  }
#navigation .active { background: url(Images/icon-navigation-active.png) center bottom no-repeat; }
#navigation span { display: block; padding-top: 34px; text-align: center; }

#nav-favorites span { background: url(Images/icon-favorites.png) center top no-repeat; }
#nav-alert span { background: url(Images/icon-alert.png) center top no-repeat; }
#nav-search span { background: url(Images/icon-search.png) center top no-repeat; }

#logos { margin: 0 0 40px -7px; float: left; }
#logos li { float: left; padding: 0 7px; }
#logos a { display: block; height: 34px; width: 30px; background-repeat: no-repeat; }
#logos span { display: none; }
#logo-adobe-air { width: 31px; background-image: url(Images/icon-adobe-air.png); }
#logo-ms-windows { background-image: url(Images/icon-windows.png); }
#logo-macosx { background-image: url(Images/icon-macosx.png); }
#logo-linux { background-image: url(Images/icon-linux.png); }