@charset "ISO-8859-1";


				
				
/*start desktop*/

body     {
	background-color: #CAD4BD;

}
body, tr, td {
    font-family: 'Quattrocento Sans', "Lucida Sans Unicode", Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.4em;
    font-weight: 400;
    height: 100%;
    font-variant: normal;
    margin: 0;
    -webkit-text-size-adjust: none;
}


/* HEADINGS */

H1 {
	font-family: 'Alegreya Sans SC', 'Quattrocento Sans', "Lucida Sans Unicode", Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: 700;
	line-height: 1.5em;
}
H2 {
	font-family: 'Alegreya Sans SC',  'Quattrocento Sans', "Lucida Sans Unicode", Helvetica, sans-serif;
	color: #000;
	font-size: 1.3em;
	font-weight: 700;
	line-height: 1.2em;
	letter-spacing: 0.06em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
H3 {
	color:#000;
	font-family: 'Alegreya Sans SC',  'Quattrocento Sans', "Lucida Sans Unicode", Helvetica, sans-serif;
	font-size:1em;
	line-height: 1.3em;
	font-weight: 700;
}
.rightcol .rulebox h3 {
    margin-top: -2px;
    margin-bottom: 0px;
}

H4 {
	color:#000;
	font-family: 'Alegreya Sans SC',  'Quattrocento Sans', "Lucida Sans Unicode", Helvetica, sans-serif;
	font-size:.8em;
	line-height: 1.3em;
	font-weight: 700;
}



p {
	font-size: 1em;
	line-height: 1.7em
}

li {
	list-style-type: square;
	text-indent: 0pt;
	line-height: 1.4em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
}

ul {
	line-height: 1.4em;
	margin: 20px;
	padding: 0;
}


/* NAVIGATION */


#logo {
width: 510px;
height: 76px;
background:url(../images/covers/modernmastheadsprite.png) top center;
margin-left: 120px;
position: relative;
cursor:pointer;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#logo span{
position: absolute;
top:0;
left:0;
width: 510px;
height: 76px;
background:url(../images/covers/modernmastheadsprite.png) bottom center;
float: left;
opacity: 0;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#logo span:hover{
opacity: 1;
}

nav ul li a {
	display: block;
	color: #05647E;
	text-decoration: none;
	transition: 0.75s;
	padding-top: 3px;
	padding-bottom: 2px;
}

nav ul li a:hover {
	display: block;
	color: #05647E;
	text-decoration: none;
	background-color: #F2F5ED;
	transition: 0.75s;
}
a:link {
	color: #000;
}
a:hover {
	color: #04637D;
}
a:active {
	color: #04637D;
}
a:visited {
	color: #000;
}

#nav {
	clear: both;
	height: 30px;
	width: 100%;
	float: left;
}

.nav {
	font-size: 0.8em;
	text-align: center;
	letter-spacing: 0.08em;
}


#footernav {
	height: 26px;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	clear: none;
	float: left;
	text-align: center;
	bottom: 30px;
}

nav {
	width: 750px;
	font-size: 0.8em;
	margin-bottom: -10px;
	background-color: #CAD4BD;
	letter-spacing: 0.05em;
}

nav ul {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
}

nav ul li {
    list-style: none;
    flex-grow: 1;
    text-align: center;
}


