body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,img,input,textarea,p,blockquote,table,th,td,a,abbr,acronym,address,caption,cite,code,dfn,em,strong,th,var,hr{margin:0;padding:0;border:0;text-decoration:none;font-style:normal;font-weight:normal;text-align:left;border-collapse:collapse;border-spacing:0;list-style:none;}
input:focus,a:focus,textarea:focus{outline:0;}
sup,sub{vertical-align: baseline;position: relative;top: -0.4em;}sub{top:0.4em;}
html,body,textarea,legend{font:14px/20px Georgia,Times,"Times New Roman",serif;color:#404040;}

/** Get In The Game Conferece
*   *************************
*
*   COLORS
*   ********************
*   BLUE         #2C9DCE
*   ORANGE       #F96D06
*   BLACK        #404040
*   ********************
**/

/** NON-STANDARD FONTS
*   ******************
@font-face {
    font-family: 'Helvetica Neue Light';
    src: url(/fonts/HelveNeuLig.ttf);
}
@font-face {
    font-family: 'Helvetica Neue Light Italic';
    src: url(/fonts/HelveNeuLigIta.ttf);
}
**/

/** THIS IS WHERE THE MAGIC HAPPENS
*   ********************************
**/
html {
    background: url(images/pattern.gif) center 0 repeat;
    text-align: center;
    height: 100%;
}

body {
    width: 900px;
    margin: 0 auto;
    padding: 0 15px;
    text-align: left;
    background: url(images/background.gif) 0 0 repeat-y;
    min-height: 100%;
    position: relative;
}

strong { font-weight: bold; }
em { font-style: italic; }

object, 
embed {
    margin: 10px 0;
}

a { color: #2C9DCE; }
    a:hover { color: #F96D06; }
    a:active { text-decoration: underline; }

.arrow {
    padding-right: 10px;
    background: url(images/arrows.gif) right 0 no-repeat;
}
    .arrow.sm { background-position: right 2px; padding-right: 6px; }
    .arrow.med { background-position: right -20px; padding-right: 8px; }
    .arrow.lrg { background-position: right -46px; }
    .arrow.prev, 
    .arrow.next {
        display: inline-block;
        overflow: hidden;
        padding: 0;
        width: 12px;
        height: 12px;
        background-position: 2px -75px;
    }
        .arrow.next {
            background-position: 2px 5px;
        }
        h2 .arrow.lrg { background-position: right -43px; }

a.hlink { font-size: 12px; }
    a.hlink.arrow.med { background-position: right -22px; }

.copy h1,
.copy h2, 
.copy h3,
.copy h4,
.copy h5, 
.copy h6 {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    line-height: 1em;
}
    .copy h1 { font-size: 23px; }
    .copy h2 { font-size: 19px; }
    .copy h3 { font-size: 16px; }
    .copy h4,
    .copy h5, 
    .copy h6 { font-size: 14px; }
    
    .copy h2 + h3,
    .copy h3 + h4,
    .copy h4 + h5 { margin-top: 20px; }

.copy p,
.copy ul,
.copy ol,
.copy dl,
.copy table {
    margin-bottom: 20px;
    font-style: inherit;
}

.copy ul,
.copy ol {
    padding-left: 20px;
    font-style: inherit;
}
    .copy ul li { list-style-type: disc; }
    .copy ul li li { list-style-type: square; }
    .copy ul li li li { list-style-type: circle; }
    .copy ol li { list-style-type: decimal; }
    .copy ol li li { list-style-type: lower-alpha; }
    .copy ol li li li { list-style-type: lower-roman; }

.copy dt { font-weight: bold; }
.copy dd { padding-left: 20px; }

.copy table {
    width: 100%;
    border: 1px solid #ECEFEE;
    border-collapse: separate;
}
    .copy table caption {
        font-size: 25px;
        text-align: center;
        width: 100%;
        padding: 10px;
        background: #ECEFEE;
    }
    .copy table thead th {
	
        font-size: 13px;
		text-align: center;
        padding: 8px;
    }
    .copy tbody td, .copy tbody th {
        font-size: 13px;
		text-align: center;
		padding: 6px;
    }
    .copy tr.odd th, .copy tr.odd td {
        background: #ECEFEE;
    }
    .copy thead tr th.highlight, .copy tbody tr td.highlight {
        background: #f6fff3;
        font-weight: bold;
    }
        .copy tbody tr.odd td.highlight {
            background: #e7f5e3;
        }

.copy blockquote {
    font-style: italic;
    font-size: 14px;
    color: #888;
    margin-bottom: 20px;
}

.copy p.date { 
    margin: 0; 
    font-size: 11px; 
}
.copy p.courtesy {
    font-size: 11px;
}

.speakers h2 { 
    font-size: 33px; 
    line-height: 30px;
    margin-bottom: 10px;
}
    .copy h2 span { 
        display: block;
        font-size: 14px; 
    }

.feed ul { 
    margin: 10px 0 20px;
    padding: 0;
}
    .feed ul li { 
        list-style-type: none; 
        margin-bottom: 10px;
        font-size: 12px;
        line-height: 16px;
    }

ul.opts, dl.opts {
    height: 1%;
    padding: 0;
    margin: 0 0 10px;
}
    ul.opts:after, dl.opts:after {
        content: '.';
        display: block;
        clear: left;
        height: 0;
        width: 0;
        overflow: hidden;
        visibility: hidden;
    }
    ul.opts li, dl.opts dd {
        float: left;
        width: auto;
        /*padding: 0 5px 0 0;
        margin: 0 5px 0 0;
        border-right: 1px solid #747B7E;*/
        padding: 0;
        margin: 0 30px 0 0;
        list-style-type: none;
    }
        ul.opts li:last-child, dl.opts dd:last-child, dl.opts dt {
            border: 0;
        }
        dl.opts dt {
            font-size: 20px;
            font-weight: normal;
            font-family: Helvetica, Arial, Verdana, sans-serif;
        }


#header {
    position: absolute;
    top: 0;
    left: 15px;
    height: 58px;
    width: 900px;
    border-bottom: 2px solid #EEE;
    background: url(images/header.gif) 0 0 repeat-x;
    font-family: Helvetica, Arial, Verdana, sans-serif;
    z-index: 10;
}
    #header dl.site { 
        margin-left: 10px;
    }
        #header dl.site dt {
            position: absolute;
            top: 58px;
            left: 18px;
            width: 253px;
            height: 75px;
        }
            #header dl.site dt span {
                position: absolute;
                left: -999em;
            }
            #header dl.site dt a {
                display: block;
                text-indent: -999em;
                width: 253px;
                height: 75px;
                background: url(images/logo.png) 0 0 no-repeat;
            }
        #header dl.site dd {
            float: left;
            width: auto;
            height: 56px;
        }
        #header dl.site dd a {
            color: #FFF;
            font-size: 12px;
            display: inline-block;
            width: auto;
            line-height: 58px;
            height: 58px;
            padding: 0 10px;
        }
            #header dl.site dd a:hover { background: #8E9B8B; }
            #header dl.site dd a:active,
            #header dl.site dd a.current { background: #A9B6A6; }
    #header dl.ext {
        position: absolute;
        right: 0;
        top: 0;
    }
        #header dl.ext dt,
        #header dl.ext dd {
            float: right;
            width: auto;
        }
            #header dl.ext dt {
                padding: 6px 0 0;
                margin-left: 8px;
            }
            #header dl.ext dd {
                padding: 25px 0 0;
            }
        #header dl.ext a {
            background: url(images/mnama.gif) 0 0 no-repeat;
            display: block;
            text-indent: -999em;
            overflow: hidden;
            width: 20px;
            height: 20px;
        }
            #header dl.ext dt a {
                width: 120px;
                height: 45px;
                margin-right: 20px;
                background-position: -110px -6px;
            }
            #header dl.ext dd a.linkedin { background-position: 2px -25px; }
            #header dl.ext dd a.twitter { background-position: -20px -25px; }
            #header dl.ext dd a.flickr { background-position: -40px -25px; }
            #header dl.ext dd a.youtube { background-position: -60px -25px; }
            #header dl.ext dd a.facebook { background-position: -80px -25px; }

