html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, /* pre, */
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, /* sub, sup, */ tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

body
{
    background: #1d1d1d;
    line-height: 1.3em;
    font-family: "Arial", Tahoma, Verdana;
    font-size: 12px;
}

body.showcase
{
    background-image: url(../images/top-background.jpg);
    background-repeat: repeat-x;
    background-position: top left;
}

body.single
{
    background-image: url(../images/top-background-single.jpg);
    background-repeat: repeat-x;
    background-position: top left;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

p {
    line-height: 1.4em;
    font-size: 13px;
    
    padding: 7px 0px;
}

em {
    font-style: italic;
}

a, a:visited, a:active {
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

strong {
    font-weight: bold;
}

h1
{
    font-size: 21px;
    font-weight: normal;
}

h2, h3
{
    font-size: 15px;
    font-weight: bold;
    
    padding: 5px 0px 10px 0px;
}

.clear-fix
{
    line-height: 0px;
    height: 0px;
    clear: both;
}

.owrapper
{
    width: 1008px;
    min-height: 600px;
    
    margin-left: auto;
    margin-right: auto;
}

body.showcase .owrapper
{
    background-image: url(../images/swirls.jpg);
    background-repeat: no-repeat;
    background-position: center 41px;
}

body.single .owrapper
{
    background-image: url(../images/swirls-small.jpg);
    background-repeat: no-repeat;
    background-position: center 41px;
}

.wrapper
{
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}

.wrapper ul.navigation
{
    float: right;
    height: 39px;
}

.wrapper ul.navigation li
{
    list-style: none;
    float: left;
    background: #000000;
    
    margin-right: 1px;
}

.wrapper ul.navigation li:last-child
{
    margin-right: 0px;
}

.wrapper ul.navigation li a,
.wrapper ul.navigation li a:active,
.wrapper ul.navigation li a:visited
{
    display: block;
    padding: 11px 25px 12px 25px;
    font-size: 13px;
    color: #FFFFFF;
}

.wrapper ul.navigation li:hover a,
.wrapper ul.navigation li:hover a:hover,
.wrapper ul.navigation li a:focus,
.wrapper ul.navigation li.activeSlide a
{
    background: #FFFFFF;
    background-image: url(../images/navigation-hover-bg.gif);
    background-position: bottom left;
    background-repeat: repeat-x;
    
    color: #000000;
    text-decoration: none;
}

body.showcase .owrapper .center-wrapper
{
    width: 100%;
    height: 527px;
    min-height: 527px;
    overflow: visible;
}

body.single .owrapper .center-wrapper
{
    width: 100%;
    height: 70px;
    min-height: 70px;
    overflow: visible;
    
    padding: 70px 0px 65px 0px;
}

.owrapper .center-wrapper #slides
{
    width: 1008px;
    max-width: 1008px;
    overflow: hidden;
}

.owrapper .center-wrapper .slide
{
    width: 960px;
    height: 527px;
    min-height: 527px;
    padding: 76px 16px 0px 16px;
    overflow: visible;
}

.owrapper .center-wrapper #blackberry-slide
{
    background-image: url(../images/blackberry-reflection-small.png);
    background-position: 724px 37px;
    background-repeat: no-repeat;
}

.owrapper .center-wrapper #iphone-slide
{
    background-image: url(../images/iphone-reflection-small.png);
    /* background-position: 10px 67px; */
    background-position: 745px 67px;
    background-repeat: no-repeat;
    
    /* padding-left: 280px; */
}

.owrapper .center-wrapper #welcome-slide
{
    background-image: url(../images/welcome-device-reflection.png);
    background-position: 463px 37px;
    background-repeat: no-repeat;
}

.owrapper .center-wrapper #welcome-slide h1
{
    font-size: 38px;
    font-weight: normal;
    color: #000000;
    font-family: "Century Gothic", Arial, Tohama;
    
    width: 345px;
    line-height: 1.1em;
    
    margin-top: 50px;
}

.owrapper .center-wrapper .slide .phone-info
{
    width: 685px;
}

.owrapper .center-wrapper .slide .slide-info
{
    color: #FFFFFF;
}

.owrapper .center-wrapper .slide .slide-info .header
{
    padding-bottom: 15px;
    background-image: url(../images/slide-header-border-bottom.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
    
    margin-bottom: 10px;
}

.owrapper .center-wrapper .slide .slide-info .button
{
    background: #FFFFFF;
    background-image: url(../images/slide-button-bg.gif);
    background-position: top left;
    background-repeat: repeat-x;
    
    border: 1px solid #FFFFFF;
    
    color: #000000;
    height: 36px;
    
    max-width: 153px;
    
    margin-top: 20px;
}

.owrapper .center-wrapper .slide .slide-info .button:hover
{
    border: 1px solid #d25400;
}

.owrapper .center-wrapper .slide .slide-info .button a,
.owrapper .center-wrapper .slide .slide-info .button a:visited,
.owrapper .center-wrapper .slide .slide-info .button a:active
{
    background: transparent;
    color: #000000;
    
    line-height: 36px;
    
    padding: 0px 15px;
    display: inline-block;
}

.owrapper .center-wrapper .slide ul.screens
{
    margin: 20px 0px;
}

.owrapper .center-wrapper .slide ul.screens li
{
    list-style: none;
    float: left;
    padding: 0px 5px;
}

.owrapper .center-wrapper .slide ul.screens li:first-child
{
    padding-left: 0px;
}

.owrapper .center-wrapper .slide ul.screens li:last-child
{
    padding-right: 0px;
}

.owrapper .center-wrapper .slide ul.screens li img
{
    width: 132px;
    height: 88px;
    
    padding: 3px 3px;
    background-image: url(../images/screenshot-stripped-bg.gif);
    background-repeat: repeat;
    background-position: top left;
    
    border: 1px solid #f6c500;
}

.owrapper .center-wrapper ul.switcher
{
    position: absolute;
    top: 520px;
    margin-left: 35px;
    z-index: 99999;
}

.owrapper .center-wrapper ul.switcher li {
    list-style: none;
    float: left;
    margin: 0px 10px 0px 0px;
}

.owrapper .center-wrapper ul.switcher li:last-child
{
    margin-right: 0px;
}

.owrapper .center-wrapper ul.switcher li a
{
    display: block;
    width: 22px;
    height: 23px;
    
    background-position: center;
    background-repeat: no-repeat;
}

.owrapper .center-wrapper ul.switcher li a,
.owrapper .center-wrapper ul.switcher li a:active,
.owrapper .center-wrapper ul.switcher li a:hover,
.owrapper .center-wrapper ul.switcher li a:visited
{
    text-decoration: none;
}

.owrapper .center-wrapper ul.switcher li a.prev
{
    background-image: url(../images/quicknav-back.png);
}

.owrapper .center-wrapper ul.switcher li a.next
{
    background-image: url(../images/quicknav-forward.png);
}

.owrapper .center-wrapper ul.switcher li a.item,
.owrapper .center-wrapper ul.switcher li a.item:visited,
.owrapper .center-wrapper ul.switcher li a.item:active
{
    background-image: url(../images/quicknav-item.png);
}

.owrapper .center-wrapper ul.switcher li a.item-active,
.owrapper .center-wrapper ul.switcher li a.item:hover,
.owrapper .center-wrapper ul.switcher li a.item:focus
{
    background-image: url(../images/quicknav-item-hover.png);
}

.wrapper .content-wrapper
{
    padding: 45px 0px;
    min-height: 250px;
    color: #FFFFFF;
    font-size: 13px;
}

.wrapper .content-wrapper .content h1
{
    color: #f4900e;
    margin-bottom: 15px;
    font-size: 24px;
}

.wrapper .content-wrapper .left
{
    width: 676px;
    float: left;
    
    padding: 15px 55px 15px 0px;
}

.wrapper .content-wrapper .right
{
    width: 193px;
    float: left;
    background-image: url(../images/right-col-border-left.gif);
    background-repeat: repeat-y;
    background-position: top left;
    
    padding: 0px 0px 0px 35px;
}

.wrapper .content-wrapper .left .bio
{
    
}

.wrapper .content-wrapper .left .bio .info
{
    float: left;
    display: block;
    
    width: 190px;
}

.wrapper .content-wrapper .left .bio .info img.photo
{
    width: 151px;
    height: 152px;
    
    padding: 3px 3px;
    background: #FFFFFF;
    border: 1px solid #d2d2d2;
}

.wrapper .content-wrapper .left .bio .info a
{
    display: block;
    width: 157px;
    height: 19px;
    
    color: #000000;
    
    text-align: center;
    padding: 5px 0px;
    margin: 5px 0px;
    
    border: 1px solid #FFFFFF;
    background-image: url(../images/content-bio-link-bg.gif);
    background-position: top left;
    background-repeat: repeat-x;
}

.wrapper .content-wrapper .left .bio .copy
{
    float: left;
    width: 486px;
}

.wrapper .content-wrapper .left .bio h1
{
    font-size: 18px;
    color: #f4900e;
    
    margin-bottom: 15px;
}

.wrapper .content-wrapper .left .bio p
{
    padding: 5px 0px;
}

.wrapper .content-wrapper .right .sponsor
{
    text-align: center;
}

.wrapper .content-wrapper .right .sponsor h2
{
    color: #FFFFFF;
    font-size: 18px;
    text-align: center;
    
    line-height: 1.2em;
}

.footer-wrapper
{
    background: #000000;
    background-image: url(../images/footer-top-border.gif);
    background-repeat: repeat-x;
    background-position: top left;
    
    color: #FFFFFF;
}

.footer-wrapper a,
.footer-wrapper a:hover,
.footer-wrapper a:active,
.footer-wrapper a:visited
{
    color: #FFFFFF;
}

.footer-wrapper p
{
    line-height: 1.0em;
    padding: 3px 0px;
}

.footer-wrapper .footer
{
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    
    padding: 25px 0px 25px 0px;
}

.footer-wrapper .footer ul.links
{
    float: right;
    font-size: 13px;
    font-weight: bold;
}

.footer-wrapper .footer ul.links li {
    list-style: none;
    text-indent: 25px;
    line-height: 16px;
    
    float: left;
    
    margin: 0px 15px 0px 15px;
}

.footer-wrapper .footer ul.links li:last-child
{
    margin-right: 0px;
}

.footer-wrapper .footer ul.links li.disclaimer
{
    background-image: url(../images/footer-support-icon-16x16.jpg);
    background-repeat: no-repeat;
    background-position: left;
}

.footer-wrapper .footer ul.links li.support
{
    background-image: url(../images/footer-disclaimer-icon-16x18.jpg);
    background-repeat: no-repeat;
    background-position: left;
}

.logo
{
    width: 262px;
    height: 62px;
}

.float-left
{
    float: left;
}

.float-right
{
    float: right;
}

.download-app
{
    display: inline-block;
    
    background: #FFFFFF;
    background-image: url(../images/download-app-button-bg.gif);
    background-position: top left;
    background-repeat: repeat-x;
    
    border: 1px solid #FFFFFF;
    
    height: 36px;
    padding: 0px 15px;
    overflow: hidden;
    text-decoration: none;
    vertical-align: middle;
    
    margin: 25px 0px 0px 0px;
}

.download-app:hover
{
    border: 1px solid #de8914;
}

.download-app a,
.download-app a:active,
.download-app a:visited
{
    color: #000000;
    display: block;
    height: 36px;
    line-height: 36px;
    
    background-image: url(../images/download-app-icon.png);
    background-position: center left;
    background-repeat: no-repeat;
    
    text-indent: 24px;
}

.download-app a:hover
{
    text-decoration: none;
}

.pyns-left {
    width: 400px;
    float: left;   
}

.pyns-left h3 {
    padding: 5px 0px 5px 0px;
}

.pyns-right
{
    width: 560px;
    float: left;
}

.gmap
{
    width: 560px;
    height: 300px;
}

ul.list, ol.list
{
}

ul.list li
{
    list-style: disc;
    margin-left: 15px;
    padding: 2px 0px;
}

ol.list li
{
    list-style: decimal;
    margin-left: 20px;
    padding: 4px 0px;
}

ol.list li li
{
    list-style: lower-alpha;
}

ol.list li li li 
{
    list-style: lower-roman;
}

h4
{
    font-size: 13px;
    font-weight: bold;
}

ul.form  { }

ul.form li
{
    list-style: none;
    padding: 0px 0px 5px 0px;
}

ul.form li label
{
    display: block;
    font-weight: bold;
    padding: 3px 0px;
    cursor: pointer;
}

input.text
{
    font-family: "Arial", Tohama;
    font-weight: bold;
    font-size: 11px;
    background: #ffc375;
    border: 1px solid #ed8806;
    color: #FFFFFF;
    padding: 4px 5px;
}

input.text:hover,
input.text:focus
{
    border: 1px solid #d25400;
}