@import url(http://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700,700italic&subset=latin&v2);

#cssdesignawardnominee {background: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/css-design-award-nominee.png); width: 164px; height: 69px; display: block; position: absolute; top: -42px; right: 5px;}

html {}

ul{margin-top: 0; padding-top:0;}

body { padding: 0px; margin:0; font-family: "PT Serif", "Times New Roman", serif; font-size:13px; background: #e9e8e4 url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/body_bg.png) top center; overflow-x:hidden;}



@font-face {
	font-family: 'GeogrotesqueSemibold';
	src: url('geogtq-sb-webfont.eot');
	src: local('☺'), url('http://www.chilifactory.dk/cms/site/themes/chilifactory/css/geogtq-sb-webfont.woff') format('woff'), url('http://www.chilifactory.dk/cms/site/themes/chilifactory/css/geogtq-sb-webfont.ttf') format('truetype'), url('http://www.chilifactory.dk/cms/site/themes/chilifactory/css/geogtq-sb-webfont.svg#webfontjVQNDf1F') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'GeogrotesqueUltraLight';
    src: url('http://www.chilifactory.dk/cms/site/themes/chilifactory/css/geogtq-ul-webfont.eot');
    src: url('http://www.chilifactory.dk/cms/site/themes/chilifactory/css/geogtq-ul-webfont.eot?#iefix') format('eot'),
         url('http://www.chilifactory.dk/cms/site/themes/chilifactory/css/geogtq-ul-webfont.woff') format('woff'),
         url('http://www.chilifactory.dk/cms/site/themes/chilifactory/css/geogtq-ul-webfont.ttf') format('truetype'),
         url('http://www.chilifactory.dk/cms/site/themes/chilifactory/css/geogtq-ul-webfont.svg#webfontVzQe5dbg') format('svg');
    font-weight: normal;
    font-style: normal;

}



/*----- Student project ---------------*/
/*.school_project {width: 252px; height:51px; background-image: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/school_project.gif); position: absolute; top:45px; right:0;}*/
.school_project {width: 100%; height:70px; background: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/school_project_2011.png) top center; position: fixed; top:0px; right:0; z-index:30; cursor: pointer;}


/*----- Globale ---------------*/

.clear {clear: both;}

hr {background-image: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/dotted.png); border:0px; height:1px; margin: 0px 0 0px 0; background-repeat: no-repeat;}

img {border: 0;}

.fileGroup {clear: both;}

.textblock { margin-top: 20px; margin-bottom: 20px; width: 900px; line-height: 1.6em;}

.file {margin-bottom: 1px;}

.file img {display: block; padding: 0; margin: 0;}

#main {}

.align-left {float: left;}

.align-right {float: right;}

.align-center {	margin: 0 auto 0 auto;}

/*----- Custom body tags ---------------*/
body#contact {background: #e9e8e4 url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/body_contact_bg.png) top center;}
/*body#historiedysten {background: #e9e8e4 url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/body_hd_bg.png) no-repeat center top;}*/

/*----- Typo ---------------*/

