/* CSS Document for H&M Contractors */

body,td,th {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0px 0px 0px 0px;
	background-color:#FFFFFF;
}
.galleryThumbs
{
	background-color:#efefef;	
	border: 4px solid #efefef;
}
h3 {
	font-size: 16px;	
}
h4 {
	font-size: 12px;	
}
#container {
	margin:auto;
	width:750px;
}
a:link {
	color:#0000cc; 
}
a:visited { 
	color:#003366; 
}
a:active { 
	color:#ff0000; 
}

/* Header Styles */
#contentJump {
	display:none;
}
#header {
	width: 350px;
	height: 100px;
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
	border: 0px solid #000000;
}
#header h1 {
	display:none;
}
#logo {
	width:400px;
	height: 100px;
	float:left;
}
#fullService {
	float:right;
	width: 300px;
	height: 100px;
	text-align:right;
	background-image:url(../Images/DottedLine2.jpg);
	background-repeat:repeat-x;
	background-position:0px 20px;
	margin: 60px 0px 10px 0px;
	border: 0px solid #000000;
}
#fullService h3 {
	font-size:18px;
	color:#000000;
	margin: 0px 0px 0px 0px;
	padding:1px 0px 2px 0px;
}
#fullService h4 {
	font-size:11px;
	margin: 0px 0px 0px 0px;
	padding:3px 0px 0px 0px;
}

.righttext {
	width: 300px;
	height: 80px;
	border: 0px solid #000000;
	margin: -70px 0px 0px 450px;
	background-image:url(../Images/DottedLine2.jpg);
	background-position: center;
	background-repeat:repeat-x;
	border: 0px solid #000000;
	position: absolute;
	text-align: right;
}

#top h2 {
	display:none;
}
#headerImageAbout {
	clear:both;
	background-image:url(../Images/MasingHeaderAbout.jpg);
	height:90px;
}
#headerImageServices {
	clear:both;
	background-image:url(../Images/MasingHeaderServices.jpg);
	height:90px;
}
#headerImageLocations {
	clear:both;
	background-image:url(../Images/MasingHeaderLocations.jpg);
	height:90px;
}
#headerImageClients {
	clear:both;
	background-image:url(../Images/MasingHeaderClients.jpg);
	height:90px;
}
#headerImageEmp {
	clear:both;
	background-image:url(../Images/MasingHeaderEmp.jpg);
	height:90px;
}
#headerImageSub {
	clear:both;
	background-image:url(../Images/MasingHeaderSub.jpg);
	height:90px;
}
#headerImageContact {
	clear:both;
	background-image:url(../Images/MasingHeaderContact.jpg);
	height:90px;
}

/* Navigation Styles */
#leftNav {
	width:145px;
	float:left;
	padding-right:5px;
}
#navTop {
	background-image:url(../Images/NavTop2.jpg);
	padding:0px 0px 0px 0px;
	margin:8px 0px 0px 0px;
	height:26px;
}
#navTop h4 {
	padding:5px 5px 5px 10px;
	margin:0px;
	font-size:14px;
	color:#FFFFFF;
}
#leftNavMain {
	padding:10px;
	margin:0px;
	background-image:url(../Images/NavBack2.jpg);
	background-repeat:repeat-y;
	list-style-type:none;
}
#leftNavMain li {
	padding:0px 0px 5px 0px;
}
#leftNavMain li a {
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
#leftNavMain li a:hover {
	text-decoration:underline;
}
#leftNavMain li a:visited {
	color:#003366; 
}
#leftNavMain li ul.leftNavSub {
	list-style-type:none;
	margin:0px;
	padding:0px 0px 0px 10px;
}
#leftNavMain li ul.leftNavSub li {
	padding:0px 0px 0px 0px;
}
#leftNavMain li ul.leftNavSub li a {
	font-weight:normal;
	color:#000000;
	text-decoration:none;
}
#leftNavMain li ul.leftNavSub li a:hover {
	text-decoration:underline;
}
#leftNavMain li ul.leftNavSub li a:visited {
	color:#003366; 
}
#main {
	width:600px;
	float:left;
}

