@charset "UTF-8";
/* CSS Document */

body 	{background-image: url(Images/background.gif); background-repeat:repeat-x; background-color: #9999cc; margin: 0!important}
a 		{font: 10px/18px Arial, Helvetica, sans-serif; color: #FFF; text-decoration:none}
#contenthomeleft a {font: bold 10px/12px Arial, Helvetica, sans-serif; color: #003366; text-decoration:none}
#contentrenovationsright a {font: bold 10px/12px Arial, Helvetica, sans-serif; color: #003366; text-decoration:none}
#contentofficeleft a {font: bold 10px/12px Arial, Helvetica, sans-serif; color: #003366; text-decoration:none}
#contentinsuranceleft a {font: bold 10px/12px Arial, Helvetica, sans-serif; color: #003366; text-decoration:none}
#contenthmoleft a {font: bold 10px/12px Arial, Helvetica, sans-serif; color: #003366; text-decoration:none}
#contentgeneralleft a {font: bold 10px/12px Arial, Helvetica, sans-serif; color: #003366; text-decoration:none}
#gallerycontent a {font: bold 10px/12px Arial, Helvetica, sans-serif; color: #003366; text-decoration:none}
#contentcontactleft a {font: bold 10px/12px Arial, Helvetica, sans-serif; color: #003366; text-decoration:none}
a2 		{font: 23px/27px Arial, Helvetica, sans-serif; color: #003366; text-decoration:none}
p 		{padding: 0 0 15px 0; margin:0; text-decoration:none}
ul 		{list-style-type:none; padding: 0; margin: 0}
li 		{padding: 0; margin: 0}
em 		{}
h1 		{font: normal 10px Arial, Helvetica, sans-serif; padding: 0; margin: 0}
h2 		{font: bold 21px Arial, Helvetica, sans-serif; color: #003366; padding: 0 0 15px 0; margin: 0}
h3		{font: bold 25px Arial, Helvetica, sans-serif; color: #003366; padding: 0 0 15px 0; margin: 0}

/********** FOOTER A **********/

#footer a 		{font: bold 24px/44px Arial, Helvetica, sans-serif; color: #003366; margin: 0}
#footer a:hover 	{font: bold 24px/44px Arial, Helvetica, sans-serif; color: #6699cc; margin: 0}  
  
/********** CONTACT A **********/

#contact a 		{font: bold 23px/27px Arial, Helvetica, sans-serif; color: #003366; margin: 0; text-decoration:none}
#contact a:hover 	{font: bold 23px/27px Arial, Helvetica, sans-serif; color: #6699cc; margin: 0; text-decoration:none} 

/********** FORMBAD A **********/

#contentformbad a 		{font: bold 15px Arial, Helvetica, sans-serif; color: #003366; margin: 0; text-decoration:none}
#contentformbad a:hover 	{font: bold 15px Arial, Helvetica, sans-serif; color: #6699cc; margin: 0; text-decoration:none} 

/********** IMAGE REPLACEMENT **********/

#title h1 	{background-image: url(Images/titlewelcome.png); height: 136px; width: 746px; background-repeat: no-repeat; margin-top: 0; position: absolute}
#title h1 span {position: absolute; left: -999em}

#titlecontact h1 	{background-image: url(Images/titlecontactus.png); height: 136px; width: 746px; background-repeat: no-repeat; margin-top: 0; position: absolute}
#titlecontact h1 span {position: absolute; left: -999em}

#titlegallery h1 	{background-image: url(Images/titlegallery.png); height: 136px; width: 746px; background-repeat: no-repeat; margin-top: 0; position: absolute}
#titlegallery h1 span {position: absolute; left: -999em}

#titlegeneral h1 	{background-image: url(Images/titlegeneralmaintenance.png); height: 136px; width: 746px; background-repeat: no-repeat; margin-top: 0; position: absolute}
#titlegeneral h1 span {position: absolute; left: -999em}

#titlehmoworks h1 	{background-image: url(Images/titlehmoworks.png); height: 136px; width: 746px; background-repeat: no-repeat; margin-top: 0; position: absolute}
#titlehmoworks h1 span {position: absolute; left: -999em}

#titleinsurancerepairs h1 	{background-image: url(Images/titleinsurancerepairs.png); height: 136px; width: 746px; background-repeat: no-repeat; margin-top: 0; position: absolute}
#titleinsurancerepairs h1 span {position: absolute; left: -999em}

#titleofficecommercial h1 	{background-image: url(Images/titleofficecommercial.png); height: 136px; width: 746px; background-repeat: no-repeat; margin-top: 0; position: absolute}
#titleofficecommercial h1 span {position: absolute; left: -999em}

#titlerenovations h1 	{background-image: url(Images/titlerenovations.png); height: 136px; width: 746px; background-repeat: no-repeat; margin-top: 0; position: absolute}
#titlerenovations h1 span {position: absolute; left: -999em}

#titleformgood h1 	{background-image: url(Images/titlethankyou.png); height: 136px; width: 746px; background-repeat: no-repeat; margin-top: 0; position: absolute}
#titleformgood h1 span {position: absolute; left: -999em}

#titleformbad h1 	{background-image: url(Images/titleerror.png); height: 136px; width: 746px; background-repeat: no-repeat; margin-top: 0; position: absolute}
#titleformbad h1 span {position: absolute; left: -999em}

/********** PRIMARY NAVIGATION **********/

#navone ul 			{font: bold 14px Arial, Helvetica, sans-serif}
#navone ul li 			{display:inline; font: bold 13px Arial, Helvetica, sans-serif; color:#003366; margin: 0 3px 0 0}
#navone ul li a 		{font: bold 13px Arial, Helvetica, sans-serif; color:#003366}
#navone ul li a:hover 	{font: bold 13px Arial, Helvetica, sans-serif; color:#6699cc}
#navone a:active 		{font: bold 13px Arial, Helvetica, sans-serif; color:#003366}
#navone li#active a 	{font: bold 13px Arial, Helvetica, sans-serif; color:#003366}

/********** SECONDARAY NAVIGATION **********/

#navtwo ul 			{font: bold 13px Arial, Helvetica, sans-serif; color: #FFF; margin: 0; padding: 0}
#navtwo ul li 			{display:inline; font: bold 13px Arial, Helvetica, sans-serif; color:#FFF; margin: 0 9px 0 0; padding: 0}
#navtwo ul li a 		{font: bold 13px Arial, Helvetica, sans-serif; color: #FFF; margin: 0; padding: 0}
#navtwo ul li a:hover	{font: bold 13px Arial, Helvetica, sans-serif; color: #ffff66; margin: 0; padding: 0}
#navtwo a:active 		{font: bold 13px Arial, Helvetica, sans-serif; color: #ffff66; margin: 0; padding: 0}
#navtwo li#active a 	{font: bold 13px Arial, Helvetica, sans-serif; color: #ffff66; margin: 0; padding: 0}


/********** content li's **********/

#contenthmoleft ul 			{font: bold 21px Arial, Helvetica, sans-serif; color: #FFF; margin: 0; padding: 0 0 15px 18px}
#contenthmoleft ul li 		{display: list-item; list-style-type: disc; font: bold 21px Arial, Helvetica, sans-serif; color: #FFF; margin: 0 9px 0 0; padding: 0; line-height: 35px}
#contenthmoleft li span		{color: #003366}

#contentinsuranceright ul 	{font: bold 21px Arial, Helvetica, sans-serif; color: #FFF; margin: 0; padding: 0 0 15px 18px}
#contentinsuranceright ul li 	{display: list-item; list-style-type: disc; font: bold 21px Arial, Helvetica, sans-serif; color: #FFF; margin: 0 9px 0 0; padding: 0; line-height: 35px}
#contentinsuranceright li span{color: #003366}

#contentrenovationsright ul 		{font: bold 21px Arial, Helvetica, sans-serif; color: #FFF; margin: 0; padding: 0 0 15px 18px}
#contentrenovationsright ul li 	{display: list-item; list-style-type: disc; font: bold 21px Arial, Helvetica, sans-serif; color: #FFF; margin: 0 9px 0 0; padding: 0; line-height: 35px}
#contentrenovationsright li span	{color: #003366}



/********** CLASSES **********/

.bodytext 	{font: normal 15px/23px Arial, Helvetica, sans-serif; color: #003366; margin: 0}
.address		{font: normal 15px/18px Arial, Helvetica, sans-serif; color: #003366; margin: 0}
.bold 		{font-weight: bold}

.ten			{font-size: 10px}
.tenfmb		{font: normal 10px/12px Arial, Helvetica, sans-serif; color: #036; margin: 0}
.twentythree	{font-size: 23px}
.twentyfour	{font-size: 24px}
.twentyfive	{font-size: 25px}

.white		{color: #FFF}
.blue		{color: #003366}
.yellow		{color: #ffff66}
.img1 		{border: 2px solid #FFF}
.endpara		{padding: 0}


/********** DIV STYLES **********/

#container 	{position: relative; width: 800px; margin: 0 auto}

#logo 		{float: left; width: 283px; height: 239px; display: inline-block; margin: 0; padding: 0}
#headerphoto 	{float: right; width: 517px; height: 270px; display: inline-block; margin: 0; padding: 0}
#navone 		{float: left; width: 258px; height: 23px; margin: 0; padding: 8px 0 0 25px; color: #003366}
#navtwo 		{clear: both; width: 775px; height: 28px; margin: 0; padding: 7px 0 0 25px}

#title 		{width: 746px; height: 136px; margin: 0; padding: 0 0 0 25px}
#titlecontact	{width: 746px; height: 136px; margin: 0; padding: 0 0 0 25px}
#titlegallery	{width: 746px; height: 136px; margin: 0; padding: 0 0 0 25px}
#titlegeneral	{width: 746px; height: 136px; margin: 0; padding: 0 0 0 25px}
#titlehmoworks	{width: 746px; height: 136px; margin: 0; padding: 0 0 0 25px}
#titleinsurancerepairs	{width: 746px; height: 136px; margin: 0; padding: 0 0 0 25px}
#titleofficecommercial	{width: 746px; height: 136px; margin: 0; padding: 0 0 0 25px}
#titlerenovations		{width: 746px; height: 136px; margin: 0; padding: 0 0 0 25px}
#titleformgood			{width: 746px; height: 136px; margin: 0; padding: 0 0 0 25px}
#titleformbad			{width: 746px; height: 136px; margin: 0; padding: 0 0 0 25px}

#contenthomeleft 		{float: left; width: 206px; margin: 4px 0 0 25px; padding: 0; display: inline}
#contenthomeright		{float: right; width: 519px; margin: 0 29px 18px 0; padding: 0}
#contentgeneralleft 	{float: left; width: 380px; margin: -4px 0 25px 25px; padding: 0; display: inline}
#contentgeneralright	{float: right; width: 339px; margin: 0 29px 25px 0; padding: 0}
#contentofficeleft 		{float: left; width: 380px; margin: -4px 0 25px 25px; padding: 0; display: inline}
#contentofficeright		{float: right; width: 339px; margin: 0 29px 25px 0; padding: 0}
#contenthmoleft 		{float: left; width: 380px; margin: -4px 0 25px 25px; padding: 0; display: inline}
#contenthmoright		{float: right; width: 335px; margin: 0 29px 25px 0; padding: 0}
#contentofficeleft 		{float: left; width: 380px; margin: 0 0 25px 25px; padding: 0; display: inline}
#contentofficeright		{float: right; width: 335px; margin: 0 29px 25px 0; padding: 0}
#contentrenovationsleft 	{float: left; width: 380px; margin: -4px 0 25px 25px; padding: 0; display: inline}
#contentrenovationsright	{float: right; width: 335px; margin: -4px 29px 25px 0; padding: 0}
#contentinsuranceleft 	{float: left; width: 380px; margin: -4px 0 25px 25px; padding: 0; display: inline}
#contentinsuranceright	{float: right; width: 335px; margin: -8px 29px 25px 0; padding: 0}
#contentcontactleft 	{float: left; width: 335px; margin: -4px 0 25px 25px; padding: 0; display: inline}
#contentcontactright	{float: right; width: 380px; margin: -4px 29px 25px 0; padding: 0}
#contentformgood	 	{float: left; width: 746px; margin: -4px 0 25px 25px; padding: 0; display: inline}
#contentformbad	 	{float: left; width: 746px; margin: -4px 0 25px 25px; padding: 0}

#gallerycontent		{float: left; width: 746px; margin: 0 0 25px 0; padding: 0 29px 0 25px}

#generalphoto1			{width: 335px; height: 354px; margin: 0 0 25px 0; padding: 0}
#generalphoto2			{width: 335px; height: 429px; margin: 0 0 25px 0; padding: 0}
#generalphoto3			{width: 335px; height: 202px; margin: 0 0 25px 0; padding: 0}
#generalphoto4			{width: 335px; height: 240px; margin: 0 0 0 0; padding: 0}

#hmophoto1			{width: 335px; height: 202px; margin: 0 0 25px 0; padding: 0}
#hmophoto2			{width: 335px; height: 448px; margin: 0 0 25px 0; padding: 0}
#hmophoto3			{width: 335px; height: 202px; margin: 0 0 0 0; padding: 0}

#officecommercialphoto1	{width: 335px; height: 447px; margin: 0 0 25px 0; padding: 0}
#officecommercialphoto2	{width: 335px; height: 267px; margin: 0 0 0 0; padding: 0}

#renovationsphoto1		{width: 335px; height: 202px; margin: 0 0 25px 0; padding: 0}
#renovationsphoto2		{width: 335px; height: 202px; margin: 0 0 25px 0; padding: 0}
#renovationsphoto3		{width: 335px; height: 202px; margin: 0; padding: 0}

#guildlogos		{float: left; width: 206px; margin: 0; padding: 0}
#fmbcontent		{float: left; display:inline-block; width: 70px; line-height: 20px}
#footer 			{clear: both; width: 800px; margin: 0; padding: 21px 0 0 0; background-image:url(Images/footer.gif); background-repeat:no-repeat; background-position: top; text-align:center;font: 25px Arial, Helvetica, sans-serif; line-height: 10px}
#contact			{width: 735px; height: 23px; margin: 0 0 0 65px; padding: 0; font: bold 25px Arial, Helvetica, sans-serif; color: #003366}
#fourthcraw		{float: left; width: 150px; height: 18px; margin: 15px 0 0 65px; padding: 0}
#mtsaddress		{float: right; width: 275px; height: 18px; margin: 15px 55px 0 0; padding: 0; text-align: right}

#thumb1			{float: left; width: 68px; height: 68px; margin: 0 29px 25px 25px; padding: 0}
#thumb2			{float: left; width: 68px; height: 68px; margin: 0 29px 0 0; padding: 0}
#thumb3			{float: left; width: 68px; height: 68px; margin: 0 29px 0 0; padding: 0}
#thumb4			{float: left; width: 68px; height: 68px; margin: 0 29px 0 0; padding: 0}
#thumb5			{float: left; width: 68px; height: 68px; margin: 0 29px 0 0; padding: 0}
#thumb6			{float: left; width: 68px; height: 68px; margin: 0 29px 0 0; padding: 0}
#thumb7			{float: left; width: 68px; height: 68px; margin: 0 29px 0 0; padding: 0}
#thumb8			{float: left; width: 68px; height: 68px; margin: 0; padding: 0}

/*************iframepositioner**************/ 

#iframecontainer {width: 746px; margin: 0 0 25px 0; padding:0 29px 0 25px;}
#iframepic {width: 746px; margin: 0; padding:0}