a {font-family: "PT Serif", serif; color: #cc7800; text-decoration: underline; font-size: 13px;}

a:hover {text-decoration: none;}

p {padding: 0; margin: 10px 0 10px 0;line-height: 1.6em;}
p.years {font-family: 'GeogrotesqueUltraLight'; font-size: 60px; text-transform: uppercase; color: #4d4835;}

p.introText {font-size:15px;}

h3 {font-family: 'GeogrotesqueSemibold'; font-size: 16px; text-decoration: none; color: #474747; text-transform: uppercase; margin:0; padding:0; font-weight: normal;}

.title {	font-weight: bold; color: #ff0000;}

.tags {	margin-bottom: 10px;}


/*----- Sideopbygning ---------------*/

#wrapper {width: 915px;	margin: 0 auto;	height: auto;}

#footer {width: 915px; height: auto; margin: auto; padding: 30px 0;}

#footer p, #footer a {line-height: 1.6em; font-size:11px;}
#footer h3 {font-size:13px;}

#content { clear: both;	margin-top: 0px; 	margin-bottom: 0px;}

/*.pageContent { background-position: left -20px; background-image: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/contentPage.png); background-repeat: no-repeat;}*/

.pageText { margin-top: 20px; margin-bottom: 20px; width: 900px; line-height: 1.6em; position: relative;}


/*----- Header ---------------*/

#header {position: relative; height: auto; width: 900px; border-bottom: 0px solid #636363;}

#header #title {	position: relative; width: 209px; height: 120px; margin:auto;}

#header #title a { display: block; width: 209px; height: 120px; margin: 42px 0 0 0; background-image: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/logoCF.png); background-repeat: no-repeat;}

#header #title a:hover { text-decoration: none; background-color: transparent;}

#header #menu {	position: relative; width: 900px; height: 49px; margin: 24px 0 0 0; padding: 21px 0 0 0; background: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/dottedCF.png) no-repeat left bottom;}


/*----- Menu ---------------*/

/*#menu a {text-decoration: none; font-size: 13px; color: #3a3a3a; font-style: normal; width: 300px; float: left; display: block;}*/
#menu a {font-family: 'GeogrotesqueSemibold'; font-size: 16px; text-decoration: none; color: #474747; text-transform: uppercase; margin:0; padding:0 0 20px 0; font-weight: normal; width: 300px; display: block; cursor:pointer;}
#menu a:hover {color: #b0aea4; text-decoration: none; cursor:pointer;}

#menuContent {z-index:4; height: 49px; position:absolute;}

#menu ul {padding: 0; margin: 0; list-style: none;}
#menu li {float: left; margin-left: 0px;}
#menu li.active a {text-decoration: none;color: #cc7800; cursor:pointer;}
#menu li.active a:hover {	text-decoration: none; color: #cc7800; cursor:pointer;}

#menuDesc {height: 49px; position: relative;z-index:1;}

#menuDescProj, #menuDescAbout, #menuDescContact {position: absolute; bottom:18px; }
#menuDescProj {left:0;}
#menuDescAbout {left:300px;}
#menuDescContact {left:600px;}


/*----- Projektvisning -------------------------*/

.projectView {width: 900px; margin-top: 20px; border-top: 0px solid #636363; padding: 20px 0 0 0;}

h1, h1.heading, h1.heading a{font-family: 'GeogrotesqueSemibold'; text-transform: uppercase; color: #4c4936; font-size: 42px; margin:0; padding:40px 0 20px 0; font-weight: normal; text-decoration: none; line-height: 41px;}

h1.heading a:hover {color: #cc7800;}

h1.light {font-family: 'GeogrotesqueUltraLight'; text-transform: uppercase; color: #4c4936; font-size: 42px; margin:0; padding:30px 0 20px 0; font-weight: normal;}

#backBtn {display: block; margin: 18px 0 18px 0; width: 161px; height:31px; background: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/backToProjectsBtn.png);}

#backBtn:hover {background-position: 0 -31px;}

.linkBtn {width: 151px; height: 31px; display: block; background: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/linkBtn.png);margin-left: 40px; text-indent: -9999px;}
.linkBtn:hover {background-position: 0 -31px;}

.left{float: left; width: 440px; position: relative;}
.right{float: right; width: 440px; position: relative;}

/*----- Projektliste -------------------------*/

a.project { margin: 4px 0 0 0; text-decoration: none;}

.projectThumb {	width: 290px; height: 200px; border: 0px solid red; float: left; margin: 0 15px 0 0;}

p.pTitle {font-family: 'GeogrotesqueSemibold'; padding: 0px 0 0 0; font-size: 16px; text-decoration: none; color: #474747; text-transform: uppercase; background: #edece9 url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/list_item_bg.jpg);}

.divider { font-size: 1.6em; line-height: 1.8em;}

.project:hover {	text-decoration: none;}
.project.active {text-decoration: none;	background-color: #cc7800; color: #000;}
a.project.active:hover {	text-decoration: none; }



/*----- Blog -------------------------*/

.postTitle {margin: 0 0 5px -3px; font-size: 40px;}
.postTitle a {padding: 0px; text-decoration: none;}
.postTitle a:hover { color: #FFF;}
.post img {display: block; margin: 0 0 0px 0; padding: 0;}
.post .date {height: 22px; width:100px; float: left; background: #4d4835; font-family: 'GeogrotesqueSemibold'; text-transform: uppercase; color: #ffffff; font-size: 13px; margin:0; padding:9px 0 0px 10px; font-weight: normal; }
.post .link {height: 23px; width:320px; float: right; background: #afaca3; padding: 8px 0 0 10px;}
.post .link a {color: #ffffff; text-decoration: none;}
.post .more {font-size: 0.8em; text-transform: uppercase; text-decoration: none; color: #009BE6;}
.post .more:hover {background-color: transparent; color: #FF0000;}

/**** Masonry CSS ****/
.secondary {width:920px; }
.post {margin: 0px 20px 20px 0;padding: 0px;
  font-size: 11px;
  float: left;
width: 440px;
}

.col1 { width: 80px; }
.col2 { width: 180px; }
.col3 { width: 280px; }
.col4 { width: 380px; }
.col5 { width: 480px; }

.col1 img { max-width: 80px; }
.col2 img { max-width: 180px; }
.col3 img { max-width: 280px; }
.col4 img { max-width: 380px; }
.col5 img { max-width: 480px; }

/*----- Slideshow - website ---------------*/
.fileGroup.website {background: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/web_laptop_bg.png) no-repeat; border: 0px solid red; position: relative; left: -134px; width: 1168px; height:702px; margin-bottom: 40px;} 
.fileGroup.website .web {left: 161px; top: 32px;}
.fileGroup.website .slideshow-nav {text-align: right; padding: 0; background-image: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/dotted.png);
	background-position: bottom left; background-repeat: no-repeat;	position: absolute; height: 65px; bottom:0; left: 134px; width: 900px;}


/*----- Slideshow --------------------*/

.slideshow-nav {text-align: right; padding: 0; background-image: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/dotted.png);
	background-position: bottom left; background-repeat: no-repeat;	position: relative; height: 65px;}

.slideshow-nav a { color: #cc7800; text-decoration: underline;}
.slideshow-nav a:hover {text-decoration: none;}

.next {width: 61px; height: 31px; display: block; background: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/nextBtn.png); position: absolute; top: 18px; right: 0;}
.next:hover {background-position: 0 -31px;}

.prev {width: 61px; height: 31px; display: block; background: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/prevBtn.png); position: absolute; top: 18px; right: 64px;}
.prev:hover {background-position: 0 -31px;}

#slideshow-count {position: absolute; top: 27px; right: 140px; color: #4C4936; font-size: 11px;}

.slideshow .file .info {width: 700px; background: transparent; position: absolute; bottom: -42px; left: 0;}
.slideshow.web .file .info {width: 700px; background: transparent; position: absolute; bottom: -142px; left: 0;}
.one-by-one .file .info {background-image: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/dotted.png);
	background-position: bottom left; background-repeat: no-repeat; padding: 15px 0; margin: 0 0 40px 0;}

.file .info .title {font-weight: bold; font-family: "PT Serif", "Times New Roman", serif; color: #4C4936; font-size: 13px;}
.file .info .caption {font-weight: normal; font-family:"PT Serif", "Times New Roman", serif; color: #4C4936; font-size: 13px;}



/*----- Hover --------------------*/
.boxgrid{ width: 290px; height: 140px; margin:0 0 10px 0; float:left; background: #000; border: solid 0px #8399AF; overflow: hidden; position: relative;}

.boxgrid img{position: absolute; top: 0; left: 0; border: 0;}


/*----- Hvor og hvornår*/
.where {position: relative; height: 34px; width: 140px;}
.whereDate {border-left:1px solid black; padding: 0 0 0 5px; position: absolute; top:0; left: 40px; height: 34px; }

/*----- TD og TABLE -----*/
table tr td {height: 30px;vertical-align: top;}
td.yearRow {width: 330px; height: 80px; background: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/year-row-bg.png) no-repeat top right;}
td.position {padding: 0 0 0 20px;}

/*----- Contact form*/
#inputName {width: 285px; height: 31px; position: absolute; left:0; top:0; background: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/inputNameBg.png);}
#inputEmail {width: 285px; height: 31px; position: absolute; right:0; top:0; background: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/inputEmailBg.png);}
#inputMessage {width: 595px; height: 109px; position: absolute; right:0; top:51px; background: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/inputMessageBg.png);}

#Name, #Email  {font-family: "PT Serif", serif; font-size:13px; color: #fff; width:189px; height:31px; background: transparent; padding:0; border:0; margin-left: 86px; padding: 0 0 0 10px; outline:0px;}
#Message  {font-family: "PT Serif", serif; font-size:13px; font-weight: bold; color: #fff; width:486px; height:83px; background: transparent; padding:0; border:0; margin-left: 86px; padding: 10px 10px 0 10px; outline:0px;}

#inputBtn {width: 151px; height: 31px; position: absolute; right:0; top:164px;}
.submit-button {width: 151px; height: 31px; border:0; background: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/sendMessageBtn.png); cursor: pointer;}

#form-ok {width: 900px; height: 600px; position: absolute; top: 50%; left: 50%; margin-top: -300px; margin-left: -450px; background: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/formOK.png);}
#formHome {width: 100%; height: 100%; display: block;}

#socialMedia a {margin: 0 5px 0 0; width: 34px; height: 34px; background:  url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/social_media_bg.png); display: inline-block; float: left;}
#socialMedia a.socialTwitter {background-position: 0px 0px;}
#socialMedia a.socialTwitter:hover {background-position: 0px -34px;}
#socialMedia a.socialFacebook {background-position: -34px 0px;}
#socialMedia a.socialFacebook:hover {background-position: -34px -34px;}
#socialMedia a.socialVimeo {background-position: -68px 0px;}
#socialMedia a.socialVimeo:hover {background-position: -68px -34px;}
#socialMedia a.socialLinkedin {background-position: -102px 0px;}
#socialMedia a.socialLinkedin:hover {background-position: -102px -34px;}
#socialMedia a.socialFlickr {background-position: -136px 0px;}
#socialMedia a.socialFlickr:hover {background-position: -136px -34px;}



/*----- About --------------------*/

div#about {width: 900px; overflow:hidden; height: 801px; position:relative; margin:0 auto; background: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/resume.png) no-repeat;}
div#about hr {background-image: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/hr_white_bg.png); border:0px; height:1px; margin: 0px 0 0px 0; background-repeat: no-repeat;}
div#about h1 {color: #ffffff; padding: 14px 0;}
div#about p {color: #ffffff; margin: 16px 0; padding:0;}
div#about p.duration {font-family: 'GeogrotesqueSemibold'; font-size: 16px; text-decoration: none; color: #ffffff; text-transform: uppercase; margin:0; padding:14px 0 12px 0; font-weight: normal;}
div#about a {outline: none;}

#box, #box2, #box3, #box4, #box5, #box6, #box7, #box8 { width:400px; height: 678px; background: #d57f0f; position: absolute; top:82px; right: -440px; padding:20px;}
#box5, #box6, #box7{background: #008f9e;}
#boxOpen, #boxOpen2, #boxOpen3, #boxOpen4, #boxOpen5, #boxOpen6, #boxOpen7,#boxOpen8 { height:50px; width: 350px; color: #fff; display: inline-block; position:absolute;}

#boxOpen{background: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/resume_btn_bg.png); top:725px; left:172px;}
#boxOpen:hover{background-position: 0 -50px;}

#boxOpen2{background: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/resume_btn_bg.png) 0 -100px; top:544px; left:172px;}
#boxOpen2:hover{background-position: 0 -150px;}

#boxOpen3{background: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/resume_btn_bg.png) 0 -200px; top:425px; left:172px;}
#boxOpen3:hover{background-position: 0 -250px;}

#boxOpen4{background: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/resume_btn_bg.png) 0 -300px; top:245px; left:172px;}
#boxOpen4:hover{background-position: 0 -350px;}

#boxOpen5{background: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/resume_btn_bg.png) 0 -400px; top:725px; left:551px;}
#boxOpen5:hover{background-position: 0 -450px;}

#boxOpen6{background: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/resume_btn_bg.png) 0 -500px; top:305px; left:551px;}
#boxOpen6:hover{background-position: 0 -550px;}

#boxOpen7{background: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/resume_btn_bg.png) 0 -600px; top:184px; left:551px;}
#boxOpen7:hover{background-position: 0 -650px;}

#boxOpen8{background: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/resume_btn_bg.png) 0 -700px; top:119px; left:172px;}
#boxOpen8:hover{background-position: 0 -750px;}

.close {width:21px; height:21px; background: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/close_btn_bg.png); display:inline-block; margin: 0 0 10px 0;}
.close:hover {background-position: 0 -21px;}

.resumeContact {position: absolute; bottom: 20px; left:20px;}
.resumeContact a {color: #fff;}
#about ol{background: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/ol_bg.png) top left repeat-y; padding: 3px 0 0px 24px; }
#about ol.edu {background: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/ol_edu_bg.png) top left repeat-y; padding: 3px 0 0px 24px;}
#about ol li {margin: 0 0 13px  0; font-family: 'GeogrotesqueSemibold'; font-size: 13px; text-decoration: none; color: #ffffff; text-transform: uppercase;  font-weight: normal;}
#about ol li span.olText{font-family: "PT Serif", serif; font-size:13px; line-height: 1.6em; color:#fff; text-transform: none; font-style: italic; padding: 0 0 0 10px;}

#map_canvas, #map_canvas2, #map_canvas3, #map_canvas4, #map_canvas5, #map_canvas6, #map_canvas7 {
  height: 190px;
  width: 400px;
}

#plane {width:88px; height: 81px; position: absolute; top:0; left:-100px; background: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/plane_bg.png);}

#listFiltering {position: relative; height:50px; width: 910px;background: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/filter_bg.png) 504px 0 no-repeat;}
#listPos {position: absolute; right: 0; top:0; }

#listFiltering ul#filters { list-style: none; margin: 0; padding: 0;}
#listFiltering ul#filters li{float: left; margin: 0 10px 0 0;}

#listFiltering ul#filters li a#filterShowall, #listFiltering ul#filters li a#filterSchool, #listFiltering ul#filters li a#filterWork, #listFiltering ul#filters li a#filterPersonal {background:url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/filter_btn_bg.png); height: 31px; display: inline-block;}

#listFiltering ul#filters li a#filterShowall {width: 45px; }
#listFiltering ul#filters li a#filterSchool {width: 78px; background-position:-45px 0;}
#listFiltering ul#filters li a#filterWork {width: 65px; background-position:-123px 0;}
#listFiltering ul#filters li a#filterPersonal {width: 95px; background-position:-188px 0;}

/*Hover*/
#listFiltering ul#filters li a#filterShowall:hover {background-position:0px -62px;}
#listFiltering ul#filters li a#filterSchool:hover {background-position:-45px -62px;}
#listFiltering ul#filters li a#filterWork:hover {background-position:-123px -62px;}
#listFiltering ul#filters li a#filterPersonal:hover {background-position:-188px -62px;}

/*Selected*/
#listFiltering ul#filters li a#filterShowall.selected {background-position:0px -31px;}
#listFiltering ul#filters li a#filterSchool.selected {background-position:-45px -31px;}
#listFiltering ul#filters li a#filterWork.selected {background-position:-123px -31px;}
#listFiltering ul#filters li a#filterPersonal.selected {background-position:-188px -31px;}



/*Isotope*/

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

/* End: Recommended Isotope styles */

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
          transition-duration: 0s;
}

.boxgrid{
	
	background:transparent url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/loading.gif) 137px 63px no-repeat;
	
}

/*----- Back to top --------------------*/

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:20px;
	right:20px;
	overflow:hidden;
	width:31px;
	height:36px;
	border:none;
	text-indent:-999px;
	background: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/to_top_btn.png) no-repeat 0px 0px;
}

#toTopHover {
	background:url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/to_top_btn.png) no-repeat -31px 0px;
	width:31px;
	height:36px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}

/*----- Mobile enheder --------*/

/*----- Main styling ------------------------------*/

#wrapper-mobile {width: 280px; height: auto; background: transparent; display: none; padding:0 20px;}

/*----- iPad [portrait + landscape] ------------------------------*/

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	
}

/*----- iPhone [portrait + landscape] ------------------------------*/

@media only screen and (max-device-width: 480px) {
	#wrapper {display: none;}
	#wrapper-mobile {display: block; margin: 0 auto;}
	
	body { padding: 0px; margin:0; font-family: "PT Serif", "Times New Roman", serif; font-size:13px; background: #000 url(/gfx/cf-m-body-bg.jpg) top center;}
	
	h2 {font-family: 'GeogrotesqueSemibold'; text-transform: uppercase; color: #ffffff; font-size: 14px; margin:0; padding:0; font-weight: normal; text-decoration: none; line-height: 14px;}
	h1 {font-family: 'GeogrotesqueSemibold'; text-transform: uppercase; color: #ffffff; font-size: 20px; margin:0; padding:0; font-weight: normal; text-decoration: none; line-height: 20px; text-align: center;}
	p {color: #8f9494; font-size: 12px; line-height: 16px; font-family: "PT Serif", "Times New Roman", serif;}
	
	.m-case {margin-top: 20px; padding: 10px 0 30px 0; position: relative; left: -20px; width: 320px;}
	.m-case h2 {text-align: center; margin: 20px 0 5px 0;}
	.m-case p.desc {font-family: 'GeogrotesqueSemibold'; text-transform: uppercase; color: #8f9494; font-size: 11px; margin:0; padding:0; font-weight: normal;text-align: center;}
	
	hr {background-image: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/m-hr.png); border:0px; height:1px; margin: 20px 0 ; background-repeat: no-repeat;}
	hr.work {background-image: url(http://www.chilifactory.dk/cms/site/themes/chilifactory/gfx/m-hr-space.png); margin: 20px 0 -10px 0;}
	.right {margin-left:20px;}
	
}

/*----- Retina graphics ------------------------------*/

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	
	body {background-size: 320px 480px;}
	hr {background-size: 280px 1px;}
	
}