* {
margin:0;
padding:0;
}

body {
font:11px Tahoma, Arial, Helvetica, sans-serif;
color:#818181;
background:#000 url('bg_dojo1.jpg') no-repeat 50% 0 fixed;
text-align:center;
margin:0;
padding:25px 0 50px;
}

div {
text-align:left;
}

h1,h2,h3,h4,h5 {
font-weight:400;
color:#fff;
}

h2 {
height:95px;
margin:0 0 20px;
}

h3 {
font-size:16px;
}

h4 {
font-size:14px;
}

li {
list-style:none;
}

a {
text-decoration:none;
color:#fc0;
}

fieldset {
border:0 solid transparent;
}

input,textarea {
font:12px Tahoma, Arial, Helvetica, sans-serif;
border:3px solid #333;
overflow:auto;
background:#fff url('bg-form-field.gif') repeat-x 0 0;
margin:3px 0 0;
padding:2px;
}

input.large,textarea {
width:386px !important;
padding:2px;
}

p {
line-height:16px;
margin:15px 0;
}

.right {
float:right;
}

.submit {
width:50px;
height:24px;
font:11px Tahoma, Arial, Helvetica, sans-serif;
border:0 none;
cursor:pointer;
display:block;
color:#fff;
background:#2b2b2b no-repeat 0 0;
}

.general {
float:left;
margin:15px 0 0;
}

.imgleft {
border:3px solid #F60;
float:right;
margin:15px;
padding:5px;
}

.imgright {
border:0;
}

/*--------------------------------------------------------------------------
Container ID's
--------------------------------------------------------------------------*/
#container {
width:950px;
margin:0 auto;
}

#wrapper {
background:#1e1e1e url('img-joe.jpg') no-repeat 100% 100%;
margin:15px 0;
padding:0;
}

#content {
width:525px;
padding:30px;
}

#content-right {
float:right;
border:0;
}

/*--------------------------------------------------------------------------
Navigation
--------------------------------------------------------------------------*/
#navigation {
width:950px;
height:31px;
border-bottom:10px solid #900;
}

#navigation li a {
height:28px;
line-height:28px;
font-size:13px;
float:left;
display:block;
color:#fff;
background:transparent url('bg-a-opaque.png') repeat 0 0 !important;
text-transform:uppercase;
margin:0 5px 3px 0;
padding:0 10px;
}

#navigation li a:hover {
background:transparent url('bg-ahover-opaque.png') repeat 0 0 !important;
}

/*--------------------------------------------------------------------------
Sub Navigation
--------------------------------------------------------------------------*/
#subnavigation {
height:25px;
width:930px !important;
background:#C00;
padding-left:20px;
}

#subnavigation li a {
float:left;
display:block;
padding-left:10px;
padding-right:15px;
background:url('bg-li.gif') no-repeat 0 50%;
color:#000;
}

/*--------------------------------------------------------------------------
Header
--------------------------------------------------------------------------*/
#header {
height:113px;
background:transparent url('bg-header.png') 0 0 !important;
margin:15px 0 0;
}

#header ul {
float:left;
padding:0 0 0 15px;
}

#header ul li a {
width:391px;
height:113px;
display:block;
background:transparent url('logo2.png') !important;
}

/*--------------------------------------------------------------------------
Content
--------------------------------------------------------------------------*/
#content li {
font-size:11px;
color:#666;
padding-left:15px;
background:transparent url('bg-li.gif') no-repeat 0 60%;
margin:5px 0;
}

/*--------------------------------------------------------------------------
Footer
--------------------------------------------------------------------------*/
#footer {
height:113px;
background:transparent url('bg-footer.png') no-repeat 0 0 !important;
}

#footer ul {
width:670px;
float:left;
display:inline;
margin:18px 0 0 30px;
}

#footer li {
background:transparent url('a-divider.gif') no-repeat 0 50%;
float:left;
padding:5px 10px;
}

#footer li.first {
padding-left:0;
background:none;
}

#footer li a {
font-size:12px;
}

#footer p {
width:670px;
float:left;
display:inline;
margin:5px 0 0 30px;
}

