body {
	font-family: Verdana, default;
	font-size:80%;
	margin:0;
	padding:0;
	background:#fff url(../images/sjt-bg.gif) repeat-x top left;/*sjt-bg.gif | background_R.gif*/
	width:100%;
	position:absolute;
	left:0%;
	
	
}


form {
	margin:0;
	padding:0;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
*+html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.error {
	color:#121212;
	font-size:0.8em;
	margin:0 0 0.6em 0;
	border-bottom:1px solid #eee;
	background:#fff;
}

.error strong {
	display:block;
	color:#CE0000;
	font-size:1em;
	padding:0.4em 0.2em 0.4em 2.2em;
	background:url(images/caution.gif) no-repeat top left;
}

h1, h2, h3, h4, h5, h6 {
	padding:0;
	margin:0;
}

a {
	color:#0095EC;
}

a:hover {
	color:#000;
}

#wrapper {
	margin:0 auto;
	width:90%;
}

#header {
	height:2.8em;
	min-width:60em;
	background:#313131 url(images/header-bg.gif) repeat-x bottom left;
}

#header ul {
	list-style-type:none;
}

#header li a {
	text-decoration:none;
}

#header #nav {
	float:left;
	font-size:0.9em;
	padding-left:0.4em;
	margin-left:0.7em;
}

#header #nav li {
	float:left;
	padding-right:0.5em;
	margin-right:0.4em;
	margin-top:3px;
	background:url(images/header-nav-li-bg.gif) no-repeat top right;
}

#header #nav li a {
	float:left;
	display:block;
	color:#fff;
	font-weight:bold;
	padding:0.4em 1em 0.3em 1.6em;
	background:url(images/header-nav-li-a-bg.gif) no-repeat top left;
}

#header #nav li a:hover {
	color:#fff;
}

#header #nav li.this {
	margin-top:0px;
	border-bottom:1px solid #1C1C1C;
	background:url(images/header-nav-li-this-bg.gif) no-repeat top right;
}

#header #nav li.this a,
#header #nav li.this a:hover {
	color:#fff;
	padding-bottom:0.5em;
	background:url(images/header-nav-li-this-a-bg.gif) no-repeat top left;
}

#logo {
	position:relative;
	height:250px;
}

#logo h1 {
	position:absolute;
	top:180px;
	left:0px;
	width:70%;
	color:#333;
	font-size:1.6em;
	font-weight:normal;
	text-align:center;
	border-top:2px solid #ccc;
	border-bottom:0px solid #eee;
	padding-top:20px;
	padding-bottom:20px;
	
}
#Menu
{
    position:absolute;
    top:180px;
    left:0%;
    z-index:100;
    /*background:url(../images/Nav/tabs.gif)no-repeat;*/
    }
    
 #Banner
 {
	Position:relative;
	top:-450px;
	left:55%;
	max-width:100px;
	max-height:300px;
	
	}   
    
#MenuTop
{
    position:absolute;
    top:160px;
    left:-5%;
    width:642px;
    height:20px;
    background-image:url(../images/bg_Bot_Top.gif);
	/*background:#fff url(../images/bg_Bot_Top.gif) repeat-x;*/}
	
#HomeNav
{
    position:absolute;
    top:181px;
    left:40.3%;
    z-index:100;
    font-size:1.2em;
    font-weight:bold;
    color:#5E5E5E;
    width:100px;
    text-align:center;
    /*border-style:solid;
    border-width:1px;
    border-color:Black;
    */
    
    }

#logo h1 a {
	color:#333;
	text-decoration:none;
}

#logo h1 a:hover {
	color:#f93737;
	text-decoration:underline;
}

#logo h1 span {
	display:block;
	color:#ccc;
	font-size:0.5em;
}

#logo h2 {
	position:absolute;
	top:40px;
	left:-15px;
	/*background:url(../images/MCR_Logo.gif) no-repeat top left;*/
	
}