#content {
    width: 860px;
    margin: 0 20px;
    overflow: hidden;
    position: relative;
    padding-top: 290px;
    z-index: 0;
}
    .full #content {
        padding-top: 440px;
    }
.columns {
    height: 1%;
    width: 880px;
}
    .columns:after {
        content: '.';
        display: block;
        clear: both;
        height: 0;
        width: 0;
        overflow: hidden;
        visibility: hidden;
    }
.column {
    float: left;
    margin: 0 10px 0 0;
    overflow: hidden;
}
    .rcolumns .column {
        float: right;
        margin: 0 0 0 10px;
        position: relative;
        left: -20px;
    }
    .lcolumns .column {
        float: left;
        margin: 0 10px 0 0;
        left: 0;
    }
    .column.main { width: 570px; }
        .column.main34 { width: 380px; }
        .column.main14 { width: 170px; margin: 0; }
    .column.secondary { width: 280px; }
        .rcolumns .column.secondary { margin-left: 0; }
    .column.half { width: 420px; margin-right: 20px; }
    .column.img { 
        width: 185px; 
        margin: 0 20px 20px 0; 
        clear: left;
    }
    .column.imgcopy { width: 365px; margin-right: 0; }
    .half .column.imgcopy {
        width: 215px;
    }
    .secondary h2, .img h2 { margin-bottom: 10px; }

