html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body{
 font-family: MillerDisplay, Georgia, serif;
  font-style: normal;
  font-weight: normal;
margin:0;
padding:0;
background-color:#444;
font-size:100%;
}

.miller{
 font-family: MillerDisplay, Georgia, serif;
}

a:link, a:visited{
color:#0d796a;
text-decoration:none;
}

a:hover{
color:#444;
}

a:active{
color:#0d796a;
}

.em{
font-style:italic;
}

.noem{
font-style:normal;
}

sup{
text-transform:lowercase;
}

#frontpage{
text-align:left;
line-height:120%;
}

#frontpage p{
margin-bottom:10px;
}

.frontalign{
border-style:dotted;
border-width:0 0 0 1px;
border-color:#666;
padding-left:2%;
}

.frontralign, .frontlalign{
width:48%;
}

.frontralign img, .frontlalign img{
width:100%;
margin:0px;
}

.frontralign{
float:right;
padding-left:2%;
margin-left:2%;
}

frontlalign{
float:left;
padding-right:2%;
margin-right:2%;
}

.introtext{
font-size:200%;
line-height:100%;
color:#a7a9ac;
margin-bottom:20px;
}

.frontpic{
float:right;
width:25%;
margin:0 0 4px 20px;
}

.frontpic img{
width:100%;
margin:0;
}

#over_container{
width:100%;
background-color:#FFF;
text-align:center;
margin:0;
padding:0;
position:relative;
}

#adoverlay{
position:absolute;
top:0;
left:0;
display:none;
width:100%;
text-align:center;
overflow:hidden;
z-index:200;
}

#adoverlay div {
width:inherit;
max-width:1024px;
margin:0 auto;
background-size:cover;
background-position:0 0;
padding:0;
position:relative;
}

#adoverlay div img{
width:inherit;
height:auto;
margin-top:20px;
}

#adoverlay div p{
width:100%;
color:#ccc;
background-color:transparent;
text-align:center;
padding:0;
font-family:'Miller-Italic', Times New Roman, serif;
font-size:80%;
cursor:pointer;
position:absolute;
top:0px;
padding:6px;
}

#debug{
position:fixed;
right:10px;
top:10px;
background-color:#FFF;
color:#000;
}


#mag_container{
background-color:#FFF;
width:90%;
text-align:center;
margin:0 auto;
max-width:1000px;
}

#mag_featured_articles, #mag_gallery_items{
width:100%;
position:relative;
color:#FFF;
overflow:hidden;
margin:10px 0 40px 0;
}

#mag_nav_left, #mag_nav_right,  #mag_gallery_nav_left,  #mag_gallery_nav_right{
width:10%;
/*
background-color:rgba(255,255,255,0.5);
*/
background-color:transparent;
background-position:center center;
background-repeat:no-repeat;
height:100%;
cursor:pointer;
z-index:100;
position:absolute;
}

#mag_nav_left, #mag_gallery_nav_left{
top:0px;
left:0px;
background-image:url(../images/mag_nav_left.png);
}

#mag_nav_right, #mag_gallery_nav_right{
top:0px;
right:0px;
background-image:url(../images/mag_nav_right.png);
}

#mag_article, #mag_gallery{
position:absolute;
top:0;
left:0;
}

#mag_article li, #mag_gallery li{
background-position:center center;
background-repeat:no-repeat;
float:left;
position:relative;
}

 #mag_gallery li img{
 width:100%;
}

.mag_article_copy a:link, .mag_article_copy a:visited, .mag_article_copy_bottom a:link, .mag_article_copy_bottom a:visited{
color:#FFF;
text-decoration:none;
}

.mag_article_copy a:hover, .mag_article_copy_bottom a:hover{
color:#CCC;
}

.mag_article_copy a:active, .mag_article_copy_bottom a:active{
color:#FFF;
}

.mag_article_copy{
position:absolute;
top:10px;
left:10px;
text-align:left;
width:80%;
}

.mag_article_copy_bottom{

position:absolute;
bottom:10px;
left:10px;
text-align:left;
width:80%;
}

#mag_gallery li div{
position:absolute;
bottom:10px;
margin:0 25%;
text-align:center;
width:50%;
background-color:rgba(255,255,255,0.7);
color:#444;
padding:10px;
}

#mag_gallery li div.showme{
position:absolute;
bottom:10px;
margin:0 50%;
text-align:center;
width:29px;
height:29px;
background-color:transparent;
background-image:url(../images/information.png);
background-position:center center;
background-repeat:no-repeat;
padding:0px;
cursor:pointer;
}

.hideme{
color:#0d796a;
cursor:pointer;
}

.photoCount{
font-family:'Miller-Italic', Times New Roman, serif;
}

.mag_article_copy img, .mag_article_copy_bottom img{
margin:10px 0px;
}

.mag_article_copy span, .mag_article_copy_bottom span{
/*
background-color:rgba(0,0,0,0.5);
*/
color:#FFF;
}

.mag_title{
 font-family: MillerDisplay, Georgia, serif;
width:100%;
clear:both;
margin:6px auto;
text-align:center;
font-size:150%;
font-style:normal;
text-transform:none;
}