#LogoMain
{
    background:url(../images/MCR_Logo.gif) no-repeat top left;
    position:absolute;
    top:25px;
	left:0px;
	width:451px;
	height:146px;
    
    
    }
    

    


#logo h2 a {
	display:block;
	height:77px;
	width:188px;
}

#logo h2 a span {
	display:block;
	position:absolute;
	top:-10000px;
	left:0;
	height:1px;
	width:1px;
	overflow:hidden;
}

#logo p.links {
	color:#999;
	position:absolute;
	top:50px;
	left:100%;
	margin-left:-18em;
	width:18em;
	text-align:right;
}

#logo p.links a {
	font-weight:bold;
}

#intro {
	position:relative;
	margin:2em 0 3em 0;
}

#intro #summary {
	float:left;
	width:50%;
}

*+html #intro #summary,
* html #intro #summary {
	margin-right:3%;
}

#intro #summary h3 {
	font-size:1.3em;
}

#intro #summary p {
	color:#5E5E5E;
	font-size:1.2em;
	line-height:1.3em;
}

#intro #summary p strong {
	color:#2E2E2E;
	font-weight:normal;
	background:#ffc;
}

#intro #summary p.links {
	color:#5E5E5E;
	font-size:1em;
}

#intro #summary p.links a {
	font-weight:bold;
}

#intro #join {
	position:relative;
	float:left;
	width:25%;
	height:180px;
	margin:0 0 0 5%;
	padding:0 6% 0 0;
	background:url(images/join-bg.gif) no-repeat;
	background-position: 20px 10px;
}

*+html #intro #join,
* html #intro #join {
	padding:0;
	margin:0;
}

#intro #join h3 {
	text-indent:-10000px;
}

#intro #join a {
	position:absolute;
	top:86px;
	left:0px;
	display:block;
	height:96px;
	width:96px;
	background:url(images/create-account.gif) no-repeat top center;
}

#intro #join a.enternow {
	background-image:url(images/enter-account.gif);
}

#intro #join a span {
	display:block;
	height:1px;
	width:1px;
	overflow:hidden;
}

#intro #enter {
	float:right;
	width:31%;
}

#intro #enter,
#intro #enter input {
	font-size:0.9em;
}

#intro #enter fieldset {
	padding:1em;
	border:1px solid #DEDEDE;
}

#intro #enter fieldset legend {
	color:#6F9000;
	color:#000;
	font-weight:bold;
}

*+html #intro #enter fieldset legend,
* html #intro #enter fieldset legend {
	margin-bottom:1em;
}

#intro #enter fieldset label {
	float:left;
	font-size:0.9em;
	width:7em;
	padding-top:0.2em;
}

#intro #enter fieldset div {
	clear:both;
	padding:0.3em;
}

#intro #enter fieldset div.chkbox {
	clear:none;
	float:left;
	padding:0.8em 0 0.8em 0;
}

#intro #enter fieldset p.go-on-in {
	color:#777;
	font-size:1.2em;
	font-weight:bold;
}

#intro #enter fieldset p.frmbtn {
	float:right;
	text-align:right;
}

#intro #enter fieldset p.forgotpass {
	clear:both;
	text-align:center;
	border-top:1px solid #DEDEDE;
	padding-top:0.6em;
}

#intro #enter fieldset p.forgotpass a {
	color:#808080;
}

#intro #enter fieldset p.forgotpass a:hover {
	color:#f93737;
}

#features {
	margin-bottom:4em;
	border-top:3px solid #B1E0FC;
	background:#DEF4FF url(images/dots-bg.gif);
}

#features p {
	float:left;
	text-align:center;
	width:25%;
	padding:0;
	margin:0 0 7px 0;
}

*+html #features p,
* html #features p {
	width:24.5%;
}

#features p a {
	display:block;
	color:#000;/*C8ED49*/
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
	height:150px;
	padding-top:10px;
	margin-bottom:7px;
	background-repeat:no-repeat;
	background-position: bottom center;
}