nav li .activenav  {
	background-image: -webkit-linear-gradient(270deg,rgba(242,245,237,0.00) 0%,rgba(242,245,237,0.24) 46.34%,rgba(242,245,237,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(242,245,237,0.00) 0%,rgba(242,245,237,0.24) 46.34%,rgba(242,245,237,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(242,245,237,0.00) 0%,rgba(242,245,237,0.24) 46.34%,rgba(242,245,237,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(242,245,237,0.00) 0%,rgba(242,245,237,0.24) 46.34%,rgba(242,245,237,1.00) 100%);
}
nav li .activenavfooter  {
	background-image: -webkit-linear-gradient(270deg,rgba(242,245,237,1.00) 0.14%,rgba(242,245,237,0.45) 69.45%,rgba(242,245,237,0.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(242,245,237,1.00) 0.14%,rgba(242,245,237,0.45) 69.45%,rgba(242,245,237,0.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(242,245,237,1.00) 0.14%,rgba(242,245,237,0.45) 69.45%,rgba(242,245,237,0.00) 100%);
	background-image: linear-gradient(180deg,rgba(242,245,237,1.00) 0.14%,rgba(242,245,237,0.45) 69.45%,rgba(242,245,237,0.00) 100%);
	background-color: #CAD4BD;
}

.nav a {
	text-decoration: none;
	display: block;
	line-height: 1.4em;
}
.nav a:hover {
	text-decoration: underline;
}

a.cadmium:link {
	color: #FFCC00;
	font-size:.9em;
	font-weight:bold;
}

.smallernav {
	font-size: 0.8em;
	text-decoration: none;
}
.rulerator {
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	padding-top: 8px;
	padding-bottom: 6px;
	margin-top: 2px;
	margin-bottom:1em;
	border-color: hsla(193,94%,25%,1.00);
	float: left;
	clear: both;
}


#homenav {
	clear: both;
	width: 752px;
	background-color: #CAD4BD;
	text-align: center;
}

#topnav {
	height: 26px;
	width: 674px;
	clear: both;
	float: left;
}

/* FLEXNAV FOR BIG SUBNAVS LIKE TOURS */
	
.flexnav-container {
    padding: 0 0 1 0;
    margin: 0;
    list-style: none;
    width: 602px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: left;
    border-top: thin solid black;
    border-bottom: thin solid black;
    margin-bottom: 1.2em;
}


.flex-navitem {  
  width: 20%;
display:block;
  font-size: .8em;
  text-align: left;
  	margin-bottom: -1em;
}

.flex-navitemfour {  
  width: 25%;
display:block;
  font-size: .8em;
  text-align: left;
  	margin-bottom: -1em;
}


.flex-navitemfill { 
display:block;
  font-size: .8em;
  text-align: left;
  	margin-bottom: -1em;
}



.flexnav-container a {
	display:block;
	color: #000000;
	text-decoration: none;
	transition: 0.75s;
	margin: 0;
	padding-top:.4em;
	padding-bottom:.4em;
	padding-right:1em;
	padding-left:1em;
}

.flexnav-container a:hover {
	color: #029FAA;
	text-decoration: none;
	background-color:hsla(0,0%,100%,0.6);
	transition: 0.75s;
}

.flexnav-container h2 {
padding-top:.4em;
}





.signup {
	display: flex;
margin:auto;
	  font-size: .8em;
	  line-height:1.7em;
	padding-top: .4em;
}


/* THE COMPONENTS */



#footer {
	clear: both;
	width: 751px;
	text-align: center;
	background-color: #CAD4BD;
}

.footerad {
	width: 468px;
	margin-right: 141px;
	margin-left: 141px;
}

.right {text-align:right}

.leftcol {
	width: 360px;
	float: left;
	padding-right: 5px;
	padding-top:5px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align: left;
}
.rightcol {
	float: left;
	width: 360px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-top:5px;
	text-align: left;
	clear: right;
}
#leftcol {
	width: 360px;
	float: left;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align: left;
}
#rightcol {
	float: left;
	width: 360px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	text-align: left;
	clear: right;
}
#content {
	width: 750px;
	clear: both;
	background-color: #F2F5ED;
	float: left;
}

.clear {
	clear: both;
	
}
.hidden {
	display: none;
}


#wrapper {
    width: 750px;
    margin-right: auto;
    margin-left: auto;
    height: 100%;
    padding-bottom: 20px;
    clear: both;
}

#topad {
	height: 80px;
	width: 468px;
	background-color: #F2F5ED;
	padding-top: 20px;
	padding-left: 141px;
	padding-right: 141px;
	text-align: center;
	padding-bottom: 6px;
	clear: both;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
}
#bottomad {
	height: 80px;
	width: 468px;
	padding-top: 16px;
	padding-left: 141px;
	padding-right: 141px;
	background-color: #F2F5ED;
	text-align: center;
	padding-bottom: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	clear: both;
	float: left;
}
#bigad {
	text-align: right;
	height: 250px;
	width: 300px;
}
#bigadindex {
	text-align: right;
	height: 252px;
	width: 302px;
	float: left;
	margin-bottom: 20px;
}