/* Nav Bar Styles */
#navBar {
	text-align:right;
	background-image:url(../Images/NavBar2.jpg);
	height:35px;
}
#navBar ul {
	padding:12px 5px 0px 0px;
	margin:0px
}
#navBar ul li {
	display:inline;
	list-style-type:none;
	padding-right:7px;
	font-size:11px;
}
#navBar ul li a {
	color:#FFFFFF;
	text-decoration:none;
}
#navBar ul li a:hover {
	text-decoration:underline;
}
#navBar ul li a#current {
	font-weight:bold;
	text-decoration:underline;
}
#navBottom {
	background-image:url(../Images/NavBottom2.jpg);
	height:15px;
	margin-bottom:20px;
}

/* Content Styles */
#content {
	padding:0px 4px 10px 10px;
}
#content h2 {
	font-size:24px;
	width:98%;
	height:32px;
	background-image:url(../Images/DottedLine2.jpg);
	background-repeat:repeat-x;
	background-position:0px 28px;
	padding:0px;
	margin:10px 0px 10px 0px;
}
.floatRight {
	float:right;
	margin:0px 0px 10px 10px;
}
.floatLeft {
	float:left;
	margin:0px 10px 10px 0px;
}

.floatLeft2 {
	float:left;
	margin:0px 0px 0px 0px;
}

.floatRight2 {
	float:right;
	margin:20px 0px 0px 0px;
}

#featuredText {
	display:block;
	background-image:url(../Images/Backing.gif);
	background-repeat:no-repeat;
	font-size:13px;
	font-weight:bold;
	padding:0px;
	margin:14px 0px 0px 0px;
	height:125px;
	width:397px;
}
#featuredText2 {
	display:block;
	background-image:url(../Images/Backing.gif);
	background-repeat:no-repeat;
	font-size:12px;
	font-weight:bold;
	padding:0px;
	margin:14px 0px 0px 0px;
	height:125px;
	width:397px;
}
#featuredText p {
	padding:13px 12px 0px 15px;
}
#featuredText2 p {
	padding:13px 12px 0px 15px;
}

/* Content Text Styles */
#contentText {
	padding:0px 5px 10px 5px;
	margin:0px;
}
#contentText h4 {
	font-size:14px;
	width:98%;
	height:20px;
	background-image:url(../Images/DottedLine2.jpg);
	background-repeat:repeat-x;
	background-position:0px 16px;
	padding:0px 0px 0px 0px;
	margin:10px 0px 0px 0px;
}
#contentText p {
	padding:0px;
	margin:10px 0px 25px 0px;
}
#contentText ul {
}
#contentText img {
	padding:5px;
	border:0;
}
/* Locations Page Styles */
.location {
	clear:both;
	padding:0px 0px 20px 0px;
}
.address {
	float:left;
	width:350px;
	font-size:14px;
}
.teleNum {
	float:left;
	padding:0px 0px 0px 0px;
	font-size:14px;
}
.location h5 {
	font-size:12px;
	padding:15px 0px 0px 0px;
	margin:0px 0px 5px 0px;
	clear:both;
}
.cityList {
	list-style-type:none;
	padding:0px;
	margin:0px;
}
.cityList li {
	width:140px;
	float:left;
}
.listSpacer {
	height:20px;
	clear:both;
}

/* Footer Styles */
#footer {
	clear:both;
	padding:10px 5px 5px 5px;
	background-image:url(../Images/DottedLine2.jpg);
	background-repeat:repeat-x;
	overflow:hidden;
}
#footer p {
	width:400px;
	float:left;
	padding:0px;
	margin:0px;
	font-size:10px;
}
#footer ul {
	width:300px;
	float:right;
	text-align:right;
	padding:0px;
	margin:0px;
}
#footer ul li {
	list-style-type:none;
	padding-right:10px;
	display:inline;
}

