/* */

/* COMMON */

* { padding:0px; margin:0px; }
html{ height: 100%;  margin-bottom: 1px; }
body { background:url(../_images/background.gif) left top repeat-x #fff; color:#282828; font:normal 12px Arial, Helvetica, sans-serif; }
img { border:0px; }
.floatLeft { float:left; }
.floatRight, .fR { float:right; }
.clear { clear:both; display:block; }
.ovFlow { overflow:hidden; }
#Header, #HomeHeader, #HomeContent, #Footer .holder { width:960px; margin:auto; }

/*----------Header----------*/
#Header .holder { border:1px solid #542d5d; height:72px; background:#562e5f url(../_images/header-bg-purple.gif) left bottom repeat-x; position:relative; }
#Header h1.logo { background: url(../_images/logo.png) left top no-repeat; position:absolute; top:11px; left:24px; }
#Header h1.logo a { width:264px; height:90px; display:block; }
#Header h1.logo a span { display:none; }
#Header .nav { float:right; width:450px; padding-top:8px; height:54px; }
#Header .nav li { display:inline; }
#Header .nav li a { float:left; padding:0px 14px; }
#Header .nav li a span { line-height:54px; display:block; background:url(../images/spacer.gif) center top no-repeat; }
#Header .nav li a span span { text-indent:-9999px; }
#Header .nav li a:hover span, #Header .nav li a.selected span { background:url(../_images/selected.gif) center top no-repeat; }
#Header .nav li.divider { width:2px; background:url(../_images/divider.gif) left top repeat-y; display:block; float:left; height:54px; overflow:hidden; }
#Header .nav li a.about { background:url(../_images/home.gif) center center no-repeat; width:41px; }
#Header .nav li a.resume { background:url(../_images/resume.gif) center center no-repeat; width:59px }
#Header .nav li a.portfolio { background:url(../_images/portfolio.gif) center center no-repeat; width:90px }
#Header .nav li a.contact { background:url(../_images/contact.gif) center center no-repeat; width:67px }


/*----------HomeHeader----------*/
#HomeHeader { background:url(../_images/bg-white.gif) left top repeat; }
#HomeHeader .holder { background:url() 35px 62px no-repeat; position:relative; }
#HomeHeader .workHolder { height:375px; background:url(../_images/template-holder.jpg) right top no-repeat; }
/* #HomeHeader .contentHolder { height:690px; background:url(../_images/main_content_area.jpg) left top no-repeat; } */
#HomeHeader .contentHolder { height:350px; background:url() left top no-repeat; }
#HomeHeader .tagline { width: 910px; margin-left: 25px; border-bottom:#F60; border-bottom-width: thin; border-bottom-style: solid; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; padding-bottom: 10px;}
#HomeHeader .aboutMe {float:left; width: 310px; margin-left: 25px; margin-top:10px; border-bottom:#F60; border-bottom-width: medium; border-bottom-style: solid; font-family:Tahoma, Geneva, sans-serif; font-size:16px;}
#HomeHeader .aboutMesum {float:left; width: 290px; margin-left: 25px; margin-top: 15px; padding:10px; background-color: #e0e4e4; font-family:Tahoma, Geneva, sans-serif; font-size:14px; line-height: 20px;}
#HomeHeader .currentProject {float:right; background-position:top; width:580px; margin-right: 25px; margin-top: 10px; border-bottom:#F60; border-bottom-width: medium; border-bottom-style: solid; font-family:Tahoma, Geneva, sans-serif; font-size:16px;}
#HomeHeader .currentProjectInfo {float:right;  background-position:top; width:580px;  margin-right: 25px; margin-top: 10px; font-family:Tahoma, Geneva, sans-serif; font-size:12px;}

#HomeHeader .currentProjectInfo a { color:#F60;}
#HomeHeader .currentProjectInfo a:visited { color:#F60;}
#HomeHeader .currentProjectInfo a:hover { color:#562e5f;}


#HomeHeader .goal {float:right;  background-position:top; width:560px; padding:10px; margin-right: 25px; margin-top: 10px; font-family:Tahoma, Geneva, sans-serif; font-size:14px; background-color:#e0e4e4;}
#HomeHeader .container { width:345px; height:217px; position:absolute; top:57px; left:489px; }

#HomeHeader .container .top { width:345px; height:196px;padding-left: 10px; }
#HomeHeader .container .bottom { background:#202020 url() left top no-repeat; line-height:21px; padding-left:146px; font-size:11px; color:#fff; }
#HomeHeader .container .bottom a { color:#fff; text-decoration:none; }
#HomeHeader .container .bottom a:hover { color:#ffcc00; }

/*----------HomeContent----------*/
#HomeContent .top, #HomeContent .topNxt, #HomeContent .mid { padding-left:23px; padding-right:23px; }
#HomeContent .top { background:url(../_images/home-content-top.jpg) left top no-repeat #4a2242; padding-top:19px; }
#HomeContent .topNxt { background: #000000; padding-top:15px; }
#HomeContent .topNxt h4 span { display:none; }

#HomeContent .topNxt .resumeHdr { height:29px; background:url(../_images/resume.png) left top no-repeat; }
#HomeContent .topNxt .portfolioHdr { height:29px; background:url(../_images/portfolio.png) left top no-repeat; }
#HomeContent .topNxt .contactHdr { height:65px; background:url() left top no-repeat; }

#HomeContent .mid { background:url() left top no-repeat #fff; padding-top:25px; padding-bottom:10px; }
#HomeContent .mid .floatLeft, #HomeContent .mid .floatRight { width:49%; }

#HomeContent h2 { display:block; height:37px; }
#HomeContent h2 span, #HomeContent h3 span span { display:none; }
#HomeContent h2.welcome { background:url(../images/welcome.gif) left top no-repeat; }
#HomeContent h3 { height:53px; display:block; background:url(../images/heading-bg.gif) left 32px no-repeat; font:normal 20px "Trebuchet MS", Arial, Verdana; text-transform:uppercase; }
#HomeContent h3 span { height:33px; display:block; }

#HomeContent { line-height:18px; }

#HomeContent .txtArea p { margin-bottom:18px; }
#HomeContent .txtArea p.format {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.0em; }
#HomeContent .txtArea h1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.4em; }
#HomeContent .txtArea h4 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.2em; }
#HomeContent .txtArea a { color:#ff5706; text-decoration:underline; }
#HomeContent .txtArea a:hover { text-decoration:none; }

/*----------Footer----------*/
#Footer { border-top:1px solid #dfdfdf; background:url() left top repeat-x; padding:15px 0px; font-size:11px; color:#555555; line-height:18px; }
#Footer a { color:#ff6c00; text-decoration:underline; }
#Footer a:hover { text-decoration:none; }
#Footer .floatLeft { width:350px; padding-left:23px; }
#Footer .floatRight { width:200px; text-align:right; }