body{
    margin: 0;
    padding: 0;
    font-family: Helvetica, Arial, sans-serif;

}

#profile-area{
    width: 990px;
    margin: 0 auto;
    height: 40px;
}

#logo{
    margin: 8px;
    float: left;
}


.profile-area-menu{
    float: left;
    border-left: 1px lightgrey solid;
    height: 100%;
}

a.profile-area-menu{
    text-decoration: none;
    color: black;
}

.profile-area-menu-image{
    float: left;
    margin: 9px 0px 9px 13px;
    width: auto;
}

#profile-area-menu-image-more{
    margin: 18px 6px 0px 75px;
}

#profile-area-menu-image-search{
    float: left;
    margin: 7px 0px 0px 0px;
    height: 25px;
}

.profile-area-menu-text{
    float: left;
    font-weight: bold;
    font-size: 80%;
    padding: 0px 11px;
    position: relative;
    top: 13px;
}

#profile-area-menu-signin{

    padding-right: 40px;
}

#profile-area-menu-search{
    float: left;
    margin-top: 7px;
    margin-left: 10px;
    height: 25px;
    background-color: #E4E4E4;
    border: none;
    color: gray;
    font-weight: bold;
    font-size: 85%;
}

a#profile-area-menu-signin:hover{
    border-bottom: thick #1087BA solid;
}

a#profile-area-menu-news:hover{
    border-bottom: thick #791010 solid;
}

a#profile-area-menu-sport:hover{
    border-bottom: thick #FFEE11 solid;
}

a#profile-area-menu-weather:hover{
    border-bottom: thick #88CCEE solid;
}


a#profile-area-menu-shop:hover{
    border-bottom: thick deepskyblue solid;
}


a#profile-area-menu-earth:hover{
    border-bottom: thick #262626 solid;
}


a#profile-area-menu-travel:hover{
    border-bottom: thick #262626 solid;
}


a#profile-area-menu-more:hover{
    border-bottom: thick #262626 solid;
}

#news-header-wrapper{
    background-color: #BB1919;
}

.news-header{
    width: 980px;
    margin: 0 auto;
    height: 50px;
    background-color: #BB1919;
    color: white;
    font-size: 160%;
    padding-top: 8px;
    text-decoration: none;
}

#top-nav-area-wrapper{
    background-color: #A91717;
    height: 35px;
}

#top-nav-area{
    width: 1000px;
    margin: 0 auto;
    height: 30px;
    background-color: #A91717;
}

.top-nav-menu{
    float: left;
    height: 100%;
}

.top-nav-menu-text{
    float: left;
    font-size: 90%;
    padding: 0px 10px;
    position: relative;
    top: 10px;
    border-right: 1px #BB4545 solid;
}

a.top-nav-menu{
    text-decoration: none;
    color: white;
}

a.top-nav-menu:hover{
    border-bottom: thick white solid;
}

.no_right_border{
    border-right: none;
}

#top-nav-menu-image-down-arrow{
    margin-top: 15px;
}

#main-area{
    clear: both;
    width: 980px;
    background-color: white;
    margin: 0 auto;
    height: 100%;
}

#page-header{
    font-size: 125%;
    border-bottom: 3px #BB1919 solid;
    position: relative;
    top: 10px;
}

#main-article{
    float: left;
    margin-top: 15px;
    width: 648px;
    height: 330px;
    padding-bottom: 20px;
    border-bottom: 1px lightgrey solid;
}

#main-article-headline{
    font-size: 30px;
    font-weight: bold;
}

#main-article-image{
    float: left;
    padding-left: 20px;
    position: relative;
    top: -10px;
}

a.tech-links{
    color: rgb(104, 104, 104);
    text-decoration: none;
}

a.tech-links:hover{
    color: #1167A8;
}

.article-sum{
    float: left;
    width: 230px;
    font-size: 88%;
    color: rgb(104, 104, 104);
    position: relative;
    top: -10px;               
}

.reset-float{
    clear: both;
}

.lapsed-time{
    float: left;
    width: 95px;
    border-right: 1px lightgrey solid;
    position: relative;
    top: -175px;
}

.technology{
    float: left;
    font-size: 80%;
    width: 72px;
    position: relative;
    top: -175px;
    margin: 1px 0px 0px 6px;
}

a.technology-link{
    color: rgb(166, 27, 27);
    text-decoration: none;
}

a.technology-link:hover{
    color: #1167A8;
}

