/* DARCIE'S COMMON CSS: */
html,body {
margin:0;
padding:0;
height: 100%;
width: 100%;
background:#000000;
color: #393939; 
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
text-align: center;
line-height:14pt;
}
a:link {color: #766e9d;text-decoration: none}     	
a:visited {color: #766e9d;text-decoration: none} 	
a:hover {color: #766e9d;text-decoration: underline}   

img { border: 0; }
img.lightborder { border: solid 2px #dbd8e3; } 
img.darkborder { border: solid 2px #b2b8d8; } 	 
.leaf { background: url('../images/icon/leaf.gif') left center no-repeat; padding-left: 20px; }

/* ============= Vertical Align ================ */
/*

#outer {
	width: 40em;
  border: 1px solid #888;
  background-color: #bce;
  text-align: left;
  margin: 0 auto;
  padding: 0 0 2em;
} */
/*
Works in IE4+/Win, Opera 5+, Netscape 6+, Firefox, Konqueror 3, Safari 
Does not work in NS4.x.
It requires some JavaScript to make it work in IE5/Mac.
*/

table.centerBoth {
  border-spacing: 0;
  border-collapse: collapse;
  height: 100%;
  width: 100%;
}
table.centerBoth,table.centerBoth td {
  padding: 0;
  margin: 0;
  border: 0 none;
}
table.centerBoth td {
  text-align: center; /* IE/Win bug fix */
}
/* ====================================== */

#container {
width: 930px;
height: 600px;
background:#000000 url('../images/bg.jpg') top center no-repeat;
margin: 0 auto;
text-align: left;
}
#bx1 {
}
#logo {
float: left;
width: 573px;
height: 128px;
}
#main_menu {
float: left;
padding-top: 56px;
padding-left: 0px;
}
#port_menu {
padding-top: 175px;  /* 303 - 56 - (3*24)= 303 - 128 */
padding-left: 0px;
float: left;
height: 297px;  /* 600 - 128 - 175 = 600 - 303   */
}
#main {
float: left;
height: 472px; /* 600 - 128 */
width: 668px; /* 930 - 260 = 670 */
}

/* use in portfolio pages */
#main_content_port {
padding-top: 100px; 
padding-right: 40px; 
padding-left: 40px; 
}

/* use in home, link, and resume page */
#main_content_gen { 
padding-top: 55px; 
padding-right: 118px; 
padding-left: 27px; 
}

.ad_thumb {padding:0 0 10px 0;}