a:link,
a:visited,
a:active { text-decoration: none; font-weight: normal; color: #4f575a; outline: none;}
a:hover { text-decoration: underline; font-weight: normal; color: #4f575a; outline: none; }

a:link.underline,
a:visited.underline,
a:active.underline { text-decoration: underline; font-weight: normal; color: #4f575a; outline: none; }
a:hover.underline { text-decoration: underline; font-weight: normal; color: #4f575a; outline: none; }
/* -------------------------------- Default Styles -------------------------------------- */
body { 
    margin: 75px 0 0 0px; 
    font-family: "Lucida Grande","Arial","Helvetica"; 
    background-color: #bccbd0; 
    color: #4f575a; 
    background-image: url(../images/bg.jpg); 
    background-position: top left; 
    background-repeat: repeat-x; 
    font-size: 11px; 
}

h2 { margin: 2px 0px 8px 0px; color: #9a1600; font-size: 190%; font-weight: bold; }
h3 { margin: 2px 0px 5px 0px; font-size: 130%; font-weight: bold; }
strong { font-weight: bold; }
p { margin: 4px 0px 2px 0px; }

.hiddenSubmit { display: none; }

#fatalError { color: #CB0000; border: 1px dashed #cb0000; padding: 10px; margin: 10px; font-size: 90%;}
.errorBox { color:#CB0000; border-top: 1px solid #cb0000; border-bottom: 1px solid #cb0000; padding: 5px; margin-bottom: 5px; }
.errortext { color: #CB0000; padding-bottom: 10px; font-weight: bold; }
.lineError { color: #CB0000; }

.inputText { background-color: #fff; border: 1px solid #c5c3c3; padding: 1px; height: 14px; }
select { background-color: #fff; border: 1px solid #c5c3c3; padding: 1px; }
textarea { background-color: #fff; border: 1px solid #c5c3c3; padding: 1px; }

#surround { 
    background-image: url(../images/pageBG.png);
    background-position: center center;
    background-repeat: no-repeat;
    width: 790px;
    height: 515px;
    text-align: left;
}
#surround .frame {
    padding: 30px 0px 0px 52px;
}

#copyright { color: #94a5ab; }

/* -------------------------------- Button Bar ------------------------- */
#surround .buttonBar {
    background: url(../images/buttonBarBG.gif) bottom right no-repeat;
    height: 25px;
    width: 618px;
    float: right;
    margin: 45px 21px 0 0;
    font-size: 90%;
}

.buttonBar .content { padding-top: 6px; } 

.buttonBar a:link,
.buttonBar a:visited,
.buttonBar a:active { text-decoration: none; font-weight: normal; color: #fff; }
.buttonBar a:hover { text-decoration: none; font-weight: normal; color: #aaa762; }

.buttonBar ul, .buttonBar li {
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: inline;
}

.buttonBar ul { padding: 0px 0px 0px 40px; }
.buttonBar li { padding: 0px 50px 0px 0px; }

/* -------------------------------- Page Content ------------------------- */
#leftContent { float: left; margin: 20px 0 0 52px; }

#pageContent { color: #4f575a; margin: 10px 0 0 255px; }
#pageContent #left { padding-right: 10px; }
#pageContent #right { vertical-align: top; padding: 6px 75px 0 0; }

#pageContent #right .url { font-size: 85%; padding-bottom: 5px; }
#pageContent #right .url a:link,
#pageContent #right .url a:visited,
#pageContent #right .url a:active { text-decoration: none; font-weight: normal; color: #4f575a; }
#pageContent #right .url a:hover { text-decoration: underline; font-weight: normal; color: #1c1c1c; }

#pageContent #right p { padding: 5px 0 0px 0; }



/* -------------------------------- Portfolio ------------------------------- */
#portfolioHeading { 
    width: 170px; 
    height: 45px; 
    margin-top: 288px; 
    background: url(../images/portfolio.gif) bottom left no-repeat; 
}
#nextButtons { text-align: right; outline: none; }
#bottomButtons {  padding: 295px 60px 0 5px; outline: none; }

/* -------------------------------- Contact ------------------------------- */
#contactHeading { 
    width: 150px; 
    height: 45px; 
    margin-top: 288px; 
    background: url(../images/contact.gif) bottom left no-repeat; 
}
#contact #pageContent #text { 
    padding: 0px 120px 0 10px;
}


/* -------------------------------- Resume ------------------------------- */
#resumeHeading { 
    width: 150px; 
    height: 45px; 
    margin-top: 288px; 
    background: url(../images/resume.gif) bottom left no-repeat; 
}
#resume #pageContent #text { 
    padding: 0px 120px 0 10px;
}
#pageContent #text p { 
    padding: 7px 0px 7px 0;
}

/* -------------------------------- Home ------------------------------- */

#homeHeading { 
    width: 150px; 
    height: 45px; 
    margin-top: 288px; 
    background: url(../images/home.gif) bottom left no-repeat; 
}
#homeBG { 
    width: 445px;
    background: url(../images/screenshots.png) top center no-repeat; 
    padding-top: 190px;

}