/* ----------------------------------------------------------------+----------------------
 |  Cascading Style Sheet                                          |                      |
  -----------------------------------------------------------------+---------------------*/

    html, body {
    background-color: #fff;
    cursor: default;
    font-family: "Arial", arial, "MS Sans Serif", Geneva, sans-serif;
    font-weight: normal;
    font-size: 10px;
    line-height: normal;
    margin: auto;
    width: 100%;
    padding: 0px 0px 0px 0px;
    min-width: 780px;
    text-align: center;
  }

a:link,a:active,a:visited {
background-color: transparent;
color: #222;
text-decoration: none;
font-family: "Arial Narrow", "MS Sans Serif", Geneva, sans-serif;
font-weight: normal;
font-size: 14pt;
}
a:hover {
background-color: transparent;
color: #555;
text-decoration: none;
font-family: "Arial Narrow", "MS Sans Serif", Geneva, sans-serif;
font-weight: normal;
font-size: 14pt;
}

.here{
font-family: "Arial Narrow", "MS Sans Serif", Geneva, sans-serif;
color: #bbb;
font-weight: normal;
font-size: 14pt;
}

h1 {
      background-color: #transparent;
      padding: 10px 0px 10px 0px;
      margin: 0px auto;
      font-family: "Tacoma", arial, Geneva, sans-serif;
	font-weight: normal;
	font-size: 28pt;
      color: #000;
      text-align: center;
}
h2 {
      background-color: #transparent;
      padding: 0px 0px 10px 0px;
      margin: 0px auto;
      font-family: "Tacoma", arial, Geneva, sans-serif;
	font-weight: normal;
	font-size: 16pt;
      color: #000;
      text-align: center;
}

/*
 -----------------------------------------------------------------------------------------
 | Temp Folio ID's and Classes
 -----------------------------------------------------------------------------------------
*/
#banner {
/* background: url(./images/Name_Home.gif) no-repeat; */
background-color: #fff; 
background-position: center;
margin: 0px auto;
clear: both;
padding: 20px 0px 0px 0px;
width: 780px;
height: 60px;
text-align: center;
}
#content {
background-color: #fff; 
margin: 20px auto;
clear: both;
padding: 0px 0px 0px 0px;
/* height: 711px; */
width: 780px;
text-align: center;
}
#gallery {
background-color: #fff; 
font-family: "Arial", "MS Sans Serif", Geneva, sans-serif;
font-weight: normal;
font-size: 11pt;
width: 600px;
text-align: left;
color: #222;
}
#wrapper {
padding: 0px 0px 0px 0px;
width: 780px;
overflow: hidden;
}
#center {
background-color: #fff; 
font-family: "Arial Narrow", "MS Sans Serif", Geneva, sans-serif;
font-weight: normal;
font-size: 13pt;
padding: 0px 20px 0px 20px;
width: 750px;
line-height: 15pt;
color: #222;
text-align: left;
/* float: left; */
}
#center_port {
background-color: #fff; 
font-family: "Arial Narrow", "MS Sans Serif", Geneva, sans-serif;
font-weight: normal;
font-size: 16pt;
padding: 0px 30px 0px 30px;
width: 665px;
line-height: 15pt;
color: #1f1f1f;
text-align: left;
/* float: left; */
}
#left_page {
background-color: #fff; 
font-family: "Arial Narrow", "MS Sans Serif", Geneva, sans-serif;
font-weight: normal;
font-size: 16pt;
padding: 0px 0px 0px 30px;
width: 300px;
line-height: 15pt;
color: #222;
text-align: left;
float: left;
}
#left_port {
background-color: #fff; 
font-family: "Arial Narrow", "MS Sans Serif", Geneva, sans-serif;
font-weight: normal;
font-size: 16pt;
padding: 0px 0px 0px 30px;
width: 250px;
line-height: 15pt;
color: #1f1f1f;
text-align: left;
float: left;
}
#right_port {
background-color: #1B1513; 
font-family: "Arial Narrow", "MS Sans Serif", Geneva, sans-serif;
font-weight: normal;
font-size: 16pt;
padding: 0px 0px 0px 0px;
width: 400px;
line-height: 15pt;
color: #1f1f1f;
text-align: left;
float: left;
}
#resume {
background-color: #fff; 
font-family: "Arial", "MS Sans Serif", Geneva, sans-serif;
font-weight: normal;
font-size: 13pt;
line-height: 15pt;
margin: 0px auto;
padding: 20px 40px 20px 40px;
width: 575px;
height: 450px;
color: #222;
scrollbar-base-color: #e0e0e0;
border: 1px solid #e0e0e0;
text-align: justify;
overflow : auto; 
}
#resumec {
background-color: #1B1513; 
font-family: "Arial", "MS Sans Serif", Geneva, sans-serif;
font-weight: normal;
font-size: 14pt;
margin: 0px auto;
padding: 20px 20px 20px 20px;
width: 600px;
height: 450px;
color: #efefef;
scrollbar-base-color: #e0e0e0;
border: 1px solid #e0e0e0;
text-align: justify;
overflow : auto; 
}
#center-right {
background-color: #1B1513; 
font-family: "Arial", "MS Sans Serif", Geneva, sans-serif;
font-weight: normal;
padding: 0px 0px 0px 0px;
width: 500px;
font-size: 10pt;
color: #efefef;
text-align: justify;
float: left;
}
#content_bottom {
background-color: #1B1513;
margin: 0px auto;
width: 100%;
clear: both;
font: 12px Verdana,Arial,sans-serif;
color: #7f7f7f;
text-align: center;
}
#nav{
font-family: "Arial", "MS Sans Serif", Geneva, sans-serif;
height: 75px;
font-weight: normal;
font-size: 10pt;
/*
border-bottom: 1px solid #60c8e0;
width: 90%;
*/
}
#info {
background-color: #1B1513; 
font-family: "Arial", arial, "MS Sans Serif", Geneva, sans-serif;
font-weight: normal;
font-size: 12pt;
width: 500px;
text-align: justify;   
}
#grid {
float: left;
}
div.cell {
width: 106px;
height: 106px;
padding-bottom: 20px;
float: left;
}
div.space {
width: 200px;
height: 106px;
padding-bottom: 20px;
float: left;
}

