/*
    Mecurity CSS Document
    March 2013

    Komma Mediadesign
*/


/* Elements */
*{ outline: 0; }
body{ overflow-y: scroll; margin: 0; overflow-x: hidden; color: #777777; font-size: 13px; font-family:'Aller Typo W01 Regular',Helvetica,Arial,sans-serif; line-height: 21px; }
h1,h2,h3,strong{ font-weight: normal; font-family:'Aller Typo W01 Bold',Helvetica,Arial,sans-serif; color: #1B62C9; line-height: 1.2em }
h1{ margin: 0 0 40px 0; text-transform: uppercase; }
h2{ margin: 0 0 1em 0;}
strong{ color: #666666; }
ul{ margin: 0 0 1em 20px; padding: 0; }
a{ color: #777777; text-decoration: none; }
p{ margin: 0 0 1em 0; }
img{ border: none; }
p a{ color: #1B62C9; font-family:'Aller Typo W01 Bold',Helvetica,Arial,sans-serif; text-decoration: underline; }

/* Selection */
::selection {			background:#1B62C9; color:#fff;}
::-moz-selection {		background:#1B62C9; color:#fff;}
::-webkit-selection {	background:#1B62C9; color:#fff;}

/* Global Classes */
.clear{ clear: both; }

/* Main Structure */
.main_container{ position: relative; margin: 0 auto; width: 950px; }
#main_header{ position: relative; width: 950px; height: 240px; }
#main_footer{ position: relative; padding-top: 80px; margin-top: 160px; width: 100%; height: 320px; background: #5B636D; color: #B9BEC3; }

/* Header */
#mecurity_logo{ position: absolute; top: 65px; left: 10px; }
#quick_contact{ position: absolute; top: 150px; left: 10px; }
#quick_contact span{ display: block; float: left; }
#quick_contact .arrow{ margin: 6px 10px 0 10px; width: 10px; height: 8px; background: url('../images/structure/sprite_mecurity.png') -160px -10px;}

/* Header - Navigation */
#main_nav{ position: absolute; top: 60px; right: 40px; width: 430px; height: 140px;  }
#main_nav ul{ margin:0; padding:0; width: 470px; list-style: none; }
#main_nav ul li{ position: relative; float: left; margin: 0 50px 1em 0; width: 190px; height: 1.5em; border-bottom: 1px solid #D1D1D1; text-transform: uppercase; }
#main_nav ul li.right{ margin: 0 40px 1em 0; }
#main_nav ul li.active{ font-family:'Aller Typo W01 Bold',Helvetica,Arial,sans-serif; }
#main_nav ul li.active a{ color: #1B62C9; }
#main_nav ul li .arrow{ position: absolute; top: 7px; left: -15px; width: 10px; height: 8px; background: url('../images/structure/sprite_mecurity.png') -160px -10px; }

/* Header photo */
#headerPhoto{ position: relative; width: 950px; height: 260px; background: #EFF2F2;  }
#headerPhotoBar{ position: absolute; top: 0; left: 0; z-index: 100; width: 950px; height: 10px; background: url('../images/structure/sprite_mecurity.png') 0 -130px; }
#headerPhotoShadow{ margin: 10px 0 30px 0; width: 950px; height: 10px; background: url('../images/structure/sprite_mecurity.png') 0 -150px; }
#headerPhotoMask{ position: relative; top: 0; left: 0; z-index: 1; overflow: hidden; width: 950px; height: 100%; }
#headerPhotoMask ul{  position: absolute; top: 0; left: 0; margin:0; padding:0; list-style: none; height: 100%; }
#headerPhotoMask ul li{ float: left; width: 950px; height: 100%; }

/* Header photo - Navigation */
#headerPhotoNav{ position: absolute; top:0; right: -30px; z-index: 10; width: 60px; }
#headerPhotoNav ul{ margin: 0; padding: 20px 20px 0 20px; width: 20px; background: url('../images/structure/sprite_mecurity.png') -970px -120px; list-style: none; }
#headerPhotoNav ul li{ padding: 0 0 10px 7px; width: 23px; height: 20px; background: url('../images/structure/sprite_mecurity.png') -10px -10px; color: #fff; font-size: .833333333em; font-family:'Aller Typo W01 Bold',Helvetica,Arial,sans-serif; cursor: pointer;}
#headerPhotoNav ul li.active{ background-position: -40px -10px; }
#headerPhotoNav ul li:hover{ background-position: -40px -40px; }
#headerPhotoNav .footer{ width: 60px; height: 20px; background: url('../images/structure/sprite_mecurity.png') -970px -440px; }
#page_home #headerPhoto{ height: 350px; }

/* Columns */
.columnThird{ position: relative; float: left; margin-right: 25px; width: 300px; }
.columnThird.last{ margin-right: 0; }
.columnThird.double{ width: 625px; }
.columnThird.triple{ width: 950px; }
.columnFourth{ position: relative; float: left; margin-right: 50px; width: 190px; }
.columnFourth.last{ margin-right: 0; }
.columnFourth.double{ width: 470px; }
.columnFourth.addHalf{ width: 340px; margin-right: 140px; }

/* Content */
.columnThird.content{ margin-bottom: 80px; }
.columnThird.minderMargin{ margin-bottom: 40px !important; }
.columnThird.content .clear{ margin-bottom: 40px; }
.columnFourth.content{ margin-bottom: 80px; }
.columnFourth.content .clear{ margin-bottom: 40px; }
.quote{ display: block; width: 100%; font-size: 2.2em; color: #1B62C9; line-height: 1.5em; text-align: center;}
.quote span{ font-family:'Aller Typo W01 Bold',Helvetica,Arial,sans-serif; }

/* Call to Action */
.ctaBlock{ display: block; padding: 20px; width: 260px; height: auto; background: #FFB200; color: #fff; cursor: pointer; }
.ctaBlock a{ color: #ffffff; }
.ctaTitle{ display: block; margin: 0 0 80px 0; font-size: 1.666666667em; line-height: 1.5em; }
.ctaTitleSmall{ display: block; margin: 0 0 20px 0; font-size: 1.666666667em; line-height: 1.5em; }
.ctaHeavy{ font-family:'Aller Typo W01 Bold',Helvetica,Arial,sans-serif; }
.ctaLine{ display: block; position: relative; margin: 0 0 10px 0; width: 100%; height: 1px; border-bottom: 1px solid #FFB950; background: #FFC43A; }
.ctaInfoBlock{ width: 260px; height: 110px; background: #CC8E01; }
.ctaInfoBlock ul{ list-style: none; padding: 0; margin: 15px 0 0 20px; font-size: 18px; }
.ctaInfoBlock li{ clear: both; height: 40px; }
.ctaInfoBlock .innerShadow{ width: 260px; height: 10px; background: url('../images/structure/sprite_mecurity.png') -20px -160px; }
.ctaInfoBlock .iconPhone{ width: 23px; height: 17px; background: url('../images/structure/sprite_mecurity.png') -160px -30px; }
.ctaInfoBlock .iconMail{ margin: 4px 0 0 2px; width: 20px; height: 12px; background: url('../images/structure/sprite_mecurity.png') -190px -30px; }
.ctaInfoBlock .icon{ float: left; width: 40px; height: 20px; }
.ctaInfoBlock .info{ float: left; width: 190px; height: 20px; }
.ctaInfoBlock .shadow{ position: absolute; width: 300px; height: 10px; }
.ctaBlock .arrow{ display: block; position: absolute; bottom: -20px; left: 50%; z-index: 10; margin-left: -20px; width: 40px; height: 40px;  }
.ctaBlock .arrow .up{ display: block; position: relative; width: 40px; height: 40px; background: url('../images/structure/sprite_mecurity.png') -70px -10px; }
.ctaBlock .arrow .hover{ display: block; position: absolute; top:0; left:0; z-index: 10; width: 40px; height: 40px; background: url('../images/structure/sprite_mecurity.png') -70px -60px; opacity: 0; filter: alpha(opacity=100); }
a.mail:hover{ text-decoration: underline; }
#page_home .ctaTitle{ margin: 0 0 20px 0; }

/* Button */
.btn, .btn .text, .btn .left, .btn .left .shadow, .btn .left .up, .btn .left .hover, .btn .right, .btn .right .up, .btn .right .hover, .btn .right .shadow, .btn .up, .btn .hover, .btn .arrow{ display: block; float: left;  }
.btn{ position: relative; cursor: pointer; height: 50px; }
.btn .shadow{ position: absolute; bottom: -30px; left: 0; width: 100%; height: 30px; background-image: url('../images/structure/sprite_mecurity.png'); }
.btn .left .up, .btn .left .hover, .btn .right .up, .btn .right .hover{ position: absolute; left: 0; top: 0; width: 100%; height: 50px; background-image: url('../images/structure/sprite_mecurity.png'); }
.btn .text{ position: relative; z-index: 10; margin: 15px 0 0 0; height: auto; color: #fff; font-size: 14px; font-family:'Aller Typo W01 Bold',Helvetica,Arial,sans-serif; text-transform: uppercase; }
.btn .left{ position: relative; padding: 0 0 0 30px; }
.btn .left .up{ background-position: -580px -10px; }
.btn .left .up .shadow{ background-position: -580px -60px; }
.btn .left .hover{ z-index: 5; background-position: -910px -10px; opacity: 0; filter: alpha(opacity=0);}
.btn .left .hover .shadow{ background-position: -910px -60px; }
.btn .right{ position: relative; padding: 0 10px 0 30px; width: 30px; }
.btn .right .up{ background-position: -830px -10px; }
.btn .right .up .shadow{ background-position: -830px -60px;}
.btn .right .hover{ z-index: 5; background-position: -1160px -10px; opacity: 0; filter: alpha(opacity=0); }
.btn .right .hover .shadow{ background-position: -1160px -60px; }
.btn .hover{ position: absolute; left: 0; top: 0; }
.btn .arrow{ margin: 10px 0 0 30px; width: 30px; height: 30px; background-image: url('../images/structure/sprite_mecurity.png') }
.btn .up .arrow{ background-position: -120px -10px; }
.btn .hover .arrow{ background-position: -120px -50px; }

/* Project block */
.pBlock{ position: relative; width: 300px; height: 320px; color: #fff; cursor: pointer; }
.pBlockImage{ position: relative; top: 0; left: 0; width: 300px; height: 170px; background: #E0E6E6; }
.pBlockImage img{ position: absolute; top: 0; left: 0; border: 1px solid #EFF2F2; width: 298px;}
.pBlockOverlay{ position: absolute; bottom: 0; left: 0; z-index: 10; width: 300px; height: 20px; background: url('../images/structure/sprite_mecurity.png') -270px -10px; }
.pBlockContent{ position: relative; padding: 10px 20px 20px 20px; width: 260px; height: 115px; background: #1B62C9;  }
.pBlockTitle{ display: block; margin: 0 0 1em 0; font-size: 1.333333333em; font-family:'Aller Typo W01 Bold',Helvetica,Arial,sans-serif; text-transform: uppercase; }
.pBlockTitle a{ color: #fff; }
.pBlockBar{ position: absolute; bottom: 0; left: 0; width: 300px; height: 5px; background: url('../images/structure/sprite_mecurity.png') -270px -35px; }
.pBlockArrow{ position: absolute; bottom: -20px; left: 50%; margin-left: -20px; width: 40px; height: 40px; background: url('../images/structure/sprite_mecurity.png') -70px -60px; }
.pBlockArrowActive{ position: absolute; bottom: -20px; left: 50%; z-index: 10; margin-left: -20px; width: 40px; height: 40px; background: url('../images/structure/sprite_mecurity.png') -270px -50px;
                    opacity: 0; filter: alpha(opacity=0); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg);-o-transform:rotate(90deg); -ms-transform:rotate(90deg); }

/* Sub navigation */
.submenu span{ display: block; }
.submenu ul{ float: left; margin: 0; padding: 0; list-style: none; }
.submenu li{ position: relative; z-index: 10; display: block; float: right; height: 40px; }
.submenu li a{ display: block; width: 100%; height: 100%; }
.submenu .hover{ position: absolute; left: 0; top: 0; z-index: 5; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); }
.submenu .left{ position: relative; float: left; padding: 0 40px; min-width: 100px; height: 100%;  }
.submenu .first .left{ padding: 0 40px 0 30px; }
.submenu .left .up{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #1B62C9; }
.submenu .left .hover{ background: #154E87; }
.submenu .right{ position: absolute; right: -20px; top: 0; width: 20px; height: 100%; }
.submenu .right .up{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/structure/sprite_mecurity.png') -240px -10px; }
.submenu .right .hover{ background: url('../images/structure/sprite_mecurity.png') -220px -10px; }
.submenu .text{ position: relative; z-index: 10; padding: 10px 0 0 0; color: #fff; text-transform: uppercase; font-family:'Aller Typo W01 Bold',Helvetica,Arial,sans-serif; }
.submenu .arrow{ position: absolute; z-index: 10; right: 10px; top: 16px; width: 10px; height: 8px; background: url('../images/structure/sprite_mecurity.png') -180px -10px; }
.submenu .active .left .up{ background: #154E87; }
.submenu .active .right .up{ background: url('../images/structure/sprite_mecurity.png') -220px -10px; }
.submenu .active .arrow{ -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg);-o-transform:rotate(90deg); -ms-transform:rotate(90deg); }

/* Datacell */
.dataCell{ float: left; }
.dataCell.left{ width: 100px; color: #1B62C9; font-family:'Aller Typo W01 Bold',Helvetica,Arial,sans-serif; }
.dataCell.right{ width: 220px; }

/* Home - List */
.benefits{ margin:0 0 40px 0; padding:0; width: 470px; list-style: none; }
.benefits li{ position: relative; margin: 0 40px 1em 0; width: 430px; height: 1.5em; border-bottom: 1px solid #DBF1E7; font-size: 1.25em; color: #1B62C9; }
.benefits li .number{ margin-right: 10px; color: #FFB200; }
.benefits li.active{ font-family:'Aller Typo W01 Bold',Helvetica,Arial,sans-serif; }
.benefits li .arrow{ position: absolute; top: 7px; left: -15px; width: 10px; height: 8px; }

/* Home - ImageContainer */
.imgFrame{ margin:0 0 40px 0; width: 470px; height: 290px;}
.imgFrameBar{ width: 470px; height: 10px; background: url('../images/structure/sprite_mecurity.png') -480px -120px; }
.imgFrameShadow{ margin: 10px 0 0 0; width: 470px; height: 10px; background: url('../images/structure/sprite_mecurity.png') -310px -160px; }
.imgFrameHolder{ width: 470px; height: 260px; background: #E0E6E6; }

/* Referenties */
#page_referenties h1{ margin-bottom: 30px;  }
#page_referenties h2{ margin-bottom: 40px; text-transform: uppercase; color: #666666; }
#page_referenties .dataCell.right{ width: 190px; }
.refSpace{ margin-bottom: 80px; }

/* Referenties - Navigation */
#refNav{ position: relative; top: 0; left: -10px; margin-bottom: 70px;  padding: 10px; width: 950px; height: 80px; background: url('../images/structure/sprite_mecurity.png') 0 -190px; }
#refNavMask{ position: absolute; top: 20px; left: 100px; overflow: hidden; width: 770px; height: 140px; }
#refNav ul{ position: relative; margin: 0 ; padding: 0; list-style: none; }
#refNav li{ display: block; position: relative; float: left; margin: 0 10px 0 0; width: 60px; height: 60px; background: #EFF2F2; cursor: pointer; }
#refNav li a{ display: block; width: 100%; height: 100%; }
#refNav li img{ position: absolute; top:0; left:0; }
#refNav li.active img{ position: absolute; top:-3px; left:-3px; }
 .refNavMask{ display: block; position: relative; overflow: hidden; width: 60px; height: 60px;  }
#refNav li.active .refNavMask{ display: block; position: relative; overflow: hidden; width: 54px; height: 54px; border: 3px solid #1B62C9; }

#refPrev{ display: block; position: absolute; top: 30px; left: 30px; z-index: 100;}
#refPrev .up{ display: block; position: relative; width: 40px; height: 40px; background: url('../images/structure/sprite_mecurity.png') -370px -50px;  }
#refPrev .hover{ display: block; position: absolute; z-index: 5; width: 40px; height: 40px; background: url('../images/structure/sprite_mecurity.png') -420px -50px; opacity: 0; filter: alpha(opacity=0)  }
#refPrev.disabled{ display: block; position: absolute; width: 40px; height: 40px; background: url('../images/structure/sprite_mecurity.png') -370px -50px; opacity: 0.3; filter: alpha(opacity=30) }
#refNext{ display: block; position: absolute; top: 30px; right: 30px; z-index: 100; }
#refNext .up{ display: block; position: relative; width: 40px; height: 40px; background: url('../images/structure/sprite_mecurity.png') -70px -60px;  }
#refNext .hover{ display: block; position: absolute; z-index: 5; width: 40px; height: 40px; background: url('../images/structure/sprite_mecurity.png') -70px -10px; opacity: 0; filter: alpha(opacity=0);  }
#refNext.disabled{ display: block; position: absolute; width: 40px; height: 40px; background: url('../images/structure/sprite_mecurity.png') -70px -60px; opacity: 0.3; filter: alpha(opacity=30)}

.detail{ display: none; position: absolute; bottom: -35px; left: 50%; z-index: 60; padding: 10px; height: 10px; background: #1B62C9; color: #fff; line-height: 0.5em; white-space: nowrap; opacity: 0; filter: alpha(opacity=0); }
.detail .arrow{ display: block; position: absolute; top: -10px; left: 50%; margin-left: -8px; width: 20px; height: 10px; background: url('../images/structure/sprite_mecurity.png') -470px -70px;}
.detail .label{ display: block; position: relative; z-index: 100; }

/* Referenties - Gallery */
#refGallery{ position: relative; width: 620px; height: 350px; background: #EFF2F2;  }
#refGalleryBar{ position: absolute; top: 0; left: 0; z-index: 100; width: 620px; height: 10px; background: url('../images/structure/sprite_mecurity.png') 0 -300px; }
#refGalleryMask{ position: relative; top: 0; left: 0; z-index: 1; overflow: hidden; width: 620px; height: 100%; }
#refGalleryMask ul{  position: absolute; top: 0; left: 0; margin:0; padding:0; list-style: none; height: 100%; }
#refGalleryMask ul li{ float: left; width: 620px; height: 100%; }
#refGalleryShadow{ margin: 10px 0 10px 0; width: 620px; height: 10px; background: url('../images/structure/sprite_mecurity.png') 0 -320px; }
#refGalleryNav ul{ margin: 0; padding: 0; list-style: none; }
#refGalleryNav li{ display: block; position: relative; overflow: hidden; float: left; margin: 0 10px 0 0; width: 60px; height: 60px; background: #EFF2F2; cursor: pointer; }
#refGalleryNav li.active{  width: 54px; height: 54px; border: 3px solid #1B62C9; }
#refGalleryNav li img{ position: absolute; top:0; left:0; }
#refGalleryNav li.active img{ position: absolute; top:-3px; left:-3px; }

/* Toepassingen */
.subMenuList{ width: 280px; margin: 0; paddig: 0; list-style: none; }
.subMenuList .title{ display: block; padding: 5px 0 0 30px; width: 250px; height: 24px; background: #1B62C9; border-bottom: 1px solid #ffffff; color: #fff; font-size: 13px; font-family:'Aller Typo W01 Bold',Helvetica,Arial,sans-serif; text-transform: uppercase; }
.subMenuList li{ position: relative; overflow: hidden; height: 30px; }
.subMenuList li.active{ height: auto;}
.subMenuList li.active .title{ background: #124789;}
.subMenuList ul{ margin: 0; paddig: 0; list-style: none; }
.subMenuList ul li{ display: block; padding: 5px 0 0 30px; width: 250px; height: 24px; background: #EFEFEF; border-bottom: 1px solid #ffffff; cursor: pointer; }
.subMenuList ul li.alt{ background: #FAFAFA; }
.subMenuList ul li.active{ height: 24px; font-family:'Aller Typo W01 Bold',Helvetica,Arial,sans-serif; color: #1B62C9;   }
.subMenuList ul li.active a{ color: #1B62C9; font-family:'Aller Typo W01 Bold',Helvetica,Arial,sans-serif;  }
.subMenuList li .arrow{ display: none; position: absolute; top: 12px; left: 10px; width: 10px; height: 8px; background: url('../images/structure/sprite_mecurity.png') -180px -10px; }
.subMenuList li.active .arrow{ display: block; }

/* Contact - Formulier*/
.formRow{ position: relative; margin: 0 0 10px 0;width: 470px; }
.textField{ display: block; position: relative; padding: 0 20px; width: 428px; height: 38px; background: #fff; border: 1px solid #1B62C9; color: #1B62C9;}
.textField.error{ border: 1px solid #E22330; }
label{ color:  #1B62C9; font-size: .916666667em; font-family:'Aller Typo W01 Bold',Helvetica,Arial,sans-serif; text-transform: uppercase; cursor: pointer;}
.textLabel{ display: block; position: absolute; top: 1px; left: 1px; z-index: 10; padding: 9px 19px; height: 20px; cursor: text;}
.textArea{ position: relative; padding: 10px 20px; width: 428px; height: 100px; border: 1px solid #1B62C9; color: #1B62C9; font-size: 12px; font-family:'Aller Typo W01 Regular',Helvetica,Arial,sans-serif; resize: none;}
.textArea.error{ border: 1px solid #E22330; }
.radio{ width: 10px; margin: 0 10px 0 0;}
.dhr{margin: 0 30px 0 0; }
.required{ position: absolute; top: 4px; right: 13px; }
.requiredInfo{ float: right; color: #C2C2C2; font-size: .916666667em; }
.btn input.text{display: block; width: 100%; height: 100%; }
.errorBlock{ margin: 0 0 2em 0; padding: 20px; border: #E22330 1px solid; background: #D68E9C; color: #fff;  }
.succesBlock{ margin: 0 0 2em 0; padding: 20px; border: #1B62C9 1px solid; background: #4293F4; color: #fff; }

/* Footer */
.footerShadow{ position: absolute; top:0; left: 0; width: 100%; height: 20px; background: url('../images/structure/footerBg.png') repeat-x; }
.footerIcon{ position: absolute; top:-20px;; left: 50%; z-index: 10; margin-left: -20px; width: 40px; height: 40px; cursor: pointer;}
.footerIcon .up{ position: relative; width: 40px; height: 40px; background: url('../images/structure/sprite_mecurity.png') -320px -50px; }
.footerIcon .hover{ position: absolute; left: 0; top: 0; width: 40px; height: 40px; background: url('../images/structure/sprite_mecurity.png') -270px -50px;  opacity: 0; filter: alpha(opacity=0);}
.footerTitle{ display: block; height: 18px; color: #fff; font-size: 1.083333333em; text-transform: uppercase; }
.footerLine{ margin-bottom: 30px; width: 100%; height: 1px; background: #737A82; border-bottom: 1px solid #A2A8AD; }
#main_footer .dataCell{ float: left; }
#main_footer .dataCell.left{ width:60px; color: #fff; font-size: .916666667em; font-family:'Aller Typo W01 Bold',Helvetica,Arial,sans-serif; }
#main_footer .dataCell.right{ width:130px;  }
#main_footer .dataCell.adres{ margin-bottom: 1em;  }
#main_footer .dataCell a{ color: #B9BEC3; }
#main_footer .main_container{ position: relative; height: 320px; }

.komma{ display: block; position: absolute; bottom: 80px; left: 760px; width: 240px; opacity: 0.4; filter: alpha(opacity=40); color: #ffffff;  }
.komma .logo{ float: left; margin-right: 10px; }
.komma .text{ float: left;  line-height: .9em;}
.komma_mediadesign{ font-family:'Aller Typo W01 Bold',Helvetica,Arial,sans-serif; font-weight: 400; }

/* Footer - Navigation */
#main_footer ul{ margin:0 0 1em 0; float: left; padding:0; width: 100%; list-style: none; }
#main_footer ul li{ position: relative; float: left; margin: 0 50px 0 0; width: 190px; }
#main_footer ul li a{ color: #B9BEC3;  }
#main_footer ul li.right{ margin: 0 40px 0 0; }
#main_footer ul li.active a{ color: #fff; font-family:'Aller Typo W01 Bold',Helvetica,Arial,sans-serif; }
#main_footer ul li .arrow{ display: none; }

.sitemap li { margin-bottom: 0.5em; }
.sitemap li a { border-bottom: medium none !important; text-transform: none; }
.subSitemap { margin: 0.5em 2em; }
.sitemap li.marginTop { margin-top: 2em; }

@media screen and (max-width:950px) {
    body{ width: 950px; }
    .container{ left: 0; }
}