
body {
background-image:url('../images/bkd.jpg');
background-repeat : no-repeat;
background-attachment:fixed;
margin : 0;
padding : 0;
font-size : 100%;
font-family : arial, sans-serif;
text-align : left;
line-height : 1.67em;
color : #222;
margin : 0;
padding : 0;
}


#wrapper {
width : 98%;
max-width : 1400px;
padding : 0;
margin : 0;
margin-left : auto;
margin-right : auto;
}


#footer {
background-color : transparent;
clear : both;
width : 78%;
padding : 0;
padding-top : 40px;
padding-bottom : 40px;
margin : 0;
margin-left : auto;
margin-right : auto;
background-color : #fff;
overflow : auto;
color : #990000;
font-size : 0.85em;
}

#copy {
float : right;
padding-right : 2em;
text-align : center;
}


#contact {
float : right;
color : #990000;
padding-bottom : 0;
background-color : transparent;
}

#contact A{
font-weight : normal;
margin-left : 2em;
margin-right : 2em;
}

address {
float : left;
font-style : normal;
}

.nowrap {
white-space : nowrap;
}

.nomargin {
margin : 0;
}

.no_dial {
display : inline;
padding-left : 2em;
padding-right : 2em;
border-left : solid 2px #990000;
border-right : solid 2px #990000;
}

.dial {
display : none;
}


.clear {
clear : both;
}

.invisible, #searchlabel {
position : absolute;
top : -1000px;
width : 1px;
height : 1px;
overflow : hidden;
}


#top {
width : 45%;
float : right;
padding-top : 5px;
font-size : .9em;
}

#search {
float : right;
width : 50%;
background-color : #fff;
}

fieldset {
float : left;
border : none;
padding : 0;
margin : 0;
}

form {
float : left;
width : 90%;
margin-left : 10%;
border : none;
}

#search_inclusive {
border : solid 1px #990000;
padding : 0;
margin : 0;
}

#submit {
background-color : #700000;
color : #fff;
border : none;
font-family: 'Rosarivo', serif;
font-size : 1.1em;
padding : 6px;
line-height : 1em;
-webkit-border-radius: 28px;
-moz-border-radius: 28px;
border-radius: 28px;
}

#submit:hover {
background-color : #700000;
color : #ffe69f;
text-decoration : none;
}

#skip {
float : left;
width : 35%;
margin-top: 7px;
padding-left : 5%;
}

#skip A{
border-right : solid 2px #990000;
display : block;
text-decoration : none;
line-height : 1.3em;
}


#banner {
width : 100%; 
float : left;
font-size : 1.3em;
line-height : 1.2em;
background-color : transparent;
color : #3a3533;
letter-spacing : .02em;
padding-top : 10px;
}

#banner img {
margin-top : -.5em;
float : left;
vertical-align : middle;
margin-right : 0.8em;
border : none;
width : 75px;
}



#slogan {
float : left;
width : 72%;
display : block;
}



#banner A:link, #banner A:visited {
color : #990000;
background-color : #fff;
text-decoration : none;
}

#banner A:hover, #banner A:focus, #banner A:active {
background-color : #990000;
color : #fff;
}


h1 {
font-size : 1.7em;
font-family: 'Rosarivo', serif;
font-weight: 400;
background-color : transparent;
color : #990000;
line-height : 1.6em;
margin-top : .5em;
clear : left;
}

h2, .h2lookalike {
clear : both;
font-family: 'Rosarivo', serif;
font-size : 1.4em;
font-weight : normal;
line-height : 1.2em;
margin-bottom : .75em;
color : #bb591c;
background-color : transparent;
}

h3 {
font-family: 'Rosarivo', serif;
font-size : 1.2em;
font-weight : normal;
color : #843f14;
}

hr {
clear : both;
border : none;
height : 3px;
background-color : #ffdd7e;
width : 100%;
}

A:link, A:visited {
background-color : transparent;
color : #700000;
text-decoration : underline;
}

A:hover, A:focus, A:active {
background-color : #700000;
color : #fff;
text-decoration : none;
}


