/* CSS Document */

html, body {
	height: 100%;
}

body {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 70%;
	background-image: url(../images/backgrounds/body.gif);
	background-position: top center;
	background-repeat: repeat-y;
	background-color: #eee;
	padding: 0px;
	margin: 0px;
}

#pageLayout {
	width: 750px;
	height: 100%;
	margin: 0px auto 0px auto;
	clear: both;
}

#header {
  background-image: url(../images/backgrounds/header.gif);
	background-position: top left;
	background-color: #8b0b04;
  border-bottom: 1px solid white;
	padding: 12px;
	width: auto;
}

#pageTitleDiv {
	position: relative;
	top: 0px;
	left: 300px;
}

#topNav {
	padding: 6px 15px 8px 15px;
}

.contentArea {
	color: black;
  line-height: 150%;
  background-color: white;
	padding: 1px 15px 25px 15px;
	display: table;
	width: 750px;
}

.column {
	width: 33%;
	float: left;
}

#title1 {
}

#title2 {
	font-weight: bold;
  color: white;
	padding: 4px;
}

h2 {
	font-size: 150%;
	color: #8b0b04;
}

strong {
	font-size: 105%;
	color: #000;
}

li {
	margin-bottom: 6px;
}

#onthispage {
	border-bottom: 1px dotted #999;
	color: #000;
	padding: 0px 0px 15px 0px;
}
	
#footer {
	font-size: 80%;
	line-height: 200%;
	color: white;
	width: 750px;
	margin: 0px auto 0px auto;
	padding: 12px;
	clear: both;
}
	
#footerInfo {
  width: 375px;
  float: left;
}

#footerIcons {
  width: 350px;
  text-align: right;
  float: left;
}

a:link,
a:active,
a:visited {
	color: #00c;
	text-decoration: underline;
}

a:hover {
	color: #c00;
	text-decoration: underline;
}

a.whiteLink:link,
a.whiteLink:active,
a.whiteLink:visited {
	color: white;
}

a.whiteLink:hover {
	color: yellow;
}

#topNav a:link,
#topNav a:active,
#topNav a:visited {
	font-weight: bold;
	color: white;
	margin-right: 1em;
}

#topNav a:hover {
	color: yellow;
	text-decoration: underline;
}

.portfolioImage {
	border: 1px solid #999;
}

.fileList {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

.iframePage {
	background-color: #fff;
}

hr {
	border: 1px dotted #999;
	height: 1px;
	margin: 24px; 
}

.hr2 {
	border: 1px dotted #999;
	height: 1px;
	width: 100%;
	margin: 0px 0px 20px 0px;
}

#profileLinks {
  float: left;
  width: 150px;
  display: table;
  padding-top: 3px;
}

.profileTab {
  background-color: #f2f2f2;
  margin-bottom: 4px;
  padding: 4px 8px 6px 8px;
}

.profileTabActive {
  font-weight: bold;
  background-color: #ddd;
  margin-bottom: 4px;
  padding: 6px 8px 6px 8px;
}

#profileArea {
  background-color: #ddd;
  float: left;
  padding: 12px;
  width: 540px;
}

.portfolioItem {
  display: table;
}

.portfolioThumbnail {
  padding: 12px 12px 6px 12px;
}

.portfolioDescription {
  padding: 6px 12px 24px 12px;
}

.portfolioDescription li {
  margin: 1px 1px 1px 1px;
}

#businessFacelift {
  background-image: url(../images/titles/business-facelift.gif);
  background-repeat: no-repeat;
  background-position: top left;
  background-color: black;
  color: white;
  padding: 120px 12px 12px 12px;
  margin-top: 15px;
  float: left;
  width: 206px;
}

#designServices {
  background-image: url(../images/titles/design-services.gif);
  background-repeat: no-repeat;
  background-position: top left;
  background-color: #8b0b04;
  color: white;
  padding: 120px 12px 12px 12px;
  margin: 15px 15px 0px 15px;
  float: left;
  width: 206px;
}

#clientLogin {
  background-image: url(../images/titles/client-login.gif);
  background-repeat: no-repeat;
  background-position: top left;
  background-color: #666;
  color: white;
  padding: 52px 12px 12px 12px;
  margin-top: 15px;
  float: left;
  width: 206px;
}

#wantWebSite {
  background-image: url(../images/titles/want-web-site.gif);
  background-repeat: no-repeat;
  background-position: top left;
  background-color: #003663;
  color: white;
  padding: 85px 12px 12px 12px;
  margin-top: 15px;
  float: left;
  width: 206px;
}

#the225package {
  background-image: url(../images/titles/225-package.gif);
  background-repeat: no-repeat;
  background-position: top left;
  background-color: #003663;
  color: white;
  padding: 60px 12px 12px 12px;
  margin: 15px 0px 30px 0px;
  font-weight: bold;
  font-size: 110%;
}

#the225package h2 {
  color: #809bb1;
  font-size: 110%;
}

#the225package a {
  color: white;
}

.itemListing {
  padding: 8px;
  background-color: #eee;
  margin-bottom: 12px;
}

.itemTitle {
  font-weight: bold;
  font-size: 120%;
  margin-bottom: 4px;
}

#homeLHScolumn {
  float: left;
  width: 480px;
  padding: 14px 12px 0px 0px;
}

#homeRHScolumn {
  float: left;
  width: 206px;
}