body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#6c6c6c;
background-image:url(../images/woodenbackground.jpg);
background-color:#000000;
background-repeat:no-repeat;
position:relative;
margin:auto;
background-position:center;
background-position:top;
}

td {
width:15px;
text-align:right;
font-size:14px;
}

.navpage {
color:#FFFFFF;
text-decoration:none;
}

.navbluebar {
height:5px;
text-align:center;
}

#homebar {
width:36px;
height:5px;
}

#workbar {
width:30px;
height:5px;
}

#blogbar {
width:27px;
height:5px;
}

#contactbar {
width:45px;
height:5px;
}

.logo {
width:480px;
text-align:left;
font-size:16px;
}

.bigspacer {
height:30px;
}

.topbarcontainer {
position:relative;
margin:auto;
width:862px;
/*padding-top:300px;*/
}

.topbar {
width:100%;
height:80px;
/*background-color:#222222;
opacity: 0.85;
filter:alpha(opacity=85);*/
}

.topbarlogo {
float:left;
}

.topbarnav {
float:right;
font-size:16px;
opacity: 1;
filter:alpha(opacity=100);
}

#feature {
background-image:url(images/worktempimg.jpg);
height:300px;
width:862px;
position:relative;
margin:auto;
background-color:#000000;
border: 1px solid #000000; /*put a border in order for the rounded edges to work in safari*/
-moz-border-radius-bottomleft:10px; /*Firefox*/
-moz-border-radius-bottomright:10px; /*Firefox*/
-webkit-border-bottom-left-radius: 10px; /*Sarfari*/
-webkit-border-bottom-right-radius: 10px; /*Sarfari*/
}

#container {
position:relative;
margin:auto;
width:872px;
padding-top:15px;
padding-left:10px;
}

#blogcontainer {
position:relative;
margin:auto;
width:862px;
padding-left:15px;
}

.topboxblue {
background-color:#464646;
width:944px;
height:15px;
border: 1px solid #000000; /*put a border in order for the rounded edges to work in safari*/
-moz-border-radius-topleft:10px; /*Firefox*/
-moz-border-radius-topright:10px; /*Firefox*/
-webkit-border-top-left-radius: 10px; /*Sarfari*/
-webkit-border-top-right-radius: 10px; /*Sarfari*/
position:static;
color:#ffffff;
padding-left:15px;
padding-top:2px;
font-size:10px;
}

.topboxblack {
background-color:#000000;
width:852px;
height:15px;
border: 1px solid #000000; /*put a border in order for the rounded edges to work in safari*/
-moz-border-radius-topleft:10px; /*Firefox*/
-moz-border-radius-topright:10px; /*Firefox*/
-webkit-border-top-left-radius: 10px; /*Sarfari*/
-webkit-border-top-right-radius: 10px; /*Sarfari*/
position:static;
color:#ffffff;
padding-left:15px;
padding-top:2px;
font-size:10px;
}

.divider {
	 width:860px;
	 height:1px;
	 background-color:#181818;
}

.smallheader {
font-size:15px;
font-family:"Trebuchet MS";
color:#6c6c6c;
}

.aboutblue {
color:#ffffff;
}

.date {
background-color:#464646;
padding-left:5px;
padding-top:2px;
width:70px;
height:16px;
color:#ffffff;
}

.largeheader {
padding-top:10px;
font-size:30px;
color:#ffffff;
font-family:"Trebuchet MS";
line-height:20px;
}

.subheader {
font-size:15px;
color:#9f9f9f;
line-height:30px;
}

.portfoliopiece {
width:300px;
height:220px;
background-color:#333333;
float:left;
}

.workportfoliopiece {
width:500px;
height:220px;
border:5px solid;
border-color:#333;
background-color:#333333;
float:left;
}

.blogpiece {
width: 670px;
height: 300px;
background-color:#333333;
}

.spacer {
width:420px;
height:5px;
}

.postings {
padding-left:310px;
padding-right:300px;
}

.blogposting {
padding-top:10px;
padding-right:15px;
}

.workpostings {
padding-left:520px;
padding-right:20px;
}

.postingheader {
color:#c0c0c0;
padding-top:10px;
}

.nav {
color:#9f9f9f;
}

.navbottom {
color:#6c6c6c;
}

.navbottom a {
color:#6c6c6c;
text-decoration:none;
}

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

a:hover {
color:#c0c0c0;
}

.largeheader a:hover {
color:#ffffff;
}

.nav a {
color:#9f9f9f;
text-decoration:none;
}

.nav a:hover {
color:#464646;
text-decoration:none;
}	

.bottombar {
width:100%;
height:30px;
background-color:#1a1a1a;
}

.bottombarcontainer {
position:relative;
margin:auto;
width:862px;
/*padding-left:20px;*/
padding-top:7px;
}

.bottomlinks {
float:left;
}

.bottomcontact {
float:right;
}

.sidebar {
float:right;
width:250px;
line-height:20px;
padding-left:10px;
}

.arrow {
color:#464646;
}

.small_link {
font-size:10px;
color:#6c6c6c	;
}

*                                       { margin: 0; padding: 0; }
a, a img                                { border: 0; text-decoration: none; outline: 0; }

#page-wrap                              { width: 862px; margin: 0 auto 25px; position: relative; padding-top:79px; }
#col1                                   { width: 49%; float: left; margin: 0 0 20px 0; }
#col2                                   { width: 49%; float: right; }

h1                                      { font: bold 60px Helvetica, Sans-Serif; letter-spacing: -2px; margin: 20px 0; text-align: center; }
h2                                      { font: bold 30px Helvetica, Sans-Serif; letter-spacing: -1px; margin: 0 0 10px 0; }
h3                                      { font: 16px Georgia, Serif; margin: 0 0 10px 0; }  
h5                                      { font: 15px Georgia, Serif; text-align: center; }
pre                                     { font: 13px/1.8 Monaco, MonoSpace; margin: 0 0 15px 0; }

ul                                      { margin: 0 0 25px 25px; }
ul li                                   { font: 15px Georgia, Serif; margin: 0 0 8px 0; }

#dl                                     { position: absolute; top: 10px; right: 0; background: black; color: #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 6px; }
#dl:hover                               { background: #666; }

/*
    This stuff is for the TitleBlock Plugin
*/
.image                                  { position: relative; margin-bottom: 20px; width: 100%; }
.image h2                               { position: absolute; top: 220px; left: 0; width: 100%; }
.image h2 span                          { color: white; font: bold 30px/40px Helvetica, Sans-Serif; letter-spacing: -1px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); padding: 6px 8px; }
.image h2 span.spacer                   { padding: 0 2px; background: none; }


/*
    For Specific Slides
*/
#textSlide                              { padding: 10px 30px; }
#textSlide h3                           { font: 20px Georgia, Serif; }
#textSlide h4                           { text-transform: uppercase; font: 15px Georgia, Serif; margin: 10px 0; }
#textSlide ul                           { list-style: disc; margin: 0 0 0 25px; }
#textSlide ul li                        { display: list-item; }

#quoteSlide                             { padding: 30px; }
#quoteSlide blockquote                  { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; }
#quoteSlide p                           { text-align: center; }