﻿/* colors: DFDCCD 4F5046 3F2121 505046 59594D 62625C 696962   Dark Red 1e6994 CC6600  Orange D47C02 F79646 F8AA3D EBC693  Blue 1E6994 1275d3*/
html {
	scrollbar-arrow-color:		#EFEADB;
	scrollbar-base-color:		#696962;
	scrollbar-shadow-color:		#696962;
	scrollbar-face-color:		#F79646;
	scrollbar-highlight-color:	#696962;
	scrollbar-dark-shadow-color:#EFEADB;
	scrollbar-3d-light-color:	#EFEADB;
}

body {
	color:#59594D;	
	margin:0px;
	padding:0px;
	background:#EFEADB url('../images/home/home-bg1.jpg') repeat-x;
	min-width:900px;
	font-family:Berling Antiqua,Georgia,Lucida Grande,Trebuchet MS;
}


/* Header */
#container {width:100%; margin:0px; padding:0px;
}
#header-container{
}
#header-content{
	width:932px; height:387px;
}

/*Left Header */
#left-header{
	width:497px; height:333px; float:left; clear:both; margin:0px; padding:0px;
}
#left-header .left-header{
	width:239px; height:120px; background:url('../images/home/tms-logo.gif') no-repeat; text-indent:-99999px; float:left;
}
#left-header .left-staff{
	width:169px; height:122px; background:url('../images/home/se_habla_espanol.jpg') no-repeat right; text-indent:-9999px; float:right;
}
#left-header .left-staff ul {padding:0px; margin:0px; float:left!important; text-align:left; list-style:none; width:170px; height:120px; }
#left-header .left-staff ul li {float:left; display:inline; z-index:2; list-style:none; width:170px; height:120px; }
#left-header .left-staff ul li a {	overflow:visible; height:100%; float:left; display:block; list-style:none; width:170px; height:120px; }


/* Header Menu */
#menu {	width:497px; height:213px; overflow:visible; margin-top:0px; float:left;}

/* Contact The Mod Squad */
#contact-tms{float:left; margin:0px; padding:0px; width:400px; height:72px; position:relative;}

#contact-tms ul {width:400px; height:72px; cursor:hand; padding:0px; margin:0px; float:left!important; text-align:left; list-style:none; text-indent:-9999px;}
#contact-tms ul li {float:left; display:inline; z-index:2; list-style:none; text-indent:-9999px;}
#contact-tms ul li a {overflow:visible; height:100%; float:left; display:block; list-style:none;}

#contact-tms li.contact a,
#contact-tms li.contact {width:400px; height:72px; cursor:hand;}
#contact-tms li.contact a {background:url('../images/home/contact.gif') no-repeat;}
#contact-tms li.contact a:hover {background:url('../images/home/contact_on.gif') no-repeat;}


/* Right Header */
#right-header{width:430px; height:333px; float:right; }
#right-header .right-header {width:430px; height:333px; background:transparent url('../images/home/sticky.jpg') no-repeat; text-indent:-9999px;}

#sticky-note{width:275px; height:150px; margin-top:110px; margin-left:42px; float:left; text-align:left; text-indent:-9999px;}
#sticky-note ul {padding:0px; margin:0px; float:left!important; text-align:left; list-style:none; text-indent:-9999px;}
#sticky-note ul li {float:left; display:inline; z-index:2; list-style:none; text-indent:-9999px;}
#sticky-note ul li a {	overflow:visible; height:100%; float:left; display:block; list-style:none;}

#sticky-note li.link1 a,
#sticky-note li.link1 {width:275px; height:44px; margin-left:6px; cursor:hand;}
#sticky-note li.link1 a {background:url('../images/home/sticky_1on.gif') no-repeat;}
#sticky-note li.link1 a:hover {background:url('../images/home/sticky_1.gif') no-repeat;}

#sticky-note li.link2 a,
#sticky-note li.link2 {width:239px; height:53px; margin-left:4px; margin-bottom:11px; cursor:hand;}
#sticky-note li.link2 a {background:url('../images/home/sticky_2on.gif') no-repeat;}
#sticky-note li.link2 a:hover {background:url('../images/home/sticky_2.gif') no-repeat;}