time {
font-family: 'Rosarivo', serif;
font-size : 1em;
margin-right : 1em;
color : #76645b;
}



#banner {
overflow : auto;
clear : both;
}




#content, #rightcol {
float : left;
width : 60%;
margin-left : 0%;
padding : 2%;
background-color: rgba(255, 255, 255, 0.85);
box-shadow: -25px 45px 55px #cac0bd; 
-moz-box-shadow: -25px 25px 55px #cac0bd;
-webkit-box-shadow: -25px 20px 65px #cac0bd;
}

#submenu{
padding-left : 2em;
padding-bottom : 3em;
overflow : auto;
width : 100%;
text-transform : uppercase;
font-size : .9em;
}



#submenu ul {
margin : 0;
margin-left : -20px;
padding : 0;
width : 100%;
list-style-type : none;
}

#submenu li {
line-height : 1.2em;
float : left;
}


#submenu li A:link, #submenu li A:visited {
background-color : #fff;
color : #484645;
text-decoration : none;
font-family : arial, sans-serif;
padding-left : 7px;
margin : 7px;
display : block;
}

#submenu li A:hover, #submenu li A:focus, #submenu li A:active {
border-left : dotted 5px #990000;
background-color : transparent;
color : #990000;
text-decoration : none;
font-family : arial, sans-serif;
padding-left : 7px;
margin : 7px;
margin-left : 2px;
display : block;
}


blockquote {
text-indent: -.4em;
width : 100%;
margin-left : 1em;
}

blockquote p {
margin-bottom : 0;
}

cite {
text-indent: 0;
margin-right : 1em;
width : 80%;
float : right;
text-align : right;
padding-bottom : 1em;
}



#whatwedo ul {
padding : 0;
margin : 0;
margin-left : -.5em;
list-style-type : none;
white-space : normal;
overflow : auto;
}

#whatwedo li {
float : left;
margin-left : .5em;
white-space : normal;
}


#blog {
margin : 0;
padding : 0;
padding-top : 0;
}

#drawings {
float : left;
width : 70%;
margin : 0;
margin-left : 3.5%;
padding : 0;
}




#drawings img {
margin : 0;
padding : 0;
}


#leftcol {
clear : both;
float : left;
width : 25%;
padding : 0;
margin-left : 90px;
}

#menu {
background-color: rgba(255, 255, 255, 0.4);
position : relative;
z-index : 100;
float : left;
margin-left : 0px;
margin-top : 87px;
width : 70%;
color : #8e8783;
font-weight : normal;
font-size : .9em;
text-transform : uppercase;
}



#menu ul {
margin : 0;
padding : 0;
width : 100%;
list-style-type : none;
}

#menu li {
line-height : 1.2em;
}


#menu li A:link, #menu li A:visited {
width : 100%;
color : #484645;
text-decoration : none;
font-family : arial, sans-serif;
text-shadow: 1px 2px 1px #fff;
padding : 12px;
margin : 12px;
display : block;
border-left : none;
}

.uhoh {
background-color : red;
color : white;
}

#menu li A:hover, #menu li A:focus, #menu li A:active {
border-left : dotted 5px #990000;
background-color : transparent;
color : #990000;
text-decoration : none;
font-family : arial, sans-serif;
padding : 12px;
margin : 12px;
margin-left : 7px;
display : block;
}

#aboutthedrawings {
text-align : right;
padding-right : 2em;
}

#content li, #content_withsubmenu li {
margin-top : 1em;
}

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

.totop {
float : right;
margin-bottom : .5em;
font-size : .85em;
font-family: 'Rosarivo', serif;
}

.totop A:link, .totop A:visited {
background-color : #ffdd7e;
color : #700000;
border : none;
padding : 6px;
line-height : 1em;
text-decoration : none;
-webkit-border-radius: 28px;
-moz-border-radius: 28px;
border-radius: 28px;
}

.totop A:hover, .totop A:focus, .totop A:active {
background-color : #700000;
color : #fff;
}

.video {
max-width : 640px; 
height : 360px;
}

.floatright {
float : right;
}