@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

.header {
position: relative;
width: 100%;
background-color:#FFFFFF;
z-index:10 !important;}

#slideshow {
	position: inherit;
	width:100%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1600px;
	max-height: 787px;
z-index:-1 !important;}


#slideshow > div {
 position: inherit;
 top: 10px;

 bottom: 10px;
}

a:link {
	color: #78BFD8;
	text-decoration:none;
}

a:hover {
	color: #7C5422;
}

a:visited {
	color: #92C37F;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/


.row {
	
}

.row-centered {
    text-align:center;
}

.col-centered {
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}


.fluid {
	
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

#div1 {
}

.bottomStripes {
}

.homefooter {
}

.zeroMargin_mobile {
margin-left: 0;
}

.hide_mobile {
display: none;
}

/* Mobile Layout: 480px and below. */
 @media only screen and (min-width: 320px) { 
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	clear: none;
	float: left;
	margin-top: 10px;
}

.header {
	height: 140px;
	width: 100%;
	background-color: #FFFFFF;
	border-bottom: 6px solid #C1B32E;
	margin-top: -10px;
}



.logo {
	width: 250px;
	height: 95px;
	background-image:url(images/Burnett_Web_Logo_250.gif);
}

#nav{
	display: list-item;
	list-style: none;
	text-decoration: none;
	font-family: 'Clarendon LT W01 Light';
	text-align: center;
	margin-left: 0px;
	margin-right: -5px;
	font-size: x-small;
	margin-top: 0px;
	background-color: #FFFFFF;
}
#nav li{
	float: left;
	margin-right: 8px;
	margin-left: 5px;
	position: relative;
}
#nav a{
	display: block;
	padding: 0px;
	color: #60a9ab;
	text-decoration: none;
}
#nav a:hover{
	text-decoration: none;
	color: #ADB93E;
}
.homeimage {
	margin-top: 15px;
	height: 175px;
}
.portfolio {
}
.webpage {
}
.pagetitle {
	font-family: Clarendon LT W01 Light;
	margin-top: 10px;
	color: #581e00;
	font-size: 20px;
	text-align: center;
}

.portfolio-th {
	
}
#div1 {
}

#slideshow {
	position: inherit;
	width:300px;
	margin-left: auto;
	margin-right: auto;
z-index:-1 !important;}


#slideshow > div {
 position: inherit;
 top: 10px;
 height: 999px;
 bottom: 10px;
}

.subtitle {
	font-family: Clarendon LT W01 Light;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #7AB6D0;
	font-size: 15pt;
}

.subsubtitle {
	font-family: Clarendon LT W01 Light;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0px;
	color: #6D310C;
	font-size: 12pt;
}

.stripepage {
	position: relative;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border: 3px solid #7AB6D0;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 20px;
}


.words {
	margin-left: auto;
	margin-right: auto;
	font-family: 'Avenir LT W01_45 Book' "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	color: #000000;
	font-size: 10px;
	width: 90%;
}

.address1 a{
	font-family: Clarendon LT W01 Light;
	text-align: center;
	color: #c0b330;
	text-decoration:none;
}

.address1 {
	font-family: Clarendon LT W01 Light;
	text-align: center;
	color: #581e00;
}

.address2 {
	font-family: Clarendon LT W01 Light;
	text-align: center;
	color: #c0b330;
}

.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}
.bottomStripes {
	width: 100%;
	height: 15px;
	background-image: url(images/bkgd.jpg);
}
.homefooter {
	position: inherit;
}
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}
 }

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 480px) {

.gridContainer {
	width: 100%;
	clear: none;
	float: none;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}
.header {
	height: 165px;
	margin-top: -20px;
	background-color: #FFFFFF;
}

.logo {
	width: 300px;
	height: 114px;
	background-image: url(images/Burnett_Web_Logo_300.jpg);
	background-color: #FFFFFF;
}
#nav{
	margin-top: 120px;
	list-style: none;
	text-decoration: none;
	font-family: 'Clarendon LT W01 Light';
	text-align: center;
	margin-left: -5px;
	margin-right: -5px;
	font-size: small;
	margin-top: 0px;
	background-color: #FFFFFF;
}
#nav li{
	float: left;
	margin-right: 25px;
	margin-left: 15px;
	position: relative;
}
#nav a{
	display: block;
	padding: 0px;
	color: #60a9ab;
	text-decoration: none;
}
#nav a:hover{
	text-decoration:none;
}

