* { margin: 0; padding: 0; }
body { background: url(images/pattern.gif); }
body,td,th {
	font-family: Times New Roman, Times, serif;
	font-size: 20px;
	color: #333333;
}
h1 { color: #fff; font-size: 40px; position: relative; top: 8px; }
h2 { font-size: 36px; font-weight: bold; color: #000;  }
h2.intro { padding-left: 80px; font-size: 50px; color: #000; }
h2.heading { background: url(images/horizontal-bar.png); background-repeat: no-repeat; background-position: left bottom; height: 52px; }
h3 { width: 250px; font-size: 26px; color: #000; background: url(images/horizontal-bar-small.png); background-repeat: no-repeat; background-position: left bottom; height: 38px; margin-bottom: 12px; }
a { color: #000000; text-decoration: none; }
a:hover { color: #de6003; text-decoration: none; }
a:active { color: #de6003; text-decoration: none; }
p {
	font-size: 20px;
	margin-bottom: 15px;
	line-height: 36px;
}
#header { padding: 5px 0; width: 100%; height: 127px; background-image: url(images/header-bg.png); background-repeat: repeat-x; margin-bottom: 25px; position: fixed; z-index: 10; float: left; }
#headercontainer, #introcontainer, #about, #portfolio, #footercontainer, #logo { width: 960px; margin: 0 auto; position: relative; }
#nav { width: auto; float: left; }
#nav ul { position: absolute; right: 0; display: block; margin-top: -27px; }
#nav ul li { display: inline; margin-left: 50px; }
#nav ul li a { font-size: 18px; color: #FFF; border-bottom: none; }
#about, #contact { margin-bottom: 1000px; padding-top: 150px; clear: both; }
#portfolio { margin-bottom: 1000px; }
#introcontainer { padding-top: 225px; margin-bottom: 1000px; clear: both; }
#introcontainer p.quote { padding-left: 80px; font-size: 36px; color: #666; font-style: italic; margin-top: 20px; } 
#introcontainer p.quote-author { margin-right: 80px; text-align: right; }
#web { padding-top: 150px; clear: both; }
#web ul { margin-top: 25px; }
#web ul.work a { border-bottom: none; }
#web ul.work a img { border: 1px solid #CCCCCC; }
#web ul.work a:hover img { border: 1px solid #de6003; }
#web ul.work { float: left; margin-left: -15px; width: 975px;  }
#web ul.work li { list-style: none; float: left; margin-left: 25px; margin-bottom: 60px; }
#logo { padding-top: 2px; clear: both; }
#logo ul { margin-top: 25px; }
#logo ul.work a { border-bottom: none; }
#logo ul.work a img { border: 1px solid #CCCCCC; }
#logo ul.work a:hover img { border: 1px solid #de6003; }
#logo ul.work { float: left; margin-left: -15px; width: 975px;  }
#logo ul.work li { list-style: none; float: left; margin-left: 25px; margin-bottom: 60px; }
ul.list { width: 320px; float: left; margin-top: 50px; }
#about li { list-style: none; }
.photo {float:left; padding: 12px 20px 0 0; }
#footer { width: 100%; float: left; height: 401px; background-image: url(images/footer-bg.png); background-repeat: repeat-x; color: #CCC; }
#footerleft { width: 480px; float: left; padding-top: 20px; }
#footerright { width: 338px; float: right; padding-top: 20px; }
#footerleft h2, #footerright h2 { color: #FFF; background-image: url(images/horizontal-black-bar.png); }
input.field { font-family: "Times New Roman", Times, serif; color: #FFF; font-size: 20px; height: 40px; background-color: #333333; border: 1px solid #666666; margin: 15px 0px 0px 0px; padding-left: 5px; }
textarea { font-family: "Times New Roman", Times, serif; color: #FFF; font-size: 20px; background: #333333; margin: 15px 0 -7px 0; border: 1px solid #666666; padding: 5px; } 
#footerleft p { padding-top: 20px; }
#footer img { vertical-align: bottom; position: relative; top: -3px; padding-left: 5px; }