
/*___________________   Spencers / General Styles */

* {
	margin:0;
	padding:0;
}


body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.3em;
	color:#1A0304;
	background: #FFF url(../images/bg_pattern.gif) repeat;
}


h1	{
	font-size: 160%;
	padding:0;
}

h2	{
	font-size: 130%;
	line-height: 1.2em;
	margin-bottom: 15px;
}

h3	{
	color: #762226;
	font-size: 120%;
	font-weight:normal;
	padding-top: 10px;
	margin-bottom: 8px;
}

h4	{
	font-size: 100%;
	margin: 8px 0 5px 0;
	color:#345364;
}

h5 {
	font-size: 100%;
	margin: 8px 0 5px 0;
	color:#1A0304;
}

p	{
	margin: 0;
	padding: 0 0 0.8em 0;
}


ul, ol	{
	padding:0;
}

fieldset	{
	border:none;
}
a, a.visited {
	color: #000;
	text-decoration: none;
}

a:hover, a.selected	{
	text-decoration: underline;
	
}
address	{
	margin: 5px 0;
}
img	{
	border:none;
}

img	a {
	border:none;
}

.logo	{
	position:absolute;
	top:0;
	left:10px;
}

.pagelogo	{
	background: url(../images/logo_mm.gif) no-repeat 0 0;
	width:189px;
	height: 28px;
	position:absolute;
	top:20px;
	left:100px;
	text-indent:-9000px;
}

img.imgborder	{
	border: 1px solid #CEB69C;
	padding: 5px;
	display:block;
	margin: 0 10px 10px 0;
}

/* _____________________________________Contentwrappers */

#pagewrapper { 
   margin:auto;
   width: 740px;
   border-left: 1px solid #D4AF8C;
   border-right: 1px solid #D4AF8C;
   background-color:#FFF;
} 

#inner { 
   margin:auto;
   width: 718px;
   position:relative;
   border-left: 10px solid #FFF;
   border-right: 10px solid #FFF;
} 
#header	{
	height:295px;
	background: url(../images/headerimage.jpg) no-repeat 0 0;
}

#maincontent { 
   float:left;
   overflow:auto;
 
} 

.leftwrapper	{
	float:left;
	width: 410px;
	padding: 65px 20px 20px 50px;
}

.rightwrapper	{
	float:right;
	width: 150px;
	padding: 65px 40px 20px 15px;
}

#footer	{
   background: url(../images/bg_footer.jpg) no-repeat bottom;
   height: 55px;
 	margin-top: 30px;
}

/* _____________________________________Background for Homepage Content */
#home #maincontent, 
#about #maincontent,
#testimonials #maincontent { 
   background: url(../images/bg_content_home.jpg) no-repeat 0 0;
} 

#work #maincontent, 
#latest #maincontent,
#contact #maincontent { 
   background: url(../images/bg_content.jpg) no-repeat 0 0;
} 
.leftwrapper h2 {
  height: 24px;
  text-indent:-8000px;
}

#home .leftwrapper h2 {
  background: url(../images/title_home.gif) no-repeat 0 0;
}

.leftwrapper h3 {
  height: 24px;
  text-indent:-8000px;
}

#latest .leftwrapper h3, #work .leftwrapper h3, #about .leftwrapper h3 {
  text-indent: 0;

}

#home .leftwrapper h3, #work .leftwrapper h2 {
  background: url(../images/title_ourwork.gif) no-repeat 0 0;
}

#about .leftwrapper h2 {
  background: url(../images/title_aboutcompany.gif) no-repeat 0 0;
}

#contact .leftwrapper h2 {
  background: url(../images/title_contact.gif) no-repeat 0 0;
}

#latest .leftwrapper h2 {
  background: url(../images/title_latestnews.gif) no-repeat 0 0;
}

#testimonials .leftwrapper h2 {
  background: url(../images/title_testimonials.gif) no-repeat 0 0;
}

.notes	{
	font-size: 85%;
}

.initial {
	margin-top: 20px;
}

.left	{
	float:left;
}

.right	{
	float:right;
}

.title	{
 	font-weight: bold;
 	padding-bottom: 2px;
}

.divider	{
	height: 1px;
	background-color: #E9D7C5;
	margin: 10px 0;
	border:none;

}

blockquote	{
	font-size: 120%;
	color:#3C5D6F;
}

.morequotes	{
  margin-top: 20px;
}

.author {
	font-size: 70%;
	color:#3C5D6F;
	padding-top: 5px;
	margin-bottom: 15px;
}

.leftwrapper .author {
	font-size: 90%;;
}
.services	{
	margin-top: 20px;
}

#nav 	{
	background: #0C2A56 url(../images/bg_border.gif) repeat-x 0 0;
	border-top: 1px solid #FFF;
	padding-top: 7px;
}

#header .latestwork	{
	position:absolute;
	top: 218px;
	left: 50px;
	width: 340px;
	font-size: 90%;
	line-height: 1.2em;
}

#header a.mainlink	{
	position:absolute;
	top: 257px;
	left: 530px;
	width: 200px;
	font-size: 90%;
}

.latestwork .imgborder, .leftwrapper .imgborder		{
	float:left;
	clear:left;
}
.rightwrapper .latestwork, .latestnews	{
	border-bottom: 1px solid #D4AF8C;
}

.rightwrapper .latestwork p	{
	clear:left;
}
.rightwrapper .latestwork, .latestnews	{
	font-size:90%;
}

.rightwrapper h4 a	{
	color:#345364;
}

/* Internal links */


a.internalink, 
a.pagelink,
a.pagelinkreverse	{
	text-decoration: underline;
	display:block;
	padding-left: 18px;
	clear:both;
	background: url(../images/bullet.gif) no-repeat left 3px;
}

a.pagelinkreverse	{
	background: url(../images/bullet.gif) no-repeat left 3px;	
	padding-right: 18px;
}

a.pagelink	{
	background: url(../images/bullet.gif) no-repeat right;
	float:right;
	padding: 2px 18px 2px 2px;
}


a:hover.internalink,
a:hover.pagelink	{
	text-decoration: none;
}

a.mainlink {
	color: #070647;
	text-decoration: none;
	background: url(../images/bullet_bluearrow.gif) no-repeat left 4px;
	padding-left: 16px;
}

a.mainlink:hover {
	text-decoration: underline;
}

.clear	{
	clear: both;
}
.summary	{
	font-size: 1.1em;
	margin: 5px 0;
}

.hidden	{
	text-indent: -8000px;
	list-style-type:none;
}

.nodisplay	{
	display:none;
}

/* Footer Content */

#footer { 
    clear:left;
	text-align:center;
	padding-top: 20px;
} 
 
/*___________________  / Form Styles */


.button {
	background: #FFF url(../images/bg_button.jpg) repeat-x top;
	padding: 2px 4px;
	border: 1px solid #CCC;
	margin: 0;
	font-weight:bold;
	font-size: 80%;
}

label	{
	float:left;
	clear:left;
	margin: 5px 0 2px 0;
}


.control, textarea {
	clear:both;
	display:block;
	float:left;
}

fieldset	{
	padding: 10px;
	margin: 0 0 20px 0;
}

legend {
	font-weight:bold;
	padding: 0;
	color:#345364;
}

