*{margin:0px; padding:0px;}
body { margin:0; padding:0; color: white; font-family: Helvetica, Arial, sans-serif; background: silver url('../images/background arrogant.jpg') no-repeat fixed center; background-size:  cover; }
			
			/*mycssadd*/
.clear{ clear:both;}
a{color:#fff!important;}
.articale{max-width:960px; width:100%; margin:0px auto; height:auto;}

 .section-videos {
    width: 100% !important;
    margin: 50px 0px;
}
 .left-side {
    width: 49%;
    float: left;
    height: auto;
    margin-right: 50px;
}
 .right-side.left-side {
    width: 49%;
    float: left;
    height: auto;
    
}


header, section, footer, aside, nav, main, article, figure {
    display: block; 
}

#header { color: black; margin: 0 auto; border:solid 0 red; width: 100%; height: 108px ; max-width:960px; }

#logo { float: left; margin: 0 23px 0 0; padding-top: 9px; width: 295px; height: 100px ; }
#logo a { outline: 0 }
#logo img { padding-top: 0px; padding-left: 2px }
#main {border-top:2px solid white;}
#main h2 span a { color: white; text-decoration: none; outline: none 0 }
#main h2 span a:hover { color: white }
#main p { color: white; font: 12px/24px VarelaRound-Regular; text-align: left; margin: 0 auto; padding: 100px 0 24px; width: 960px }
#main p a { color: white; outline: none 0 }
#main p a:hover { color: #8a8989 }
#logo h2 {border-top:0 dotted grey; width:100%;color: #cff0cd; font: italic 12px/12px PTSerifCaption-Italic, Georgia, serif; background: url(../images/middle-bar22.jpg)url(../images/middle-bar22.jpg) no-repeat center top url(../images/middle-bar22.jpg); text-align: left; margin: 0; }
#navigation { color: silver; line-height: 141px; list-style-type: none; list-style-position: outside; float: right; margin: 0; padding: 0; height: 108px  }
#navigation a { color: silver; text-decoration: none; padding: 29px 13px; outline: none 0 }
#navigation a:hover { color: white; text-decoration: none; }
#navigation li { font-size: 12pt; text-align: center; float: left; height: 108px   }
@font-face{ font-family: PTSerifCaption-Italic; font-style: normal; font-weight: normal; src: url(../fonts/PT_Serif-Caption-Web-Italic.eot), local("☺"), url(../fonts/PT_Serif-Caption-Web-Italic.woff) format("woff"), url(../fonts/PT_Serif-Caption-Web-Italic.ttf) format("truetype"), url(../fonts/PT_Serif-Caption-Web-Italic.svg) format("svg"); }
@font-face{ font-family: VarelaRound-Regular; font-style: normal; font-weight: normal; src: url(../fonts/VarelaRound-Regular.eot), local("☺"), url(../fonts/VarelaRound-Regular.woff) format("woff"), url(../fonts/VarelaRound-Regular.ttf) format("truetype"), url(../fonts/VarelaRound-Regular.svg) format("svg"); }



img { border: 0}

#articles { color: white; font-weight: bold; position: relative; left: 4.79mm; margin: 7em auto; width:100%; max-width:960px;}
#articles p { color: silver; font: 14px/24px VarelaRound-Regular }
#articles p a { color: silver; outline: none 0 }
#articles p a:hover { color: silver }
#articles ul { list-style:none;margin: 0; padding: 16px 0 0 }
#articles ul li { float: left; padding-bottom: 24px; padding-left: 0; width: 450px }
#articles ul li a.more { color: silver; font-style: italic; font-size: 13px; font-family: "Times New Roman", Times, serif; text-decoration: none; float: right; outline: none 0 }
#articles ul li a.more:hover { color: #fef8ea }
#articles ul li p { font-size: 12px }
#articles ul li:first-child { padding-left: 0 

#body {width:960px;}

#contents { background: url(../images/border-dashed.gif) repeat-x left bottom; margin: 0 auto 24px; padding: 0 0 30px; width: 960px }
#contents h1 { color: #f7f7f1; font: 28px/30px VarelaRound-Regular; margin: 0 0 21px; padding-top: 21px; width: 530px }
#contents img { float: right; margin-top: 21px }
#contents p { color: #4b4a4a; font: 15px/20px VarelaRound-Regular; margin: 0; padding: 0 0 24px }
#contents p a { color: #4b4a4a; outline: 0 }
#contents p a:hover { color: #8a8989 }
#contents p em { display: block }

#journey img { margin: 21px 0 0 110px }
#journey p { text-align: justify }