﻿@import url('type.css');
form
{
    display:inline;
	margin:0px;
	padding:0px;
}
body.mh
{
    text-align: center;	
    background-color:#DFE4E8;
    position:relative;
}
body
{
    padding: 0px;
    margin: 0px;
}

#Wrapper
{
    text-align: left;
    margin:0px auto 0px auto;
    position: relative;
    background-color:White;
    border:solid 2px White;

}

#Masthead
{
	position:relative;
    height: 71px;
    background-image: url(  '../design/common/masthead-bg.jpg' );
    background-repeat: no-repeat;
	background-position:center top;
    margin:0px 0px 3px 0px;
}
#MerseaHomesLogo
{
	width:245px;
	height:32px;
	background-image:url('../design/common/mh-logo.png');
	background-repeat:no-repeat;
	background-position:right bottom;
	padding:20px 0px 0px 40px;
}


#Navigation
{
    height: 24px;
    background-image: url(  '../design/common/nav-bg.jpg' );
    background-repeat: no-repeat;
    background-position:center top;
    padding-bottom: 2px;
    line-height:1em;
	position:relative;
}

#Navigation ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#Navigation ul li
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    float: left;
    padding: 6px 0px 6px 0px;
    border-right: solid 1px white;
}
#Navigation ul li.first
{
    border-left: solid 1px white;
}

#Navigation ul li a
{
    display: block;
    padding: 0px 10px 0px 10px;
    padding: 0px 10px 0px 10px;
    color: White;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
}

#ContentArea
{
	background-color:#DFE4E8;
	background-image:url('../design/common/body-bg.jpg');
	background-repeat:repeat-x;
	background-position:center top;
}

#Footer
{
	background-color:#4D4D67;
}

/* Footer Navigation */
#FooterNav
{
    width: 938px;
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    text-align: left;
    line-height: 11px;
    font-size: 11px;
}

#FooterNav a
{
    color:White;
    text-decoration:none;
    font-weight:bold;
    border-left:solid 1px white;
    padding:6px 5px 5px 5px;
    display:block;
    float:left;
}
#FooterNav a.last
{
    border-right:solid 1px white;
}

#FooterNav a:hover
{
    color:#8891AE;
}

/* UTILITIES */

.clear-both
{
    font-family: monospace;
    font-size: 0px;
    line-height: 0px;
    clear: both;
}

.CentredContent
{
	margin-left:auto;
	margin-right:auto;
	width:938px;
	position:relative;
}
.Hidden
{
	display:none;
}
a img
{
    border:none;
}

.tint30
{
    background-image:none;
	background-color:black;
    opacity: .5;
	filter: alpha(opacity=50);
}


/* NavMenu Stuff */


ul.dev-mini-nav
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
ul.dev.mini-nav li
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    padding: 5px;
}

ul.dev-mini-nav li a
{
    display: block;
    padding: 4px;
    border-bottom: solid 1px #cccccc;
    text-decoration: none;
    color:#027BCF;
}

ul.dev-mini-nav li a:hover
{
    border-bottom: solid 1px #666666;
    background-color: #eeeeee;
}


.CrumbTrail a
{
    text-decoration:none;
    color:#027BCF;
}
rail a:hover
{
    color:#70C5FE;
}

/* Specification */

.SpecificationContent ul
{
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.SpecificationContent a
{
    color:#dddddd;
    text-decoration:none;
}
.SpecificationContent a:hover
{
    color:White;
}

.SpecificationContent a:hover
{
    color:White;
}

/* Accordian */

.OpenAccordian .AccordianTitle
{
    background-image:url('/design/open-accordian-title-bg.jpg');
    padding:4px 20px;
}
.OpenAccordian .AccordianContent
{
    display:block;
    height:385px;
}
.ClosedAccordian .AccordianTitle
{
    background-image:url('/design/closed-accordian-title-bg.jpg');
    padding:4px 20px;
}
.ClosedAccordian .AccordianContent
{
    display:none;
}

.AccordianContent
{
    font-size:0.9em;
}

.AccordianContent p
{
    margin-left:10px;
}



/* Project Portfolio */

#ProjectPortfolio
{
    background-image: url('../images/project-portfolio/content-wrapper-bg.gif;');
    background-repeat: repeat-y;
}

#ProjectPortfolio .LeftColumn
{
    float: left;
    width: 300px;
    background-color:#7B4419;
}

/* Development Pages */

.DoubleColumnAAWrapper
{
	background-image:url('../design/common/two-column-content-bg.gif'); 
	background-repeat:repeat-y;
}
.DoubleColumnABWrapper
{
	background-image:url('../design/common/two-column-content-bg.gif'); 
	background-repeat:repeat-y;
}

.AALeft
{
	width: 330px; float:left;
}
.TwoColumnLeft .Padding
{
	padding:10px;
}

.TwoColumnRight
{
	width:305px; float:right;
}
.TwoColumnRight .Padding
{
	padding:10px;
}
