@import url(mainnav.css);
@import url(smallnav.css);

body
	{
	color:#666;
	font-size:12px;
	font-family:lucida sans, verdana, sans-serif;
	text-align:center;
	margin:0px;
	background-color:e6e6e6;
	background-image:url('graphics/gradient.jpg');
	background-repeat:repeat-x;
	}

#yellowtag
	{
	position:absolute;
	top:0px;
	left:0px;
	width:207px;
	height:188px;
	background-image:url('graphics/cornertag.png');
	background-repeat:no-repeat;
	z-index:2;
	}

#bigtextgraphic
	{
	position:absolute;
	top:50px;
	right:70px;
	}

/* I absolutely position #blueprint to keep it from being effected by the child element's margin */
#blueprint
	{
	position:absolute;
	top:0px;
	left:0px;
	z-index:0;
	width:100%;
	height:100%;
	background-position:center;
	background-image:url('graphics/blueprint.png');
	background-repeat:no-repeat;
	z-index:1;
	}

#wrapper
	{
	width:827px;
	margin:200px auto;
	}

#lcc
	{
	position:relative;
	top:0px;
	left:0px;
	width:827px;
	height:330px;
	background-image:url('graphics/mainhouse.png');
	background-repeat:no-repeat;
	z-index:4;
	}

#nav
	{
	position:relative;
	top:-25px;
	left:13px;
	width:815px;
	height:86px;
	background-image:url('graphics/nav.png');
	background-repeat:no-repeat;
	z-index:3;
	}

#smallwrapper
	{
	width:376px;
	height:200px;
	float:left;
	}

#copybox
	{
	margin:0px 0px 20px 0px;
	padding-top:80px;
	text-align:left;
	width:450px;
	height:auto;
	float:left;
	}

.smalltextgraphic
	{
	margin:20px 0px 0px 15px;
	}

.subheading
	{
	margin:15px 0px 0px 30px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	width:400px;
	height:auto;
	}

.copy
	{
	margin:10px 0px 0px 45px;
	text-align:left;
	width:400px;
	height:auto;
	line-height:150%;
	letter-spacing:.05em;
	}

#smlcc
	{
	position:relative;
	top:0px;
	left:0px;
	width:374px;
	height:146px;
	background-image:url('graphics/smallmainhouse.png');
	background-repeat:no-repeat;
	z-index:6;
	}

#smnav
	{
	position:relative;
	top:-7px;
	left:4px;
	width:364px;
	height:38px;
	background-image:url('graphics/smallnav.png');
	background-repeat:no-repeat;
	z-index:5;
	}

#footer
	{
	width:100%;
	height:auto;
	text-align:right;
	font-size:9px;
	}

.flowdownleft
	{
	width:100%;
	height:auto;
	text-align:left;
	margin-bottom:30px;
	}

.flowdownright
	{
	width:100%;
	height:auto;
	text-align:right;
	margin-bottom:30px;
	}

.flowtext
	{
	margin:0px 75px 0px 75px;
	position:relative;
	top:-120px;
	left:0px;
	}

.jobpics
	{
	margin:0px 20px 20px 0px;
	}

a.footlink
	{
	color:555555;
	text-decoration:underline;
	}

a.footlink:hover
	{
	text-decoration:none;
	color:777777;
	}