@import "reset.css";

body { background: url(../images/pattern1.jpg); color: #8e8e8e; font: 15px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: center; }

a,a:link,a:visited { color: #ed1c24; text-decoration: none; }
a:hover { color: #ed1c24; text-decoration: underline; }

img.rflt { display: inline; float: right; margin: 0 0 1em 10px; }
img.lflt { display: inline; float: left; margin: 0 10px 1em 0; }

p { margin-bottom: 1em; }

ul { list-style: disc; margin-bottom: 1em; padding-left: 2em; }
ol { list-style: decimal; margin-bottom: 1em; padding-left: 2em; }
ul.reset, ul.reset ul, ul.reset ol, ol.reset, ol.reset ol, ol.reset ul { list-style: none; margin: 0; padding: 0; }


/* Titles */

h1,h2,h3,h4,h5,h6 { margin-bottom: .5em; line-height: normal; }

h1 { font-size: 25px; font-style: italic; }
h2 { margin-top: 1em; font-size: 22px; }
h3 { margin-top: 1em; font-size: 18px; }

#logo { position: absolute; top: -111px; left: -35px; z-index: 10; }


/* Tables */

table.prices { margin-bottom: 1em; }
table.prices th { padding-right: 25px; font-weight: bold; }

table.contact th { padding: 0 25px 7px 0; font-weight: normal; }
table.contact td { padding-bottom: 7px; }


/* Forms */

input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size: 15px; }
input.text, textarea { width: 250px; padding: 5px; border: solid 2px #e91f23; }
textarea{height:100px;}



/* Layout  */

#container { width: 890px; margin: 120px auto 0; text-align: left; }
#content { min-height: 400px; padding: 30px 38px 1px; background: url(../images/box1-bg.png) repeat-y; color: #572328; }
#header { position: relative; min-height: 68px; background: url(../images/box1-top.png) no-repeat; }
#sidebar {  }
#mainbar {  }
#footer { padding-top: 45px; }
* html #content { height: 400px; }
* html #header { height: 68px; }


/* Navigation */

#nav { display: inline; float: right; width: 677px; height: 22px; margin: 16px 34px 0 0; font-size: 14px; }
#nav li { float: left; padding-right: 11px; background: url(../images/separator1.png) 100% 50% no-repeat; }
#nav li.last { padding-right: 0; background-image: none; }
#nav li a, #nav li a:visited { color: #fff; text-decoration: none; }
#nav li a:hover, #nav li a.on { }
#nav li a { overflow: hidden; float: left; height: 0; padding-top: 22px; background-image: url(../images/nav.png); background-repeat: no-repeat; cursor: pointer; }
#nav li#navi1 a { width: 44px; background-position: 0 0; }
#nav li#navi2 a { width: 46px; background-position: -55px 0; }
#nav li#navi3 a { width: 56px; background-position: -113px 0; }
#nav li#navi4 a { width: 112px; background-position: -180px 0; }
#nav li#navi5 a { width: 145px; background-position: -304px 0; }
#nav li#navi6 a { width: 88px; background-position: -461px 0; }
#nav li#navi7 a { width: 53px; background-position: -560px 0; }
#nav li#navi8 a { width: 56px; background-position: -625px 0; }


/* Banner */

#banner { margin-bottom: 1em; }


/* Article */

#article { padding: 0 75px; }
#article2 { padding: 0 75px; }


/* Gallery */

#gallery { position: relative; margin: 0 -7px 0 -8px; }
#gallery li { display: inline; float: left; width: 211px; margin: 0 7px 0 8px; }
#gallery li.last { margin-right: 0; }
#gallery li a.main { display: block; padding: 4px; background: url(../images/bg1.png) no-repeat; }
#gallery li a.main img { display: block; }
#gallery li span.desc { padding: 0 7px; font-size: 13px; }


/* Footer */

#footer { background: url(../images/box1-bottom.png) no-repeat; color: #8e8e8e; font-size: 10px; text-align: center; text-transform: uppercase; }
#footer a, #footer a:visited { color: #8e8e8e; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

/* Joanna */
.clearboth { clear: both; }