/* BASE */
body{
 background-image: url(body_bg.png);
 background-repeat: repeat;
 margin: 0px;
}
.container{
 margin: auto;
 width: 706px;
}
.head{
 background-image: url(head_bg.png);
 background-repeat: repeat-x;
 margin: 0px;
 height: 95px;
}
.nav_container{
 background-image: url(body_bg.png);
 background-repeat: repeat;
 margin: 0px;
 width: 203px;
 height: 95px;
 float: right;
}
.nav_button{
 margin: 3px 0px 0px 0px;
 float: left;
 display: inline;
}
.foot{
 background-image: url(foot_bg.png);
 background-repeat: repeat-x;
 margin: 3px 0px 0px 0px;
 height: 60px;
}
.foot2{
 background-image: url(body_bg.png);
 background-repeat: repeat;
 height: 60px;
 width: 203px;
 float: right;
}
.foot3{
 background-image: url(foot_bg.png);
 background-repeat: repeat-x;
 margin: 0px 0px 0px 3px;
 height: 60px;
 width: 197px;
}

/* CONTENT */
.content_head_bodybg{
 background-image: url(content_head_bodybg.png);
 background-repeat: repeat;
 margin: 3px 0px 0px 0px;
 width: 100%;
 height: 3px;
 font-size: 0px;
 float: left;
 display: inline;
}
.content_head{
 background-color: #FF6600;
 margin: 0px 0px 3px 3px;
 width: 100%;
 height: 3px;
 float: left;
 display: inline;
}
.content_bodybg{
 background-image: url(content_bodybg.png);
 background-repeat: repeat;
 margin: 3px 0px 0px 0px;
 width: 100%;
 float: left;
 display: inline;
}
.content_container{
 background-image: url(body_bg.png);
 background-repeat: repeat;
 margin: 0px;
 width: 706px;
 float: left;
 display: inline;
}
.content_container2{
 background-image: url(content_container2_bg.png);
 background-repeat: repeat;
 margin: 0px 0px 0px 3px;
 width: 700px;
 float: left;
 display: inline;
}
.content_500w{
 margin: 0px;
 width: 500px;
 float: left;
 display: inline;
}
.content_197w{
 margin: 0px 0px 0px 3px;
 width: 197px;
 float: left;
 display: inline;
}
.content_bodyLeft{
 margin: 5px;
 width: 490px;
 float: left;
 display: inline;
}
.content_bodyRight{
 padding: 5px;
 width: 187px;
 float: right;
 display: inline;
}
.content_title{
 background-image: url(content_title_bg.png);
 background-repeat: repeat;
 margin: 5px 0px 0px 0px;
 width: 100%;
 height: 25px;
 float: left;
 display: inline;
}

/* TEXT */
hr{
 margin: 5px 0px 5px 0px;
 background-color: #FF6600;
 color: #FF6600;
 height: 2px;
 border-width: 0px;
}
h2.content_titleLeft{
 margin: 0px;
 padding: 2px 0px 1px 5px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 18px;
 font-weight: normal;
 color: #333333;
 letter-spacing: 1px;
 line-height: normal;
 text-align: left;
 text-transform: uppercase;
}
h2.content_titleRight{
 margin: 0px;
 padding: 2px 4px 1px 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 18px;
 font-weight: normal;
 color: #333333;
 letter-spacing: 1px;
 line-height: normal;
 text-align: right;
 text-transform: uppercase;
}
h3.titleLeft{
 margin: 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #CCCCCC;
 letter-spacing: normal;
 line-height: normal;
 text-align: left;
}
h3.titleRight{
 margin: 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #CCCCCC;
 letter-spacing: normal;
 line-height: normal;
 text-align: right;
}
p{
 margin: 5px;
}
p.left{
 margin: 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #999999;
 letter-spacing: normal;
 line-height: normal;
 text-align: left;
}
p.leftIndent{
 margin: 5px 0px 0px 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #999999;
 letter-spacing: normal;
 line-height: normal;
 text-align: left;
 text-indent: 5px;
}
p.leftIndentNoMargin{
 margin: 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #999999;
 letter-spacing: normal;
 line-height: normal;
 text-align: left;
 text-indent: 5px;
}
p.right{
 margin: 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #999999;
 letter-spacing: normal;
 line-height: 14px;
 text-align: right;
}
p.footLeft{
 margin: 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 color: #FF6600;
 letter-spacing: 1px;
 line-height: 8px;
 text-align: left;
}
p.footRight{
 margin: 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 color: #FF6600;
 letter-spacing: 1px;
 line-height: 8px;
 text-align: right;
}

/* TABLE ELEMENTS */
.table{
 margin: 0px 0px 5px 0px;
 width: 490px;
 float: left;
}
.tableCol1{
 margin: 0px;
 width: 100px;
 float: left;
}
.tableCol2{
 margin: 0px;
 width: 390px;
 float: left;
}

/* LINKS */
a:link{
 color: #CCFF00;
 text-decoration: none;
}
a:hover{
 color: #FFFF00;
 text-decoration: none;
}
a:active{
 color: #666666;
 text-decoration: none;
}
a:visited{
 color: #CCFF00;
 text-decoration: none;
}
a:visited:hover{
 color: #FFFF00;
 text-decoration: none;
}
a:visited:active{
 color: #666666;
 text-decoration: none;
}

a.footLink:link{
 color: #FF6600;
 text-decoration: none;
}
a.footLink:hover{
 color: #666666;
 text-decoration: none;
}
a.footLink:active{
 color: #666666;
 text-decoration: none;
}
a.footLink:visited{
 color: #FF6600;
 text-decoration: none;
}
a.footLink:visited:hover{
 color: #666666;
 text-decoration: none;
}
a.footLink:visited:active{
 color: #666666;
 text-decoration: none;
}

