body { margin: 0px; margin-bottom: 2em; background: #F4F3EA url("../images/bgMain.jpg") no-repeat 50% 138px; padding: 0px; font: 0.65em/1.3 verdana, arial, sans-serif; color: #777777; text-align: center; }
h1 { margin: 0px; padding: 0px; font-size: 1.4em; }
h2 { margin: 0px; padding: 0px; font-size: 1.2em; }
h3 { margin: 0px; padding: 0px; font-size: 1.0em; font-weight: bold; text-transform: uppercase; }
h4 { margin: 0px; padding: 0px; font-size: 1.0em; font-weight: bold; margin-bottom: 1em; }
p { margin: 0px; margin-bottom: 1.2em; }
ul { margin-bottom: 0.6em; }
li { margin-bottom: 0.2em; }
img { border: none; }

a:link 		{ color: #000000; text-decoration: none; }
a:visited 	{ color: #999999; text-decoration: none; }
a:hover 	{ color: #777777; text-decoration: underline; }
a:active 	{ color: #000000; text-decoration: none; }

form { margin: 0em; margin-top: 0.2em; }
fieldset { margin-top: 0.4em; border: none; }
label { display: table-cell; vertical-align: top; width: 140px; }
label.radio { width: auto; }
input, select, textarea { font: 1.0em Verdana, sans-serif; border: 1px solid #E1C001; background: #F7F3CD !important; }
input, select, textarea { width: 152px; }
.hiddenFields { display: none; }
.button { width: auto; margin-left: 144px; border: 2px solid #E1C001; background: #EFE79F !important; }
form hr { visibility: hidden; height: 0px; }
kbd, code { font-size: 1.1em; color: #949385; }

#container {
	margin: 0px; padding: 0px; background: transparent; /* #E5E5E5; */
}
#masthead {
	background: #F4F3EA; text-align: center;
}
#masthead h1 {
	width: 730px; height: 115px; margin: 0px auto; padding-left: 10px; text-align: left;
}
#masthead h1 a {
	display: block; width: 280px; height: 0px !important; height /**/: 115px; overflow: hidden; 
	margin: 0px; padding: 0px; padding-top: 115px; background: transparent url("../images/logo.gif") no-repeat;
}
#nav {
	margin: 0px; border-top: 1px solid #666666; border-bottom: 1px solid #666666; padding: 0px; background: #AEAB89; text-align: center;
}
#nav ul {
	display: block; width: 730px; margin: 0 auto; padding: 0.5em 0px; list-style: none; font-size: 1.1em; text-align: left;
}
#nav li {
	display: inline; width: 1px; margin: 0px 0.5em; padding: 0px; padding-right: 1em; line-height: 1; border-right: 1px solid #FFFFFF;
}
#nav a:link 		{ color: #FFFFFF; text-decoration: none; }
#nav a:visited 	{ color: #FFFFFF; text-decoration: none; } /* 8C8966 */
#nav a:hover 	{ color: #5C5936; text-decoration: none; }
#nav a:active 	{ color: #000000; text-decoration: none; } /* F4F3EA */
#nav a.current:visited	{ color: #000000; text-decoration: none; }

#wrapper {
	width: 726px; height: 275px; overflow: hidden; 
	margin: 40px auto; padding: 0px; padding-left: 5px; background: #CDCCB0 url("../images/bgLine.gif") repeat-y; text-align: left;
}
#main {
	float: left; width: 355px; padding-top: 6px; background: #AEAB8A url("../images/bgMain.gif") no-repeat top left;
}
#main h2 {
	display: block; height: 0px !important; height /**/: 32px; overflow: hidden; 
	margin: 0px; padding: 0px; padding-top: 26px; background: #CDCCB0; color: #000000; 
}
#main #contentMask {
	position: relative; left: 0px; top: 0px; width: 355px; height: 244px; clip: rect(0,355px,243px,0); overflow: hidden; z-index: 6;
}
#main #content {
	position: absolute; left: 0px; top: 0px; width: 305px; min-height: 213px; height: auto; 
	margin: 0px; padding: 15px 25px; background: #F8F8F8;
}
#studyNav {
	position: relative; top: -14px; right: -25px; margin: 0px; float: right; 
}
#studyNav img {
	border: 1px solid #BFE5E8;
}
#studyNav ul {
	margin: 0px; border: 1px solid #BFE5E8; padding: 6px; background: #EDF8F9; 
}
#studyNav li {
	list-style: none; 
}
#scrollbar {
	float: right; width: 25px; height: 100%; 
	margin: 0px; border-left: 1px solid #FFFFFF; padding: 5px 0px; background: #CDCCB0; text-align: center; /* CDCCB0 */
}
html[xmlns] #scrollbar { position: relative; }
#box 		{ position: relative; left: 5px; top: 32px; z-index: 1; }
#up 			{ position: absolute; left: 0px; top: 0px; z-index: 2; cursor: pointer; }
#track 		{ position: absolute; left: 0px; top: 20px; z-index: 3; }
#drag 		{ position: absolute; left: 0px; top: 20px; z-index: 4; cursor: pointer; }
#down 		{ position: absolute; left: 0px; top: 254px; z-index: 5; cursor: pointer; }