.mag_article_title{
font-family: 'Oregon Regular', arial, sans-serif;
font-size:300%;
text-transform:none;
font-weight:normal;
color:#fff;
}

.cat-title{
font-family: 'Oregon Regular', arial, sans-serif;
font-size:150%;
text-transform:none;
font-weight:normal;
width: 70%;
background-image: url(../images/catback.gif);
background-position: center center;
background-repeat: repeat-x;
text-align: center;
margin:10px auto;
color:#0d796a;
text-transform:uppercase;
}

.cat-sub-title{
font-family: 'Oregon Regular', arial, sans-serif;
font-size:130%;
text-transform:none;
font-weight:normal;
width: 100%;
text-align: center;
margin:10px auto 10px auto;
color:#666;
}

.cat-title span, .cat-sub-title span{
background-color:#FFF;
line-height:120%;
padding:4px;
}

.cat-title span.gg, .cat-sub-title span.gg{
color:#0d796a;
padding:4px 0 4px 4px;
}

.cat-title span.bb, .cat-sub-title span.bb{
color:#000;
padding:4px;
}


.newsinbrief li{

margin:0 70px 20px 30px;
line-height:1.2em;
}

.newsinbrief li.alt{
margin:0 50px 20px 50px;
line-height:1.2em;
color:#555;
}

#mag_featured_articles p{
font-size:100%;
line-height:120%;
}

.articleBlock, .articleBlock_News{
width:100%;
clear:both;
margin: 0;
text-align:center;
}

.articleBlock .column{
width:22%;
height: auto;
background-color:#FFF;
margin:10px 4% 2% 0;
float:left;
}

.articleBlock_News .column{
width:30%;
height: auto;
background-color:#FFF;
margin:10px 5% 2% 0;
float:left;
}

.column span, .altcolumn span{
color:#0d796a;
}

.altcolumn{
width:22%;
height: auto;
background-color:#FFF;
float:none; 
margin:10px auto;
padding-top:20px;
}

.articleBlock .column.last{
width:22%;
height: auto;
background-color:#FFF;
margin:10px 0 2% 0;
}

.articleBlock_News .column.last{
width:30%;
height: auto;
background-color:#FFF;
margin:10px 0 2% 0;
}


.articleBlock p, .articleBlock_News p{
font-size:90%;
line-height:120%;
}

.column img, .altcolumn img{
width:100%;
}

.column a:link, .column a:visited, .altcolumn a:link, .altcolumn a:visited{
color:#000;
text-decoration:none;
}

.column a:hover, .altcolumn a:hover{
color:#444;
}

.column a:active, .altcolumn a:active{
color:#000;
}

.column h2, .altcolumn h2{
font-family: 'Oregon Regular', arial, sans-serif;
font-weight:bold;
margin:8px 0;
color:#0d796a;
}

.column h2 span, .altcolumn h2 span{
color:#000;
}


.centenary img{
width:98%;
border-style:solid;
border-width:5px;
border-color:#0d796a;
}

/* Gallery */

#mag_top_images, #vertical_gallery{
width:100%;
margin-top:20px;
}


#vertical_gallery_left{
width:50%;
float:left;
background-color:#FFF;
background-image:url(../images/loading1.gif);
background-position:center;
background-repeat:no-repeat;
height:auto;
margin:0;
padding:0;
overflow:hidden;
position:relative;
cursor:pointer;

/*
visibility:hidden;
*/
}

#vertical_gallery_right{
width:50%;
float:right;
margin:0;
padding:0;
position:relative;
}

#vertical_gallery_right img{
width:100%;
}

#vertical_gallery_left ul{
position:absolute;
}

#vertical_gallery_left ul{
margin:0;
padding:0;
width:inherit;
}

#vertical_gallery_left li, #vertical_gallery_left li img{
width:100%;
margin:0;
padding:0;
}

#vertical_gallery_nav{
position:absolute;
bottom:10px;
left:10px;
z-index:100;
height:14px;
width:50px;
background-image:url(../images/mag_nav_up.png);
background-color:rgba(255,255,255,0.7);
background-position:center;
background-repeat:no-repeat;
padding:4px;
cursor:pointer;
}


#mag_top_images_left{
width:50%;
float:left;
/* background-color:#0b7a6a; */
background-color:#000;
background-image:url(../images/moss_bg.jpg);
background-size:cover;
color:#fff;
text-align:center;
height:auto;
margin:0;
padding:0;
visibility:hidden;
}


#mag_top_images_left_alt{
width:50%;
float:left;
/* background-color:#0b7a6a; */
background-color:#000;
background-image:url(../images/bag_bg.jpg);
background-size:cover;
color:#000;
text-align:center;
height:auto;
margin:0;
padding:0;
visibility:hidden;
}

#mag_top_images_left p{
margin-top:5%;
background-color: rgba(255,255,255,0.5);
color:#000;
display: inline-block;
padding: 4px;
}