#horizonal-line{
    float: left;
    position: relative;
    top: -175;
    margin-top: 5px;
}

#related-article{            
    float: left;
    width: 250px;
    font-size: 90%;
    color: rgb(104, 104, 104);
    position: relative;
    top: -165px; 
}

.video-article{
    float: left;
    width: 250px;
    position: relative;
    top: -155;
    font-size: 90%;
    color: orange;
    margin-bottom: 7px;
}

.video-article-text{
    position: relative;
    top: -2px;
}

a.video-article-link{
    color: black;
    text-decoration: none;
}

a.video-article-link:hover{
    color: #1167A8;
}


a.video-article-link-right{
    color: black;
    font-weight: bold;
    text-decoration: none;
}

a.video-article-link-right:hover{
    color: #1167A8;
}

.section-seperator{
    margin: 15px 0px;
}

#right-container{
    float: right;
    width: 315px;
    height: 730;
    margin-top: 40px;
    border-left: 1px lightgrey solid;
}
#watch-listen{
    float: right;
    width: 300px;
    font-size: 150%;
    margin-bottom: 17px;
}

.right_text{
    float: right;
    width: 180px;
    margin: 0px 0px 0px 20px;          
}

.right_video{
    float: right;
    width: 100px;
    margin: 0px 0px 0px 0px;
}

#technology-right{
    float: right;
    font-size: 80%;
    width: 70px;
    position: relative;
    top: -20px;
    margin: 1px 0px 0px 3px;
    padding-left: 10px;
    border-left: 1px lightgrey solid;
}

#lapsed-time-right{
    float: right;
    width: 98px;
    position: relative;
    top: -20px;
    padding-right: 5px;
}

#bottom-section-heading{
    font-size: 150%;
    margin: 15px 0px 0px 15px;
}

#bottom-section-body{

}

.bottom-section-icon{
    width: 25px;
    float: left;
    margin: 15px 0px 0px 15px;
}

.bottom-section-text{
    font-size: 90%;
    width: 250px;
    float: left;
    margin: 15px 0px 0px 15px;
}

a.email-links{
    color: black;
    font-weight: bold;
    text-decoration: none;
}

a.email-links:hover{
    color: #1167A8;
}

#section-2-container{
    float: left;
    margin: 15px 15px 0px 0px;
    width: 648px;
    height: 405px;
    border-bottom: 1px lightgrey solid;
}

#section-2-part-1{
    float: left;
    width: 235px;
    height: 390px;
    border-right: 1px lightgrey solid;
}

#section-2-part-2{
    float: left;
    width: 245px;
    height: 390px;
    border-right: 1px lightgrey solid;
}

.section-2-part-3{
    float: left;
    width: 145px;
    border-bottom: 1px lightgrey solid;
    margin-left: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.section-2-part-3-wo-border{
    float: left;
    width: 145px;
    margin-left: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

#section-2-article-headline{
    float: left;
    font-size: 30px;
    font-weight: bold;
}

.section-2-part-3-article-headline{

}

.section-2-article-image{
    float: left;
    padding-left: 15px;
    position: relative;

}

a.section-2-links{
    text-decoration: none;
    color: black;
    font-weight: bold;
    font-size: 115%;
}

a.section-2-links:hover{
    color: #1167A8;
}

.section-2-part-3-lapsed-time{
    float: left;
    width: 105px;
    border-right: 1px lightgrey solid;
    margin-top: 10px;
    position: relative;
    left: -3px;
}

.section-2-part-3-technology{
    float: left;
    font-size: 80%;
    width: 72px;
    margin-top: 3px;
}    

.section-2-part-1-and-2-article-headline{
    float: left;
    font-weight: bold;
    margin-top: 15px;
    font-size: 120%;
}

.section-2-part-1-and-2-technology{
    float: left;
    font-size: 80%;
    width: 72px;
    margin: 12px 0px 0px 5px;

}  

.section-2-part-1-and-2-article-body{
    font-size: 92%;
    margin-top: 15px;
    color: #979D9D;
}

.section-2-part-1-and-2-horizonal-line{
    float: left;
    margin-top: 10px;
}

.section-2-part-1-and-2-related-article{            
    float: left;
    width: 250px;
    font-size: 90%;
    color: rgb(104, 104, 104);
    margin-top: 10px;
}

.add-margin-15{
    margin-left: 15px !important;
}


.width-90-prcnt{
    width: 90%;
}