* {
	padding:0;
	margin: 0;
}

html, body {
	height:100%;/* needed to base 100% height on something known*/
	text-align:center;
	background:#fff;
}

#outer {
	position:relative;
	width:980px;
	margin:auto;
	min-height:100%;
	margin-top:-70px;		/* must be the same as the footer height */
	text-align:left;
}

#company #outer { background: url(/images/pagebackgrounds/webatwrkCOMPANYb.png) top center repeat-y; }
#services #outer { background: url(/images/pagebackgrounds/webatwrkSERVICESb.png) top center repeat-y; }


#content {
	position:relative;
	width:100%;
	min-height:592px;		/* must be 580+6+6=592 mimimum */
}

#header {
	position:relative;
	height:215px;
	border-top:76px solid #fff;	/* see footer note */
}
#header_bg {
	position:absolute;
	height:580px;
	width:980px;
	top:76px; 			/* see footer note */
	left:0px;
}

#company #header_bg { background: url(/images/pagebackgrounds/webatwrkCOMPANYc.png) top center no-repeat; }
#services #header_bg { background: url(/images/pagebackgrounds/webatwrkSERVICESc.png) top center no-repeat; }


/* footer graphic is 64 pixels high + 6 pixel background = 70, to get 6 pixel background on the top requires 64+6+6=76 */

#footer {
	position:relative;
	width:980px;
	margin:auto;
	height:70px;
	clear:both;
}

#company #footer { background: url(/images/pagebackgrounds/webatwrkCOMPANYa.png) top center no-repeat; }
#services #footer { background: url(/images/pagebackgrounds/webatwrkSERVICESa.png) top center no-repeat; }

#rcontent {
	position:relative;
	width:664px;
	margin: 10px auto 0 265px;
	font-family: Arial;
	font-size: small;
}

#rcontent .mediumtext p {
	margin:0;
	padding: 0px 20px 10px 20px;
	line-height:1.3;
	font-size:medium;
	text-align:justify;
	text-shadow: 1px 1px 2px #888;
}

.smalltext p {
	margin:0;
	padding: 0px 20px 7px 20px;
	line-height:1.2;
	font-size:small;
	text-align:justify;
	text-shadow: 1px 1px 2px #888;
}

.smalltext h4 {
	margin:0;
	padding: 10px 20px 10px 20px;
	line-height:1.2;
	font-size:small;
	text-align:left;
	font-weight:bold;
	text-shadow: 1px 1px 2px #888;
}

.xsmalltext p {
	margin:0;
	padding: 0px 0px 5px 0px;
	line-height:1.1;
	font-size:x-small;
	text-align:justify;
	text-shadow: 1px 1px 2px #888;
}

.xsmalltext h4 {
	margin:0;
	padding: 0px 0px 5px 0px;
	line-height:1.1;
	font-size:small;
	text-align:left;
	font-weight:bold;
	text-shadow: 1px 1px 2px #888;
}

.smalltext ul {
	margin:0px 0 5px 25px;
	padding:0px 0 5px 25px;
}

.smalltext li {
	padding:2px 0 0 0;
	text-size:small;
	text-align:left;
}

.smalltext p a {
	color:#800;
}

.smalltext p a:hover {
	color:#222;
}



/*Opera Fix*/

body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}