#mag_top_images_left_alt p{
margin-top:5%;
background-color: rgba(255,255,255,0.5);
color:#fff;
display: inline-block;
padding: 4px;
}


#mag_top_images_left div{
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
border-radius: 999px;
background-color: rgba(255,255,255,0.5);
color:#000;
width: 50%;
height: 50%;
z-index: 100;
text-align: center;
margin: 25% auto 0 auto;
font-size:80%;
}

#mag_top_images_left_alt div{
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
border-radius: 999px;
background-color: rgba(255,255,255,0.5);
color:#000;
width: 50%;
height: 50%;
z-index: 100;
text-align: center;
margin: 25% auto 0 auto;
font-size:80%;
}


#mag_top_images_left div img{
padding-top:25%;
margin-bottom:6px;
}

#mag_top_images_left_alt div img{
padding-top:30%;
margin-bottom:6px;
}


#mag_top_images_right{
width:50%;
float:right;
margin:0;
padding:0;
overflow:hidden;
position:relative;
cursor:pointer;
}

#mag_top_images_right ul{
position:absolute;
}

#mag_top_images_right ul{
margin:0;
padding:0;
}

/*
#mag_top_images_right_nav{
font-family:'Miller-Italic', Times New Roman, serif;
position:absolute;
bottom:10px;
right:10px;
z-index:100;
background-color:rgba(255,255,255,0.7);
color:#000;
padding:4px;
border:1px solid #000;
cursor:pointer;
font-size:80%;
}
*/

#mag_top_images_right_nav{
position:absolute;
bottom:10px;
right:10px;
z-index:100;
height:14px;
width:50px;
background-image:url(../images/mag_nav_up.png);
background-color:rgba(255,255,255,0.7);
background-position:center;
background-repeat:no-repeat;
padding:4px;
cursor:pointer;
}


#mag_top_images_right li img{
width:100%;
margin:0;
padding:0;
}

#mag_article_container{
clear:both;
position:relative;
}

.mag_article_content{
width:80%;
margin:20px auto 0px auto;
background-color:#FFF;
padding:20px;
display:block;
text-align:left;
clear:both;
max-width:600px;
}

.wider{
width:100%;
max-width:100%;
margin:0px auto;
padding:0 20px;
}

.thin{
max-width:600px;
}

.mag_article_content h2{
margin-bottom:1em;
font-size:150%;
line-height:1.2em;
clear:both;
}

.mag_article_content h3, h3.special{
margin-bottom:1em;
font-size:130%;
clear:both;
font-weight:normal;
line-height:120%;
}


.mag_article_content h2.intext{

}

.mag_article_content strong, .strong{
font-weight:bold;
}



.mag_article_content p{
line-height:150%;
margin-bottom:1.2em;
}

.heavy{
font-weight:bold;
}

.serifem{
font-family:'Miller-Italic', Times New Roman, serif;
}


.exserifem{
font-family:'Miller-Italic', Times New Roman, serif;
color:#0d796a;

}

.h2serifem{
font-size:160% !important;
line-height:100%;
border-style:dotted;
border-width:0 0 2px 0;
border-color:#000;
padding-bottom:4px;
margin-bottom:10px;
text-transform:uppercase;
}

.halfinner{
border-style:dotted;
border-width:2px 0 0 0;
border-color:#000;
padding-top:4px;
margin-top:4px;
}

.cite{
color:#666;
font-family:'Miller-Italic', Times New Roman, serif;
font-size:140%;
padding-bottom:0px;
margin-bottom:0px !important;
}

.author{
padding:0;
margin:0;
}

.photo_fig{
font-family:'Miller-Italic', Times New Roman, serif;
text-align:left;
font-size:80%;
margin-top:4px;
padding-top:0;
line-height: 120%;
}

.front_fig{
font-family:'Miller-Italic', Times New Roman, serif;
text-align:left;
font-size:80%;
margin:0;
padding:0;
line-height: 100%;
}

.photo_fig_mid{
font-family:'Miller-Italic', Times New Roman, serif;
text-align:center;
font-size:80%;
margin:4px auto;
padding-top:0;
width:50%;
padding-top:0;
line-height: 120%;
}

.quote_right{
 font-family: MillerDisplay, Georgia, serif;
font-size:150%;
width:40%;
float:right;
margin:0 0 10px 20px;
line-height:1.3em;
text-align:left;
}

.quote_left{
 font-family: MillerDisplay, Georgia, serif;
font-size:150%;
width:40%;
float:left;
margin:0 20px 10px 0;
line-height:1.3em;
text-align:left;
}

.hang_left{
float:left;
margin:0 20px 0 -100px;
}

#mag_logo{
width:100%;
text-align:center;
margin:0 auto 20px auto;
padding-top:20px;
}

#mag_logo img{
width:auto;
}

.article_img_mid{
clear:both;
width:100%;
margin:10px auto 0 auto;
}

.clearing{
clear:both;
height:20px;
}

footer{
clear:both;
background-color:#444;
width:100%;
text-align:center;
color:#FFF;
font-size:80%;
margin:20px 0 0 0;
font-family: 'Oregon Regular', arial, sans-serif;
line-height:120%;
}