#slideshow {
	position: inherit;
	width: 480px;
	height: 100px;
	margin-left:auto;
	margin-right: auto;
z-index:-1 !important;}


#slideshow > div {
 position: inherit;
 height: 999px;
 top: 10px;
 bottom: 10px;
}
.words {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Avenir LT W01_45 Book' "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	color: #000000;
	font-size: 12px;
}

/*--- DROPDOWN ---*/
#nav ul{
	background-image: url(images/20white.png); /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	color: 5b1f00 !important;
	list-style: none;
	position: absolute;
	left: -9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	font-size: small;
	text-align: left;
}
#nav ul li{
    padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
    float:none;
}
#nav ul a{
    white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
    left:0;
	margin-left: -55px;
	margin-top:0px;/* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	text-decoration: none;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    text-decoration:none;
	width: 75%;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
   background-image: url(images/20white.png);
}

.homeimage {
	width: 100%;
	height: 100%;
	margin-top: 25px;
	text-align: center;
}
.navline {
}
	
.homefooter {
	margin-top: 200px;
}
.portfolio {
}
.webpage {
}
.pagetitle {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 25 px;
}


.portfolio-th {
}

#div1 {
}
.content {
	margin-bottom: 30px;
}

.stripepage {
	width: 90%;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border: 6px solid #7AB6D0;
}
.subtitle {
	font-family: Clarendon LT W01 Light;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #7AB6D0;
	font-size: 15pt;
}
.newspaper {
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
	-moz-column-count: 1; /* Firefox */
	column-count: 1;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Avenir LT W01_45 Book' "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	color: #000000;
	font-size: 16px;
	line-height: 2em;
}

.words {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Avenir LT W01_45 Book' "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	color: #000000;
	font-size: 14px;
}
.address1 {
}

.hide_tablet {
display: none;
}

.zeroMargin_tablet {
margin-left: 0;
}

.bottomStripes {
}

.homefooter {
	margin-top: 180px;
}

.zeroMargin_desktop {
margin-left: 0;
}

.hide_desktop {
display: none;
}

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 768px) {

.gridContainer {
	margin-left: auto;
	margin-bottom: auto;
	margin-right: auto;
	margin-top: 0px;
	width: 100%;
}
.header {
	height: 125px;
	margin-top: 0px;
	background-color: #FFFFFF;
}

.logo {
	width: 300px;
	height: 114px;
	background-image: url(images/Burnett_Web_Logo_300.jpg);
	background-color: #FFFFFF;
}

.homeimage {
	width: 80%;
	margin-top: 30px;
	
}

#nav{
	display: block;
	list-style: none;
	text-decoration: none;
	font-family: 'Clarendon LT W01 Light';
	text-align: center;
	font-size: small;
	float: right;
	margin-top: -105px;
	margin-left: -50px;
	margin-right: 10px;
}
#nav li{
	float: left;
	position: relative;
}
#nav a{
	display: block;
	padding: 0px;
	color: #60a9ab;
	text-decoration: none;
}
#nav a:hover{
	text-decoration:none;
}

