/* BASE TYPOGRPHY */

body { font-family:'Raleway',sans-serif; font-size:10px; line-height:1.47; margin-bottom:20px; color:rgb(39,48,63); }

body a { text-decoration:none; } /* this removes the underline from all links */

body a:link { -webkit-tap-highlight-color:rgb(114,191,86) } /* this sets the highlight color when links are tapped on Safari (browser) on iPhone */

/* HEADERS */
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 { font-family:'Raleway', sans-serif; font-weight:700; margin-bottom:10px; color:#444; }

.HomePage .typography h1 { font-size:3.2rem; text-transform:uppercase; color:rgb(39,48,63); margin:0 0 25px 0; border-bottom:1px solid #e5e5e5; padding-bottom:5px; }

.interior .typography h1 { font-size:6rem; line-height:0.8; text-transform:uppercase; color:rgba(39,48,63,0.1); margin-bottom:15px; }

.typography p + h2 { margin-top:35px; }

.typography h2 { font-size:2.1rem; line-height:0.8; margin-bottom:8px; font-weight:300; color:rgb(114,191,86); text-transform:uppercase; }

.typography h3 { font-size:1.9rem; margin-bottom:10px; }

.typography h4 { font-size:1.7rem; margin-bottom:5px; }

.typography h5 { font-size:1.5rem; margin-bottom:5px; }

.typography h6 { font-size:1.3rem; font-weight:bold; margin-bottom:5px; }

/* PARAGRAGHS */
.typography p,
.typography ul,
.typography ol { font-size:1.3rem; margin:0 0 20px; }

.typography .intro { font-family:'Raleway', sans-serif; font-size:2.2rem; margin-bottom:20px; }

.typography em { font-style:italic; }

::selection,
::-moz-selection { /* Applies style to highlighted portion of a page */
 background:rgb(114,191,86);
 color:#fff;
 text-shadow:none;
}

/* LINKS */
.typography a,
.typography a.intro { color:rgb(114,191,86); text-decoration:none; }

.typography a:hover { color:rgb(114,191,86); border-bottom:1px dashed rgb(114,191,86); }

.typography a:focus { }

/* LIST STYLES
-------------------------------------------- */
.typography ul,
.typography ol,
.typography dl { margin:0 0 20px 25px; }

.typography ul li { list-style-type:disc; } /* adds disc style bullet to the list */

.typography li { margin-bottom:5px; }

/* TABLE STYLES
-------------------------------------------- */
.typography table { border-collapse:collapse; /* borders are collapsed into a single border when possible */ border:1px solid #d4d4d4; border-spacing:0; /* The border-spacing property sets the distance between the borders of adjacent cells - acts as a backup to border-collapse:collapse */ margin:0 0 10px; text-align:left; }

.typography table tr:nth-child(even) { background-color:#ededed }

.typography table tr.even,
.typography table th,
.typography thead td { background-color:#ededed }

.typography table td,
.typography table th { padding:2px 5px; border:1px solid #d4d4d4; vertical-align:top; }

.typography table th { font-weight:bold; }

/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left { text-align:left }

.typography .center { text-align:center }

.typography .right { text-align:right }

/* IMAGES 
-------------------------------------------- */
.typography img { border:5px solid #d7d7d7; height:auto; /* resets the image height so that it maintains its aspect ratio when width is set */ background:transparent url(../images/ajax-loader.gif) no-repeat center center; }

.typography img.left { float:left; max-width:50%; margin:5px 20px 10px 0; }

.typography img.right { float:right; max-width:50%; /* Responsive width */ margin:5px 0 10px 20px; }

.typography img.leftAlone { float:left; margin-right:100%; margin-bottom:10px; clear:both; }

.typography img.center { float:none; margin-left:auto; margin-right:auto; display:block; margin-bottom:10px; clear:both; }

.typography .captionImage { width:100%; margin-top:5px; }

.typography .captionImage img { margin:0; }

.typography .captionImage.left { float:left; margin:5px 30px 20px 0px; }

.typography .captionImage.right { float:right; margin:5px 0 20px 30px; }

.typography .captionImage.left[style],
.typography .captionImage.right[style] { max-width:50%; /* Overides core width to make responsive */ }

.typography .captionImage.left img,
.typography .captionImage.right img { float:none; max-width:none; width:100%; }

.typography .captionImage.left img { margin-right:-10px; }

.typography .captionImage.right img { margin-left:-10px; }

.typography .captionImage.right p { margin-left:-10px; text-align:left; margin-left:-10px; }

.typography .captionImage.leftAlone { float:none; margin:0 20px 20px 0px; }

.typography .captionImage.center { margin:0 auto 20px; }

.typography .captionImage p { clear:both; margin:5px 0; font-style:italic; color:#888; }

/* BLOCKQUOTES
-------------------------------------------- */
.typography blockquote { background:transparent url(../images/blockquote.png) no-repeat 0px 6px; font-family:'Raleway', sans-serif; color:#777; display:block; font-style:italic; margin:0 0 20px; float:right; text-indent:30px; width:50%; margin-left:5%; clear:both; }

.typography blockquote p { font-size:1.7rem; }

.typography pre { background:#F7F7F7; border:1px solid #E4E4E4; font-family:Courier, monospace; margin:0 0 20px 0; padding:15px; clear:both; }

/* ADDRESS
-------------------------------------------- */
address { display:block; margin-bottom:20px; }