.hr {
    border-bottom: 1px solid #EEE;
    margin-bottom: 20px;
}

#headline {
    position: absolute;
    top: 210px;
    left: 20px;
    padding: 20px 0 20px 20px;
    border-bottom: 1px solid #EEE;
    width: 860px;
    z-index: 10;
}
    .full #headline {
        top: 360px;
    }
    #headline h1, 
    #headline h2, 
    #headline p, 
    #headline ul {
        float: left;
        width: auto;
        font-size: 19px;
        margin-right: 20px;
        letter-spacing: -1px;
    }
        #headline h1, #headline h2 {
            font-weight: bold;
        }
        #headline ul {
            margin-right: 0;
        }
        #headline ul li {
            float: left;
            margin-right: 10px;
            padding-right: 10px;
            border-right: 1px solid #8FA58A;
        }
            #headline ul li.last {
                margin: 0;
                padding: 0;
                border: 0;
            }
            #headline ul li.last .arrow.lrg { 
                padding-right: 12px;
                background-position: right -44px;
            }

#twitter {
    position: absolute;
    top: 60px;
    height: 150px;
    overflow: hidden;
    z-index: 9;
    width: 900px;
    border-bottom: 2px solid #E4E5E6;
}
    .full #twitter {
        height: 300px;
    }
    #twitter #tweets li {
        width: 240px;
        padding: 10px;
        background: #FFF;
        border: 1px solid #C6C6C0;
        position: absolute;
        top: 50px;
        left: 300px;
        -webkit-border-radius: 8px;
        -webkit-border-top-left-radius: 0;
        -moz-border-radius: 8px;
        -moz-border-radius-topleft: 0;
        overflow: visible;
    }
        #twitter #tweets li span.flag {
            background: url(images/flag.png) 0 0 no-repeat;
            display: block;
            width: 12px;
            height: 13px;
            position: absolute;
            top: -13px;
            left: -1px;
        }
        #twitter #tweets li p {
            float: left;
            overflow: hidden;
            width: 180px;
        }
            #twitter #tweets li p.avatar {
                width: 54px;
                margin-right: 6px;
            }
                #twitter #tweets li p.avatar a img {
                    border: 3px solid #EEE;
                    display: block;
                }
                #twitter #tweets li p.avatar a:hover img { border-color: #F96D06; }