#fineprint {
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
    margin-bottom: 36px;
    clear: both;
    width: 600px;
}


.instagrambox {
	background-color: #FFFFFF;
	padding-bottom: 2px;
	margin-bottom: 20px;
	width: 337px;
	text-align: center;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	border-radius: 4px;
}
.sectionheader {
	font-size: 2em;
	border-bottom-style: solid;
	border-bottom-width: thin;
	text-align: center;
	clear: both;
	letter-spacing: 0.06em;
	font-variant: small-caps;
	display: block;
	padding-left: auto;
	width: 730px;
	margin-top: 30px;
	margin-bottom: 30px;
	font-weight: 700;
	height: 0.35em;
	margin-left: 10px;
}

.sectionheader:before {
	content: "";
	display: block;
	border-top: solid 1px black;
	height: 1px;
	position: absolute;
	z-index: 1;
}

.sectionheader span {
	background-color: #F2F5ED;
	padding: 0 10px;
	position: relative;
	z-index: 5;
}

#main img {
    border: 1px outset #000;
    display: block;
    clear: both;
}

#photos {
	width: 602px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position: relative;
	float: none;
	line-height: 1.5em;
}
#photos {
}

#photos img {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    border: 1px outset #000;
    clear: both;
    display: block;
}


#tourphotos {
	width: 602px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	position: relative;
	float: none;
	line-height: 1.5em;
}

#tourphotos img {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	border: 1px solid #000;
	clear: both;
	display: block;
}

#tourphotos img {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #000;
	clear: both;
	display: inherit;
	display: block;
}

img .noborder  {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.aiacover {
	float: right;
	margin-right: 20px;
}
#photos .nav img  {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.tenleftmargin img   {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#photos .halfpagephoto {
    font-size: 0.8em;
    font-style: italic;
    font-weight: 400;
    color: #666;
    background-color: #FFF;
    border-top: thin solid #797979;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #BAC5AE;
    border-bottom-color: #BAC5AE;
    border-left-color: #BAC5AE;
    float: right;
    padding-left: 10px;
    padding-bottom: 10px;
    width: 280px;
    margin-left: 10px;
    margin-bottom: 1em;
    /* [disabled]margin-right: 1em; */
    padding-right: 10px;
    line-height: 1.2em;
    padding-top: 10px;
    margin-top: 0px;
}
.gallerycolleft {
    width: 289px;
    padding-right: 10px;
    float: left;
}

.gallerycolright {
    float: left;
    width: 289px;
    padding-left: 10px;
}

#photos .gallerycolleft img {
    margin-top: -4px;
}
#photos .gallerycolright img {
    margin-top: -4px;
}
#photos h2 {
	text-align: left;
	margin: 0px;
}
#photos h3 {
	text-align: left;
	margin-top: 8px;
}

.floatleft {
	float: left;
	margin-right: 20px;
}
#marketplacevendors  {
	line-height: 1.2em;
	margin-bottom: 10px;
	font-size: 0.8em;
}
#main {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	background-color: #F2F5ED;
	padding-top: 14px;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	text-align: center;
	width: 750px;
	overflow-x: visible;
}
#main .noborder {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.red {
	font-weight: 700;
	color: #04637D;
}

.new {
	font-weight: 700;
	color: #04637D;
}

