/* CSS Document */


/* Font Init
------------------------------------------------------------------------------------------*/
* {margin: 0px; padding: 0px;}

html{
	font-family: Arial, Helvetica, sans-serif;
}

body{
	margin: 0px;
	padding: 20px 0 0 20px;
}


/* Tags
------------------------------------------------------------------------------------------*/
a, a:visited{
	
	
}

a:hover, label:hover{
	text-decoration: none;
	cursor: pointer;
}

/* Typography */
p, h1, h2, h3, h4, h5, a, ul{
	color: #4b3c30;
}

p{
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 20px;
	padding-right:90px;
}

.left-col{
	float: left;
	width: 47%;
	padding-right: 0px;
}

.right-col{
	float: right;
	width: 46%;
	padding-right: 0px;
}

h1, h2, h3, h4, h5{

}

h1{
	font-size: 1.1em;
	font-weight: normal;
}
h1#logo{
	margin: 0px;
	padding: 0px;
}
h1.title{
	position: absolute;
	left: 0px;
	top: 67px;
	width: 100%;
}

h2{
	font-size: 1.8em;
}

h3{
	font-size: 1.2em;
	font-weight: bold;
}

a img{
	border: none;
}


/* Classes
------------------------------------------------------------------------------------------*/
div.colborder{
	border: none;
}

.phark a{
	text-indent: -5000px;
	display: block;
	font-size: 0;
	overflow: hidden;
}


.left{float: left;}
.right{float: right;}

/* Content Divs
------------------------------------------------------------------------------------------*/
.container{
	width: 963px;
}

.ie6 .container{
	width: 980px;
}

#header{
	display: block;
	width: 100%;
	height: 84px;
	position: relative;
}

#content{
	background: url(../images/design/bg.jpg) repeat-y;
}

#content{
	position: relative;
	display: block;
}


#content-main{
	color: #FFF;
	margin-left: 310px;
	position: relative;
	padding: 130px 0 0 0;
	width: 653px;
}	
.ie6 #content-main{
	padding-top: 110px;
}

#content-text{
	width: 100%;
	margin-bottom: 20px;
	text-align: left;
}

#content-text ul{
	font-size: 12px;
	list-style: none;
	margin-bottom: 10px;
}

#content-text ul li{
	margin-bottom: 3.5px;
}
				
	
	/*	#images{
			width: 598px;
			position: absolute;
			left: 370px;
			top: 15px;
		}
		
		#images img{
			margin-right: 4px;
		}*/
	
#content-main img{
	margin-right: 10px;
	margin-bottom: 10px;
}	
	
#content-supp{
	position: relative;
	background-image: url(../images/design/vrule.jpg);
	height: 766px;
	background-repeat: no-repeat;
	float: left;
	width: 262px;
	background-position: top right;
}	


#footer{clear: both; margin-top: 25px;}

/* Navigation */
#navigation{
	height: auto;
	background-repeat: no-repeat;
	width: auto;
	margin-top: 50px;
}	

.ie6 #navigation{
	margin-top: 30px;
	}

ul#nav-main  {
	list-style: none;
	margin: 0;
	position:relative;
}

.ie6 ul#nav-main{
	position: absolute;
}

	ul#nav-main a/*, ul#nav-supp a*/ {
	height: 22px;
	display: block;
	background-repeat: no-repeat;
	}
	
	
	ul#nav-main li /*,ul#nav-supp li*/ {
	height:11px;
	line-height: 11px;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	margin-bottom: 22px;
	float: right;
	clear: both;
	}
	
	ul#nav-main li a{
		height:22px;
		/*color: #cccccc;
		font-weight: bold;
		font-size: 1.1em;*/
	}
	
/* LISTS
------------------------------------------------------------------------------------------*/
	ul#vcard{
		list-style: none;
		margin: 0px;
		height: auto;
		text-align: right;
		font-size: 10px;
		position: absolute;
		width: 200px;
		bottom: 58px;
		right: 27px;
	}
	
	ul#vcard li, ul#vcard li a{
	height:  10px;
	margin-bottom: 6px;
	text-decoration: none;
	}
	
	ul#vacard li a{
	margin-bottom: 0px;
	}
	
ul.header{list-style: none;}
ul li.title{font-weight: bold; margin-top: 15px;}


/* FORMS
------------------------------------------------------------------------------------------*/