/*--------------------------------------------------------------------------
Address
--------------------------------------------------------------------------*/
address {
font-size:12px;
font-style:normal;
color:#fff;
float:right;
padding:23px 30px 0 0;
}

/*--------------------------------------------------------------------------
Body Classes
--------------------------------------------------------------------------*/
body.home h2 {
background:#1e1e1e url('h2-home.gif') no-repeat 0 0;
}

body.about h2 {
background:#1e1e1e url('h2-about.gif') no-repeat 0 0;
}

body.dvd h2 {
background:#1e1e1e url('h2-dvd.gif') no-repeat 0 0;
}

body.events h2 {
background:#1e1e1e url('h2-events.gif') no-repeat 0 0;
}

body.contact h2 {
background:#1e1e1e url('h2-contact.gif') no-repeat 0 0;
}

body.dojo h2 {
background:#1e1e1e url('h2-dojo.gif') no-repeat 0 0;
}
body.wb h2 {
background:#1e1e1e url('h2-white_belt.gif') no-repeat 0 0;
height:125px;
}

body.home #navigation li a#home,body.about #navigation li a#about,body.events #navigation li a#events,body.contact #navigation li a#contact,body.dvd #navigation li a#dvd,body.dojo #navigation li a#dojo,body.wb #navigation li a#wb {
height:31px;
background:#900 none !important;
color:#ffffff;
margin:0 5px 0 0;
}

.whitebelt {
border: 0; 
}

/*--------------------------------------------------------------------------
Images for The Dojo About Page
--------------------------------------------------------------------------*/
#showcase {
background:#000;
border:3px solid #333;
margin:20px 0 0;
}

#paging {
background:#ddd;
float:right;
margin:0;
}

#paging li {
background:none;
float:left;
margin:0;
padding:0;
}

#paging li a,#paging li.disabled {
background:#333;
border:0 none;
color:#fff;
float:left;
margin:0;
padding:3px 5px;
}

#paging li.disabled {
background:#fc0;
color:#000;
cursor:default;
}

/*--------------------------------------------------------------------------
Images for Dojo
--------------------------------------------------------------------------*/
#collection .thumb {
width:250px;
margin:5px 5px 0 0;
}

#collection .thumb img {
border:0 none;
}

#collection .thumb a {
border:3px solid #333;
background:#000;
display:block;
margin:8px 0 0;
}

#collection .thumb a:hover {
border:3px solid #fc0;
}

/*--------------------------------------------------------------------------
Contact
--------------------------------------------------------------------------*/
#form-content {
width:525px;
border-top:1px solid #2b2b2b;
margin-top:20px;
}

#form-content #details {
float:right;
width:110px;
background:#2b2b2b;
}

#form-content #details p {
line-height:16px;
margin:0;
padding:20px;
}

#form {
width:396px;
float:left;
}

#form label {
color:#fff;
display:block;
}

#form p.col {
width:189px;
}

#form p {
width:396px;
}

/*--------------------------------------------------------------------------
Web Standards
--------------------------------------------------------------------------*/
#standards {
width:950px;
margin-top:15px;
}

#standards ul li {
color:#fff;
float:left;
margin-right:10px;
margin-top:3px;
}

#standards .top {
float:right;
display:block;
background:#2c2c2c;
color:#fff;
padding:3px;
}

/*--------------------------------------------------------------------------
Skills
--------------------------------------------------------------------------*/
#skills {
border-top:1px solid #2b2b2b;
margin-top:15px;
padding-top:15px;
}

.skill {
width:174px;
float:left;
}

.skill p {
color:#fff;
padding:0 0 10px;
}

h1,legend,label,.hide,#accessibility {
display:none;
}

a:hover,a.active,strong,#subnavigation li a:hover,#subnavigation li a.active,address a:hover,#client a:hover,#standards ul li a:hover {
color:#fff;
}

.left,#header ul li {
float:left;
}

.required,address a,#client a,#standards ul li a {
color:#fc0;
}

#navigation li,#subnavigation li {
display:inline;
border:0px;
}

#paging li a:hover,#standards .top:hover {
background:#fc0;
color:#000;
}