body, div {
	padding: 0;
	margin: 0;
}


body {
	font-size: small;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background: #eee url(../images/tiled_bg.gif) repeat;
	padding-top: 10px;
}

#doc {
	width: 760px;
	margin: 0 auto;
}


/* in order to prevent page flicker when IE loads a SWF, we'll wrap #main in a div that gets this id: */
#main-wrapper {
  height: 521px; 
  width: 760px; 
  background: white url(../images/dummy_bg.gif) top left no-repeat;
}


#header {
	width: 760px;
	height: 66px;
	background: url(../images/header_bg.gif) 0 0 repeat-x;
	background-color: #606266;

	position: relative; /* allows us to position the inner elements absolutely */
}



#header h1 {
	color: #C6E534;
	margin: 0;
	padding: 0;
	
	position: absolute;
	bottom: 12px;
	left: 10px;
}

#header .nav {
	bottom:4px;
	position:absolute;
	right:9px;
}

#header #page_title {
	position: absolute;
	bottom: 0;
	left: 203px;
	color: white;
	font-size:9px;
	height: 20px; /* total element height should be 29px (heigh + vertical padding) */
	padding-top:9px;
	padding-left:15px;
	background: url(../images/dot.gif) repeat-y;
}

#header #page_title .sub_page {
	color: black;
}

#content {
	width: 760px;
	height: 455px;
	overflow: hidden;
	background-color: white;
	font-size:10px;
}


#content h1 {
	font-size: 10px; /* should be the same size as #content, above */

	margin: 0;
	margin-bottom: 6px;
}


#content p {
	line-height: 1.6em;
	margin-top: 0;

}


#footer {
	width: 760px;
	height: 25px;
	background-color: #606266;
	zbackground-color:#1A1818;
	color: white;
	
	padding: 0;
	
}

#footer .nav {

	margin: 0;
	padding: 0;
	padding-left: 10px;

}

#footer .sub {
	height: 25px;
	float: left;
}



#footer a {
	height: 25px;
	margin: 0;
	padding: 0;
	float: left;
}


#footer img {
	display:block;
	margin: 0;
	padding: 0;
	border-width: 0px;
	
	height: 25px;
	/* width: 50px; */
}

#contact_info {
	color: #656565;
	font-size: 9px;
	text-align: center;
	margin-top: 1em;
	letter-spacing: 1px;
}

#contact_info a {
	color: #656565;
	
}

/* we're using Strict mode, so tell browsers to block display objects (fixes whitespace below SWFs) */
object {
	display: block;
}


/* HTML PAGES */

#main #content {
	position: relative;
}



.content_bottom {
	bottom:4px;
	color:black;
	position:absolute;
	right:20px;
	
}

a.more_link {
	color: black;
	font-weight: bold;
	text-decoration: none;
}

#main .text {
	position:absolute;
	left: 203px; /* was: 294px; */
	top: 110px;
	width: 470px;
}

#main .more {
	bottom:0pt;
	height:20px;
	left:0pt;
	padding:0;
	position:absolute;
	width:100%;
	
	background: url(../images/transparent_bg.png) repeat scroll left bottom;

}


/* where.php */

#main.where #content {
	background: url(../images/where_bg.jpg) top left; 
}

#main.where .text {  
	top:70px;
	font-size:9px;
}

#main.where h3 {
	margin: 0;
	margin-top: 10px;
	font-size: 10.5px;

}


/* who.php */

#main.who #content {
	background: url(../images/who_bg.jpg) top left;
}

#main.who .text {
	top:107px;
}

	/* client list */
#main.who .more .text {   
	font-size: 10px;
	left:auto;
	right: -16px;
	top: 15px;
	width:720px;
	line-height: 13px;
}

#main.who dl, #main.who dt, #main.who dd {
	margin: 0;
	padding: 0;
}


#main.who .column {
	float: left;
	width: 22%;  /* be nice to IE6 and use a smaller width than we should need to for four columns */
	margin-right: 2%;
}

#main.who dt {
	color:#FF9200;
	font-weight:normal;
	margin-top:1em;
	text-transform:uppercase;
}

#main.who dt:first-child {
	margin-top: 0;
}


#main.who dd {
	text-indent: -5px;
	margin-left: 5px;
}

#main.who dd a {
	color: black;
}



/* what.php */
#main.what #content {
	background: url(../images/what_bg.jpg);
}

#main.what p, #main.what ul, #main.what dl {
	line-height: 1.6em;
}

#main.what #content ul { 
	padding-left: 0;
	margin: 0;
	margin-bottom: 10px;
}

#main.what #content li {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

#main.what #deliverables {
	position: absolute;
	top: 110px;  /* this should match the #main #content's top value */
	left: 77px;
}

#main.what #deliverables li {
	margin-bottom: 0.9em;
}


/* why.php */
#main.why #content {
	background: url(../images/what_bg.jpg) top left; /* we use the same background for WHAT and WHY */
}

/* contact_form.php */
#main.contact_form #content {
	background: url(../images/contact_bg.jpg) top left;
}

#main.contact_form #footer {
	text-align: center;
}

#main.contact_form #footer a {
	float: none;
	color: white;
	position:relative;
	top:4px;
}

#main.contact_form input {
	margin: 5px 0;
}

#main.contact_form label.error {
	margin-left: 10px;
	color: red;
}