#features p a:hover {
	color:#f93737;
	text-decoration:underline;
}

#features p.projects a {
	background-image:url(images/projects.gif);
}

#features p.estimates a {
	background-image:url(images/estimates.gif);
}

#features p.invoices a {
	background-image:url(images/invoices.gif);
}

#features p.services a {
	background-image:url(images/services.gif);
}

#content .list {
	float:left;
	clear:left;
	width:35%;
	margin-top:0.4em;
	margin-bottom:2em;
}

#content .list h3 {
	color:#005F97;
	font-size:1em;
}

#content .list ul {
	margin:1em 0 1em 0;
	padding:0;
	list-style-type:none;
}

*+html #content .list ul li,
* html #content .list ul li {
	border:1px solid #fff;
}

#content .list ul li a {
	display:block;
	font-size:0.9em;
	text-decoration:none;
	padding:2px 5px 12px 20px;
	margin:0;
	background:url(images/star-bw.gif) no-repeat top left;
}

#content .list ul li a:hover {
	color:#f60;
	text-decoration:underline;
	background-image:url(images/star.gif);
}

#content #blog {
	margin-left:40%;
	margin-right:1%;
}

#content #blog h3 {
	color:#444;
	font-size:1.2em;
}

#content #blog h3 a {
	color:#000;
	text-decoration:none;
}

#content #blog h3 a:hover {
	color:#0095EC;
	text-decoration:underline;
}

#content #blog h3 sup a {
	color:#777;
}

#content #blog img {
	padding:1px;
	border:4px solid #eee;
}

#content #blog p {
	color:#5E5E5E;
}

#content #blog p.postinfo {
	color:#999;
	margin-top:0.2em;
	font-size:0.9em;
}

#content #blog p.postinfo a {
	color:#f93737;
	text-decoration:none;
}

#content #blog p.postinfo a:hover {
	color:#0095EC;
	text-decoration:underline;
}

#content #blog p.date {
	color:#999;
	font-size:0.9em;
	text-align:right;
	border-top:1px solid #eee;
}

#who {
	font-size:0.9em;
	margin-top:4em;
}

#who h3 {
	color:#000;
	font-size:1.2em;
	text-align:center;
}

#who ul {
	list-style-type:none;
	border-top:3px solid #eee;
	padding:0.6em 0 0 0;
	margin:0.7em 0 0 0;
	background:#eee url(images/dots-bg.gif);
}

#who ul li {
	float:left;
	color:#999;
	font-size:0.9em;
	width:127px;
	height:27px;
	margin:9px;
	padding:0px 5px 9px 35px;
	background:url(images/who-li-bg.gif) no-repeat top left;
}

*+html #who ul li,
* html #who ul li {
	height:40px;
}

#who ul li:hover {
	color:#000;
}

#who ul li.last {
	background:url(images/who-li-last-bg.gif) no-repeat top left;
}

#who ul li a {	
	display:block;
	color:#6F6F6F;
	font-weight:bold;
	text-decoration:none;
}

#who ul li:hover a {
	color:#000;
}

#who ul li a:hover {	
	color:#f93737;
	text-decoration:underline;
}

#rmcox {
	margin:3em 0 3em 0;
}

#rmcox h3 {
	font-size:0.9em;
}

#rmcox p {
	color:#808080;
	font-size:0.8em;
}

#rmcox p strong {
	color:#2E2E2E;
	font-weight:normal;
	background:#ffc;
}

#rmcox p.more {
	font-size:1.1em;
	text-align:center;
	margin-top:3em;
}

#rmcox p.more a {
	font-weight:bold;
}

#footer {
	clear:both;
	position: relative;
	color:#888;
	font-size:0.7em;
	text-transform:lowercase;
	text-align:center;
	padding:1%;
	padding-top:5em;
	margin: 0 0 0 0;
	background:#333 ;
}

#inv #footer {
	margin-top:0;
}

#footer strong,
#footer a {
	color:#888;
}

#footer a:hover {
	color:#fff;
}