body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px; padding: 0px; border: 0px;
}
.clear:after {
	content: ""; display: block; clear: both;
}
	.clear { zoom: 1; } 



body {
	font-family: Arial, Helvetica, sans-serif;
	background: #fff url(../img/header_feature_bg.png) repeat-x;
}

#container {
	width: 960px; margin: 0 auto;	
}
 
#header {
	height: 75px; padding: 5px 0 0 0;
}

#header h1 a {
	display: block; width: 221px; height: 61px; float: left; margin: 5px 0 0 0;
	background: url(../img/waxlaw_logo.jpg); text-indent: -9999px;
}

#header ul#nav {
	float: right; list-style: none; margin: 23px 0 0 0;
}
	#header ul#nav li {
		float: left; padding: 0 0 0 40px; margin: 0 37px 0 0;
		background: url(../img/nav-separator.png) left no-repeat;
	}
		#header ul#nav li:first-child { background: none; }
		
		#header ul#nav li a { 
			font-size: 16px; color: #6d6d6d; text-decoration: none;
		}
			#header ul#nav li a:hover, #header ul#nav li a.active {
				color: #454545;	
			}

ul.menu {float: right; list-style: none; margin: 35px 0 0 0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#888; text-decoration:none}
ul.menu li {position:relative; float: left; padding: 0 0 0 0px; margin: 0 37px 0 0; z-index: 50}
ul.menu ul {position:absolute; top:40px; left:0; background: aqua; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #809474; border-top:none; width:201px; margin: 0}
ul.menu ul li:hover {color: #252525}
ul.menu ul li a {display:block; padding:5px 9px 7px 5px; background-color: #ccc; text-decoration: none; width:188px}
ul.menu ul li a:hover {background-color:#c5c5c5; color: #252525}
ul.menu ul ul {left:128px; top:-1px}
ul.menu .menulink {padding:0px 0px 20px 3px; background:url(images/header.gif) color: red}
ul.menu .menulink:hover, ul.menu .menuhover {color: #252525}

#feature-header {
	clear: both; height: 322px; margin: 10px 0 0 0;
	background: url(../img/feature_bg.jpg) right top no-repeat; z-index: -1;
}
	#feature-header div.feature-text {
		width: 485px; float: left;	
	}
	#feature-header div.feature-text  h2 {
		width: 402px; height: 96px; margin: 40px 0 13px 0; font-size: 30px;
		color: #000; line-height: 34px;
	}
	#feature-header div.feature-text  p {
		color: #3d3d3d; font-size: 18px; line-height: 28px; margin: 0 0 15px 0;
	}
	#feature-header div.feature-text  p a {
		color: #fff; background: #7b7ba0; padding: 5px;	
		text-decoration: none;
	}
		#feature-header div.feature-text p a:hover {
			background: #3f3f69;	
		}
	
	#feature-header div.featured-work {
		float: right;
	}
		#feature-header div.featured-work ul {
			list-style: none; position: relative; top: 51px; right: 78px;
			width: 324px; height: 204px; overflow: hidden;
		}
		
#content {
	margin: 0px 0 40px 0;padding: 42px 0 0 0; background: url(../img/no-style.png) center top no-repeat;
}

#content p {
	color: #3d3d3d;	font-size: 14px; line-height: 18px; margin: 0 0 20px 0;
}
	#content a {
		color: #7b7ba0; font-weight: strong; text-decoration: none;
	}	
		#content a:hover { color: #3f3f69; text-decoration: underline; }
	
#content #main {
	width: 610px; float: left; margin: 0 40px 0 0;	
}
	#content #main h3 {
		color: #6d6d6d; font-size: 25px; line-height: 28px;	 font-weight: normal;
		margin: 0 0 25px 0;
	}

#content #main-contact {
	width: 430px; float: left; margin: 0 40px 0 0;	
}
	#content #main-contact h3 {
		color: #6d6d6d; font-size: 25px; line-height: 28px;	 font-weight: normal;
		margin: 0 0 25px 0;
	}



#content #main div.latest-news {
	margin: 40px 0 0 0;	
}
	#content #main div.latest-news h4 {
		color: #6d6d6d; font-size: 25px; line-height: 28px;	 font-weight: normal;
		margin: 0 0 15px 0;
	}
	#content #main div.latest-news ul.latest-news {
		width: 265px; float: left; list-style: none;	
		padding: 0 40px 0 0;
	}
		#content #main div.latest-news ul.latest-news li h5 {
			font-size: 16px; margin: 0 0 3px 0;	
		}
	#content #main div.latest-news p a.more-news {
		float: right; font-size: 16px; font-weight: bold;
		background: url(../img/more-arrow.png) right 4px no-repeat; padding: 0 15px 0 0;
	}





#content #contact-map {
	width: 430px; float: left; margin: 0 0 0 0px;
	background: url(../img/contact-map_top.jpg) no-repeat;
}

	#content #contact-map div.map-form {
		padding: 24px 17px 10px 17px;
		background: url(../img/contact-map_bottom.jpg) bottom no-repeat;
	}
		#content #contact-map div.map-form h3 {
			font-size: 18px; color: #6d6d6d; letter-spacing: -1px; margin: 0 0 10px 0;	
		}







