*
{
      margin: 0;
      padding: 0;
}

a img
{
       border: none;
}

body 
{
       background: url(../images/background.gif);
       text-align: center;
       min-width: 820px;
}

h1
{
       text-align: center;
}

.left
{
       text-align: left;
}

#content li p
{
       font: Helvetica, Arial sans-serif;
       font-size: 1em;
       margin-bottom: 0;
       font-weight: bold;
}

.bold
{
       font-weight: bold;
}

#accessibility
{
        position: absolute;
        top: -300px;
}

#wrapper
{ 
       background: url(../images/faux_columns.gif) repeat-y; 
       margin: 0 auto; 
       width: 806px; 
       text-align: left;
}

#clear
{
       clear:both;
}

.articleblock
{
       padding-bottom: 25px;
}

.floatleft
{
       float:left;
}

/* start masthead */	
#masthead
{
       position: relative;
	background: url(../images/masthead.gif) no-repeat bottom;
	height: 20em;
	width: 806px;
       padding-bottom: 1em;
}

#description
{
       position: absolute;
       right: 0;
       width: 210px;
       height: auto;
       padding: 20px;
}
 
#description h1, p
{
       font-family: Helvetica, Arial, serif;
       font-size: 1.2em;
       color: #fff;
       font-weight: bold;
}

#description p 
{
       font-size: 0.76em;
       font-weight: normal;
       line-height: 1.5em;
       text-align: left;
       padding-top: 15px;
}

#description img
{
       position: absolute;
       top: 0;
       width: 159px;
       height: 166px;
       margin: -1px 0 0 138px;
       padding: 0;
}

.left h1, .left p
{
       text-align: left;
       width: 140px;
}

.about
{
       text-align: left;
}

#masthead ul
{
       position: absolute;
       bottom: 0;
       right: 0;
       margin: 0;
       padding: 0;
       width: 675px;
       height: 35px;
       list-style: none;
       float: left;
}

#masthead ul li 
{
       float: left;
}

#masthead a
{
       display: block;
       width: 135px;
       line-height: 35px;
       text-align: center;
       font-family: Helvetica, Arial, serif;
       font-size: 0.9em;
       color: #fff;
       text-decoration: none;
}

#masthead ul a:hover
{
       font-size: 1.1em;
       font-weight: bold;
}

#blog #masthead ul .blog a,
#about #masthead ul .about a,
#portfolio #masthead ul .portfolio a,
#services #masthead ul .services a,
#contact #masthead ul .contact a
{
        font-size: 1.1em;
        font-weight: bold;
        cursor: default;
}
/*end masthead*/


/*start content*/
#content
{
       float: left; 
       display: inline; /*IE double margin hack*/
       margin-left: 110px;
       width: 425px;
       height: auto;
       padding: 25px 0 0 0;
}

#content img
{
       margin-bottom: 10px;
}

#content h2, #content h3
{
       font-family: Helvetica, Arial, serif;
       font-size: 1.4em;
       color: #666;
       font-weight: bold;
       margin-bottom: 0em;
}

#content h3
{
       font-size: 0.9em;
       font-weight: normal;
}

#content p, #content li
{
       font-family: Helvetica, Arial, serif;
       font-size: .8em;
       font-weight: normal;
       color: #000;
       line-height: 1.8em;
       text-align: left;
       margin-bottom: 1em;

}

#content a:link
{
       text-decoration: none;
       color: #000;
       font-size: .9em;
       line-height: 1.8em;
}      

#content a:hover
{
       text-decoration: underline;
}

#content a
{
       color: orange;
}

#content li
{
       background: url(/images/starbullet.gif) no-repeat left 6px;
       padding-left: 15px; 
}

#content ul
{
       list-style-type: none;
       padding: 0;
       margin: 0 0 0 15px;
}

#content legend
{
       font-family: Helvetica, serif;
       font-size: 1em;
       font-weight: bold;
       color: #696969;
       background-color: #fff;
       padding: 5px;
       border: 1px solid #696969;
}

#content label
{
       display: block;
       font-family: Helvetica, serif;
       color: #696969;
       font-size: .9em;
       padding-bottom: .2em;     
}

#content fieldset
{
       margin: 1em 0;
       padding: 1em;
       border: 0;
       background: #fdedcd;
}

#content em
{
      color: orange;
}

#content input
{
       width: 300px;
}

#content textarea
{
       width: 300px;
       height: 150px;
}

#content #button
{
       width: auto;
}

.imagecaption
{
	padding: 10px;
	margin-right: 10px;
	background-color: orange;
}

#content .caption
{
	font: Helvetica, Arial, sans-serif;
	color: #fff;
	font-size: 12px;
	padding: 10px;
	margin: -10px 10px 0 0;
	background-color: orange;
	width: 185px;
}

}
/*end content*/



/* start secnav */
#secnav
{
        float: right;
        width: 210px;
        padding: 25px 20px;
}

    #secnav h3
    {
         font-family: Helvetica, serif;
         font-size: 1.2em;
         color: #fff;
         font-weight: bold;
    }
 
   #secnav h4, #description h4
    {
        font-family: Helvetica, serif;
        font-size: 1em;
        color: #fff;        
        font-weight: bold;
        font-style: italic;
        margin-top: 8px;
    }

    #secnav p
    {
        font-family: Helvetica, serif;
        font-size: .8em;
        color: #fff;
        text-align: left;
        font-weight: normal;
        padding: 10px 0;
     }
/* end secnav */



/* start footer */
#footer
{
        width: 720px;
        height: 35px;
}

#footer li
{         
       font-family: Helvetica, Arial, serif;
       font-size: 0.7em;
       color: #663300;
       padding: 0 35px 0 20px;
       margin: 0 0 0 86px;
       list-style: none;
       line-height: 35px;
       text-align: left;
}
/* end footer */