/* PHARK
------------------------------------------------------------------------------------------*/
h1#logo a{
	background-image:url(../images/design/triangle-electric.jpg);
	width: 233px;
	height: 84px;
	background-repeat: no-repeat;
}

h1#SCBA{
	position: absolute;
	height: 42px;
	width: 42px;
	bottom:0px;
	left: 130px;
}

h1#SCBA a{
	background-image:url(../images/design/logo-scba.jpg);
	width: 42px;
	height: 42px;
}

h1#IEC{
	position: absolute;
	bottom: 4px;
	right: 24px;
	width: 41px;
	height: 36px;
}

.ie h1#IEC{
	float: none;
	margin-left: 670px;
	margin-top: -55px;
}

h1#IEC a{
	background-image: url(../images/design/logo-IEC.jpg);
	width: 39px;
	height: 35px;
}

h2#mpd-icon{
	float:right;
	background-image: url(../images/design/mpd-icon-hover.jpg);
}

h2#mpd-icon a{
	background-image: url(../images/design/mountain-porcupine-design.jpg);
	width: 30px;
	height: 25px;
}

h2#mpd-icon a:hover{
	background-image: url(../images/design/mpd-icon-hover.jpg);
}


/* NAVIGATION
------------------------------------------------------------------------------------------------*/
ul#nav-main li#service a{background-image: url(../images/nav/nav-service.jpg); width: 79px;}
ul#nav-main li#service a:hover, ul#nav-main li#service, ul#nav-main li#service a.active{background-image:url(../images/nav/nav-service-hover.jpg); }
ul#nav-main li#residential a{background-image: url(../images/nav/nav-residential.jpg); width: 108px;}
ul#nav-main li#residential a:hover, ul#nav-main li#residential a.active, ul#nav-main li#residential{background-image:url(../images/nav/nav-residential-hover.jpg); }
ul#nav-main li#industrial a{background-image: url(../images/nav/nav-industrial.jpg); width: 101px;}
ul#nav-main li#industrial a:hover, ul#nav-main li#industrial a.active, ul#nav-main li#industrial{background-image:url(../images/nav/nav-industrial-hover.jpg); }
ul#nav-main li#commercial a{background-image: url(../images/nav/nav-commercial.jpg); width: 112px;}
ul#nav-main li#commercial a:hover, ul#nav-main li#commercial a.active, ul#nav-main li#commercial{background-image:url(../images/nav/nav-commercial-hover.jpg); }
ul#nav-main li#infrared-imaging a{background-image: url(../images/nav/nav-infrared-imaging.jpg); width: 148px;}
ul#nav-main li#infrared-imaging a:hover, ul#nav-main li#infrared-imaging a.active, ul#nav-main li#infrared-imaging{background-image:url(../images/nav/nav-infrared-imaging-hover.jpg); }
ul#nav-main li#contact a{background-image: url(../images/nav/nav-contact.jpg); width: 87px;}
ul#nav-main li#contact a:hover, ul#nav-main li#contact a.active, ul#nav-main li#contact{background-image:url(../images/nav/nav-contact-hover.jpg); }


/*ul#vcard li#post-office-box{background-image:url(../images/text/post-office-box-4068.jpg); width: 130px;  }
ul#vcard li#street-address{background-image:url(../images/text/16023-highway-9.jpg); width: 98px;  }
ul#vcard li#extended-address{background-image: url(../images/text/frisco-colorado-80443.jpg); width: 150px; }
.ie ul#vcard li#extended-address{ margin-bottom: -8px; }
ul#vcard li#contact{	background-image: url(../images/text/hRule.jpg);	width: 288px;	background-repeat: no-repeat;	height: 2px;}
.ie ul#vcard li#contact{ height: 6px; }
ul#vcard li#phone{background-image:url(../images/text/970-453-5424.jpg); width: 102px; height: 12px; }
ul#vcard li#email {width: 300px; margin-top:-14px; }
ul#vcard li#email a{background-image:url(../images/text/mail@triangleelect.com.jpg); width: 225px; height: 10px; margin-right: -40px; float: right;  background-repeat: no-repeat; }
.ie ul#vcard li#email {margin-top:-18px; }
ul#vcard li#email-icon{
	position: absolute;
	width: 16px;
	left: 300px;
	top: 21px;
}
ul#vcard li#email-icon{background-image:url(../images/design/email-icon.jpg); width: 16px; }*/