* {margin: 0;padding: 0;}
html, body {
}
html {
background: #ccc;
padding: 0 2%;
}
body {
font-family: arial, helvetica, verdana, sans-serif;
font-size: 76%;
margin: 0 auto;
padding: 0;
background: url(../images/paperz.png) repeat 0 0;
color: black;
max-width: 1300px;
}
#wrapper {
background: url(../images/paperl.png) repeat-y 0 0;
}
#container {
background: url(../images/paperr.png) repeat-y 100% 0;
}

#header h1, #header p {
}
#header h1 {
padding: 30px 5px 0;
margin: 0;
}
#header h1 a {
display:block;
height: 93px;
background: url(../images/headline.jpg) no-repeat 50% 0;
text-indent: -5000px;
overflow: hidden;
}
#header p, #nav, #content {
margin: 0 5%;
}
#header p {
font-size: 0.8em;
text-align: right;
padding: 0 0 3px;
color: black;
}
#nav {
background: url(../images/line1.png) repeat-x 50% 0;
text-align: center;
}
#nav h1 {
display:none;
}
#nav ul {
list-style:none;
margin: 0; padding: 1px 0 3px; border: 0;
background: url(../images/line2.png) repeat-x 50% 100%;
}
#nav li {
display:inline;
margin: 0; padding: 0; border: 0;
font-size: 0.8em;
}
#nav li a {
display:inline;
padding: 0 10px;
font-weight: normal;
background-position: 50% 0;
background-repeat: no-repeat;
}
#nav li a:link, #nav li a:visited  {
}
#nav li a:focus, #nav li a:hover {
background-position: 50% -30px;
}
#nav li a:active {
color: white;
}
#pagehome #linkhome a,
#pageportfolio #linkportfolio a,
#pageinformation #linkinformation a,
#pagecontact #linkcontact a,
#pageterms #linkterms a {
color: black;}
#content {
padding: 20px 0 0;
}
#quicklinks {
list-style: none;
padding:0;
margin:0;
}
#pageportfolio #quicklinks {
display: none;
}
#quicklinks li {
margin: 0 5px 0 0;
padding: 0;
text-align: left;
float:left;
font-size: 1.8em;
}
#quicklinks li a {
border-bottom: 1px solid #000;
}
#quicklinks li a, #content h1, #footer p, .site h2 {
font-weight: bold;
text-transform: uppercase;
text-align: justify;
}
#main {
clear: left;
padding: 20px 0 0;
}
#box {
display: block;
float: left;
height: 250px;
width: 30%;
margin: 0 3% 20px 0;
border: 1px solid #555;
background: url(../images/photo.jpg) repeat-x 50% 0;
}
#pagehome #box {background: url(../images/photo2.jpg) repeat-x 50% 50%; height: 280px;}
#pageportfolio #box {background: url(../images/photo4.jpg) repeat-x 100% 50%;}
#pageinformation #box {background: url(../images/photo5.jpg) repeat-x 50% 50%;float:right;}
#pagecontact #box {background: url(../images/photo.jpg) repeat-x 50% 50%;}
#pageterms #box {background: url(../images/photo6.jpg) repeat-x 100% 50%;height: 230px;
float:right;}
#sites {
}
.site, .block {
margin: 0 0 20px 0;
float: left;
text-align: justify;
width: 33%;
}
#pagehome .block {
padding-right: 320px;
background: url(../images/article.jpg) no-repeat 100% 0;
min-height: 280px;
float: none;
width: auto;
font-size: 1.1em;
_height: 280px;
}
#pagehome .block p {
padding-bottom: 1em;
}
#pagehome .block a {
font-size: 1.2em;
}
#address, #tel {
height: 8em;}
.site h2, .block h2, .block h3 {
float: none;
width: auto;
height: auto;
border: 0;
margin: 0;
}
.site h2, .block h2, div.details {
padding: 0 20px 0 0;
}
.site p {
display: inline;
}
.site .image {
display: none;
}
.site div.details p, .block p {
font-family: times, "Times New Roman", serif;
}
.site p.link {
text-align: center;
}
.site p.foot {
}
.site p.price {
font-size: 0.8em;
font-style: italic;
}
#footer {
clear: both;
padding: 50px 5% 60px;
background: url(../images/paperc.png) no-repeat 100% 100%;
}
#footer p {
background: url(../images/line2.png) repeat-x 100% 0;
text-align: left;
padding: 5px 8px 3px;
font-size: 0.9em;
margin-right: 55px;
font-weight: normal;
}
.hide {
display:none;
}
img {
border: 0;
}
.image {
}
.small {
font-size: 0.8em;
}
.x {
padding-right: 13px;
background: url(../images/link4.png) no-repeat 100% 100%;
}
.error {
padding-left: 2px;
font-weight:bold;
color: black;
background: yellow;
}
/*typography*/
a {
text-decoration: none;
color: #F49632;
}
a:link {
}
a:visited {
color: #F49632;
}
a:focus, a:hover {
color: black;
text-decoration: none;
}
a:active {
}
h1,h2,h3,h4,h5,h6 {
font-weight: bold;
padding: 0;
}
#content h1 {
font-size: 6em;
font-family: "Franklin Gothic Medium", "Arial Narrow", "Microsoft Sans Serif", sans-serif;
}
#content h1:after {
content: "!";
}
h1 {
font-size: 1.4em;
}
h2 {
font-size: 1.2em;
}

h3 {
font-size: 1.1em;
margin-top: 20px;
}
h4,h5 {
font-size: 1.0em;
}
h6 {
font-size: 0.8em;
}
p, dt, dd, li {
font-size: 1.2em;
}
p {
margin: 0;
padding: 0 0 2px;
}
dl, ul, ol {
margin: 10px 10px 20px;
padding: 0 0 0 40px;
}
dt {
font-weight: bold;
margin: 15px 0px 5px;
}
dd, li {
margin: 5px 0 0 30px;
}
dd a {
font-weight: normal;
}
li > p {
margin-top: 0.2em;
}
strong, b {
font-weight: bold;
}
label {
display: block;
}
form {
}
input, textarea {
font-family: times, "Times New Roman", serif;
font-size: 1em;
background: none;
border: 1px solid #ccc;
color: black;
padding: 1px;
margin: 1px;
width: 100%;
}
#submit {
width:auto;
border: none;
background: none;
text-decoration: underline;
font-weight: bold;
cursor: pointer;
}


textarea {
overflow: auto;
}
.right {
text-align: right;
}
/* content stuff */
.block {
}
/* page specific */
label {
width: 120px;
}