/* www.ccmechanical.ca */

body {
	background-color:white;
	margin:0px;
	width:1002px;
}

#page {
	position: relative; left:10px; top: 10px;
	width: 982px;
	background-color: White;
}

#masthead {
	position: relative; left:0px; top:0px;
	width: 982px;
	background-image: url(../images/masthead.jpg);
	background-repeat: no-repeat;
}

#mh-text2 {color:#00ffff;
	position: absolute; left: 27px; top:71px;
	font: normal bold 40px Arial, Helvetica, sans-serif;
}
#mh-text1 {color:#002157;
	position: absolute; left: 25px; top:70px;
	font: normal bold 40px Arial, Helvetica, sans-serif;
}

#plumbing {color:#002157;
	position: absolute; left:3px; top:110px;
	text-align: center;
	font-size: 23px;
	font-style: normal;
	font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
	}

#line1 {
	position: relative;
	background-color: transparent;
	background-image: url(../images/blue-line.gif);
	background-repeat: repeat-x;
	width: 982px;
}

html>body #line1 {
	position: relative;
	background-color: transparent;
	background-image: url(../images/blue-line.gif);
	background-repeat: repeat-x;
	width: 982px;
}


#title-box {
	position: relative; top: 20px; left: 290px;
	text-align: center;
	background-color: #6dd0f7;
	width: 682px;
	border: 2px solid #08a3e0;
	padding: 3px;
}

#line2 {
	position: relative; left: 290px; top:20px;
	background-color: transparent;
	background-image: url(../images/blue-line.gif);
	background-repeat: repeat-x;
	width: 682px;
}

html>body #line2 {
	position: relative; left: 290px; top:20px;
	background-color: transparent;
	background-image: url(../images/blue-line.gif);
	background-repeat: repeat-x;
	width: 692px;
}

#menu-box {
	position: relative; top:10px; left:290px;
	width: 682px; height: auto;
	padding: 3px;
	border: 2px solid #e1eff7;
}

.navtext {
	position:relative;
	width:auto;
	text-align:center;
	font-size: 17px;
	font-style: normal;
	font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
}

#content-box {
	color: #003471;
	position:relative; left: 290px; top:25px;
	width: 682px; 
	padding: 3px;
	border: 2px solid #e1eff7;
	font-size: 13px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}

.brackets {
	font-size: 12px;
}

sup {
	font-size: 100%; position: relative; top: 4px;
}

#cities {color: #A9A9A9;
	text-align: center;
	font-size: 10px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}

#small-title {color: #003471;
	text-align: center;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}

#small-text {color: #003471;
	text-align: center;
	font-size: 10px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	
}

#left-column-home {
	position: absolute; left:60px; top: 210px;
	width: 100px; 
	padding: 3px;
	font-size: 13px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}

#left-column {
	position: absolute; left:10px; top: 250px;
	width: 260px; 
	padding: 3px;
	font-size: 13px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}

.local-links {
	color:black;
	padding: 5px;
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	width:200px;
	text-align:left;
}

.local-links-header {color:#483D8B;
	background-color:#6DD0F7;
	width:190px;
	padding:3px;
	font: bold 10px Arial, Helvetica, sans-serif;
	text-align: center;
}

.links { color: black;
	position: relative; left: 0px; width: 250px;
	padding: 3px;
	font-size:12px;
	font-weight: normal;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

.link-box {background-color: Maroon; color: white;
	position: relative; left: 0px; width: 250px;
	padding: 3px;
	font-size:16px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	border: solid 2px black;
	
}

.left-insert a:link { color:white; text-decoration:none}
.left-insert a:visited {color:Black; text-decoration:none}
.left-insert a:hover {color:yellow; text-decoration:underline;}


a:link { color:blue; text-decoration:none}
a:visited {color:#B0C4DE; text-decoration:none}
a:hover {color:#00BFFF; text-decoration:underline;}

.navtext a:link { color:#003471; text-decoration:none}
.navtext a:visited {color:#A9A9A9; text-decoration:none}
.navtext a:hover {color:#00BFFF; text-decoration:underline;}

/* BEGIN TWO COLUMNS OF TEXT CONTENT */


H1 {
	color:#003471;
	font-size: 18px;
	font-style: normal;
	font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
}

ul {
	position: relative; left: -15px; top: 0px;
}

.a-text {color:black;
	font-size:11px;
	font-weight:bold;
	font-style: italic;
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.b-text {color:black;
	font-size:13px;
	font-weight:bold;
	font-style: italic;
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.c-text {color:black;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.s-text {color:Teal;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
}


#bottom {color:white;
	width:724px;
	text-align:center;
	font-size:12px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;	
}

#bottom a:link {color:black; text-decoration:none;}
#bottom a:visited {color:#FFC3C3; text-decoration:none;}
#bottom a:hover {text-decoration: underline; color:Red}


.box-left {
	position:relative; left:0px; top:0px;
	padding:3px;
	width:126px;
	background-color:white;
	float:left;
}

.box-right {
	position:relative; left:0px; top:0px;
	padding:3px;
	width:auto;
	background-color:white;
	float:right;
}

.pic-right {color: Black;
	position:relative; left:0px; top:0px;
	width: auto;
	background-color: none;
	padding:0px;
	margin:0px;
	float: right;
}

.pic-left {color: Black;
	position:relative; left:0px; top:0px;
	width: auto;
	background-color: none;
	padding:0px;
	margin:0px;
	float: left;
}

#floleft {
	float:left;
}

#floright {
	float:right;
}


.floleft {
	float:left;
}

.floright {
	float:right;
}

.underline {text-decoration: underline;}

/* COLOUR FORMATING */

.bigred {color:red; font-size:20px;}
.black {color:black}
.blackn {color:black; font-weight: normal;}
.blacku {color:black; text-decoration: underline;}
.blue {color:blue}
.bluem {color: #3300ff;}
.bluemu {color: #3300ff; text-decoration:underline;}
.bluesky {color:#1E90FF;
font-family: Arial, Helvetica, sans-serif;}
.blush {color:#FF6347;}
.blushb {color:#FF6347; font-weight:600;}
.blushu {color:#FF6347; font-weight:600; text-decoration:underline;}
.brown {color:#8B4513;
font-family: Arial, Helvetica, sans-serif;}
.brownu {color:#8B4513; text-decoration: underline;
font-family: Arial, Helvetica, sans-serif;}

.forest {color:#006400;}

.grass {color:Green;}
.grayb {color:#696969; font-weight:600;}

.magenta {color:Fuchsia}
.midnight{color:#191970}
.maroon {color:#6a0303}
.maroonu {color:#6a0303; text-decoration: underline;}
.maroonb {color:#6a0303; font-weight: bold;}
.mercy {color: #781400;}

.navy {color:navy;}
.navyb {color:navy; font-weight: bold;}
.navyu {color:navy; text-decoration: underline;}
.navyc {color:navy; text-align: center;}
.navycb {color:navy; font-weight: 600; text-align: center;}
.navycbu {color:navy; font-weight: 600; text-align: center; text-decoration: underline;}
.orange {color: #f7941d}
.orangeb {color: #f86820}
.peri {color: #2FA5C9;}

.red {color:red}

.sky {color:#87CEEB}
.skyd {color:#1E90FF}
	
.tan {color:#D2B48C;}
.twilight{color:#594BAB}

.white {color: White;}

.yellow {color:yellow}

.decou {	text-decoration: underline;}