html, body
		{
			text-align: center;
			background: #8b0000 url('../layout/body-bg.png');
			margin: 0px;
		}
	h1
		{
			margin: 85px 0px 0px 0px;
			font-size: 0.6em;
			font-family: sans-serif;
			color: #2D5FD4;
			height: 22px;
			padding: 0px;
		}
	#i
		{
			background: #ffffff;
			margin: auto;
			width: 778px;
			height: 100%;
		}
	#logo
		{
			background: 100% 100% no-repeat url('../layout/and-fisher-web-design.png') #ffffff;
			height: 120px;
			width: 350px;
			float: left;
		}
	#links
		{
			position: relative;
			background: 0px 100% no-repeat url('../layout/horizontal-bar.png') #ffffff;
			height: 120px;
			width: 428px;
			float: left;
		}
			#links ul
				{
					position: absolute;
					margin: 0px 0px 35px 40px;
					left: 0px;
					bottom: 0px;
				}
			#links li
				{
					font-family: tahoma, sans-serif;
					font-size: 0.8em;
					text-transform: uppercase;
					float: left;
					list-style-type: none;
					margin: 0px 10px 0px 0px;
				}
			#contact
				{
					display: block;
					width: 101px;
					height: 21px;
					background: 50% 50% no-repeat url('../layout/contact.gif');
					text-decoration: none;
				}
			#contact:hover
				{
					background: 50% 50% no-repeat url('../layout/contact_hover.gif');
				}
			#aboutMe
				{
					display: block;
					width: 116px;
					height: 21px;
					background: 50% 50% no-repeat url('../layout/about_me.gif');
					text-decoration: none;
				}
			#aboutMe:hover
				{
					background: 50% 50% no-repeat url('../layout/about_me_hover.gif');
				}
	#nav
		{
			background: 100% 0px no-repeat url('../layout/vertical-bar.png') #ffffff;
			width: 350px;
			padding: 20px 0px 0px 0px;
			text-align: left;
			float: left;
		
		}
			#nav ul
				{
					margin: 0px;
					padding: 0px 2px 0px 10px;
					list-style: none inside;
				
				}
					#nav li.title, #nav li.title:hover
						{
							color: #ffffff;
							padding: 5px 0px 5px 5px;
							text-align: left;
							background: #333366 repeat-y url('../layout/nav-title.png');
						}
					#nav li
						{
							margin: 0px;
							font-family: sans-serif;
							padding: 5px 0px 5px 5px;
							color: #333366;
							background: #D5D5DF repeat-y url('../layout/nav-ul.png');
						}
					#nav li:hover
						{
							text-align: right;
							padding: 5px 20px 5px 0px;
							background: #ff0000 repeat-y url('../layout/nav-ul-hover.png');
							color: #ffff00;
						}
	#content
		{
			text-align: left;
			width: 428px;
			float: left;
		}
	#video
		{
			padding: 10px;
			background: 50% 50% url('../imgs/default_face.png') no-repeat;
			width: 380px;
			height: 300px;
		}
	h2
		{
			font-family: Trebuchet MS, Verdana, Tahoma, sans-serif;
			margin: 0px;
		}
	#examples
		{
			clear: both;
			position: relative;
			width: 790px;
		}
	#examples h2
		{
			float: left;
			text-align: left;
			margin: 0px 0px 10px 0px;
			padding: 0px;
			width: 778px;
			height: 151px;
			background: no-repeat url('../layout/web_design_examples_h2.jpg') #212D77;
		}
	#examples h2 a
		{
			color: #ffffff;
			display: block;
			margin: 90px 0px 0px 40px;
		}
	.example
		{
			width: 259px;
			height: 231px;
			float: left;
			text-align: justify;
			background: 50% 0px no-repeat url('../layout/example_bg.gif');
		}
	.example:hover
		{
			background: 50% 0px no-repeat url('../layout/example_bg_hover.gif');
		}
		
	a.demo_but
		{
			margin: 0px auto 10px auto;
			display: block;
			width: 234px;
			height: 38px;
			background: 50% 50% no-repeat url('../layout/view_demo.png');
			text-decoration: none;
		}
	a.demo_but:hover
		{
			background: 50% 50% no-repeat url('../layout/view_demo_hover.png');
		}
	.example h4
		{
			clear: both;
			margin: 4px 0px 0px 20px;
			font-size: 0.8em;
			font-family: sans-serif;
			cursor: default;
		}
	.example ul
		{
			text-align: center;
			margin: 0px 0px 10px 0px;
			padding: 0px;
		}
	.example li
		{
			display: inline;
			list-style-position: inside;
			margin: 0px 4px 0px 0px;
		}
	.example img.thumb
		{
			float: left;
			padding: 4px;
			background: #ffffff;
			margin: 0px 4px 2px 12px;
			border: 1px solid #000000 !important;
		}

	.example h3
		{
			color: #0A0A52;
			font-size: 1em;
			font-weight: bold;
			font-family: Trebuchet MS, Verdana, Tahoma, sans-serif;
			margin: 4px 12px 6px 12px;
			cursor: default;
		}
	.example p
		{
			text-align: justify;
			margin: 0px 12px 20px 12px;
			font-size: 0.8em;
			font-family: Trebuchet MS, Verdana, Tahoma, sans-serif;
			cursor: default;
		}
	.example ul
		{
			font-size: 0.7em;
			font-family: Trebuchet MS, Verdana, Tahoma, sans-serif;
			cursor: default;
		}
	#copy
		{
			clear: both;
			padding: 0px 10px 20px 0px;
			text-align: right;
			font-family: tahoma, sans-serif;
			font-size: 0.7em;
		}
	hr
		{
			display: none;
			height: 0px;
			clear: both;
		}
	a img
		{
			border: 0px;
		}
	#w3c
		{
			cursor: pointer;
			margin: 10px 0px 0px 0px;
		}