/* Basic Page Styles */
html, body {
	height: 100%;
	font:11px Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	margin:0;
}
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px;
}
.clear {
	height: 60px;
	clear:both;
}
/* Content Structure */
#logo {
	background-image:url(../images/mrj-div-bg.png);
	float:left;
	margin:2em 0pt 0pt;
	padding:1.5em;
	text-align:right;
	width:25%;
}
.content {
	float:left;
	margin:2em 0 0 1.6em;
	width:30%;
}
.generic {
	background-image:url(../images/mrj-div-bg.png);
	margin:0pt 0pt 1.6em;
	padding:0.8em 1.2em;
}
.logo {
	float:right;
	margin-left:20px;
	margin-bottom:10px;
}
.logo-small {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
/* Nav Styles */
#menu {
	background-image:url(../images/mrj-div-bg.png);
	height:50px;
	padding-top:10px;
}
#nav {
	width:402px;
	margin:0 auto;
}
/* Menu Hover Styles */
#menu a.home {
	background:url(../images/mrj-nav.png) no-repeat 0 -10px;
	width:29px;
	height:10px;
	display:block;
}
#menu a.home:hover, #menu a.homeActive {
	background:url(../images/mrj-nav.png) no-repeat;
	width:29px;
	height:10px;
	display:block;
}
#menu a.about {
	background:url(../images/mrj-nav.png) no-repeat -38px -10px;
	width:35px;
	height:10px;
	display:block;
}
#menu a.about:hover, #menu a.aboutActive {
	background:url(../images/mrj-nav.png) -38px 0 no-repeat;
	width:35px;
	height:10px;
	display:block;
}
#menu a.clients {
	background:url(../images/mrj-nav.png) no-repeat -80px -10px;
	width:44px;
	height:10px;
	display:block;
}
#menu a.clients:hover, #menu a.clientsActive {
	background:url(../images/mrj-nav.png) -80px 0 no-repeat;
	width:44px;
	height:10px;
	display:block;
}
#menu a.case {
	background:url(../images/mrj-nav.png) no-repeat -132px -10px;
	width:75px;
	height:10px;
	display:block;
}
#menu a.case:hover, #menu a.caseActive {
	background:url(../images/mrj-nav.png) -132px 0 no-repeat;
	width:75px;
	height:10px;
	display:block;
}
#menu a.projects {
	background:url(../images/mrj-nav.png) no-repeat -216px -10px;
	width:53px;
	height:10px;
	display:block;
}
#menu a.projects:hover, #menu a.projectsActive {
	background:url(../images/mrj-nav.png) -216px 0 no-repeat;
	width:53px;
	height:10px;
	display:block;
}
#menu a.team {
	background:url(../images/mrj-nav.png) no-repeat -277px -10px;
	width:28px;
	height:10px;
	display:block;
}
#menu a.team:hover, #menu a.teamActive {
	background:url(../images/mrj-nav.png) -277px 0 no-repeat;
	width:28px;
	height:10px;
	display:block;
}
#menu a.contact {
	background:url(../images/mrj-nav.png) no-repeat -314px -10px;
	width:48px;
	height:10px;
	display:block;
}
#menu a.contact:hover, #menu a.contactActive {
	background:url(../images/mrj-nav.png) -314px 0 no-repeat;
	width:48px;
	height:10px;
	display:block;
}
/* Text Styles */
p, h1, h2, h3 {
	font:11px Arial, Helvetica, sans-serif;
}
span.none {
	display:none;
}
span.emph {
	color:#FFFFFF;
}
p.emph {
	color:#FFFFFF;
	font-weight:bold;
}
.right {
	text-align:right;
}
h1.welcome {
	background:url(../images/mrj-welcome.png) no-repeat;
	width:136px;
	height:23px;
}
h1.clients {
	background:url(../images/mrj-clients.png) no-repeat;
	width:116px;
	height:23px;
}
h1.case {
	background:url(../images/mrj-case.png) no-repeat;
	width:194px;
	height:23px;
}
h1.projects {
	background:url(../images/mrj-projects.png) no-repeat;
	width:140px;
	height:23px;
}
h1.contact {
	background:url(../images/mrj-contact.png) no-repeat;
	width:125px;
	height:23px;
}
h1.team {
	background:url(../images/mrj-team.png) no-repeat;
	height:23px;
	width:125px;
}
h1.about {
	background:url(../images/mrj-about.png) no-repeat;
	width:91px;
	height:23px;
}
h2.news {
	background:url(../images/mrj-news.png) no-repeat;
	width:89px;
	height:23px;
}
h2.hours {
	background:url(../images/mrj-hours.png) no-repeat;
	height:23px;
	width:125px;
}
h3.case {
	background:url(../images/mrj-case.png) no-repeat;
	width:194px;
	height:23px;
}
h3.contact {
	background:url(../images/mrj-contact.png) no-repeat;
	width:125px;
	height:23px;
}
h3.map {
	background:transparent url(../images/mrj-map.png) no-repeat scroll 0% 0%;
	height:23px;
	width:125px;
}
/* Link Styles */
a {
	color:#CCCCCC;
}
a:hover {
	color:#FFFFFF;
}
/* List Styles */
ul {
	list-style:none;
	margin:10px 0;
	padding:0;
}
#menu ul {
	margin:0;
}
#menu li {
	float:left;
}
#menu li.space {
	width:15px;
	text-align:center;
}
#menu li.link {
	padding-top:3px;
}
/* Form Styles */
form {
	margin-top:14px;
}
.submit {
	border:medium none;
	height:13px;
	margin-bottom:0pt;
	margin-top:1em;
	padding:0pt;
	width:44px;
}
.submit:focus {
	border:medium none;
	height:13px;
	padding:0pt;
	width:44px;
}
input {
	border:1px solid #878787;
	color:#878787;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	margin-bottom:5px;
	padding:0.2em;
	width:98%;
}
input:focus {
	border:1px solid #000000;
}
textarea {
	border:1px solid #878787;
	color:#878787;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	height:5em;
	padding:0.2em;
	width:98%;
}
textarea:focus {
	border:1px solid #000000;
}
/* Image Styles */
img.map {
	border:1px solid #000;
}
img.project {
	border:1px solid #000;
	margin-right:13px;
}
img.last {
	margin-right:0;
}
img.client {
	border:0;
	margin-right:25px;
}