/* TAIT FURNITURE CSS - 19 March 2006 */


/* HTML tag styles */


body {
background:url(/images/bg-vertical.gif) repeat-y 250px 0px #282837;
font-family:tahoma,arial,verdana,helvetica,sans-serif;
padding:0;
margin:0;
font-size:18px;
color:#8484D8;
}

a {
color:#29D3C7;
text-decoration:none;
}

a:hover {
text-decoration:none;
}

p {
margin-top:0;
}

/* class styles */


.container {
width:100%;
}

.address {
font-size:16px;
font-family:arial;
font-weight:bold;
padding:34px 0 0 30px;
}

.logo {
position:absolute;
top:0;
left:430px;
}

.section {
text-transform:lowercase;
font-size:16px;
font-family:arial;
font-weight:bold;
color: #29D3C7;
position:absolute;
top:117px;
left:260px;
}

.project {
text-transform:lowercase;
font-size:16px;
font-family:arial;
font-weight:bold;
color: #29D3C7;
position:absolute;
top:117px;
left:260px;
}

.header {
height:144px;
background:#282837;
border-bottom:1px solid #2EA4A0; 
}

.navigation {
text-transform:lowercase;
list-style-type:none;
margin:18px 0 0 30px;
padding:0;
}

.navigation li {
padding:0;
margin:0 0 17px 0;
}

.navigation li a {
border:1px solid #2EA4A0;
text-align:center;
width:210px;
display:block;
padding:8px 0;
background:#000;
font:normal 18px tahoma;
color:#8484D8;
} 

.navigation li a:hover {
background:#282837;
}

.navigation li a:active {
color:#2EA4A0;
}

.content {
position:absolute;
top:163px;
left:260px;
width:720px;
min-height:425px;
background:#000;
overflow:visible;
}

.notetitle {
font-size:14px;
font-family:arial;
font-weight:bold;
}

.note {
font-size:12px;
font-family:arial;
}

.notedate {
font-size:10px;
font-family:arial;
color: #29D3C7;
}

.notedisclaimer {
font-size:10px;
font-family:arial;
color: #29D3C7;
}

.editcontrol-field-title {
font-size:14px;
font-family:arial;
font-weight:bold;
padding: 0px 5px 0px 5px;
vertical-align: top;
}

.editcontrol-field-error {
font-size:14px;
font-family:arial;
font-weight:bold;
padding: 0px 5px 0px 5px;
vertical-align: top;
color: Red;
}

/* Gallery classes */

#gallery {
background:url(/images/bg-vertical.gif) repeat-y 360px 0px #000;
}

.buttons {
margin:0;
padding:0;
position:absolute;
width:720px;
height:auto;
top:200px;
left:0;
background:url(/images/bg-horizontal.gif) repeat-x 0px 12px transparent;
text-align:left;
}

.buttons a {
display:block;
position:absolute;
text-transform:lowercase;
width:120px;
color:#53B5F2;
border:1px solid #53B5F2;
background:#000;
font:bold 15px arial;
padding:2px 0;
margin:0 0 4px 0;
left:300px;
text-align:center;
clear:both;
}

.buttons a:hover {
background:#323043;
}

.buttons a:active {
color:#2EA4A0;
}

.instructions {
position:absolute;
top:2px;
left:4px;
font:bold 12px verdana;
color:;
}

.invalidselection {
position:absolute;
top:16px;
left:4px;
font:bold 12px verdana;
color:red;
}

/* a fudge for the project notes page */
.invalidnotesselection {
font:bold 12px verdana;
color:red;
}

/* this declaration specifically for IE */

* html div.content {
height:425px;
}

.innercontent {
padding:8px 10px;
background:transparent;
}

/* navigation section auto-highlighting */

#home .home,#contactme .contactme,#bedroom .bedroom,#rockingchairs .rockingchairs,#bedroom .bedroom,#chests .chests,#tablesandchairs .tablesandchairs,#other .other  {
color:#429EDF;
}

#home .home:hover,#contactme .contactme:hover,#bedroom .bedroom:hover,#rockingchairs .rockingchairs:hover,#bedroom .bedroom:hover,#chests .chests:hover,#tablesandchairs .tablesandchairs:hover,#other .other:hover  {
background:#000;
}