/* @override http://operasceneshop.com/css/master.css */


/* @group Basic Rules */
*{
 margin: 0;
 padding: 0;
}

.float-left { float:left; margin-right:10px; }
.float-right { float:right; margin-left:10px; }

body {
 text-align: center;
 background: #c56b00 url("../images/oss-bg.gif") repeat left;
}

div#wrapper {
 margin-left: auto;
 margin-right: auto;
 width: 650px;
 text-align: left;
 padding-left: 36px;
 background:url("../images/wrapper.gif") top left repeat-y;
}

h1,h2,h3,h4,h5, address, #nav a {
 font-family: Georgia;
 font-weight: 500;
}
h1,h2,h3,h4,h5, address span, ul#nav li a:hover {
 color: #c87815;
}
h5 {
  text-transform:uppercase;
}

p,ul {
 font-family: Arial;
 line-height: 1.4em;
}

/* @end */

/* @group Header Rules */

h1 {
 float: left;
 position: relative;
 width: 220px;
 height: 91px;
 font-size: 0em;
 color: #fff;
}

h1 span {
 position: absolute;
 width: 100%;
 height: 100%;
 background: url("../images/oss-logo.gif") no-repeat;
}

div#header {
 padding-top: 22px;
}

div#header address {
 float: left;
 margin-left: 188px;
 margin-right: 22px;
 width: 150px;
 font-size: 1.01em;
 font-style: normal;
 font-weight: 300;
 line-height: 1.3em;
 text-align: right;
}

div#header span#contact {
 float: left;
}

div#header span#contact a {
 background: url("../images/contact-us.gif") top left no-repeat;
 display: block;
 width: 36px;
 height: 101px;
 text-indent: -200em;
}

img{
 clear: left;
}

/* @end */

/* @group Nav Rules */
ul#nav {
 clear:both;
 width: 539px;
 height: 60px;
 list-style: none;
 margin-top: -4px;
 padding-top: 14px;
 padding-left: 20px;
 background: url("../images/nav-bg.jpg") top left repeat-x;
}
ul#nav li {
 padding: 15px 0 0 0;
 display: inline;
 margin-right: 25px;
 letter-spacing: 0.05em;
}
ul#nav li a {
 color: #fff;
 text-decoration: none;
}



/* @end */

/* @group Content Rules */

div#content {
 width: 540px;
 padding-left: 16px;
 background: url("../images/body-border.gif") top left repeat-y;
 
}
div#content h1,h2,h3,h4,h5 {
 margin-bottom: 0.4em;
}
div#content p, div#content ul {
 margin-bottom: 1em;
}
div#content a {
 color: #63ab3d;
}
div#content a:hover {
 color: #c77812;
}
div#content ul li {
 margin-left: 20px;
 font-size: 0.9em;
}


/* @end */

/* @group Footer Rules */
div#footer {
 margin-top: 10px;
 height: 40px;
}
div#footer h5 {
 float: left;
 width: 65px;
 height: 22px;
 position: relative;
 color: #fff;
 font-size:0.2em;
}
div#footer h5 span {
 background: url("../images/footer-logo.gif") no-repeat;
 width: 100%;
 height: 100%;
 position: absolute;
}
div#footer p {
 width: 410px;
 float: left;
 margin-left: 20px;
 font-family: Georgia;
 font-size: 0.9em;
}
div#footer a,div#footer a:visited {
 color:#fff;
}

/* @end */