/*--- DROPDOWN ---*/
#nav ul{
	background-image: url(images/20white.png); /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	color: 5b1f00 !important;
	list-style: none;
	position: absolute;
	left: -9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	font-size: x-small;
	text-align: left;
}
#nav ul li{
    padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
    float:none;
}
#nav ul a{
    white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	
}
#nav li:hover ul{ /* Display the dropdown on hover */
    left:0;
	margin-left: -55px;
	margin-top:0px;/* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	text-decoration: none;

}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration: none;
	width: auto;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
   background-image: url(images/20white.png);
}

.homeimage {
	width:100%;
	height: 350px;
}
.portfolio {
}
.webpage {
}
.pagetitle {
	font-family: Clarendon LT W01 Light;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 35px;
}

.subtitle {
	font-family: Clarendon LT W01 Light;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #7AB6D0;
	font-size: 18pt;
}
#slideshow {
	width:768px;
	height: 400px;
	margin-left: auto;
	margin-right: auto;
z-index:-1 !important;}


#slideshow > div {
 position: inherit;
 top: 10px;

 bottom: 10px;
}

#div1 {
}

.content {
	margin-bottom: 30px;
}

.newspaper {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Avenir LT W01_45 Book' "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	color: #000000;
	font-size: 16px;
	line-height: 2em;
}

.words {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Avenir LT W01_45 Book' "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	color: #000000;
	font-size: 14px;
}

.address1 {
}

.zeroMargin_desktop {
margin-left: 0;
}

.hide_desktop {
display: none;
}

.homefooter {
	margin-top: 40px;
}



}


/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 999px) {

.gridContainer {
	margin-left: auto;
	margin-bottom: auto;
	margin-right: auto;
	margin-top: 0px;
	width: 100%;
}

.header {height:114px;
width: 100%;
background-color:#FFFFFF;}

.logo {
	width: 300px;
	height: 114px;
	background-image: url(images/Burnett_Web_Logo_300.jpg);
}
.homeimage {
	width: 100%;
	margin-top: 40px;
}

.homefooter {
	margin-top: 50px;
}


#nav{
	display: block;
	list-style: none;
	text-decoration: none;
	font-family: 'Clarendon LT W01 Light';
	text-align: center;
	margin-left: 30px;
	margin-right: 30px;
	float: right;
	height: auto;
	margin-top: -105px;
}
#nav li{
    float:left;
    margin-right:30px;
	margin-left:30px;
    position:relative;
}
#nav a{
	display: block;
	padding: 0px;
	color: #60a9ab;
	text-decoration: none;
}
#nav a:hover{
	text-decoration: none;
	color: #BAAD37;
}

/*--- DROPDOWN ---*/
#nav ul{
	background-image: url(images/20white.png); /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	color: 5b1f00 !important;
	list-style: none;
	position: absolute;
	left: -9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	font-size: small;
	text-align: left;
}
#nav ul li{
    padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
    float:none;
}
#nav ul a{
    white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
    left:0;
	margin-left: -55px;
	margin-top:0px;/* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	text-decoration: none;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    text-decoration:none;
	width: 75%;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
   background-image: url(images/20white.png);
}

#slideshow {
	width: 999px;
	height: 425px;
	margin-left: auto;
	margin-right: auto;
	z-index: -1 !important;
}


#slideshow > div {
 position: inherit;
 top: 10px;

 bottom: 10px;
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
.content {
	margin-bottom: 50px;
}

.stripepage {
	width: 90%;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border: 6px solid #7AB6D0;
}

.newspaper {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Avenir LT W01_45 Book' "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif ;
	color: #000000;
	font-size: 16px;
	line-height: 2em;
}

.subtitle {
	font-family: Clarendon LT W01 Light;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #7AB6D0;
	font-size: 18pt;
}
.words {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Avenir LT W01_45 Book' "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	color: #000000;
	font-size: 14px;
}

.homefooter {
	margin-top: 155px;
}



}
@media only screen and (min-width: 1259px) {

.gridContainer {
	margin-left: auto;
	margin-bottom: auto;
	margin-right: auto;
	margin-top: 0px;
	width: 100%;
}

#nav{
	display: block;
	list-style: none;
	text-decoration: none;
	font-family: 'Clarendon LT W01 Light';
	text-align: center;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: -160px;
	clear: left;
	float: right;
	font-size: large;
}
#nav li{
    float:left;
    margin-right:30px;
	margin-left:30px;
    position:relative;
}
#nav a{
	display: block;
	padding: 0px;
	color: #60a9ab;
	text-decoration: none;
}
#nav a:hover{
	text-decoration:none;
}

/*--- DROPDOWN ---*/
#nav ul{
	background-image: url(images/20white.png); /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	color: 5b1f00 !important;
	list-style: none;
	position: absolute;
	left: -9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	font-size: small;
	text-align: left;
}
#nav ul li{
    padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
    float:none;
}
#nav ul a{
    white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
    left:0;
	margin-left: -55px;
	margin-top:0px;/* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	text-decoration: none;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    text-decoration:none;
	width: 75%;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
   background-image: url(images/20white.png);
}
.header {height:174px;
width: 100%;
background-color:#FFFFFF;}

	
.logo {
	width: 457px;
	height: 174px;
	background-image:url(images/Burnett_Web_Logo.jpg);
}

#slideshow {
	width: 1100px;
	height: 525px;
	margin-left: auto;
	margin-right: auto;
	z-index: -1 !important;
}


#slideshow > div {
 
}

.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}

.content {
	margin-bottom: 50px;
}

.stripepage {
	width: 90%;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border: 6px solid #7AB6D0;
}

.newspaper {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Avenir LT W01_45 Book' "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif ;
	color: #000000;
	font-size: 16px;
	line-height: 2em;
}
.words {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Avenir LT W01_45 Book' "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	color: #000000;
	font-size: 16px;
}
.subtitle {
	font-family: Clarendon LT W01 Light;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #7AB6D0;
	font-size: 20pt;
}

.homefooter {
	margin-top: 200px;
}

}
@media only screen and (min-width: 1419px) {

.gridContainer {
	margin-left: auto;
	margin-bottom: auto;
	margin-right: auto;
	margin-top: 0px;
	width: 100%;
	clear:both;
}

.header {height:174px;
width: 100%;
background-color:#FFFFFF;}


.logo {
	width: 457px;
	height: 174px;
	background-image:url(images/Burnett_Web_Logo.jpg);
}

#nav{
	display: block;
	list-style: none;
	text-decoration: none;
	font-family: 'Clarendon LT W01 Light';
	text-align: center;
	margin-left: 40px;
	margin-right: 40px;
	float: right;
	clear: left;
	margin-top: -160px;
	font-size: large !important;
}
#nav li{
    float:left;
    margin-right:30px;
	margin-left:30px;
    position:relative;
}
#nav a{
	display: block;
	padding: 0px;
	color: #60a9ab;
	text-decoration: none;
	font-size: large;
}
#nav a:hover{
	text-decoration:none;
}

/*--- DROPDOWN ---*/
#nav ul{
	background-image: url(images/20white.png); /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	color: 5b1f00 !important;
	list-style: none;
	position: absolute;
	left: -9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	font-size: small;
	text-align: left;
}
#nav ul li{
    padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
    float:none;
}
#nav ul a{
    white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
    left:0;
	margin-left: -55px;
	margin-top:0px;/* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	text-decoration: none;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    text-decoration:none;
	width: 75%;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
   background-image: url(images/20white.png);
}





.fluidList {
	list-style: none;
	list-style-image: none;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	padding: 0;
	width: 100%;
}

#homeimages {
	border-color: #000000;
	border-width: thin;
	margin-left: auto;
	margin-right: auto;
	width: auto;
}
#imagemenu {
	width: 250px;
	height: 315px;
	border: #000;
	border-width: thin;
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
	left: auto;
	right: auto;
}

.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
.portfolio {
	font-size: 20pt;
	font-family: 'Clarendon LT W01 Light';
	text-align: center;
}

.blank page {
	width: 90%;
margin-top: 30px;
}

.content {
	margin-bottom: 50px;
}

.stripepage {
	width: 90%;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border: 6px solid #7AB6D0;
}

.newspaper {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Avenir LT W01_45 Book' "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif ;
	color: #000000;
	font-size: 16px;
	line-height: 2em;
}

.words {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Avenir LT W01_45 Book' "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	color: #000000;
	font-size: 16px;
}
.subtitle {
	font-family: Clarendon LT W01 Light;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
	color: #7AB6D0;
	font-size: 20pt;
}
.address1 a{
	font-family: Clarendon LT W01 Light;
	text-align: center;
	color: #c0b330;
	text-decoration:none;
}

.address1 {
	font-family: Clarendon LT W01 Light;
	text-align: center;
	color: #581e00;
}

.address2 {
	font-family: Clarendon LT W01 Light;
	text-align: center;
	color: #c0b330;
}


}