footer p{
margin-bottom:10px;
}

.creditfoot{
margin-top:10px;
width:100%;
text-align:center;
color:#fff;
font-size:100%;

}

.footbox{
clear:both;
width:90%;
margin:10px auto;
color:#ccc;
}

.footbox div{
float: left;
text-align: left;
margin: 1%;
width: 30%;
vertical-align: top;
}

.footbox a:link, .iln a:link, .footbox a:visited, .iln a:visited{
color:#fff;
}

.footbox a:hover, .iln a:hover{
color:#ccc;
}

.footbox a:active, .iln a:active{
color:#fff;
}

.footbox h3{
font-size:150%;
text-align:left;
margin-bottom:6px;
font-weight:bold;
}

.footbox_right{
float:right;
width:33%;
}

.footbox_wide{
clear:both;
float:none;
width:100%;
}

.footbox_wide div{
float:left;
margin:10px 3% 0 0;
}

.footbox_right div{
text-align:left;
margin:10px 3% 0 0;

}


.iln{
clear: both;
width: 33%;
margin: 10px 30px;
color: #ccc;
text-align:left;
}


#mag_big_pic{
position:relative;
margin-top:20px;
}

#mag_big_pic img{
width:100%;

}

#mag_big_pic div{
position:absolute;
bottom:20px;
right:20px;
color:#FFF;
width:80%;
text-align:right;
}

#mag_big_pic div h2{
font-family: 'Oregon Regular', arial, sans-serif;
font-size:300%;
text-transform:uppercase;
line-height:90%;
}

.mag_box{
background-color:#CCC;
padding:10px;
width:100%;
}


.mag_side_box{
background-color:#CCC;
padding:10px;
width:50%;
margin:0 0 10px 10px;
float:right;
}

.mag_box h2, .mag_side_box h2{
border-style:dotted;
border-width:0 0 2px 0;
border-color:#000;
}

.mag_box span, .mag_side_box span{
color:#0d796a;
}

#mag_big_pic div.alttitle{
position:absolute;
top:20px;
left:20px;
width:80%;
text-align:left;
color:#fff;
}


#mag_big_pic div.alttitleBL{
position:absolute;
bottom:20px;
left:20px;
width:60%;
text-align:left;
color:#000;
}

#mag_big_pic div.alttitleBLL{
position:absolute;
bottom:20px;
left:20px;
width:60%;
text-align:left;
color:#FFF;
}

#mag_big_pic div.alttitledk{
position:absolute;
top:20px;
left:20px;
width:90%;
text-align:left;
color:#000;
}

#mag_big_pic div.alttitledkr{
position:absolute;
bottom:20px;
right:20px;
width:90%;
text-align:right;
color:#000;
}

#mag_big_pic div.alttitlerh{
position:absolute;
top:20px;
right:20px;
width:60%;
text-align:right;
color:#000;
}

#mag_big_pic div.alttitlert{
position:absolute;
top:20px;
right:20px;
width:60%;
text-align:right;
color:#FFF;
}


#mag_big_pic div h3{
font-family: 'Oregon Regular', arial, sans-serif;
font-size:200%;
}


.top_title{
font-family: 'Oregon Regular', arial, sans-serif;
font-size:250%;
color:#000;
width:100%;
text-align:center;
margin-bottom:8px;
}

.top_title_mid{
font-family: 'Oregon Regular', arial, sans-serif;
font-size:200%;
color:#000;
width:100%;
text-align:center;
margin-bottom:8px;
}

.top_intro{
font-family: 'Oregon Regular', arial, sans-serif;
color: #000;
width: 80%;
text-align: center;
padding-bottom: 8px;
margin: 0 auto;
line-height: 120%;
}

.top_intro_mid{
font-family: 'Oregon Regular', arial, sans-serif;
color:#000;
width:100%;
text-align:center;
padding-bottom:8px;
}

.pralign, .plalign{
width:50%;
}

.plalignsml{
width:45%;
margin:0;
}

.plalignsml img{
width:100%;
}

.pralign img, .plalign img, .pmidalign img{
width:100%;
margin-top:8px;
}

.pralign{
float:right;
margin:0 0 4px 20px;
}

.plalign{
float:left;
margin:0 20px 4px 0;
}

.pmidalign{
width:100%;
clear:both;
text-align:center;
margin-bottom:0 !important;
}

#mag_draggable_pic{
width:100%;
height:600px;
overflow:hidden;
text-align:center;
vertical-align:middle;
cursor:move;
margin-top:20px;
position:relative;
display:none;
}

#rapide{
cursor:pointer;
font-family: 'Oregon Regular', arial, sans-serif;
}

.midalign{
width:100%;
text-align:center;
}

#mag_draggable_tip{
position:absolute;
top:10px;
right:10px;
color:#fff;
font-family: 'Oregon Regular', arial, sans-serif;
text-align:right;
z-index:100;
line-height:1.2em;
}

#mag_draggable_tip a:link, #mag_draggable_tip a:visited{
color:#fff;
text-decoration:underline;
}