.rulebox {
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 8px;
	width: 340px;
	border: thin solid #000000;
	background-color: #E8F0E3;
	clear: both;
	margin-bottom: 20px;
}
.margins {
	padding: 10px;
}
.twentybelow {
	margin-bottom: 20px;
}
.articlemargins {
	padding-right: 10px;
	padding-left: 10px;
}
.burnt {
	color: #66281A;
}
.churchnav {
	font-size: .8em;
	font-weight: bold;
}
.aiadescrip {
	float: left;
	width: 280px;
	margin-bottom: 30px;
	margin-top: 16px;
	display: block;
}
.row {
	clear: both;
	overflow: visible;
	display: block;
	width: 602px;
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: auto;
	padding-bottom: 30px;
}
.twocolumnrow {
	clear: right;
	width: 600px;
	overflow: hidden;
}
.fivecentered {
	width: 500px;
	margin-left: 50px;
}
.credit {
	font-size: 0.8em;
	font-style: italic;
	clear: both;
}
.rightcredit {
	width: 100%;
	font-size: 0.8em;
	font-style: italic;
	text-align: right;
	display: block;
	margin-top: -16px;
	clear: both;
	float: left;
}
.photocredit {font-size: 10px}
.tournav {
	font-size: 0.8em;
	font-weight: bold;
	line-height: 1.6em;
	/* [disabled]background-color: #BAC6AF; */
	padding: 6px;
	float: left;
	width: 100%;
	margin-right: 6px;
	border: 1px solid #666666;
	margin-bottom: 16px;
}
.navheader {
	color: #000000;
	font-weight: bold;
}

#beadlehead {
	background-color: #B6C7AF;
	text-align: center;
}
#beadlefoot {
	background-color: #B1C8AF;
}
#tourleftcontent img {
	border: 1px solid #000;
}
#perrynav {
	background-image: url(../beadlearchive/paradisegardens/images/perrybird.gif);
	background-color: #F2F5ED;
	width: 600px;
	padding-top: 50px;
	padding-left: 0px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
.perrynav {
	background-image: url(../beadlearchive/paradisegardens/images/graphics/perrybird1200.gif);
	background-size:cover;
	width: 600px;
	padding-top: 50px;
	padding-left: 0px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#navbox500 #rightcolnav {
	float: left;
	width: 230px;
	margin-top: 10px;
}
#navbox500 {
	width: 465px;
	background-image: url(../hometour/2010/images/perryreturn.gif);
	background-repeat: no-repeat;
	padding-top: 50px;
	padding-left: 35px;
	clear: both;
	padding-bottom: 14px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000;
	float: none;
	overflow: auto;
}

#navbox500 #leftcolnav {
	width: 230px;
	float: left;
	margin-top: 10px;
}
.fivehundy {
	text-align: left;
	vertical-align: top;
	width: 502px;
	height: auto;
	position: relative;
	margin-left: 50px;
}
.captionbox {
    width: 580px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #000;
    border-right-color: #000;
    border-bottom-color: #000;
    border-left-color: #000;
    margin-top: -24px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 24px;
    position: relative;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    background-color: #FFF;
    color: #333;
    font-size: .8em;
    line-height: 1.4em;
}
.captionboxvertical {
    width: 430px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #000;
    border-right-color: #000;
    border-bottom-color: #000;
    border-left-color: #000;
    position: relative;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    background-color: #FFF;
    color: #333;
    font-size: 0.9em;
    margin-top: -2em;
}
.captionhalfpage {
	width: 260px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	margin: 0px;
	position: relative;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	background-color: #FFF;
	color: #333;
	font-size: .9em;
}
.captionboxfive {
    width: 480px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #000;
    border-right-color: #000;
    border-bottom-color: #000;
    border-left-color: #000;
    margin-top: -2em;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 16px;
    position: relative;
    padding-top: 6px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    background-color: #FFF;
    color: #333;
    font-size: .8em;
    line-height: 1.4em;
}
.rightcaption {
	font-size: 0.8em;
	font-style: italic;
	text-align: right;
	display: block;
	clear: both;
	width: 100%;
	margin-bottom: 16px;
}
.footercredit {
	font-size: 0.8em;
	font-style: italic;
	text-align: right;
	display: block;
	clear: both;
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
}
.halfrightcaption {
	width: 270px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	margin-top: -32px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 16px;
	position: relative;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	background-color: #FFF;
	color: #333;
	font-size: .8em;
	line-height: 1.4em;
}
.photographers {
	font-size: 9px;
	font-weight: bold;
	line-height: 14px;
	background-color: #BAC6AF;
	border: 1px solid #666666;
	padding: 0px;
	margin-left: 12px;
	float: none;
}
.floatright   {
	float: right;
	clear: right;
	text-align: left;
	display: inline;
	margin-bottom: 0.5em;
	margin-left: 20px;
	margin-top: -1em;
}
.clearboth {
	clear: both;
}
.centertext {
	text-align: center;
}
.centerme {
	margin-right: auto;
	margin-left: auto;
}
.fivehundred {
	width: 502px;
	margin-left: 75px;
}
.tenleftmargin {
	margin-left: 10px;
	float: right;
	clear: none;
}
.halfpagequote {
    padding: 10px;
    float: right;
    width: 280px;
    margin-left: 10px;
    position: relative;
    margin-right: 10px;
    font-style: italic;
    line-height: 1.4em;
    font-weight: 600;
    color: #000;
    font-size: 1em;
    border: thin solid #000000;
    background-color: #FFF;
}
#sticky {
	background-color: #F09;
	height: 100px;
	width: 700px;
	position: fixed;
	z-index: 100;
}

