BODY {
	margin:0px;
	padding:0px;
	height:100%;
	background-color:#383838;
	background: url(../graphics/tile.gif);
	background-repeat: repeat; 
}

#main {
	width:800px;
	height:100%;
	margin:5% auto auto auto;
}

#logo {
	padding:4px 2px 0px 0px;
	width:17px;
	float:left;
}

H1 {
	margin:0px;
	padding:0px;
	font-family: Times New Roman, Times, Serif;
	color: #FFFFFF;
	font-size: 18pt;
	font-weight: normal;
}

a{
	cursor: hand;
	color: #333333;
	text-decoration: None;
}

img{
	padding:0px;
	margin:0px;
}

.floatFix:after {
    content: ".";
    height: 0px;
    clear: both;
    visibility: hidden;
    display: block;
}

/* menus */
#menuHolder {
	margin:4px 0px 0px 14px;
	width:800px;
	height:25px;
	text-align:left;
	display:table;
	background-color: #FFF;
}

#menu {
	width:600px;
	font-family: Times New Roman, Times, Serif;
	height:25px;
	display:table-row;
	padding:0;
	margin:0;
	list-style-type:none;
	white-space:nowrap; 
	font-size: 90%;
	float:left;
}
  
#menu li {
	display:inline;
}

#menu a {
	color:#000; 
}

#menu a.on {
	color:#7d0629; 
}

#menu a.onFirst {
	color:#7d0629; 
}

#menu a, #menu a:visited {
  display:block;
  float:left;
  padding:3px 0px 0px 6px;
  text-decoration:none;
}

#menu a:hover {
  color:#7d0629;
}

#viewVideo {
	float:right;
	padding:2px 5px;
}

#viewVideo a {
	padding:2px 0px 0px 0px;
	font-size: 90%;
	float:right;
	color:#7d0629;
	text-decoration:none; 
}

#viewVideo img {
	padding-right:5px;
	float:right;
}



/* content area  */
#content {
	margin:25px 0px 0px 14px;
	width:800px;
}

P{
	margin:0px;
	cursor: default;
	padding:0px;
	font-family: Times New Roman, Times, Serif;
	color: #FFFFFF;
}

#headercopy {
	padding:0px 0px 22px 0px;
}

#bodycopy {
	padding:0px 0px 22px 0px;
}

.red{
	margin-top:1px;
	display:-moz-inline-box;
	display:inline-block;
	line-height: 17pt;
	font-size: 14pt;
	color: #FFF;
	padding:1px 5px 0px 5px;
	background: #7d0629;
}

.grey {
	margin-top:1px;
	display:-moz-inline-box;
	display:inline-block;
	line-height: 15pt;
	font-size: 11pt;
	padding:0px 5px 0px 5px;
	background: #FFF;
	color: #333333;
}

.greyNoPad {
	margin-top:1px;
	display:-moz-inline-box;
	display:inline-block;
	line-height: 15pt;
	font-size: 11pt;
	padding:0px 5px 0px 5px;
	background: #FFF;
	color: #333333;
}

.footer{
	margin-top:1px;
	display:-moz-inline-box;
	display:inline-block;
	line-height: 15pt;
	font-size: 12pt;
	color: #FFF;
	padding:0px 5px 0px 5px;
	background: #7d0629;
}

/* PEOPLE */
#personwrapper{
	cursor: default;
}

#people{
	cursor: default;
}

.personred{
	margin-top:1px;
	display:-moz-inline-box;
	display:inline-block;
	line-height: 15pt;
	font-size: 12pt;
	font-size: 100%;
	color: #FFF;
	padding:0px 5px 0px 5px;
	background: #7d0629;
}

.personred a {
	text-decoration : None;
	font-size: 100%;
	color: #FFF;
}

.persongrey {
	margin-top:1px;
	display:-moz-inline-box;
	display:inline-block;
	line-height: 15pt;
	font-size: 11pt;
	padding:0px 5px 0px 5px;
	background: #FFF;
	font-size: 100%;
	color: #333333;
}

.biogred{
	margin-top:1px;
	display:-moz-inline-box;
	display:inline-block;
	line-height: 15pt;
	font-size: 12pt;
	font-size: 100%;
	color: #FFF;
	padding:0px 5px 0px 5px;
	background: #7d0629;
}

.bioggrey {
	margin-top:1px;
	display:-moz-inline-box;
	display:inline-block;
	line-height: 15pt;
	font-size: 11pt;
	padding:0px 5px 0px 5px;
	background: #FFF;
	font-size: 100%;
	color: #333333;
}

.biogred a {
	text-decoration : None;
	font-size: 100%;
	color: #FFF;
}


/* SERVICES */
#servicesList{
	width:800px;
	float:left;
}

#serviceLeft{
	width:338px;
	float:left;
}

#serviceRight{
	width:338px;
	float:left;
}

#serviceLeft a{
	text-decoration:none;
	color: #333333;
}

#serviceRight a{
	text-decoration:none;
	color: #333333;
}

/* PROJECTS */
.project{
	width:155px;
	height:141px;
	float:left;
	padding:0px 0px 22px 0px;
}

.projGrey {
	display:block;
	text-align:left;
	padding:2px 5px 2px 5px;
	background: #7d0629;
	font-size: 11pt;
	color: #FFFFFF;
	cursor: hand;
	
}

.projRed {
	text-align:left;
	padding:2px 5px 2px 5px;
	background: #7d0629;
	font-size: 11pt;
	color: #FFF;
}

/* PROJECT DISPLAY */
#pageTop{
	width:800px;
	height:368px;
}

.galleryItem{
	margin-bottom:5px;
	width:155px;
	height:118px;
	float:left;
}

.galleryItem a{
	display:block;
}

.galleryThumb{
	width:155px;
	height:118px;
}

.galleryImage{
	position:absolute;
}

.galleryImageFirst{
	position:absolute;
}

#mainImage{
	padding-right:5px;
	float:left;
	width:479px;
	height:368px;
}

#projectthumbs{
	float:left;
	width:316px;
	height:368px;
}

#projCopyArea{
	padding-top:22px;
	width:800px;
}

#projectInfo{
	float:left;
	width:700px;
}

#returnLink{
	cursor: hand;
	float:right;
}

/* CLIENTS */
#clients{
}

#clients a{
	text-decoration:none;
	color:#333333;
}