#mag_draggable_tip a:hover{
color:#ff33ff;
text-decoration:underline;
}

#mag_draggable_tip a:visited{
color:#fff;
text-decoration:underline;
}

#mag_draggable_pic_img_container{
width:2000px;
height:1503px;
background-size:cover;
background-position:center center;
}

.figpoint{
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
border-radius: 999px;
background-color:#ff33ff;
color:#fff;
width: 20px;
height: 20px;
z-index: 100;
cursor:pointer;
position:absolute;
}


.fig{
width:250px;
color:#FFF;
text-align:left;
border-style:dotted;
border-color:#ff33ff;
border-width:2px 0 0 0;
position:absolute;
display:none;
font-family: 'Oregon Regular', arial, sans-serif;
background-color:rgba(0,0,0,0.5);
}

.fig p{
padding:4px;
}

#figpoint1{
top:656px;
left:682px;
}

#fig1{
top:665px;
left:420px;
padding:10px 30px 0 0;
}

#figpoint2{
left:676px;
top:1013px;
}

#fig2{
left: 425px;
top: 930px;
padding: 0px 10px 0 0;
border-width: 0 2px 0 0;
}

#figpoint3{
left:1000px;
top:630px;
}

#fig3{
left: 1009px;
top: 620px;
padding: 0px 0 0 10px;
border-width: 0 0 0 2px;
margin-top:30px;
}

#figpoint4{
left:1300px;
top:730px;
}

#fig4{
left: 1309px;
top: 720px;
padding: 0 0 0 10px;
border-width: 0 0 0 2px;
margin-top:30px;
}

#figpoint5{
left:1430px;
top:930px;
}

#fig5{
left: 1179px;
top: 920px;
padding: 0 10px 0 0;
border-width: 0 2px 0 0;
margin-top:30px;
}

#figpoint6{
left:450px;
top:900px;
}

#fig6{
left: 200px;
top:766px;
padding: 0 10px 0 0;
border-width: 0 0 2px 0;
margin-top:30px
}


#fullimage{
display:none;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:300;
background-color:#444;
}

#fullimage img{
width:100%;
}

#close{
width:100%;
background-color:#444;
color:#FFF;
text-align:right;
}

#drivemap{
margin-top:20px;
}

  #map_canvas { 
  margin-top:20px;
  height: 500px;   
  }

#mag_photo_story{
width:100%;
overflow:hidden;
}

#mag_photo_story ul li{
text-align:center;
border-style:dotted;
border-color:#444;
border-width:0 0 1px 0;
padding:10px 0px;

}

#mag_photo_story ul li img{
width:100%;
}

#mag_photo_story ul li p{
padding:4px 0px;
}


.mag_nav{
text-align:center;
margin:0 0 20px 0;
padding:8px;
border-style:dotted;
border-width:1px 0;
border-color:#ccc;
background-color:#eee;
position:relative;
}


.contentsMenu{
position:absolute;
width:96%;
background-color:rgba(255,255,255,0.9);
color:#000;
text-align:left;
z-index:110;
padding:2%;
display:none;
}

#top_contents .contentsMenu{
top:40px;
left:0px;
}

#bottom_contents .contentsMenu{
bottom:40px;
}

.contentsMenu ul.level1{
width:30%;
padding:0 4% 0 0;
float:left;
margin-top:5px;
}

.contentsMenu ul.last{
padding:0;
}


.contentsMenu ul.level1 li{
margin-top:5px;
}

.contentsMenu ul.level2{
}

.mag_prev{
float:left;
width:20%;
text-align:left;
}

.mag_next{
float:right;
width:20%;
text-align:right;
}

.mag_prev p, .mag_next p, .mag_nav span{
font-family:'Miller-Italic', Times New Roman, serif;
display:inline-block;
font-size:0.8em;
padding:4px;
border-style:solid;
border-width:1px;
border-color:#000;
cursor:pointer;
background-color:#FFF;
}

#onecol{
text-align:left;
width:80%;
max-width:700px;
margin:0 auto;
}

#onecol h2{
font-family: 'Oregon Regular', arial, sans-serif;
font-size:200%;
color:#000;
width:100%;
text-align:left;
margin-bottom:8px;
}

#onecol p{
line-height:150%;
margin-bottom:1.2em;
}


.photospread{
width:100%;
clear:both;
margin:10px 0;
}

.photospread img{
width:30%;
margin-right:5%;
float:left;
}


.photospread img.last{
margin-right:0;
}

.photospread .photo_fig{
clear:both;
padding-top:10px;
}

/* Reveal */
div.reveal
{
position:relative;
    width: 100%;
	margin:20px 0 10px 0;
	cursor:ew-resize;
	background-size:cover;
}

.rev1{
    background: url(../images/design_1b.jpg) no-repeat;
}

.sprev1{
    background: url(../images/design_1.jpg) no-repeat;
}

.rev2{
    background: url(../images/design_4.jpg) no-repeat;
}

.sprev2{
    background: url(../images/design_3.jpg) no-repeat;
}

