﻿*
{
    margin:0; 
    padding:0;
    border:none 0px;
    outline: none;
    -moz-outline-style: none;
}

html
{
    direction:ltr;
}

body
{
    height: 100%;
    background: #FFF url('Images/Background/bc_bkg_body.jpg');
    font:75%/1.4 'Trebuchet MS', Arial, Verdana, Helvetica, sans-serif;
}

.Clear
{
    clear:both;
}

#CSSAwards
{
    position:fixed;
    top:0px;
    right:0px;
    width:115px;
    height:115px;
    z-index:999;
}

    #CSSAwards a
    {
        display:block;
        width:115px;
        height:115px;
        background: url('Images/Awards/thecssawards_mention.png') 0 0 no-repeat;            
        text-indent: -5000em;
        font-size:0px;
        text-decoration:none;
    }



#Container
{
    position:relative;
    overflow:visible;
    /*width:100%;*/
    width:24100px;
    height:1300px;
    max-height:1500px;
}

    #Container #Tweets
    {
        position:absolute;
        left:310px;
        top:900px;
        width:1257px;
        height:46px;
        padding-top:145px;
        padding-left:162px;
        overflow:hidden;
        background:url('Images/Background/bc_bkg_tweets.png') no-repeat;
        z-index:8;
        display:none;
    }
        #Container #Tweets a.Follow
        {
            position:absolute;
            top:0px;
            left:124px;
            display:block;
            width:84px;
            height:80px;
            text-indent: -5000em;
            font-size:0px;
            text-decoration:none;
        }
    
        #Container #Tweets h3
        {
            color:#FFF;
            font-size:18px;
        }
        
            #Container #Tweets h3 a
            {
                color:#FFF;
                text-decoration:none;

            }

    #Container #Intro
    {
        position:absolute;
        left:351px;
        overflow:visible;
        z-index:3;
    }
    
        #Container #Intro h3 span
        {
            margin-top:13px;
            background:white;
            color:#000;
            font-size:26px;
            padding-left:8px;
            padding-right:8px;
        }
        
            #Container #Intro h3 span a
            {
                color:#2ec6f5;
                text-decoration:none;
                padding-top:10px;

            }

    #Container #LeftBar
    {
        position:relative;
        overflow:visible;
        width:327px;
        padding-left:26px;
        z-index:3;
    }

        #Container #LeftBar h1
        {
            position:relative;
            padding-top:12px;
            color:#000;
            font-size:56px;
        }
        
            #Container #LeftBar h1 span
            {
                display:block;
                width:237px;
                height:89px;
                background:url('Images/Common/bc_img_logo.png') 0 0 no-repeat;            
                text-indent: -5000em;
                font-size:0px;
                text-decoration:none;
            }
        
        #Container #LeftBar h2
        {
            color:#333;
            font-size:35px;
            margin-top:34px;
        }
        #Container #LeftBar h2.Last{margin-top:-5px;}

        #Container #LeftBar h3
        {
            color:#333;
            font-size:30px;
            margin-top:30px;
            letter-spacing:-2px;
        }
        
            #Container #LeftBar h3 span
            {
                border-bottom:solid 2px transparent;
                background:transparent;
            }
            #Container #LeftBar h3 b
            {
                color:#FFF;
                text-decoration:none;
                background:#4c4c4c;
                padding-left:7px;
                padding-right:7px;
                padding-bottom:4px;
            }

            #Container #LeftBar h3 a
            {
                color:#FFF;
                text-decoration:none;
                background:#4c4c4c;
                padding-left:7px;
                padding-right:7px;
                padding-bottom:4px;
            }
            
            #Container #LeftBar #GMap
            {
                position:relative;
                width:265px;
                height:216px;
                overflow:hidden;
                margin-top:8px;
                margin-bottom:14px;
            }

    #Container #Line
    {
        position:absolute;
        top:700px;
        left:0px;
        min-width:100%;
        width:0px;
        height:369px;
        overflow:hidden;
        z-index:1;
    }

        #Container #Line #LeftLine
        {
            position:relative;
            float:left;
            width:9958px;
            height:369px;
            background: url('Images/Background/bc_bkg_line_left.png') no-repeat;
        }
        
        #Container #Line #RightLine
        {
            position:relative;
            float:left;
            width:0px;
            height:369px;
            background: url('Images/Background/bc_bkg_line_repeat.png');
        }
        
    #Container #GordinhaBody
    {
        position:absolute;
        top:0px;
        min-width:100%;
        width:0px;
        height:1295px;
        overflow:hidden;
        z-index:2;
    }
    
        #Container #GordinhaBody #LeftGordinhaBody
        {
            position:relative;
            float:left;
            width:3335px;
            height:1027px;
            background: url('Images/Background/bc_bkg_body_left.png') no-repeat;
        }
        
        #Container #GordinhaBody #RightGordinhaBody
        {
            position:relative;
            float:left;
            width:0px;
            height:1027px;
            background: url('Images/Background/bc_bkg_body_repeat.png') repeat-x;
        }
 
 
    #Container #Thumbs
    {
        position:absolute;
        top: 705px;
        left:487px;
        width:auto;
        height:83px;
        overflow:visible;
        z-index:3;
    }
        #Container #Thumbs ul
        {
            list-style-type:none;
        }
            #Container #Thumbs ul li
            {
                margin-right:2px;
                width:75px;
                height:64px;
                float:left;
            }
                #Container #Thumbs ul li a
                {
                    display:block;
                    width:71px;
                    height:61px;
                    padding-top:4px;
                    padding-left:4px;
                }

                #Container #Thumbs ul li a.Off{background:#000;}
                #Container #Thumbs ul li a.Off:hover{background:#2ec6f5;}
                
                #Container #Thumbs ul li a.On{background:#e02b39;}
                
                    #Container #Thumbs ul li a img
                    {
                        width:67px;
                        height:57px;
                    }
    
    #Container #DataList
    {
        position:absolute;
        top:100px;
        left:350px;
        height:758px;
        overflow:visible;
        z-index:3;
    }
    
        #Container #DataList #AboutMe
        {
            position:relative;
            width:372px;
            height:568px;
            float:left;
            background:url('Images/Background/bc_bkg_alpha_black.png');
            overflow:visible;
            padding:14px 20px 14px 20px;
        }
        
            #Container #DataList #AboutMe p
            {
                color:#FFF;
                font-size:14px;
                margin-top:10px;
            }
            
                #Container #DataList #AboutMe p a
                {
                    color:#2ec6f5;
                    text-decoration:none;
                }
                #Container #DataList #AboutMe p a:hover
                {
                    text-decoration:underline;
                }

        
        #Container #DataList #Highlights
        {
            position:relative;
            height:600px;
            overflow:visible;
            float:left;
        }
        
            #Container #DataList #Highlights ul
            {
                list-style-type:none;
            }

                #Container #DataList #Highlights ul li
                {
                    float:left;
                    width:962px;
                    height:560px;
                    margin-left:54px;
                    padding:20px;
                    background:url('Images/Background/bc_bkg_alpha_black.png');
                }
                
                    #Container #DataList #Highlights ul li div.Zoom
                    {
                        position:relative;
                        float:left;
                        width:676px;
                        height:559px;
                        max-height:559px;
                        margin-left:12px;
                        overflow:hidden;
                    }
                    
                        #Container #DataList #Highlights ul li div.Zoom img
                        {
                            position:relative;
                            float:left;
                            margin-bottom:12px;
                            margin-right:13px;
                        }
                        #Container #DataList #Highlights ul li div.Zoom img.Last{margin:0px;}
                        
                            #Container #DataList #Highlights ul li div.Zoom a
                            {
                                text-indent: -5000em;
                                font-size:0px;
                                text-decoration:none;
                                color:transparent;
                            }
                
                    #Container #DataList #Highlights ul li div.Info
                    {
                        position:relative;
                        float:left;
                        width:274px;
                        min-height:209px;
                    }
                    
                        #Container #DataList #Highlights ul li div.Info div.C2A
                        {
                            position:relative;
                        }
                            #Container #DataList #Highlights ul li div.Info div.C2A div.Awards
                            {
                                width:274px;
                                min-height:45px;
                                color:#000;
                            }
                        
                            #Container #DataList #Highlights ul li div.Info div.C2A a
                            {
                                display:block;
                                width:274px;
                                height:45px;
                                margin-top:2px;
                                text-indent: -5000em;
                                font-size:0px;
                                text-decoration:none;
                            }
                            
                                #Container #DataList #Highlights ul li div.Info div.C2A a.Launch
                                {
                                    background:#000 url('Images/Common/bc_btn_launch.gif') center center no-repeat;
                                }
                            
                                #Container #DataList #Highlights ul li div.Info div.C2A a.Overview
                                {
                                    background:#000 url('Images/Common/bc_btn_overview.gif') center center no-repeat;
                                }

                        #Container #DataList #Highlights ul li div.Info div.Box
                        {
                            position:relative;
                            padding:10px;
                            width:254px;
                            min-height:189px;
                            background:#000;
                        }
                        
                            #Container #DataList #Highlights ul li div.Info div.Box div.Awards
                            {
                                position:relative;
                                width:254px;
                                margin-top:14px;
                                background:#000;
                                border-top:dotted 1px #FFF;
                            }
                            
                                #Container #DataList #Highlights ul li div.Info div.Box div.Awards div.WebStar
                                {
                                    position:relative;
                                    width:232px;
                                    height:18px;
                                    padding-left:22px;
                                    background:url('Images/Common/bc_bkg_webstar.png') 0 0 no-repeat;
                                    margin-bottom:5px;
                                }
                                
                                #Container #DataList #Highlights ul li div.Info div.Box div.Awards div.WebStar h4
                                {
                                    padding-top:2px;
                                }

                            #Container #DataList #Highlights ul li div.Info div.Box h3
                            {
                                background:#2ec6f5;
                                color:#000;
                                padding:5px;
                                font-size:25px;
                            }
                            
                            #Container #DataList #Highlights ul li div.Info div.Box h4
                            {
                                color:#e02b39;
                                font-size:17px;
                                margin-top:12px;
                            }
                            
                            #Container #DataList #Highlights ul li div.Info div.Box h5
                            {
                                color:#e02b39;
                                font-size:11px;
                                margin-bottom:10px;
                            }
                            
                            #Container #DataList #Highlights ul li div.Info div.Box p
                            {
                                color:#FFF;
                                font-size:13px;
                            }
                
                
                #Container #DataList #Highlights ul li div.Preview
                {

                }
        
        
            #Container #DataList #AboutMe #Picture
            {
                position:relative;
                width:372px;
                height:292px;
                background:#000;
                padding-top:11px;
            }
                #Container #DataList #AboutMe #Picture #Profile
                {
                    position:relative;
                    margin:auto;
                    width:336px;
                    height:276px;
                    background:url('Images/Common/bc_img_profile.jpg');
                }
                    #Container #DataList #AboutMe #Picture #Profile div.Title
                    {
                        position:relative;
                        width:336px;
                        height:37px;
                        font-size:36px;
                        color:#000;
                        text-align:center;
                        background:#2ec6f5;
                    }
        
    #Container #Friends
    {
        position:absolute;
        top: 1180px;
        left:304px;
        width:700px;
        height:150px;
        overflow:visible;
        z-index:3;
    }
    
        #Container #Friends h3
        {
            color:#000;
            font-size:21px;
        }
        
        #Container #Friends p
        {
            position:absolute;
            bottom:0px;
            left:0px;
            color:#ee1b2e;
            font-size:10px;
        }
    
        #Container #Friends ul
        {
            list-style-type:none;
            margin-top:24px;
        }
        
            #Container #Friends ul li
            {
                width:174px;
                float:left;
                padding-bottom:2px;
            }
            
                #Container #Friends ul li a
                {
                    color:#000;
                    text-decoration:none;
                }
                #Container #Friends ul li a:hover{text-decoration:underline;}