#sticky-note li.link3 a,
#sticky-note li.link3 {width:148px; height:42px; margin-left:2px; cursor:hand;}
#sticky-note li.link3 a {background:url('../images/home/sticky_3on.gif') no-repeat;}
#sticky-note li.link3 a:hover {background:url('../images/home/sticky_3.gif') no-repeat;}


/* Header Search */
#header-search {
	width:500px; height:37px; float:right;
}
#header-search #search-form{
	width:500px; height:37px; float:right; background:transparent url('../images/home/search.gif') no-repeat;
}
#header-search #search-form .pad-left{
	padding-left:105px;
}
#header-search #search-form .search-input{
	margin-top:2px; width:305px; height:37px; float:left;
}
#header-search #search-form .input{
	border:0px black solid; background-color:transparent; font-family:Georgia; font-size:18pt; font-style:italic; color:#1e6994; width: 305px; height: 28px;
}
#header-search #search-form .search-icon{
	padding:0px; width:90px; height:37px; float:right;
}
#header-search #search-form .search{
	width:37px; height:37px; cursor:hand;
}

/* HOME CONTENT ---- may need later*/
#homecontainer{
	background:#efeadb url('../images/bg/tms_shade.jpg') repeat-x;
	width:100%;
	height:auto;
	margin-top:25px;
}

#homecontent{
	width:932px;
	height:648px;
	background: url('../images/bg/tms_bg.jpg') no-repeat scroll center top;
	/* IE hack ..grrr */
	width:expression( documentElement.clientWidth < 861 ? (documentElement.clientWidth == 0 ? (body.clientWidth < 861 ? "861" : "auto") : "861px") : "auto" );
}
/* HOME CONTENT ---- may above ID later if not needed later*/




/*  CONSULTATION */
#consultwrap{
	width:946px; height:594px; margin-top:30px; padding:0px; border:0px;
}

#consultwrap #consultcont{
	margin:0px;	height:597px; background-image:url('../images/home/consultation-bg.jpg'); background-repeat:no-repeat; background-position:center top; overflow:visible;
}

#consultwrap #consultcont .homeoclock{
	width:932px; height:560px; background:transparent url('../images/home/tms-oclock.gif') no-repeat right bottom;
}

#formwrap{
	width:902px; height: 475px; padding:15px; margin-top:45px; display:inline; float:left; clear:both;
}

#formwrap .consultform{
	margin-top:30px; font-size:0.75em; font-style:italic; color:#505046; text-align:left;
}


/* SEPARATE */
#sep{
	width:946px; text-align:center; border:0px;
}
.sep{
	width:946px; height:12px; background-image:url('../images/home/sep.gif'); background-repeat:no-repeat; background-position:center; text-indent:-99999px;
}

/* ABOUT CENTER */
#about_center {MARGIN: 0px auto; padding:0px; width: 946px;}
.about_center {text-align:left; width:932px;}
#about_selector { padding:0px; margin:25px 0px 0px 10px; width:932px; font-size:0.75em;}

.advanced_about, .our_mission, .about_dont, .should_know{width:inherit;}
#helping_title{	margin:0px; padding:0px; width:932px; height:53px;}
#helping_title .helping_title {margin:0px; padding:0px; width:932px; height:53px; background:transparent url('../images/abouttms/work/helping_homeowners.jpg') no-repeat 0px; text-indent:-9999px;}

#four_descriptions{	width:auto; height:157px;}
#four_descriptions div {float:left; position:relative; width:auto; height:101px; padding:56px 20px 0px 20px; line-height:18px; text-align:left; background-image:url('../images/abouttms/work/about_selector1.jpg');}
#four_descriptions div h3 a {top:0px; left:0px; WIDTH:231px; TEXT-INDENT:-9999px; POSITION:absolute; HEIGHT:46px; margin:0px; cursor:hand;}
#four_descriptions p{padding-top:20px; margin:0px; color:#505046; font-size:12px; text-align:left; line-height:20px; width: 185px; height:14px; letter-spacing:1px;}

#four_descriptions div#about_description {BACKGROUND-POSITION: 0px 0px; WIDTH: 191px;}
#four_descriptions div#about_description h3 a {BACKGROUND: url(../images/spacer.gif) no-repeat  43px 9px; border:0px #505046 dashed;}
#four_descriptions div.current#about_description {BACKGROUND-POSITION:0px -157px;}