.rev3{
    background: url(../images/design_6.jpg) no-repeat;
}

.sprev3{
    background: url(../images/design_5.jpg) no-repeat;
}

.rev4{
    background: url(../images/design_8.jpg) no-repeat;
}

.sprev4{
    background: url(../images/design_7.jpg) no-repeat;
}

.rev5{
    background: url(../images/design_9.jpg) no-repeat;
}

.sprev5{
    background: url(../images/design_10.jpg) no-repeat;
}

div.reveal div
{
    width: 100%;
	height:inherit;
    -webkit-transition: 0s width;
	background-size:cover;
}

div.reveal div span
{
    border-right: 2px solid #0d796a;
    display: block;
    height: 100%;
    float: right;
	width:4px;
	background-color:#0d796a;
}

.revealtitle{
position:absolute;
bottom:20px;
right:20px;
width:70%;
color:#FFF;
}

#tooltip{
position:absolute;
top:40px;
left:10%;
color:#FFF;
height:60px;
font-family:'Miller-Italic', Times New Roman, serif;
}

.qna{
text-transform:uppercase;
color:#0d796a;
text-align:center;
width:50%;
margin:5px auto;
padding-bottom:6px;
border-style:dotted;
border-width:0 0 1px 0;
border-color:#000;
}

.specs{
width:100%;
border-collapse:collapse;
margin-bottom:30px;
}

.specs td{
width:50%;
margin:0;
padding:0;
border-style:dotted;
border-width:0 0 1px 0;
border-color:#000;
vertical-align:middle;
}

.specs p{
padding:2px 8px;
}

.specs span{
color:#0d796a;
}

.details{
margin-bottom:20px;
}

.details li{
margin:0 0 10px 20px;
list-style-type:disc;
}

.modelname{
font-size:200%;
margin:0px;
color:#0d796a;
vertical-align:middle;
font-family: 'Oregon Regular', arial, sans-serif;
}

.modelname span{
color:#444;
}

.expandable{
border-width:1px 0 0 0;
border-color:#000;
border-style:dotted;
padding:10px 0 0 0;
background-position:right center;
background-repeat:no-repeat;
cursor:pointer;
margin-top:10px;
text-align:left;
}


footer .expandable{
border:none;
padding:0;
background-image:none !important;
cursor:pointer;
text-align:center !important;
}

.expandable h3.modelname{
display:inline-block;
}

.expandable img{
float:right;
}

footer .expandable img{
float:none;
}

.expandable  br, .modeltext{
clear:both;
}

.modeltext{
text-align:left;
}


.timelinetext{
border-width:1px 0 0 0;
border-color:#000;
border-style:dotted;
padding:10px 0 0 0;
}

#split_pic{
float:right;
width:50%;
padding:0;
margin:0;
}

#split_text{
float:left;
padding:5% 5% 0 5%;
margin:0;
width:40%;
}

.subtitle{
font-family: 'Oregon Regular', arial, sans-serif;
text-transform:uppercase;
line-height:120%;
}

.subtext{
width:80%;
margin:10px auto;
}

.ranger{
margin:10px 0 0 38%;
text-align:left;
width:60%;
}

.imgtitle{
width:50%;
}

.imgtitle img{
width:100%;
}

.padded{
padding:8px 0;
}

.contentsh3{
padding-bottom:16px;
}

.credits{
font-size:80%;
text-align:right;
color:#666666;
}

.contentslist li{
text-align:left;
border-style:dotted;
border-color:#444;
border-width:0 0 1px 0;
padding-bottom:22px;
margin:30px 0;
}

.llalign{
text-align:left;
}

.imgllalign{
float:left; 
width:auto !important;
margin-right:10px;
}

.imgrralign{
float:right; 
width:auto !important;
margin-left:10px;
}



a.contentspage:link, a.contentspage:visited{
color:#444;
}

a.contentspage:hover{
color:#777;
}

a.contentspage:active{
color:#444;
}

.contentslist li span, .contentsplalign span, .contentsh3 span{
color:#0d796a;
}

.intro_page{
text-align:center;
}

.intro_page h2{
font-size:200%;
line-height:100%;
margin-bottom:20px;
}


.contentbigpic{
position:relative;
}

.contentbigpiccopy{
position:absolute;
color:#FFF;
bottom:10px;
right:10px;
width:80%;
text-align:right;
}

.contentbigpiccopy h2{
font-size:200%;
}

.contentbigpiccopy h3{
font-size:120%;
}

.contentbigpic img{
width:100%;
}

.contentsplalign{
border-style:dotted;
border-color:#444;
border-width:0 1px 0 0;
}

#split_text p{
margin:20px 0;
}

#split_text img{
width:100%;
}

#split_text h2{
font-family: 'Oregon Regular', arial, sans-serif;
font-size:300%;
text-transform:uppercase;
}

#split_text h3{
margin-top:10px;
}

.guide{
text-align:center;
padding:10px;
border:dotted 1px #666;
}

.clearfix{
clear:both;
}