/* LISTS*/
ul{
 margin: 4px 0px 0px 0px;
 padding: 0px 0px 0px 17px;
 list-style-type: disc;
 list-style-position: outside;
}
li{
 margin: 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #999999;
 letter-spacing: normal;
 line-height: normal;
 text-align: left;
}

/* FEATURE/RECENT ELEMENTS */
.feature_title{
 background-image: url(feature_title_bg.png);
 background-repeat: repeat-x;
 margin: 0px;
 width: 100%;
 height: 20px;
 float: left;
 display: inline;
}
h3.feature_title_h3{
 margin: 0px;
 padding: 2px 0px 2px 4px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 color: #333333;
 letter-spacing: 1px;
 line-height: normal;
 text-align: left;
}
.recent_title{
 background-image: url(content_bodybg.png);
 background-repeat: repeat;
 margin: 0px;
 width: 100%;
 height: 33px;
 float: left;
 display: inline;
}
h3.recent_title_h3{
 margin: 0px;
 padding: 8px 5px 0px 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 color: #999999;
 letter-spacing: 1px;
 line-height: normal;
 text-align: right;
}
.imgLink img{
 border: 5px solid #666666;
 text-decoration: none;
}
.imgLink:link img{
 border: 5px solid #666666;
 text-decoration: none;
}
.imgLink:hover img{
 border: 5px solid #FFFF00;
 text-decoration: none;
}
.imgLink:hover{
 border: 0px solid #FFFF00;
 text-decoration: none;
}
.imgLink:active img{
 border: 5px solid #666666;
 text-decoration: none;
}

.imgLink2 img{
 border: 2px solid #666666;
 text-decoration: none;
}
.imgLink2:link img{
 border: 2px solid #666666;
 text-decoration: none;
}
.imgLink2:hover img{
 border: 2px solid #FFFF00;
 text-decoration: none;
}
.imgLink2:hover{
 border: 0px solid #FFFF00;
 text-decoration: none;
}
.imgLink2:active img{
 border: 2px solid #666666;
 text-decoration: none;
}

/* PORTFOLIO */
p.statusGreen{
 margin: 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #CCFF00;
 letter-spacing: normal;
 line-height: normal;
 text-align: left;
}
p.statusRed{
 margin: 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: bold;
 color: #CC3300;
 letter-spacing: normal;
 line-height: normal;
 text-align: left;
}
.imgL{
 margin: 0px;
 width: 500px;
 float: left;
 display: inline;
}
.imgR{
 margin: 0px 0px 0px 3px;
 width: 197px;
 float: right;
 display: inline;
}

/* FORM ELEMENTS */
form{
 margin: 0px;
}
input.default{
 background-color: #333333;
 margin: 0px 0px 4px 0px;
 padding: 0px 3px 0px 3px;
 border-width: 2px;
 border-style: solid;
 border-color: #1F1F1F;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 11px;
 color: #666666;
 letter-spacing: normal;
 background-color: #2A2A2A;
}
input:focus {
 color: #CCCCCC;
 background-color: #333333;
}
textarea.default{
 background-color: #333333;
 margin: 0px;
 padding: 0px 3px 0px 3px;
 border-width: 2px;
 border-style: solid;
 border-color: #1F1F1F;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 11px;
 color: #666666;
 letter-spacing: normal;
 overflow: auto;
 background-color: #2A2A2A;
}
textarea:focus {
 color: #CCCCCC;
 background-color: #333333;
}
input.submit{
 background-color: #333333;
 margin: 4px 0px 0px 0px;
 padding: 0px;
 border-width: 2px;
 border-style: solid;
 border-color: #1F1F1F;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 11px;
 color: #CCFF00;
 letter-spacing: 1px;
}
select.default{
 background-color: #2A2A2A;
 margin: 0px 0px 4px 0px;
 padding: 0px;
 border-width: 2px;
 border-style: solid;
 border-color: #1F1F1F;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 11px;
 color: #666666;
 letter-spacing: normal;
}
select.default:focus{
 color: #CCCCCC;
 background-color: #333333;
}

/* NAV BUTTONS */
#navHomeBtn, #navAboutBtn, #navPortfolioBtn, #navResumeBtn, #navContactBtn {
    width:197px;
    margin:0px 0px 0px 3px;
	float:left;
}
#navHomeBtn a:hover, #navAboutBtn a:hover, #navPortfolioBtn a:hover, #navResumeBtn a:hover, #navContactBtn a:hover {
    background-position:197px 0px;
}
#navHomeBtn a {
    display:block;
    width:197px; /*this value is half the image width*/
    height:16px;
    background-image:url(/layout/navHome.jpg);
    background-position:0px 0px;
}
#navAboutBtn a {
    display:block;
    width:197px; /*this value is half the image width*/
    height:16px;
    background-image:url(/layout/navAbout.jpg);
    background-position:0px 0px;
}
#navPortfolioBtn a {
    display:block;
    width:197px; /*this value is half the image width*/
    height:16px;
    background-image:url(/layout/navPortfolio.jpg);
    background-position:0px 0px;
}
#navResumeBtn a {
    display:block;
    width:197px; /*this value is half the image width*/
    height:16px;
    background-image:url(/layout/navResume.jpg);
    background-position:0px 0px;
}
#navContactBtn a {
    display:block;
    width:197px; /*this value is half the image width*/
    height:16px;
    background-image:url(/layout/navContact.jpg);
    background-position:0px 0px;
}

/* ADMIN */
.content_700w{
 margin: 0px;
 width: 700px;
 float: left;
 display: inline;
}
.content_container2b{
 background-color: #333333;
 margin: 0px 0px 0px 3px;
 width: 700px;
 float: left;
 display: inline;
}