/* 
------------------------------------------------------------------------
2008 Master Cabinetworks style sheet
------------------------------------------------------------------------
*/


/* --- normalize all --- */

body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, h7, form, p, blockquote, th, td {
margin: 0; 
padding: 0;
font-size: 100%;
}
h1, h2, h3, h4, h5, h6, h7 {
font-size: 95%;
}
address, caption, cite, em, strong {
font-style: normal;
font-weight: normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img {
border: 0;
}

/* BASE TYPEFACE, LEADING, AND COLOR */

body {
background-image: url(/art/cab_logo2.png);
background-repeat: no-repeat;
background-position: 0px 0px;
background-attachment: fixed;
background-color: transparent;
font-family: verdana, arial, helvetica, sans-serif;
font-size: .9em;
line-height: 1.3em;
color: #000;
}

/* GENERIC STRUCTURAL ELEMENTS */

p {
font-size: .9em;
margin: 0 0 15px 5px;
}
h1, h2, h3, h4, h5, h6 {
font-family: verdana, helvetica, sans-serif;
}
h3, h4 {
margin: 10px 0 5px 0;
}
h5, h6 {
margin: 10px 0 0 0;
}
h1 {
font-size: 1em;
color: #333;
margin: 0 0 0 5px;
}
h1.logo {
margin: 0;
}
h2 {
font-size: 1em;
color: #333;
text-align: right;
}
h3 {
font-size: .9em;
font-variant: small-caps;
color: #666;
}
img {
border: 0;
}
img.edge {
border: 1px solid #000;
}
ul {
font-size: 1em;
text-align: left;
list-style-type: square;
margin: 0 0 15px 15px;
}
li.led {
margin-bottom: 3px;
padding-bottom: 3px;
}
form {
margin: 15px 0 0 0;
}
form p {
clear: left;
margin: 0;
padding: 5px 0 0 0;
}
form p label {
padding: 0 5px 0 0;
}
strong {
font-weight: bold;
}
.normal {
font-weight: normal;
}
.small {
font-size: 85%;
}
textarea {
height: 150px;
width: 450px;
overflow: auto;
}
.wrapleft {
float: left;
margin: 0 15px 5px 0px;
background: #fff;
}
.wrapright {
float: right;
width: 250px;
margin: 0 0 5px 15px;
}
.wraprightelement {
float: right;
margin-top: -20px;
}

/* UNIQUE STYLE ITEMS */

.address {
font-size: 1.1 em;
font-weight: bold;
text-align: right;
}
.copyright {
font-size: .7em;
color: #777777;
line-height: 120%;
margin-left: 30px;
padding-bottom: 50px;
}
.copyrightindex {
font-size: .7em;
color: #777777;
line-height: 120%;
margin-left: 0px;
padding-bottom: 50px;
}
.mc {
color: #c41230;
}
.project {
font-size: .9em;
clear: both;
margin-top: 10px;
}
.redbox {
float: right;
width: 15px;
border: 2px solid #c41230;
background: #fefefe;
padding: 0px;
margin: -2px 10px 5px 15px;
}

/* NAVIGATION */

ul#menu {
list-style-type: none;
font-size: .8em;
margin: 0 0 0 120px;
border-top: 1px solid #000;
border-bottom: 1px solid #999;
}
ul#menu li {
display: inline;
margin: 0 0 0 30px;
}

/* LINKS */

a:link, a:visited {
font-weight: bold;
text-decoration: none;
color: #666;
}
a:hover, a:active {
font-weight: bold;
text-decoration: none;
color: #000;
}
a.album:link, a.album:visited {
font-size: 70%;
color: #666;
}
a.album:hover, a.album:active {
font-size: 70%;
color: #000;
border-bottom: 1px solid #c41230;
}
a.text:link, a.text:visited {
color: #000;
font-weight: normal;
border-bottom: 1px solid #000;
}
a.text:hover, a.text:active {
color: #000;
font-weight: bold;
border-bottom: 1px solid #c41230;
}
a.go:link, a.go:visited {
color: #888;
font-weight: bold;
}
a.go:hover, a.go:active {
color: #000;
font-weight: bold;
}
#hed a span {
position: fixed;
top: 7px;
left: 15px;
width: 95px;
height: 60px;
z-index: 1;
}

/* NAV DROP */

.dropdiv {
position: absolute;
visibility: hidden;
border: 1px solid #ccc;
border-bottom-width: 0;
margin: 3px 0 0 0;
font-size: .7em;
line-height: 1.8em;
background-color: #fefefe;
z-index: 100;
}
.dropdiv a {
display: block;
border-bottom: 1px solid #ccc;
color: #666;
font-weight: bold;
text-decoration: none;
padding: 0 10px 0 10px;
}
.dropdiv a:hover { 
color: #000;
background-color: #e5e5e5;
border-bottom: 1px solid #ccc;
}

/* POSITION */

#hed {
position: relative;
top: 0px;
left: 0px;
height: 50px;
width: 100%;
background-color: #c41230;
z-index: 5;
}
#identity {
position: relative;
top: 0px;
left: 0px;
height: 85px;
width: 135px;
z-index: 10;
}
#navigate {
position: relative;
top: -50px;
left: 0px;
width: 100%;
background-image: url(/art/black.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
background-color: #fff;
z-index: 1;
}
#locator {
position: relative;
top: 15px;
left: 100px;
width: 600px;
}
#frame1 {
position: absolute;
top: 95px;
left: 135px;
z-index: 1;
}
#frame2 {
position: absolute;
top: 95px;
left: 770px;
z-index: 1;
}
#base {
position: relative;
top: 40px;
left: 145px;
width: 650px;
}
#content {
position: relative;
top: 0px;
left: 0px;
margin: 15px;
padding: 15px;
background-image: url(/art/cab_grid.gif);
background-repeat: repeat;
}
#project_thumbs {
position: relative;
left: 5px;
padding: 0px;
z-index: 10;
}
#project_image {
position: relative;
top: 0px;
left: 5px;
padding: 0px;
z-index: 10;
}
#foot {
margin-top: 25px;
text-align: left;
}
#credits {
position: relative;
margin: 5px 0 0 5px;
}


/* ---------- END ALL --------- */

}