/* CSS Resets */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}


/* ==================================================================================================================== */
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
/* ==================================================================================================================== */

body {
color: #000;
font-size: 15px;
font-family: Georgia, serif;
}

body {
background: #eee;
background-image: url("../images/home-bg.jpg");
    background-position: center;
    background-repeat: repeat;
}


p, blockquote, tbody {
    color: #000;
    font-size: 15px;
    font-family: Georgia, serif;
    font-weight: normal;
    line-height: 140%;
    margin: 0 0 .7em 0;
}



h1 {
    font-size: 160%;
    font-weight: normal;
    margin: 10px 0 20px 0;
}
.nospace {
    margin: 0 0 0 0;
}

h2 {
    font-size: 140%;
    font-weight: normal;
    margin: 2px 0 20px 0;
}

h3 {
    font-size: 120%;
    font-weight: normal;
    font-style: italic;
    margin: 2px 0 10px 0;
}

a:link, a:visited {
    color: #b30000;
    text-decoration: none;
}
a:hover, a:active, a:focus {
    color: #da0000;
    text-decoration: none;
}

blockquote {
    margin: 14px 5%;
}
.content {
    background: url("../images/parchment.jpg");
    padding: 0 25px;
    width: 100%;
    max-width: 910px;
    margin: 0 auto;
}

.row, .footer {
clear: both;
width: 100%;
max-width: 960px;
margin: 0 auto;
overflow: hidden;
padding: 0;
}
.row2 {
clear: both;
width: 100%;
max-width: 960px;
margin: 0 auto;
padding: 0;
}

.footer p {
    font-family: arial, sans-serif;
    font-size: 80%;
    margin-top: 10px;
    color: #fbf1d0;
}

.topimage {
margin: 0;
padding: 0;
float: left;
/min-height: 30px;
width: 100%;
line-height: 0;
}

.topleft {
margin-right: 2%;
float: left;
min-height: 30px;
width: 65%;
/background: #fff;
padding: 15px 0 5px 0;
}

.topright {
margin-right: 0;
float: left;
width: 33%;
padding: 20px 0 0 0;
}

.topright span.left {
    float: left;
    width: 35%;
    margin: 0 5% 0 0;
							display: none;
}
.topright span.right {
    float: left;
    width: 60%;

							display: none;
}
.topright span.right p {
    font-family: arial, sans-serif;
}

.mainmenu {
/margin-right: 0%;
/float: left;
min-height: 30px;
width: 100%;
/background: #fff;
/text-align: center;
}

.mainmenu ul {
text-align: center;
    margin: 0 auto;
}

.mainmenu li {
    float: left;
    list-style-type: none;
    margin: 0 2%;
    padding: 16px 1% 0 1%;
    height: 33px;
    font-weight: bold;
    letter-spacing: .1em;
}

.mainmenu li.current {
    background: url("../images/active.png") center;
}

.mainmenu li a:link, .mainmenu li a:visited {
    color: #fbf1d0;
}
.mainmenu li a:hover, .mainmenu li a:active, .mainmenu li a:focus {
    color: #fdfdfb;
    text-decoration: none;
}


.character1 {
    float: left;
    width: 18.9%;
    margin: 20px 2% 0 0;
}

.character2 {
    float: left;
    width: 78%;
    margin: 60px 0 20px 0;
}

.engravingwrapper {
    float:left;
    width: 61%;
    margin: 60px 0 0 0;
}
.engravings1 {
    float: left;
    width: 31.6%;
    margin: 20px 7.4% 0 0;
}

.engravingwrapper ul {
    list-style-type: none;
}
.engravingwrapper ul li {
    float: left;
    width: 31.3%;
    margin: 0 0 10px 2%;
}

.home1, .home2, .home3, .home4, .home5 {
margin-right: 1.4%;
margin-bottom: 10px;
float: left;
min-height: 30px;
width: 18.9%;
/ background: #fff;
}
.home3 {
margin-right: 1.3%;
}
.home5 {
margin-right: 0;
}

.home1 p, .home2 p, .home3 p, .home4 p, .home5 p {
    line-height: 115%;
    font-size: 95%;
    margin-top: 5px;
}
.home1 p span, .home2 p span, .home3 p span, .home4 p span, .home5 p span {
   color: #990000;
    font-weight: bold;
}


