/* CSS Document */

body {
  background-image: url('images/mainbg.gif');
  background-repeat: repeat-x;
  background-color: #636363;
}

body tr td {
  font-family: arial;
  font-size: 8pt;
  color: #FFFFFF;
}

#border {
  width: 750px;
  border: 1px solid #FFFFFF;
}

#content {
  padding: 5px;
  background-image: url('images/contentbg.gif');
  background-repeat: no-repeat;
  background-position: top;
  height: 65px;
  width: 750px;
}

.header {
  height: 50px;
  background-image: url('images/header.gif');
  background-repeat: no-repeat;
}

.leftcol {
  text-align: left;
  width: 198px;
  background-image: url('images/leftbg.gif');
  background-repeat: repeat-y;
  border-right: 1px solid #FFFFFF;
}

.picture {
  padding: none;
}

.picturearea {
  text-align: left;
  width: 552px;
  background-image: url('images/picturebg.gif');
  background-repeat: repeat-y;
}

.rightcol {
  text-align: left;
  width: 552px;
}

.footer {
  height: 25px;
  background-image: url('images/footer.gif');
  background-repeat: no-repeat;
}

#copyright {
  position: relative;
  top: 7px;
  left: 352px;
  font-size: 7pt;
  width: 400px;
}

/* WEBSITE PORTFOLIO SETTINGS */
.webportfolioarea {
  text-align: left;
  width: 552px;
  background-image: url('images/webportfoliobg.gif');
  background-repeat: repeat-y;
}

.webimage {
  position: relative;
  top: 10px;
  left: 13px;
  border: 1px solid #FFFFFF;
  margin-bottom: 20px;
}

#weblist {
  position: relative;
  top: 5px;
}

#webabout {
  position: relative;
  top: 5px;
  left: 13px;
  width: 295px;
  height: 70px;
}

#webabout a {
  color: #B9B9B9;
}

#webabout a:hover {
  color: #FFFFFF;
}

.webdisplay {
  background-image: url('images/contentbg.gif');
  background-repeat: no-repeat;
  background-position: top right;
  height: 100px;
}

.webportfoliomenu li {
  font-family: arial;
  font-size: 8pt; 
  color: #FFFFFF;
  list-style-image: url('images/bullit.gif');
  position: relative;
  left: -20px;
  top: -10px;
  margin-bottom: 7px;
}

.webportfoliomenu a {
  color: #B9B9B9;
}

.webportfoliomenu a:visited {
  color: #7B7B7B;
}

.webportfoliomenu a:hover {
  color: #FFFFFF;
}

/* VIDEO SETTINGS */
#videobox {
  width: 322px;
  height: 290px;
  position: relative;
  top: 10px;
  left: 13px;
  border: 1px solid #FFFFFF;
  margin-bottom: 20px;
  background-image: url('images/videobggray.gif');
  background-repeat: repeat-x;
}

	#videobox img {
	  border: none;	
	}

/* FONT STYLES */
h1 {
  font-family: arial;
  font-size: 13pt;
  font-weight: bold;
  color: #FFFFFF;
  display: inline;
  margin-bottom: 0px;
}

h2 {
  font-family: arial;
  font-size: 13pt;
  font-weight: bold;
  color: #FFFFFF;
  margin-bottom: 0px;
  margin-left: 13px;
}

h3 {
  font-family: arial;
  font-size: 8pt;
  font-weight: normal;
  color: #FFFFFF;
  display: inline;
  margin-bottom: 0px;
  margin-left: 13px;
  position: relative;
  top: -10px;
}

.photocaption {
  font-family: verdana;
  color: #ffffff;
  font-size: 10pt;
  display: block;
  margin-left: 13px;
}

/* MENU SETTINGS */
#mainmenu {
  position: relative;
  top: 30px;
  left: 200px;
  color: #FFFFFF;
  font-family: arial;
  font-size: 8pt;
  width: 500px;
}

#mainmenu a {
  color: #B9B9B9;
}

#mainmenu a:hover {
  color: #FFFFFF;
}

#leftmenu {
  padding: 5px;
}

/* LEFT MENU LIST SETTINGS */
.leftmenu li {
  font-family: arial;
  font-size: 8pt; 
  color: #FFFFFF;
  list-style-image: url('images/bullit.gif');
  position: relative;
  left: -20px;
  margin-bottom: 7px;
}

.leftmenu a {
  color: #B9B9B9;
}

.leftmenu a:hover {
  color: #FFFFFF;
}

/* ERROR MESSAGES */
.error {
  color: #E50000;
}

.lightsout {
  border: 1px solid #FFFFFF;
}