body {
width: 960px;
margin: 0 auto;
padding: 4em 0 0 0;
background-image: url(images/damask2.jpg);
background-color: #000;

}

a {
color:#fff;
text-decoration: underline;
}

a:hover {
color:#ff4800;
text-decoration: underline;
}


tr:hover {background-color: #303030;}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .8em;
text-align: left;
color: #fff;
}

h1 {
font-family: Georgia, "times new roman", Times, serif;
font-size: 30pt;
color: #aaa;
text-align: left;
font-weight: 100;
}

h2 {
font-family: Georgia, "times new roman", Times, serif;
font-size: 14pt;
color: #303030;
text-align: left;
font-weight: 100;
line-height: 1.5em;
}

ul {
text-align: left;
color: #fff;
font-weight: 100;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .8em;
list-style-type: none;
}

#bump {
margin: -100px;
padding: -50px;
}

#logo {
margin: -2.5em 0 0 -.8em;
background-color: transparent;
z-index: 1;
position: absolute;
}

#header {
margin: 1em 31px 0 0;
background-color: transparent;
float: right;
}

#container {
position: relative;
width: 100%;
heigth: 100%;
background-image: url(images/faux_bg.jpg);
background-repeat: repeat-y;
}

#navbar {
margin: -1em 0 0 0;
width: 116px;
background-image: url(images/nav_background.jpg);
background-color: #000;
float: left;
}

#page {
margin: 0 auto;
width: 710px;
background-image: url(images/tvw_pg_bg.jpg);
background-repeat: no-repeat;
background-color: #00000;
float: left;
}

#content {
margin: 0 auto;
padding: 1.5em 11.5em 0 7.5em;
font-size: 15px;
line-height: 1.2em;
text-align: justify;

}

#footer {
margin: -11px 31px 0 0;
width: 797px;
height: 30px;
background-color: #ff4800;
color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11pt;
text-indent: 8em;
line-height: 1.7em;
}

.home a {
display: block;
width: 116px;
height: 105px;
background: transparent url(images/home_button.jpg) no-repeat;
text-decoration: none;
border-bottom: 1px dashed #bbb;
}

.home a:hover {
background-position: 0 -110px;
color: #fff;
}

.who a {
display: block;
width: 116px;
height: 40px;
background: transparent url(images/who_button.jpg) no-repeat;
text-decoration: none;
border-bottom: 1px dashed #bbb;
}

.who a:hover {
background-position: 0 -51px;
color: #fff;
}

.why a {
display: block;
width: 116px;
height: 40px;
background: transparent url(images/why_button.jpg) no-repeat;
text-decoration: none;
border-bottom: 1px dashed #bbb;
}

.why a:hover {
background-position: 0 -51px;
color: #fff;

}

.what a {
display: block;
width: 116px;
height: 40px;
background: transparent url(images/what_button.jpg) no-repeat;
text-decoration: none;
border-bottom: 1px dashed #bbb;
}

.what a:hover {
background-position: 0 -51px;
color: #fff;

}

.credits a {
display: block;
width: 116px;
height: 40px;
background: transparent url(images/credits_button.jpg) no-repeat;
text-decoration: none;
border-bottom: 1px dashed #bbb;
}

.credits a:hover {
background-position: 0 -51px;
color: #fff;

}

.rock a {
display: block;
width: 116px;
height: 40px;
background: transparent url(images/rock_button.jpg) no-repeat;
text-decoration: none;
border-bottom: 1px dashed #bbb;
}

.rock a:hover {
background-position: 0 -51px;
color: #fff;

}

.test a {
display: block;
width: 116px;
height: 40px;
background: transparent url(images/test_button.jpg) no-repeat;
text-decoration: none;
border-bottom: 1px dashed #bbb;
}

.test a:hover {
background-position: 0 -51px;
color: #fff;

}

.case a {
display: block;
width: 116px;
height: 40px;
background: transparent url(images/case_button.jpg) no-repeat;
text-decoration: none;
border-bottom: 1px dashed #bbb;
}

.case a:hover {
background-position: 0 -51px;
color: #fff;

}

.gear a {
display: block;
width: 116px;
height: 40px;
background: transparent url(images/gear_button.jpg) no-repeat;
text-decoration: none;
border-bottom: 1px dashed #bbb;
}

.gear a:hover {
background-position: 0 -51px;
color: #fff;

}

.contact a {
display: block;
width: 116px;
height: 40px;
background: transparent url(images/contact_button.jpg) no-repeat;
text-decoration: none;
border-bottom: 1px dashed #bbb;
}

.contact a:hover {
background-position: 0 -51px;
color: #fff;

}

.projects a {
display: block;
width: 116px;
height: 40px;
background: transparent url(images/projects_button.jpg) no-repeat;
text-decoration: none;
border-bottom: 1px dashed #bbb;
}

.projects a:hover {
background-position: 0 -51px;
color: #fff;

}

.gallery a {
display: block;
width: 116px;
height: 40px;
background: transparent url(images/gallery_button.jpg) no-repeat;
text-decoration: none;
border-bottom: 1px dashed #bbb;
}

.gallery a:hover {
background-position: 0 -51px;
color: #fff;

}


#topwrapper {width: 828px;}

#clear {clear: both;}




#content_wrapper { width: 828px;}


#blockred {width:175px;
background-color: #d73e08;
float: left;}
#blockblue {width: 450px; background-color: #082fd7; float: right;}