.orangesign  {
	padding: 6px;
	border: 4px double #000;
	background-color: #F7941E;
	color: #FFF;
	display: block;
	-webkit-transform: skew(-10deg);
	-moz-transform: skew(-10deg);
	-o-transform: skew(-10deg);
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 1em;
	position: relative;
	left: -3px;
}
.tenrightmargin {
	padding-right: 14px;
}
.bodycopyblock {
	width: 600px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1em;
	margin-bottom: 1em;
	line-height: 1.7em;
}
.socials {
	float: left;
	width: 40px;
	padding-left: 10px;
	padding-bottom: 20px;
	clear: right;
}
 .instabox {
	width: 302px;
	float: left;
}

#chronolist tbody td {
	padding-bottom: 8px;
}
iframe {
	border: 1px solid rgba(0,0,0,1.00);
}
.singlespaced {
	line-height: 1.25em;
}
.teaser {
	float: left;
	width: 260px;
	line-height: 1.3em;
}
.fineprint {
    font-size: 0.8em;
}
.notopmargin {
	margin-top: 0px;
}

#thumbpanel {
	width: 726px;
	margin-left:22px;
	text-align: left;
	position: relative;
	float: none;
	line-height: 1.5em;
	
}

#thumbpanel h3 {
	margin-top:4px;
	letter-spacing:.05em;
}

.bigthumb {
	height: 250px;
	width: 340px;
	z-index: 90;
	position: relative;
	margin-bottom: 30px;
	float:left;
	margin-right:23px;
	margin-top:30px;
	background-color: cadetblue;
}

.banner {
	width: 105px;
	height: 108px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	right: -1px;
	top:1px;
}

.blueribbon {
	color: #333;
	text-align: center;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	position: relative;
	padding-top: 4px;
	padding-right: 0;
	padding-left: 5px;
	padding-bottom: 4px;
	left: -5px;
	top: 15px;
	width: 150px;
	background-color: #990000;
	color: #E0E5DA;
	letter-spacing: 0.2em;
	font-size: 14px;
	font-weight: 700;
	background: #00c2d3; /* Old browsers */
	background: -moz-linear-gradient(top, #00c2d3 0%, #009ec3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #00c2d3 0%,#009ec3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #00c2d3 0%,#009ec3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c2d3', endColorstr='#009ec3',GradientType=0 );
	-webkit-box-shadow: 1px 1px 8px hsla(234,29%,19%,0.18);
	box-shadow: 1px 1px 8px hsla(234,29%,19%,0.18);
}

.blueribbon:before, .blueribbon:after {
	content: "";
	border-top: 3px solid transparent;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	position: absolute;
	bottom: -3px;
}

.blueribbon:before {
  left: 0;
}
.blueribbon:after {
  right: 0;
}

/*end desktop*/

@media screen and (max-width:600px){
	
	#content {font-size:1.4em;}
	#footer {font-size:.8em;}
	#photos {font-size:1.4em;}
	.flexnav-container {font-size:.8em;}
	
	/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px)
	
	wrapper {width: 100%;}
		
	
/*end mobile*/