.clearline{
clear:both;
border-width:0 0 1px 0;
border-color:#000;
border-style:dotted;
padding-bottom:10px;
margin-bottom:10px;
}


.timeleft{
clear:both;
width:48%;
padding:0 2% 0 0;
float:left;
text-align:left;
line-height:120%;
margin:10px 0;
}

.timeright{
width:48%;
padding:0 0 0 2%;
float:right;
text-align:left;
line-height:120%;
margin:10px 0;
}

.timeleft p, .timeright p, .modeltext p{
margin-bottom:1.2em;
line-height:150%;
}

.timeleft img, .timeright img{
width:100%;
}

.timeleft img.timeimgsml, .timeright img.timeimgsml{
width:auto;
}

.timeyearbig{
display:block;
font-size:600%;
line-height:100%;
margin:0 0 6px 0;
padding:0;
}

.timeyearmid{
display:block;
font-size:400%;
line-height:100%;
margin:0 0 6px 0;
padding:0;
}


.timeyearsml{
display:block;
font-size:150%;
line-height:100%;
margin:0 0 6px 0;
padding:0;
}

.yearimg{
position:relative;
}

.big{
font-size:150%;
}

.yearimg span.timeyearrev{
position:absolute;
bottom:-5px;
right:-2px;
text-align:right;
font-size:400%;
line-height:100%;
}

.yearimg span.timeyearrevwhite{
position:absolute;
top:8px;
right:-3px;
text-align:right;
font-size:400%;
color:#FFF;
}


.thinnewsl{
width:48%; 
float:left;
margin-bottom:20px;
}


.thinnewsr{
width:48%; 
float:right;
}

.specialleft{
clear:both;
width:48%;
padding:0 2% 0 0;
float:left;
text-align:left;
}

.specialright{
width:48%;
padding:0 0 0 2%;
float:right;
text-align:center;
}


.specialleft h3, .specialright h3{
text-transform:uppercase;
color:#0d796a;
text-align:center;
width:70%;
margin:5px auto;
padding-bottom:6px;
border-style:dotted;
border-width:0 0 1px 0;
border-color:#000;
}

.specialleft div, .specialright div{
text-align:left;
width:75%;
margin:0 auto 30px 0;
line-height:120%;
}

.specialleft img, .specialright img{
width:100%;
margin-bottom:20px;
}


/* MEDIA QUERIES */

@media screen and (max-width:600px) {

#mag_logo{
width:50%;
padding-top:10px;
height:auto;
margin:0px auto 10px auto;
}

#mag_logo img{
max-width:100%;
}


#mag_big_pic div h2{
font-size:160%;
}

#mag_big_pic div h3{
font-family: 'Oregon Regular', arial, sans-serif;
font-size:100%;
}

#mag_big_pic div{
bottom:10px;
right:10px;
}

#mag_big_pic div.alttitle{
top:10px;
left:10px;
}


#mag_big_pic div.alttitleBL{
bottom:10px;
left:10px;
}

#mag_big_pic div.alttitleBLL{
bottom:10px;
left:10px;

}

#mag_big_pic div.alttitledk{
top:10px;
left:10px;
}

#mag_big_pic div.alttitledkr{
bottom:10px;
right:10px;
}

#mag_big_pic div.alttitlerh{
top:10px;
right:10px;
}


#mag_big_pic div.alttitlert{
top:10px;
right:10px;

}


#frontpage{
text-align:left;
line-height:120%;
}

#frontpage p{
margin-bottom:10px;
}

.frontalign{
border-style:dotted;
border-width:0 0 1px 0;
border-color:#666;
padding:0;
}


.frontralign, .frontlalign{
width:100%;
margin:0 auto 10px auto;
}


.frontralign img, .frontlalign img{
width:100%;
margin:0px;
}

.frontralign, .frontlalign{
float:none;
padding:0;
}

.footbox div{
width:auto;
}

.iln{
width:100%;
text-align:center;
margin:0;
}

#mag_draggable_pic{
height:400px;
}


.photoCount{
display:none;
}

.introtext{
font-size:150%;
line-height:100%;
margin-bottom:20px;
}

.frontpic{
float:right;
width:50%;
margin:0 0 4px 10px;
}

.frontpic img{
width:100%;
margin:0;
}


.subtext{
width:80%;
margin:10px auto;
}

#rapide, #mag_draggable_tip{
font-size:80%;
}


#split_pic{
float:none;
width:100%;
padding:0;
margin:0;
}

#split_text{
float:none;
width:100%;
padding:0;
margin:0;
}


#split_text p{
margin:6px 0;
}

#split_text img{
width:100%;
}

#split_text h2{
font-size:150%;
}

#split_text h3{
margin-top:10px;
}


.mag_article_content{
width:90%;
margin:10px auto 0px auto;
background-color:#FFF;
padding:5%;
display:block;
text-align:left;
clear:both;
max-width:auto;
}

.wider{
width:98%;
max-width:auto;
margin:0px auto;
padding:0;
}

.thin{
max-width:auto;
}

#onecol{
text-align:left;
width:90%;
max-width:auto;
margin:0 auto;
padding:0 5%;
}