#picture {
	float: right; width: 340px; margin: 0px; padding: 0px; padding-left: 5px; background: #F8F8F8 url("../images/bgLine.gif") repeat-y;
}
#picture h4 {
	display: block; width: 340px; height: 16px; margin: 0px; border-bottom: 1px solid #FFFFFF; padding: 4px 0px; background: #AEAB8A;
	font-size: 12px; color: #FFFFFF; text-align: right;
}
#footer {
	margin: 0px; border-top: 1px solid #999999; border-bottom: 1px solid #999999; padding: 0px; background: #CDCBB0; text-align: right;
}
#footer ul {
	margin: 0px; padding: 0.8em 0px; list-style: none; line-height: 1;
}
#footer li {
	display: inline; width: 1px; margin: 0px 0.5em; padding: 0px; font-size: 0.9em;
}
#footer a:link 		{ color: #8C8966; text-decoration: none; }
#footer a:visited 	{ color: #8C8966; text-decoration: none; }
#footer a:hover 	{ color: #5C5936; text-decoration: underline; }
#footer a:active 	{ color: #F4F3EA; text-decoration: none; }

#validate {
	margin: 0px; padding: 0px; text-align: right;
}
#validate ul {
	margin: 0.4em 0px; padding: 0px; list-style: none; line-height: 1;
}
#validate li {
	display: inline; width: 1px; margin: 0px 0.5em; padding: 0px; font-size: 0.9em;
}
#validate a:link 	{ color: #CAC8B3; text-decoration: none; }
#validate a:visited { color: #CAC8B3; text-decoration: none; }
#validate a:hover 	{ color: #5C5936; text-decoration: underline; }
#validate a:active 	{ color: #D1CFB7; text-decoration: none; }

#about blockquote {
	margin: 0px; margin-bottom: 1.2em; padding: 0px; 
}

#about cite {
	display: block; color: #834D31; font-style: normal; text-align: right; 
}

.back 	{ color: #068B9C; font-weight: bold; }
.back a { font-weight: normal; }

blockquote { margin: 0px; margin-bottom: 1.2em; padding: 0px; }
blockquote p { margin: 0px; margin-bottom: 0.8em; padding: 0px; }
blockquote cite { width: 100%; margin: 0px; margin-bottom: 1.4em; padding: 0px; text-align: right; }

/*//////////////////////////
Section Specific Styles
//////////////////////////*/

#home h2 { background: #E8C6C5 url("../images/headerHome.gif") no-repeat; }
#home h3, #home #content h4, #home #content a { color: #88070B; }

#about h2 { background: #EED59F url("../images/headerAbout.gif") no-repeat; }
#about h3, #about #content h4, #about #content a { color: #B37D01; }

#services h2 { background: #DFEBAB url("../images/headerServices.gif") no-repeat; }
#services h3, #services #content h4, #services #content a { color: #607800; }

#portfolio h2 { background: #BFE5E8 url("../images/headerPortfolio.gif") no-repeat; }
#portfolio h3, #portfolio #content h4, #portfolio #content a { color: #068B9C; }

#contact h2 { background: #EFE79F url("../images/headerContact.gif") no-repeat; }
#contact h3, #contact #content h4, #contact #content a { color: #E1C001; }
#contact h2#testimonials { background: #EFE79F url("../images/headerTestimonials.gif") no-repeat; }

#siteInfo h2 { background: #C0BEA3 url("../images/headerSiteInfo.gif") no-repeat; }
#siteInfo h3, #siteInfo #content h4, #siteInfo #content a { color: #8B895D; }

#siteInfo #main 						{ width: 700px; }
#siteInfo #main #contentMask 	{ width: 700px; clip: rect(0,700px,243px,0); }
#siteInfo #main #content 			{ width: 700px; }
#siteInfo #box 							{ position: absolute; left: 5px; top: 32px; z-index: 1; }
#siteInfo #up 							{ position: absolute; left: 706px; top: 0px; z-index: 2; cursor: pointer; }
#siteInfo #track 						{ position: absolute; left: 706px; top: 20px; z-index: 3; }
#siteInfo #drag 						{ position: absolute; left: 706px; top: 20px; z-index: 4; cursor: pointer; }
#siteInfo #down 						{ position: absolute; left: 706px; top: 254px; z-index: 5; cursor: pointer; }
#siteInfo #picture 						{ display: none; }

html[xmlns] #siteInfo #main #contentMask { width: 700px; clip: rect(0,650px,243px,0); }
html[xmlns] #siteInfo #main #content { width: 650px; }
html[xmlns] #siteInfo #box 		{ position: relative; left: 5px; top: 32px; z-index: 1; }
html[xmlns] #siteInfo #up 			{ position: absolute; left: 0px; top: 0px; z-index: 2; cursor: pointer; }
html[xmlns] #siteInfo #track 		{ position: absolute; left: 0px; top: 20px; z-index: 3; }
html[xmlns] #siteInfo #drag 		{ position: absolute; left: 0px; top: 20px; z-index: 4; cursor: pointer; }
html[xmlns] #siteInfo #down 		{ position: absolute; left: 0px; top: 254px; z-index: 5; cursor: pointer; }

.multicol {
	width: 140px; overflow: auto;
}
.multicol li {
	float: left; width: 45%;
}