body				{
					font-family:		"Arial", sans-serif;
					font-weight:		normal;
					font-style:			normal;
					font-variant:		normal;
					text-align:			left;
					background:			#cddded url('images/recbg.jpg') fixed top left;
					color:				black;
					border:				medium none black;
					margin-left:		1%;
					margin-right:		1%;
					margin-top:			0;
					margin-bottom:		0;
					padding:			0;
					}

p					{
					margin-top:			0;
					margin-bottom:		0;
					}

form				{
					margin-top:			0;
					margin-bottom:		0;
					}

h1					{
					text-align:			left;
					padding-top:		0;
					padding-bottom:		0.5em;
					margin:				0;
					}
h2					{
					text-align:			left;
					line-height:		100%;
					margin:				0;
					padding-top:		0.25em;
					padding-bottom:		0.5em;
					}
h3					{
					text-align:			left;
					line-height:		100%;
					margin:				0;
					padding-top:		0.5em;
					padding-bottom:		0.25em;
					}

a					{
					background:			transparent;
					padding-bottom:		1px;
					text-decoration:	underline;
					}
a:link				{color:				navy;}
a:visited			{color:				navy;}
a:hover				{color:				blue;}
a:active			{color:				purple;}
.bodylink			{text-decoration:	none;}
.bodylink:hover		{text-decoration:	underline;}
a.nodecolink		{text-decoration:	none;	color:	black;}

img					{max-width:			100%;}
a img				{border:			none;}

ul					{
					margin:				0 1em;
					padding:			0;
					}
.linespace li		{margin-bottom:		0.25em;}
.smaller			{font-size:			smaller;}
.larger				{font-size:			larger;}
.hidden				{display:			none;}
.scaps				{font-variant:		small-caps;}
.caps				{text-transform:	capitalize;}
.fancy				{
					font-family:		"Times New Roman", serif;
					font-weight:		bolder;
					font-size:			larger;
					}
.outline			{border:			solid gray;}

.midrow				{vertical-align:	middle;}
.midcol				{text-align:		center;}
.floatleft			{float:				left;}
.floatright			{float:				right;}
.marginleft			{margin-left:		1em;}
.marginright		{margin-right:		1em;}
.marginleftneg		{margin-left:		-1em;}
div.spacer			{
					line-height:		1px;
					clear:				both;
					}

.top				{
					font-style:			italic;
					font-weight:		bolder;
					color:				navy;
					}
.top h1				{display:			inline;}

.nav				{
					background:			transparent url('images/spiderweblblue.gif') no-repeat top left;
					float:				left;
					font-weight:		bold;
					width:				8em;
					}
.nav li				{list-style:		none;}
.nav a				{
					text-decoration:	none;
					display:			block;
					width:				100%;
					}
.nav a:hover		{color: 			navy;	background:		#fffffe;}
#home #nav-home, 
#about #nav-about,
#portfolio #nav-portfolio, 
#design #nav-design, 
#validation #nav-validation, 
#access #nav-access, 
#contactus #nav-contactus {
					font-weight:		normal;
					list-style-type:	disc;
					}

.main				{
					float:				left;
					width:				80%;
					}
.inner				{
					color:				black;
					background:			white;
					line-height:		1.1em;
					padding:			0 1em;
					}
.roundtop			{background:		white url('images/corner2.gif') no-repeat top right;}
.roundbot			{background:		white url('images/corner4.gif') no-repeat bottom right;}
img.corner			{
					width:				12px;
					height:				12px;
					border:				none;
					display:			block !important;
					}

.bottom				{
					background:			transparent url('images/spiderweblblue.gif') no-repeat bottom;
					padding-left:		1em;
					font-size:			smaller;
					}

.bcard				{
					float:				left;
					background:			transparent url('images/shadow.gif') no-repeat bottom right;
					margin:				10px 1em 0 10px !important;
					margin:				10px 1em 0 5px;
					width:				14em;
					}
.bcard p			{
					background:			white url('images/spiderweblblue2.gif') no-repeat top right;
					text-align:			center;
					border:				1px solid gray;
					margin:				-6px 6px 6px -6px;
					width:				14em;
					}