.expand_tab{
display:none;
}

/*  Gallery  */

#mag_top_images, #vertical_gallery{
width:100%;
}


#vertical_gallery_left{
width:100%;
float:none;
background-color:#FFF;
background-image:(../images/loading1.gif);
background-position:center;
background-repeart:no-repeat;
height:auto;
margin:0;
padding:0;
visibility:hidden;
overflow:hidden;
position:relative;
cursor:pointer;
}

#vertical_gallery_right{
width:100%;
float:none;
margin:0;
padding:0;
position:relative;
}

#vertical_gallery_right img{
width:100%;
}

#vertical_gallery_left ul{
position:absolute;
}

#vertical_gallery_left ul{
margin:0;
padding:0;
width:inherit;
}

#vertical_gallery_left li, #vertical_gallery_left li img{
width:100%;
margin:0;
padding:0;
}

#vertical_gallery_nav{
position:absolute;
bottom:10px;
left:10px;
z-index:100;
height:14px;
width:50px;
background-image:url(../images/mag_nav_up.png);
background-color:rgba(255,255,255,0.7);
background-position:center;
background-repeat:no-repeat;
padding:4px;
cursor:pointer;
}


#mag_gallery_items{
width:100%;
position:relative;
color:#444;
overflow:hidden;
margin:10px 0;
}

#mag_gallery_nav_left,  #mag_gallery_nav_right{
display:none;
}


#mag_gallery{
position:relative;
}

#mag_gallery li{
background-position:center center;
background-repeat:no-repeat;
float:none;
padding-bottom:5px;
margin-bottom:5px;
}

 #mag_gallery li img{
 width:100%;
 }


#mag_gallery li div{
position:absolute;
bottom:5px;
text-align:center;
width:80%;
margin:4px auto;
background-color:rgba(255,255,255,0.7);
color:#444;
padding:10px;
}

.showme, .hideme{
display:none;
}



.articleBlock, .articleBlock_News{
width:100%;
clear:both;
margin-bottom:0px;
text-align:center;
}


.articleBlock .column, .articleBlock .column.last, .articleBlock .altcolumn, .articleBlock_News .column, .articleBlock_News .column.last, .articleBlock_News .altcolumn{
width:100%;
height: auto;
background-color:#FFF;
float:none; 
margin:0px auto;
padding-top:10px;
}

#mag_featured_articles{
display:none;
}

.thinnewsl{
width:100%; 
float:none;
}


.thinnewsr{
width:100%; 
float:none;
}

.mag_side_box{
clear:both;
background-color:#CCC;
padding:5%;
width:90%;
margin:0 0 10px 0;
float:none;
}

#mag_top_images_left, #mag_top_images_left_alt{
width:100%;
float:none;
padding-top:2%;
}


#mag_top_images_left_alt div img{

}


#mag_top_images_right{
width:100%;
float:none;
position:relative;
}

.quote_right{
font-size:110%;
width:40%;
float:right;
margin:0 0 10px 10px;
line-height:1em;
}

.quote_left{
 font-family: MillerDisplay, Georgia, serif;
font-size:110%;
width:40%;
margin:0 10px 10px 0;
line-height:1em;
}

.timeleft,.timeright, .specialleft, .specialright{
clear:both;
width:100%;
padding:0;
float:none;
}

.specialleft div, .specialright div{
text-align:left;
width:100%;
margin:0 auto 20px 0;

}


.contentsMenu{
position:absolute;
width:90%;
background-color:rgba(255,255,255,0.9);
color:#000;
text-align:left;
z-index:110;
padding:5%;
display:none;
}

#top_contents .contentsMenu{
top:30px;
left:5%;
}

#bottom_contents .contentsMenu{
bottom:30px;
left:5%;
}

.contentsMenu ul.level1{
width:100%;
padding:0;
float:none;
margin-top:4px;
}

.contentsMenu ul.level1 li{
margin-top:4px;
}

.contentsMenu ul.level2{

}

#mag_big_pic div.alttitledkr{
bottom:5px;
right:5px;
}

.imgtitle{
min-width:300px;
}

.photospread{
width:100%;
clear:both;
margin:10px 0;
}

.photospread img{
width:100%;
margin-right:0;
float:none;
}


.photospread .photo_fig{
clear:both;
padding-top:5px;
}


}

@media screen and (min-width: 601px) and (max-width: 800px){



#mag_big_pic div h2{
/* 
font-size:300%;
*/
}

#mag_big_pic div h3{
/* 
font-size:150%;
*/
}


#split_text{
padding:2% 2% 0 2%;
margin:0;
}

#split_text h2{
font-size:150%;
}

#split_text h3{
margin-top:10px;
}

.mag_article_content{
width:90%;
margin:10px auto 0px auto;
background-color:#FFF;
padding:5%;
display:block;
text-align:left;
clear:both;
max-width:auto;
}

.wider{
width:100%;
max-width:auto;
margin:0px auto;
padding:0 5%;
}

.thin{
max-width:auto;
}
}