html, body { padding: 0; margin: 0; background: #FFF url(../images/body-bg.jpg) 0 0 repeat-x; color: #666; font: 12px Helvetica, Arial, Verdana, sans-serif; }
a img { border: 0; }
a { color: #09C; text-decoration: none; }
a:hover{ color: #09C; text-decoration: underline; }
* {vertical-align: top;}

.learnmore { background: url(../images/learnmore.png) 0 50% no-repeat; padding-left: 12px; position: relative; top: 8px; }
.content h4 { margin: 0; }

#wrapper { margin: 0 auto; width: 959px; position: relative; padding-bottom: 50px; }

#header { height: 95px; position: relative; background: #0D0B0A url(../images/header-bg.png) 0 100% no-repeat; }
#header a { position: absolute; bottom: 16px; }
    #webex-header { left: 18px; }
    #cisco-header { right: 18px; }

#hero { background-repeat: no-repeat; background-position: 0 0; background-color: #000; height: 338px; width: 959px; }
#hero .content { width: 640px; padding: 20px 38px; } 
#hero h1, #hero h2 { color: #FFF; margin: 8px 0; font-weight: 400; }
#hero h1 { font-size: 42px; line-height: 42px; }
#hero h2 { font-size: 22px; margin: 30px 0 0 307px; }

#hero.mobile { background-image: url(../images/mobile-hero.jpg); }

#mainbody { background: #FFF url(../images/mobile-content.jpg) 0 0 no-repeat; min-height: 235px; padding: 8px 30px; position: relative; }

#phones { position: relative; }

#iphone { float: left; width: 270px; background: url(../images/divider.png) 100% 33px no-repeat; }
#iphone .content { position: absolute; left: 85px; top: 100px; }

#smartphones { float: left; margin-left: 25px; }
#smartphones div .content { position: absolute; top: 40px; }
.smartphone { position: relative; float: left; }

#blackberry { width: 195px; position: relative; display: inline-block; }
#blackberry .content { left: 75px; }
#blackberry img { height: 120px; }

#nokia { width: 180px; position: relative; display: inline-block; }
#nokia .content { left: 70px; }

#windows { width: 220px; position: relative; display: inline-block; }
#windows .content { left: 115px; }

#awards { clear: left; }
#awards img { vertical-align: bottom; margin: 0 10px 0 0; }

#footer { position: absolute; bottom: 50px; right: 30px; width: 250px; }
#cisco-footer { position: absolute; right: 0; top: 2px; }