#twitter .links {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 999;
    background: url(images/twitterbird.png) 0 0 no-repeat;
    padding-top: 30px;
}
    #twitter .links li {
        display: inline;
        margin-right: 10px;
        font-size: 16px;
    }
    #twitter a#expand {
        position: absolute;
        bottom: 110px;
        left: 815px;
    }

#twitterFeed li {
    clear: left;
    border-bottom: 1px solid #DDD;
    height: 1%;
    margin-bottom: 20px;
}
    #twitterFeed li:after {
        content: '.';
        display: block;
        clear: left;
        width: 0;
        height: 0;
        overflow: hidden;
        visibility: hidden;
    }
#twitterFeed div.img {
    float: left;
    width: 54px;
    margin: 0 6px 20px 0;
}
    #twitterFeed div.img img {
        border: 3px solid #EEE;
        display: block;
    }
#twitterFeed p.date, 
#twitterFeed p.date a {
    color: #BBB;
    font-size: 12px;
}
    #twitterFeed p.date a:hover {
        color: #F96D06;
    }

#speakerBlocks .img, 
#trackBlocks .img {
    height: 185px;
}

.speakerBlock, 
.trackBlock {
    padding: 10px 0 0;
}
    .speakerBlock h3, 
    .trackBlock h3 {
        font-size: 14px; 
        font-weight: bold;
    }
p.tracknav {
    margin-bottom: 0;
}

#footer {
    border-top: 1px solid #ECEFEE;
    font-size: 12px;
    padding: 5px 10px;
}
    #footer p {
        text-align: right;
        line-height: 57px;
    }
    #azul7 {
        display: inline-block;
        height: 57px;
        padding-right: 42px;
        background: url(images/azul7-logo.gif) right center no-repeat;
    }

.sponsors {
    border-top: 1px dashed #606060;
    padding-top: 10px;
    margin-bottom: 10px;
}
    .sponsors h3 {
        margin-bottom: 20px;
    }
    .sponsors img {
        display: block;
        margin: 0 0 30px;
    }
        .fullsponsorlist .sponsors img {
            display: inline;
        }
    .main14 .sponsors img {
        max-width: 100%;
    }


ul#parallax {
     background: url(images/pl-background.jpg) center center no-repeat;
     height: 300px;
     width: 900px;
}
ul#parallax li {
    background-position: center center;
    background-repeat: no-repeat;
    height: 170px;
    width: 1200px;
}
    .full ul#parallax li { height: 350px; }
    ul#parallax li.plstars { width: 960px; background: url(images/pl-stars.png) center bottom; }
    ul#parallax li.pltrees { width: 1000px; background: url(images/pl-trees.png); }
    ul#parallax li.plgroundback { width: 1100px; background: url(images/pl-ground-back.png); }
    ul#parallax li.plgroundfront { width: 1150px; background: url(images/pl-ground-front.png); }
    ul#parallax li.plpeopleback { width: 1155px; height: 160px; background: url(images/pl-people-back.png) center 300px; }
        .full ul#parallax li.plpeopleback { height: 310px; background-position: center center; }
    ul#parallax li.plpeoplefront { width: 1200px; height: 160px; background: url(images/pl-people-front.png) center 300px; }
        .full ul#parallax li.plpeoplefront { height: 310px; background-position: center center; }
        
        * html ul#parallax li.plstars { background-image: url(images/pl-stars.gif); }
        * html ul#parallax li.pltrees { background-image: url(images/pl-trees.gif); }
        * html ul#parallax li.plgroundback { background-image: url(images/pl-ground-back.gif); }
        * html ul#parallax li.plgroundfront { background-image: url(images/pl-ground-front.gif); }
        * html ul#parallax li.plpeopleback { background-image: url(images/pl-people-back.gif); }
        * html ul#parallax li.plpeoplefront { background-image: url(images/pl-people-front.gif); }
        
#videos {
    margin: 5px 0 0;
}