/* HTML - BODY */

html {
height: 100.1%;
}

body {
background-position: 0px 0px;
background:  url(../images/horiz_bg.jpg) repeat;
font-size: 12px; 
font-family: Arial, Verdana, Georgia; 
color: #B8C0A0; 
line-height: 16pt; 
letter-spacing: 0; 
margin: 0;
}

/* CONTAINER */

#container {
position: relative;
width: 736px;
display: block;
background-color: transparent;
background:  url(../images/12hours_bg.jpg) repeat-y;  
margin: 0 auto 0;
}

/* HEADER */

#header {
background:  url(../images/12hours_header.jpg) no-repeat;
margin: 0;
width: 736px;
height: 209px;
}

/* HEADER NAVIGATION */

#header #tab_nav {
margin:0;
padding:0;
}

#tab_nav h4, #tab_nav h5 {
margin:0;
padding:0;
display:inline;
text-indent:-999999px;
font-size:11px;
color:#000;
}

#tab_nav h4 a {
height:170px;
width:736px;
position:absolute;
top:0px;
display:block;
}

#tab_nav h5 a {
height:41px;
width:736px;
position:absolute;
top:170px;
display:block;
}

#tab_nav h5#about a {
width:59px;
height:41px;
position:absolute;
left:55px;
top:170px;
display:block;
}

#tab_nav h5#about a:hover {
background-image:  url(../images/12hours_header_hover.jpg);
background-position: -55px 0px;
}

#tab_nav h5#artwork a {
width:82px;
height:41px;
position:absolute;
left:123px;
top:170px;
display:block;
}

#tab_nav h5#artwork a:hover {
background-image:  url(../images/12hours_header_hover.jpg);
background-position: -123px 0px;
}

#tab_nav h5#photography a {
width:116px;
height:41px;
position:absolute;
left:214px;
top:170px;
display:block;
}

#tab_nav h5#photography a:hover {
background-image:  url(../images/12hours_header_hover.jpg);
background-position: -214px 0px;
}

#tab_nav h5#links a {
width:50px;
height:41px;
position:absolute;
left:339px;
top:170px;
display:block;
}

#tab_nav h5#links a:hover {
background-image:  url(../images/12hours_header_hover.jpg);
background-position: -339px 0px;
}

#tab_nav h5#contact a {
width:75px;
height:41px;
position:absolute;
left:399px;
top:170px;
display:block;
}

#tab_nav h5#contact a:hover {
background-image:  url(../images/12hours_header_hover.jpg);
background-position: -399px 0px;
}

/* CONTENT */

#content {
float: left;
display: block;
width: 620px;
padding: 20px 30px 20px 60px;
}

.hr { 
border-bottom: 1px dotted #cccccc;
margin: 20px 0px 30px; 
}

.picborder {
background-color: #000; 
border: 1px solid #2a2a2a; 
padding: 1px; 
}

.center {
text-align: center;
}

#gallery li {
list-style-type: none;
display: inline;
}

/* HEADINGS */

h1 {
font-size: 22px; 
text-decoration: none;
font-family: Times New, Trebuchet MS, Georgia, Sans-serif;
font-weight: bold;
color: #B8C0A0; 
}

h2 {
font-size: 18px; 
text-decoration: none;
font-family: Trebuchet MS, Georgia, Sans-serif;
font-weight: bold;
color: #B8C0A0; 
}

h3 {
font-size: 13px; 
text-decoration: none;
font-family: Trebuchet MS, Georgia, Sans-serif;
font-weight: bold; 
color: #54585A; 
}

h6 {
font-size: 12px; 
font-family: Trebuchet MS, Georgia, Sans-serif;
font-weight: bold; 
font-style: italic;
color: #7C7C7C;
padding: 0;
margin: -20px 10px auto;
}

/* LINKS */

#content a, #footer a {
color:#EA2F7E;
text-decoration:none;
}

#content a:active, #footer a:active {
color:#54585A;
text-decoration:none;
}

#content a:hover, #footer a:hover {
color:#54585A;
background:#FF992C;
text-decoration:none;
}

/* FOOTER */

#footer {
clear: both;
background: #000000;
margin: 0px 40px 0px 40px;
padding: .5em 8em .5em;
border: 1px solid #2A2A2A;
font-size: 90%;
}