/* Browser Reset */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
ol, ul {list-style: none;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset, img {border: 0;}
caption, th {text-align: left;}
q:before, q:after {content: '';}


#bgwrap {width:793px; margin:0 auto;}
#colorbg {width:793px; height:593px; position:absolute; z-index:1; background-color:#d7b52c;}
.clearing {clear:both;}
#mainbg {width:793px; height:593px; background:url(../i/newsplat.png) no-repeat; position:absolute; z-index:2;}

a:link {text-decoration:underline;} a:visited {text-decoration:underline;}
a:hover {text-decoration:none;} a:active {}

#mainbody {width:100%; position:absolute; top:0;  z-index:4}
#wrapper {width:793px; margin:0 auto;}
#contbg {width:100%; position:absolute; top:113px; z-index:3; background:url(../i/shadow.png) repeat-x; height:593px;}
#header { height:68px;}
#header h1 {text-indent:-999px; width:750px; height:68px; margin:0 auto;}

#navi {height:45px; margin:0px; padding:0px; width:793px;}
#navi ul {width:701px; float:left;}
#navi li {float:left;}
#navi a { text-indent: -999999px; overflow:hidden; display:block; height:45px;}
#whiteone {float:left; width:46px; background:#fff; height:45px; margin:0; padding:0;}
#whitetwo {float:left; width:43px; background:#fff; height:45px; margin:0; padding:0;}

.homebtn {width:101px; background:url(../i/nav.png) -99px 0;  }
.homebtn:hover {background-position:-99px -45 px;}

.portfoliobtn {width:179px; background:url(../i/nav.png) -200px 0px; }
.portfoliobtn:hover{background-position:-200px -45px;}

.blogbtn {width:96px; background:url(../i/nav.png) -380px 0;}
.blogbtn:hover {background-position:-380px -45px;}

.aboutmebtn {width:168px; background:url(../i/nav.png) -476px 0; }
.aboutmebtn:hover {background-position:-476px -45px;}

.contactbtn {width:157px; background:url(../i/nav.png) -644px 0;}
.contactbtn:hover{background-position: -644px -45px;}

#maincont {width:793px; padding-left:30px;}
#leftspace{float:left;}
#body {float:left; width:735px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.8em; color:#473e27;}
#body a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#473e27;}
#content {float:left; width:420px; padding:0 25px 0 20px; position:relative;}
#middlespace {float:left;}
#rightside {float:left; padding:60px 0 0 30px;}
#rightspace {float:left;}


#skillsetitle {height:17px; width:78px; background:url(../i/skillset_title.png) no-repeat; text-indent:-9999px; margin-bottom:15px;}
#rightside li {float:left; margin:0 4px 0 0;}
#rightside ul {width:204px;}
#rightside p {margin:60px 0 15px 0; font-size:14px;}
#resume {width:84px; height:17px; background:url(../i/resume_title.png) no-repeat; text-indent:-9999px; margin-bottom:25px;}
.resdown {background:url(../i/icn_pdf.gif) no-repeat; padding:10px 0 15px 40px; font-size:14px; }
.resdown a:link {text-decoration:none;} .resdown a:visited {text-decoration:none;}
.resdown a:hover {text-decoration:underline;} .resdown a:actvie {}
#rscopy {margin-top:35px;}
#rscopy p {font-size:9px; line-height:1.4em; margin:5px 0px; width:170px;}
#rscopy  a:link {font-size:9px;} #rscopy a:visited { font-size:9px;}
#rscopy  a:hover {font-size:9px;} #rscopy  a:active {font-size:9px;}


#welcomespace {padding-top:60px; padding-right:15px; opacity:1; filter: alpha(opacity = 1); background-color:;}
#welcomespace h2 {width:135px; height:23px; background:url(../i/welcome_title.png) no-repeat; text-indent:-9999px; margin-bottom:15px;}
#welcomespace p {margin-left:10px;}

#aboutmespace {padding-top:60px; padding-right:15px; opacity:1; filter: alpha(opacity = 1); background-color:; }
#aboutmespace h2 {width:143px; height:23px; background:url(../i/aboutme_title.png) no-repeat; text-indent:-9999px; margin-bottom:15px;}
#aboutmespace img {float:left; margin-right:10px; margin-left:10px;}
#aboutwrap {float:left; width:280px;}
#aboutwrap p {margin:0 0 3px 0; }
#aboutwrap img {float:none;}

#blogspace {padding-top:60px; padding-right:15px;  opacity:1; filter: alpha(opacity = 1); background-color:; padding-bottom:25px;}
#blogspace h2 {width:128px; height:29px; background:url(../i/blog_title.png) no-repeat; text-indent:-9999px; margin-bottom:15px;}

#portfoliospace {padding-top:60px; padding-right:15px;  opacity:1; filter: alpha(opacity = 1); background-color:;}
#portfoliospace h2 {width:129px; height:29px; background:url(../i/portfolio_title.png) no-repeat; text-indent:-9999px; margin-bottom:15px;}

#contactspace {padding-top:60px; padding-right:15px;  opacity:1; filter: alpha(opacity = 1); background-color:;}
#contactspace h2 {width:114px; height:22px; background:url(../i/contact_title.png) no-repeat; text-indent:-9999px; margin-bottom:15px;}
#contactspace li {margin:4px 0; padding-left:22px; margin-left:10px;}
#contactspace img {margin-right:5px;}
.vcard {display:none;}
#phone {background:url(../i/phone_icon.png) no-repeat;}
#email {background:url(../i/email_icon.png) no-repeat;}
#twitter {background:url(../i/twitter_icon.png) no-repeat;}
#facebook {background:url(../i/facebook.png) no-repeat;}
#vcard {background:url(../i/vcard.png) no-repeat;}

.portholder {width:415px; background:url(../i/port_splat.png) no-repeat; padding:17px 0 0 14px; margin-bottom:10px;}
.portholder h3 {width:377px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.8em; color:#473e27; background:#f9f9f9;  padding-left:10px;}
.endcap {width:367px; height:5px; background:#f9f9f9; border-bottom:1px solid #afafaf; padding:3px 10px;}

#pgexpand, #aexpand, #nlexpand, #fgexpand, #ulexpand, #artexpand {width:387px; background:#efefef;}
.portholder p {margin-bottom:10px; padding:10px 10px 0 10px;}
.portholder div a {display:block; margin:6px 10px ;}
#artexpand a{margin:0; display:inline; text-decoration:underline;}
.smalltn img {margin:0 8px; border:1px solid #473e27;}
.dllink {background:url(../i/icn_pdf_sm.png) no-repeat; padding-left:22px; margin-left:15px !important; margin-top:15px !important; padding-top:3px;}
.jacker {height:2px;}
.blogcont {width:414px; border-bottom:1px solid #473e27; padding-bottom:10px; margin-left:10px; margin-top:35px;}
.blogcont ul {margin-left:15px; margin-top:10px;}
.date {font-size:10px;}
.blogcont p {border-top:1px solid #473e27; padding-top:10px;}
.blogcont h3 {font-size:16px;}

.dd {background:url(../i/icn_pdf_sm.png) no-repeat; padding-left:22px;}
#homediv {width:330px; height:60px; margin-left:55px}

#fcontact {margin-top:15px;}