.quote1, .quote2 {
margin-right: 2%;
float: left;
min-height: 30px;
width: 41%;
/background: #fff;
text-align: center;
padding: 0 4%;
}

.quote2 {
margin-right: 0;
}

.quote1 p, .quote2 p {
    font-size: 120%;
    line-height: 128%;
    font-style: italic;
    margin: 20px 0 0 0;
}

.quote1 p span, .quote2 p span {
    font-weight: bold;
}
.quote1 p.author, .quote2 p.author {
    font-size: 95%;
    font-style: normal;
    margin: 5px 0 30px 0;
}

.leftcolumn {
margin-right: -1%;
float: left;
min-height: 30px;
width: 25%;
/background: #fff;
}

.leftcolumn img {
    margin: -80px 0 10px 0;
    max-width: 90%;
}

.middlecolumn {
margin-right: 4%;
margin-top: 20px;
margin-bottom: 10px;
float: left;
min-height: 30px;
width: 58%;
/background: #fff;
}

.middlecolumn p {
    font-size: 105%;
}
.middlecolumn p span {
    font-size: 110%;
    font-variant: small-caps;
    letter-spacing: .1em;
}

.rightcolumn {
margin: 30px 0 0 0;
float: left;
min-height: 30px;
width: 14%;
/background: #fff;
}

.rightcolumn p {
    font-family: arial, helvetica, sans-serif;
}

.start {
    margin: 40px 0 0 0;
}


.column1-1 {
    float: left;
    width: 39%;
    margin: 60px 4.1% 20px 0;
}
.column1-2 {
    float: left;
    width: 36%;
    margin: 60px 0 20px 0;
}


.column2-1 {
    float: left;
    width: 48%;
    margin: 20px 4% 20px 0;
}
.column2-2 {
    float: left;
    width: 48%;
    margin: 40px 0 20px 0;
}
.column2-1 p, .column2-2 p {
    margin-left: 45%;
}
.column2-1 h1, .column2-2 h1, .column2-1 h2, .column2-2 h2 {
    margin-left: 45%;
    clear: both;
}

.column2-1 p.quote, .column2-2 p.quote {
    clear: both;
    margin-left: 0;
    width: 40%;
    font-size: 140%;
    font-style: italic;
    text-align: right;
    float: left;
}


.thebookleft {
    float: left;
    width: 54%;
    margin: 40px 8% 20px 0;
}
.thebookleft p {
    margin: 0 0 0 30%;
}
.thebookleft p.quote {
    clear: both;
    margin-left: 0;
    width: 25%;
    font-size: 140%;
    text-align: right;
    line-height: 110%;
    float: left;
}
.thebookleft p span {
    font-variant: small-caps;
}
.thebookright {
    float: left;
    width: 38%;
    margin: 40px 0 20px 0;
}

.box {
    border: 1px #990000 solid;
    padding: 15px;
    margin: 0 0 40px 0;
}
.box ul {
    padding: 0 0 0 10px;
    list-style-position: inside;
    list-style-image: url("../images/bullet.png");
}

.normal {
    font-style: normal;
}


img, object, embed {
max-width: 100%;
}

img {
    height: auto;
}

/* Smaller screens */

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

    body {
    font-size: 0.8em;
    line-height: 1.5em;
    }

    }


/* Mobile */

@media handheld, only screen and (max-width: 467px) {

    body {
    font-size: 16px;
    -webkit-text-size-adjust: none;
    }

    .content, .row, body {
    width: 100%;
    min-width: 0;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
    }

.topimage, .topleft, .topright, .topright span.left, .topright span.right, .mainmenu, .character1, .character2, .engravings1, .engravings2, .engravings3, .engravings4, .home1, .home2, .home3, .home4, .home5, .quote1, .quote2, .leftcolumn, .middlecolumn, .rightcolumn, .column1-1, .column2-1 p.quote, .column2-2 p.quote, .thebookleft p, .thebookleft p.quote, .thebookright, .column1-2, .column2-1 p, .column2-2 p, .column2-1 h2, .column2-2 h2, .column2-1 h1, .column2-2 h1, .start h1 {
    width: auto;
    float: none;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 20px;
    padding-right: 20px;
}

.column2-1 p.quote, .column2-2 p.quote, .thebookleft p.quote  {
    display: none;
}
.thebookleft, .column2-1, .column2-2,  .engravingwrapper {
    width: auto;
    float: none;
    padding-left: 0;
    padding-right: 0;

}