#content #side {
	width: 238px; float: left; margin: 0 0 0 17px; 
	background: url(../img/sidebar_top.png) no-repeat;
}

	#content #side div.featured-project {
		padding: 24px 17px 10px 17px;
		background: url(../img/sidebar_bottom.png) bottom no-repeat;
	}
		#content #side div.featured-project h3 {
			font-size: 27px; color: #6d6d6d; letter-spacing: -1px; margin: 0 0 20px 0;	
		}
		#content #side div.featured-project img.featured-website {
			display: block; margin: 0 auto; border: 1px solid #dfdfdf;	
		}
		#content #side div.featured-project a.see-more-btn {
			display: block; width: 228px; height: 41px; margin: 0 auto;
			background: url(../img/seemorework-btn.jpg) top; text-indent: -9999px;
		}
			#content #side div.featured-project a.see-more-btn:hover {
				background: url(../img/seemorework-btn.jpg) bottom;
			}






#content #side-contact {
	width: 460px; float: left; margin: 0 0 0 0px;
	background: url(../img/sidebar_contact_top.jpg) no-repeat;
}

	#content #side-contact div.contact-form {
		padding: 24px 17px 10px 17px;
		background: url(../img/sidebar_contact_bottom.jpg) bottom no-repeat;
	}
		#content #side-contact div.contact-form h3 {
			font-size: 28px; color: #6d6d6d; letter-spacing: -1px; margin: 0 0 20px 0;	
		}
		#content #side-contact div.contact-form img.featured-website {
			display: block; margin: 0 auto; border: 1px solid #dfdfdf;	
		}
		#content #side-contact div.contact-form a.see-more-btn {
			display: block; width: 228px; height: 41px; margin: 0 auto;
			background: url(../img/seemorework-btn.jpg) top; text-indent: -9999px;
		}
			#content #side-contact div.contact-form a.see-more-btn:hover {
				background: url(../img/seemorework-btn.jpg) bottom;
			}









#footer-container {
	background: url(../img/footer_bg.jpg) repeat-x;	
}

	#footer {
		width: 960px; margin: 0 auto; padding: 30px 0px 50px 0;
		background: url(../img/footer-shadow.png) center top no-repeat;
	}
		#footer h6 {
			font-size: 20px; color: #767676; font-weight: normal; margin: 0 0 5px 0;	
		}
		#footer p {
			font-size: 14px; color: #767676; line-height: 18px;	
		}
		#footer a {
			color: #7b7ba0; text-decoration: none;
		}	
			#footer a:hover { color: #3f3f69; text-decoration: underline; }
	
	#footer div.copyright {
		width: 300px; float: left;
		font-size: 11px; color: #868686;
	}


	#footer div.login {
		width: 190px; float: left;
	}
		#footer div.login form label {
			color: #969696; /* If Javscript disabled, otherwise hidden by the jQuery script */
		}
		#footer div.login form input {
			width: 136px; height: 23px; margin: 0 0 12px 0; padding: 2px 10px 0 10px; border: 0;
			font-size: 16px; color: #969696;
		}
			#footer div.login form input.username {
				background: #dedede url(../img/input-username.png) bottom;
			}
			#footer div.login form input.password {
				background: #dedede url(../img/input-password.png) bottom;
			}
			/* If Javascript enabled, jQuery script adds these classes   */
			#footer div.login form input.username.js-active {
				background: #dedede url(../img/input-username.png) top;
			}
			#footer div.login form input.password.js-active {
				background: #dedede url(../img/input-password.png) top;
			}
				#footer div.login form input.username.focus {
					background: #dedede url(../img/input-username.png) bottom;
				}
				#footer div.login form input.password.focus {
					background: #dedede url(../img/input-password.png) bottom;
				}
			
			#footer div.login form input.submit {
				width: 52px; height: 25px; float: right; margin: 0 34px 0 0;
				background: url(../img/go-btn.jpg); text-indent: -9999px; cursor: pointer;
			}
			
			#footer div.login form small {
				font-size: 12px; float: left;	
			}
			
	#footer div.accessibility {
		width: 440px; float: left; margin: 0 0 0 40px;	
	}
	
	#footer div.contact {
		width: 250px; float: right; margin: 0 40px 0 0px; 	
		text-align: right;
	}
		#footer div.contact h6 {
			font-size: 32px; margin: 0 0 10px 0;
		}
		#footer div.contact p {
			font-size: 16px; margin: 0 0 5px 0;
		}
		#footer div.contact p strong {
			font-size: 32px;	
		}
		#footer div.contact p a {
			padding: 0 0 0 30px;
			background: url(../img/email-icon.jpg) left no-repeat;
		}
		
div.main div.publications{
		font-size:18px;
		font-family:"Times New Roman", arial;
	}
div.main div.publications p{
	font-size:18px;
	font-family:"Times New Roman", arial;
}