#four_descriptions div#mission_description {BACKGROUND-POSITION: -232px 0px; WIDTH: 192px;}
#four_descriptions div#mission_description h3 a {BACKGROUND: url(../images/spacer.gif) no-repeat 58px 9px; border:0px #505046 dashed;}
#four_descriptions div.current#mission_description {BACKGROUND-POSITION: -232px -157px;}

#four_descriptions div#dont_description {BACKGROUND-POSITION: -463px 0px; WIDTH: 195px;}
#four_descriptions div#dont_description h3 a {BACKGROUND: url(../images/spacer.gif) no-repeat 63px 9px; border:0px #505046 dashed;}
#four_descriptions div.current#dont_description {BACKGROUND-POSITION: -463px -157px;}

#four_descriptions div#know_description {BACKGROUND-POSITION: -698px 0px; WIDTH: 194px;}
#four_descriptions div#know_description h3 a {	BACKGROUND: url(../images/spacer.gif) no-repeat 66px 9px; border:0px #505046 dashed;}
#four_descriptions div.current#know_description {BACKGROUND-POSITION: -698px -157px;}

#about_selector #aboutcontent {BACKGROUND: url(../images/abouttms/work/about_background.jpg) no-repeat; PADDING-BOTTOM:20px; POSITION:relative;}

#about_selector #aboutcontent .comments {FLOAT:left; LINE-HEIGHT:20px; PADDING-TOP: 20px; PADDING-LEFT: 10px; color:#363636; margin-left:108px; WIDTH:auto;}
#about_selector #aboutcontent .comments li .image {DISPLAY: block; LEFT: 20px; POSITION: absolute; TOP:30px; WIDTH:75px; HEIGHT:75px; text-indent:-9999px; border:1px #505046 dashed;}
#about_selector #aboutcontent .comments li span.image {BACKGROUND:url('../images/abouttms/work/abouttms.jpg') no-repeat left top; WIDTH: 75px; HEIGHT: 75px;}
#about_selector #aboutcontent .comments span.longcomment {float:left; width:783px; text-align:justify; font-size:11pt;}


#about_selector #aboutcontent .posts {FLOAT:left; LINE-HEIGHT:20px; PADDING-TOP: 20px; PADDING-LEFT: 10px; color:#363636; margin-left:108px; WIDTH:auto;}
/*#about_selector #aboutcontent .posts LI {padding:15px 20px 25px 100px; FONT-SIZE:11pt; MIN-HEIGHT:39px; MARGIN-BOTTOM:5px; POSITION: relative; list-style:none;}*/
#about_selector #aboutcontent .posts li .image {DISPLAY:block; LEFT:20px; POSITION:absolute; TOP:30px; WIDTH:75px; HEIGHT:75px; text-indent:-9999px; border:1px #505046 dashed;}
#about_selector #aboutcontent .posts LI span.image {DISPLAY: block; BACKGROUND:url('../images/abouttms/work/our-mission.jpg') no-repeat left top; WIDTH: 75px; HEIGHT: 75px;}
#about_selector #aboutcontent .posts span.shortcomment {FLOAT:left; WIDTH:340px; text-align:justify; font-size:11pt;}

#about_selector #aboutcontent .wedo {FLOAT:right; PADDING-TOP:0px; PADDING-RIGHT:2px; margin-top:25px; right:2px; WIDTH:auto;}
#about_selector #aboutcontent .wedo .wecando {FLOAT:left; WIDTH:432px; height:236px; background:transparent url('../images/abouttms/work/list.jpg') no-repeat right top;}

#about_selector #aboutcontent .do {FLOAT:LEFT; top:0px; PADDING:0px 0px 0px 34px; margin:25px 0px 0px 0px; WIDTH:auto;}
#about_selector #aboutcontent .do .dos {FLOAT:left; WIDTH:432px; height:236px; background:transparent url('../images/abouttms/work/list.jpg') no-repeat -2px top;}


.display_bg{
	background:url('../images/abouttms/work/about_background.jpg');
	width:932px;
	min-height:150px;
}

.btm_line{width:932px; height:3px; background-color:#514d41; clear:both;}

/* about_tms BUG fiXes */
ul{	list-style:none;}
BODY.safari {FONT-SIZE: 0.9em;}






