/* ------------------ D E F A U L T S ------------------ */
* {padding:0; margin:0;}
body {font: normal normal 78%/1.3 Arial, Helvetica, sans-serif; color:#fff; margin:0; padding: 10px; background:#333 url(../images/bgcontent.png) repeat top left; text-align:left;}
p {line-height: 1.4; font-size: 1em;  }
ul {margin-left: 50px; margin-bottom: 10px;}
li { list-style-type:square}
a:link {color: #fff; text-decoration:none; border-bottom:1px dotted #fff }
a:visited {color:#CCC; text-decoration: none; border-bottom: 1px dotted #ccc}
a:hover {color:#fff; text-decoration:none; border-bottom:1px solid #fff}
sup {vertical-align: text-top;}
/* ------------------ center page ------------------ */
#horizon { color: #fff; background-color: transparent; text-align: center;
	position: absolute; top: 50%; left: 0;
	width: 100%; height: 1px; overflow: visible;
	visibility: visible; display: block;}
#land { background-color: transparent; position: absolute;
	top: -260px; left: 50%; height: 480px;
	margin-left: -320px; width: 640px;  visibility: visible}
/* ------------------ H O M E ------------------ */
#home {background: #333 url(../images/myIndex.gif) no-repeat top left; 
   width: 640px; height: 480px; margin: 15px; text-align: left;}
#home h1{ color:#fff; padding: 0 10px; margin:0 0 10px 0; }
#home p {width: 400px; margin:0; padding: 10px; color:#fff; font-size:1.2em;}
#home #content {height: 475px; }
/* -------------- HOME NAV ------------------ */
ul#homnav { margin: 0; padding: 0; 
   margin-left: 350px; background:transparent;
   list-style: none; width: 157px;}
ul#homnav li {  margin: 2px 0 0 0; padding:0; line-height: 50px; list-style-type:none; }
ul#homnav li a {
   height:50px; width: 157px; 
   display:block; text-indent:-9999px; outline:none; border-bottom:none; }
#homfolio a, 
#homfolio a:link,
#homfolio a:visited { 
  background-image: url(../images/portfolio.png);
  background-repeat: no-repeat;
  background-position: 0 0; border-bottom:none;}
#homfolio a:hover { 
   background-position: -173px 0;border-bottom:none;}
#homres a, 
#homres a:link, 
#homres a:visited {
  background-image: url(../images/resume.png);
  background-repeat: no-repeat;
  background-position: top left; border-bottom:none; }
#homres a:hover {
  background-position: -163px 0;border-bottom:none;}

/* ------------------ SUB PAGES ------------------ */
#wrap {background:#333 url(../images/bg_content.png) repeat-y top left; width:640px; margin: 15px; text-align: left; padding:0; }
#masthead {border-top:1px solid #333; background:transparent url(../images/masthead.gif) no-repeat top left; margin:0; padding:0; }
#wrap p { padding: 8px; margin: 0 8px; color:#fff; }
#wrap h1 {padding: 0 5px; margin: 0 5px; letter-spacing:1px; }
#wrap h2 { padding: 0 5px; margin:8px; }
#wrap h3 { padding: 0 5px; margin: 8px; margin-top: 15px; border-bottom: 1px solid #ccc}

.work { border-bottom: 1px dotted #494949; margin: 8px; margin-bottom: 20px; padding: 8px; 
	overflow: hidden; height: auto; width: 90%; }
.work dt { width:190px; float:left; }
.work dd { margin: 0 0 0 210px; padding: 10px 0 0 5px; }
.work strong {font-family: Georgia, "Times New Roman", Times, serif;letter-spacing:1px;}

a.th:link,
a.th:visited {width: 180px; display:block; background:url(../images/click_me1.gif) no-repeat -25px 0px; border-bottom:none;} /*h v*/
a.th:hover {background:url(../images/click_me2.gif) no-repeat -25px 0px; border-bottom:none;}

/* -------------- SUB PAGES NAV ------------------ */
ul#subnav { margin: 0; margin-left: 10px; padding: 0; 
  background:transparent; list-style: none; width: 640px;}
ul#subnav li { margin:0; padding:0; line-height: 20px; 
  list-style-type:none; height:50px; display: block; float: left; }
ul#subnav li a, 
ul#subnav li span { height:50px; text-indent:-9999px; outline:none; display:block; border-bottom:none;}
ul#subnav li#subhome {width: 120px;}
ul#subnav li#subfolio {width: 170px;}
ul#subnav li#subres { width: 157px;}
#subhome a,
#subhome a:link,
#subhome a:visited {
  background-image: url(../images/home.png);
  background-repeat: no-repeat;
  background-position: 0 0;border-bottom:none;}
#subhome a:hover {
  background-position: -163px 0;border-bottom:none;}
   
#subfolio a, 
#subfolio a:link, 
#subfolio a:visited {
  background-image: url(../images/portfolio.png);
  background-repeat: no-repeat;
  background-position: top left; border-bottom:none; }
#subfolio a:hover {
   background-position: -173px 0;border-bottom:none;}
#subfolio span{ 
  background-image: url(../images/portfolio_.png);
  background-repeat: no-repeat;
  background-position: top left;}
 
#subres a, 
#subres a:link, 
#subres a:visited {
  background-image: url(../images/resume.png);
  background-repeat: no-repeat;
  background-position: top left; border-bottom:none; }
#subres a:hover {
   background-image: url(../images/resume.png);
   background-position: -163px 0;border-bottom:none;}
#subres span{ 
  background-image: url(../images/resume_.png);
  background-repeat: no-repeat;
  background-position: top left;}

/* ------------------ F O O T E R ------------------ */
#footer {padding: 0; margin: 0; height: 59px; margin-top: 170px; }
#footer p {width: auto; font-size: 1em; float: right; margin: 15px 4px 0 0; padding: 0; line-height: 1.5; }

#footer2 {padding: 0; margin: 0; height: 300px; margin-top: 20px;background:transparent url(../images/footer.gif) no-repeat bottom left; font-size:0.9em;}
#footer2 p { margin: 4px 4px 0 0; line-height: 1.3;float: none;}
#footer2 p.l {float:left;}
#footer2 div.d {float:right; width:450px; }
#footer2 ul {margin:0; margin-left:35px; line-height:1.3;}
#footer2 li {padding-bottom: 3px;}
#footer2 em {color:#999;}
#footer2 em a:link,
#footer2 em a:visited {color:#999; border-bottom:1px dotted #999;}
#footer2 em a:hover {color:#fff; border-bottom:1px dotted #fff;}

a.ico:link, 
a.ico:visited,
a.ico:hover {border-bottom:none;}