/*
	HOTPRESS FRAMEWORK
	Site: MCAD
	By:Steven Waller
	Created: 11-12-09
*/

/* Reset
----------------------------------------------------------------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*make dynamically risized images look good in IE*/
img{-ms-interpolation-mode:bicubic}


/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	font: 11px/14px Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
	color:#858585;
}

a:focus {
	outline: 1px dotted invert;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h4,
h6{
	color:#515151;
	font-weight:bold;
}
h1 {
	font-size: 28px;
	line-height:22px;
	font-weight:normal;
}

h2 {
	font-size: 18px;
	line-height:12px;
	font-weight:normal;
}
h2.title{
	font-size:13px;
	line-height:28px;
	color:#fff;
	height:28px;
	width:230px;
	background:url(images/title-bg-1.gif) no-repeat left top;
	text-transform:uppercase;
	padding-left:17px;
	margin-bottom:0;
	font-weight:bold;
}
h2.title a:link,
h2.title a:visited,
h2.title a:hover,
h2.title a:active{
	color:#fff;
}
h3 {
	font-size: 14px;
}

h4 {
	font-size: 12px;
}

h5 {
	font-size: 11px;
}

h6 {
	font-size: 10px;
}

h1 a:link,
h1 a:visited,
h2 a:link,
h2 a:visited, 
h3 a:link, 
h3 a:visited, 
h4 a:link,
h4 a:visited,
h5 a:link, 
h5 a:visited, 
h6 a:link, 
h6 a:visited{
	color:#515151;
	text-decoration:none;
}
h1 a:hover,
h1 a:active,
h2 a:hover,
h2 a:active,
h3 a:hover,
h3 a:active,
h4 a:hover, 
h4 a:active,
h5 a:hover, 
h5 a:active, 
h6 a:hover,
h6 a:active{
	color:#03a6e5;
	text-decoration:none;
}
/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
	margin-left:30px;
}

ul {
	list-style: square;
	margin-left:30px;
}

li {
	list-style-position:outside;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
blockquote{
	margin-bottom: 20px;
}

ul ul{
	margin-bottom:0;
}

/* General Elements
----------------------------------------------------------------------------------------------------*/
strong {
	font-weight:bold;
	color:#515151;
	}	
em {
	font-style:italic;
}
a:link, a:visited { 
	text-decoration:none; 
	color:#03a6e5; 
	}	
a:hover, a:active { 
	text-decoration:underline;
	color:#03a6e5;
	}	
button {
	text-transform:uppercase;
	color:#000;
	}
button {
	margin:0; 
	padding:0;
	border:none;
	text-align:center;
	text-transform:uppercase;
	background:transparent;
	cursor:pointer;
	}	
address span {
	display:block;
	margin:0 0 10px 0;
	}	
blockquote{
	background:transparent url(images/blockquote.gif) no-repeat scroll 2px top;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:12px;
	padding-left:40px;
}

/* Background
----------------------------------------------------------------------------------------------------*/
html,
body{
	height:100%;
}

body{
	background:#fff url(images/background.jpg) repeat-x center 71px;
}
	#container{
		width:936px;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -104px auto;
	}

/* Header
----------------------------------------------------------------------------------------------------*/
#header{
	overflow:hidden;
	height:71px;
}
	#logo{
		float:left;
		margin:13px 0 0 -1px;
	}
		#logo a:link,
		#logo a:visited{
			display:block;
			width:403px;
			height:47px;
			background:url(images/logo.gif) no-repeat left top;
			text-indent:-9999px;
		}
		#logo a:hover,
		#logo a:active{
			filter:alpha(opacity=90);
			-moz-opacity:0.9;
			-khtml-opacity: 0.9;
			opacity: 0.9;
		}
	#header ul{
		float:right;
		margin:12px 0 0 0;
		clear:right;
	
	}
		#header li{
			float:left;
			display:inline;
			margin:0;
			padding:0 3px 0 8px;
			list-style:none;
			background:url(images/utilities-divider.gif) no-repeat left 4px;
			font-size:10px;
		}
		#header li#utilities-first{
			background:none;
			padding-left:0;
		}
	#contact-info{
		float:right;
		width:293px;
		text-align:right;
		margin:8px 0 0 0;
		font-size:12px;
	}
		#contact-info .content{
			padding:3px 0 0 0;
			margin:0 7px 0 0;
			display:block;
			float:left;
		}
		#contact-number{
			font-size:23px;
			display:block;
			float:right;
			color:#636467;
		}


/* Main Navigation
----------------------------------------------------------------------------------------------------*/
#main-nav{
	overflow:hidden;
	height:64px;
}
	#main-nav ul{
		float:left;
		margin:23px 0 22px 0;
	}
		#main-nav li{
			float:left;
			display:inline;
			list-style:none;
			margin-left:12px;
		}
		#main-nav li#nav-home{
			margin-left:0;
		}
			#main-nav li a:link,
			#main-nav li a:visited{
				display:block;
				height:19px;
				background-position:0 left;
				background-repeat:no-repeat;
				text-indent:-9999px;
			}
			#main-nav li a:hover,
			#main-nav li a:active,
			#main-nav li.selected a:link,
			#main-nav li.selected a:visited,
			#main-nav li.selected a:hover,
			#main-nav li.selected a:active{
				background-position:bottom left;
			}
			#main-nav li#nav-home a{
				background-image:url(images/nav-home.png);
				width:45px;
			}
			#main-nav li#nav-products a{
				background-image:url(images/nav-products.png);
				width:72px;
			}
			#main-nav li#nav-training a{
				background-image:url(images/nav-training.png);
				width:139px;
			}
			#main-nav li#nav-support-services a{
				background-image:url(images/nav-support-services.png);
				width:121px;
			}
			#main-nav li#nav-engineering-services a{
				background-image:url(images/nav-engineering-services.png);
				width:145px;
			}
			#main-nav li#nav-event-calendar a{
				background-image:url(images/nav-event-calendar.png);
				width:114px;
			}
			#main-nav li#nav-about-us a{
				background-image:url(images/nav-about-us.png);
				width:70px;
			}
			#main-nav li#nav-contact-us a{
				background-image:url(images/nav-contact-us.png);
				width:82px;
			}
			
			#main-nav li ul{
				display:block;
				width:150px;
				background:url(images/dropdown-bg.png) no-repeat left bottom;
				padding:0 4px 8px 4px;
				margin:0 0 0 -4px;
				position:absolute;
				left:-9999px;
				z-index:200;
			}
			#main-nav li:hover ul,
			#main-nav li.sfhover ul{
				left:auto;
			}
				#main-nav li ul li{
					border-top:1px solid #fde6c0;
					margin:0;
					background:none;
				}
				#main-nav li img{
					display:none;
				}
					#container #main-nav li ul li a:link,
					#container #main-nav li ul li a:visited{
						display:block;
						width:126px;
						height:auto;
						padding:6px 12px;
						font-size:12px;
						text-indent:0;
					
						background:none;
					}
					#container #main-nav li ul li a:hover,
					#container #main-nav li ul li a:active{
						background:none;
						text-decoration:none;
						color:#515151;
					}
				#main-nav li ul li ul{
					display:none;
				}
	#live-chat{
		float:right;
		margin:15px 0 15px 0;
	}
		#live-chat a:link,
		#live-chat a:visited{
			display:block;
			width:123px;
			height:34px;
			background:url(images/live-chat.gif) no-repeat left top;
			text-indent:-9999px;
		}
		#live-chat a:hover,
		#live-chat a:active{
			background-position:bottom left;
		}

/* Sub Navigation
----------------------------------------------------------------------------------------------------*/
#sub-nav,
#sub-sub-nav{
	overflow:hidden;
	padding:0 28px;
	margin-bottom:22px;
	height:21px;
}

.BlogTagList{
	overflow:hidden;
	margin-bottom:22px;
	height:21px;
}
	#sub-nav ul,
	.BlogTagList ul,
	#sub-sub-nav ul{
		margin:0;
		overflow:hidden;
	}
		#sub-nav li,
		.BlogTagList li,
		#sub-sub-nav li{
			float:left;
			display:inline;
			list-style:none;
			margin-right:5px;
		}
			#sub-nav li a:link,
			#sub-nav li a:visited,
			.BlogTagList li a:link,
			.BlogTagList li a:visited,
			#sub-sub-nav li a:link,
			#sub-sub-nav li a:visited{
				font-size:12px;
				display:inline-block;
				height:21px;
				line-height:21px;
				padding:0 10px 0 7px;
			}
			#sub-nav li a:hover,
			#sub-nav li a:active,
			.BlogTagList li a:hover,
			.BlogTagList li a:active,
			#sub-sub-nav li a:hover,
			#sub-sub-nav li a:active{
				list-style:none;
			}
		#sub-nav li:hover,
		#sub-nav li.sfhover,
		#sub-nav li.selected,
		.BlogTagList li:hover,
		.BlogTagList li.sfhover,
		.BlogTagList li.selected,
		#sub-sub-nav li:hover,
		#sub-sub-nav li.sfhover,
		#sub-sub-nav li.selected{
			background:url(images/sub-nav-bg-left.gif) no-repeat left top;
		}
			#sub-nav li:hover a,
			#sub-nav li.sfhover a,
			#sub-nav li.selected a,
			.BlogTagList li:hover a,
			.BlogTagList li.sfhover a,
			.BlogTagList li.selected a,
			#sub-sub-nav li:hover a,
			#sub-sub-nav li.sfhover a,
			#sub-sub-nav li.selected a{
				color:#fff;
				background:url(images/sub-nav-bg-right.gif) no-repeat right top;
				text-decoration:none;
			}
		#sub-nav li ul,
		.BlogTagList li ul,
		#sub-sub-nav li ul{
			display:none;
		}

/* Flash
----------------------------------------------------------------------------------------------------*/
#flash-container{
	margin-bottom:14px;
	overflow:hidden;
}


/* Columns
----------------------------------------------------------------------------------------------------*/
#content-container{
	overflow:hidden;
	padding-bottom:50px;
}
#body-inside #content-container{
	padding-top:18px;
}
	#body-home #col-1{
		float:left;
		width:249px;
		margin-left:12px;
		display:inline;
	}
	#body-home #col-2{
		float:left;
		display:inline;
		margin-left:19px;
		width:247px;
	}
	#body-home #col-3{
		display:inline;
		float:left;
		margin-left:21px;
		width:247px;
	}
	#body-home #col-4{
		float:right;
		display:inline;
		margin-right:18px;
		width:103px;
	}
	
	#body-inside #content-container .content{
		padding:0 28px;
	}

/* Slideshow
----------------------------------------------------------------------------------------------------*/
#slideshow-dropdown{
	padding:10px 0 15px 9px;
}
	#slideshow-dropdown select{
		width:230px;
		color:#515151;
		font-size:11px;
		height:22px;
		line-height:22px;
	}


/* News
----------------------------------------------------------------------------------------------------*/
#news-container ol,
#news-container ul{
	margin:0 2px;
}
	#news-container li{
		list-style:none;
		border-bottom:1px dotted #bebebe;
		padding:10px 8px;
		font-size:12px;
	}
	#news-container li:hover{
		background:#f3f3f3 url(images/hover-gradient.gif) repeat-x left top;
	}
		#news-container ul a:link,
		#news-container ul a:visited{
			color:#858585;
		}
		#news-container ul a:hover,
		#news-container ul a:active{
			color:#03A6E5;
		}
		#news-container .author{
			display:none;
		}
		#news-container .date{
			color:#515151;
			font-weight:bold;
			text-transform:uppercase;
			margin:0 0 3px 0;
		}
		#news-container .description{
			margin:0;
		}

.news-item-list .details{
	font-weight:bold;
	margin-bottom:0;
}

/* Events
----------------------------------------------------------------------------------------------------*/
#events-container ul{
	margin:0 2px;
}
	#events-container li{
		list-style:none;
		border-bottom:1px dotted #bebebe;
		padding:10px 8px 10px 10px;
		font-size:12px;
	}
	#events-container li:hover{
		background:#f3f3f3 url(images/hover-gradient.gif) repeat-x left top;
	}
		#events-container .content{
			padding:0 0 0 34px;
			background:url(images/icon-calendar.gif) no-repeat left top;
		}
			#events-container .date{
				font-weight:bold;
				text-transform:uppercase;
				margin:0;
				display:inline;
				color:#515151;
			}
			#events-container p.title{
				font-weight:bold;
				margin:0;
				display:inline;
			}
				#events-container p.title a:link,
				#events-container p.title a:visited{
					color:#858585;
				}
				#events-container p.title a:hover,
				#events-container p.title a:active{
					color:#03A6E5;
				}
			#events-container .location{
				margin:0;
			}
	.show1 {
		display:none;
	}


/* Event Calendar List View
----------------------------------------------------------------------------------------------------*/
table.event-item{
	width:100%;
	margin-bottom:0;
}
	.event-item td{
		padding:15px 10px;
		border-bottom:1px dotted #bebebe;
		vertical-align:middle;
	}
	.event-item td.header{
		font-weight:bold;
		color:#515151;
	}
	.event-item td.date{
		width:150px;
	}
	.event-item td.location{
		width:150px;
	}
	.event-item td.title{
		font-weight:bold;
	}
	.event-item td.register{
		text-align:right;
	}
		.event-item td.register a:link,
		.event-item td.register a:visited,
		.event-item td.register a:hover,
		.event-item td.register a:active{
			display:block;
			float:right;
			width:109px;
			height:28px;
			background:url(images/btn-register.gif) no-repeat left top;
			text-indent:-9999px;
			text-align:left;
		}
		
/* Event Calendar Item
----------------------------------------------------------------------------------------------------*/
.event-item-details .date,
.event-item-details .location{
	overflow:hidden;
	clear:both;
	margin-bottom:20px;
	width:100%;
}
.event-item-details .left{
		width:50px;
		float:left;
	}
	.event-item-details .right{
		float:left;
	}
.event-item-details .description{
	margin-bottom:20px;
}

/* Accordion
----------------------------------------------------------------------------------------------------*/
h3.accordion-title{
	font-size:14px;
	font-weight:normal;
	margin:0;
}
	.accordion-title a:link,
	.accordion-title a:visited{
		color:#bebebe;
		display:block;
		width:860px;
		height:34px;
		line-height:34px;
		padding-left:20px;
		background:url(images/accordion-title-bg.gif) no-repeat left top;
	}
	.accordion-title a:hover,
	.accordion-title a:active{
		color:#fff;
		background:url(images/accordion-title-bg.gif) no-repeat left -34px;
	}
	.active .accordion-title a:hover,
	.active .accordion-title a:active{
		color:#fff;
		background:url(images/accordion-title-bg.gif) no-repeat left bottom;
	}
	.disToggleContainer{
		padding:20px 15px 10px 15px;
	}
	



/* Footer
----------------------------------------------------------------------------------------------------*/
#push{
	height:104px;
}
#footer-container{
	height:97px;
	border-bottom:7px solid #515151;
}
	#footer-container .content{
		width:936px;
		margin:0 auto;
		border-top:1px solid #dcdcdc;
		padding:0;
	}
		#copyright{
			float:left;
			width:632px;
			height:31px;
			line-height:31px;
			background:url(images/logo-footer.gif) no-repeat left top;
			padding-left:46px;
			margin:6px 0 0 0;
			
		}
		#follow-us{
			float:left;
			display:inline;
			font-size:14px;
			font-weight:bold;
			margin:16px 10px 0 0;
		}
		#social-media{
			float:left;
			margin:11px 0 0 0;
		}
			#social-media li{
				float:left;
				display:inline;
				margin-left:6px;
				list-style:none;
			}
				#social-media a:link,
				#social-media a:visited{
					display:block;
					width:30px;
					height:32px;
					background-position:top left;
					background-repeat:no-repeat;
					text-indent:-9999px;
				}
				#social-media a:hover,
				#social-media a:active{
					filter:alpha(opacity=80);
					-moz-opacity:0.8;
					-khtml-opacity: 0.8;
					opacity: 0.8;
				}
				li#social-email a{
					background-image:url(images/icon-envelope.gif);
				}
				li#social-facebook a{
					background-image:url(images/icon-facebook.gif);
				}
				li#social-linkedin a{
					background-image:url(images/icon-linkedin.gif);
				}
				li#social-rss a{
					background-image:url(images/icon-rss.gif);
				}
				li#social-twitter a{
					background-image:url(images/icon-twitter.gif);
				}
				


/* Misc
----------------------------------------------------------------------------------------------------*/
.align-right{
	float:right;
	margin:0 0 10px 10px;
	display:inline;
}
.align-left{
	float:left;
	margin:0 10px 10px 10px;
	display:inline;
}
.hidden{
	display:none;
}
.hide{
	visibility:hidden;
}
.show{
	visibility:visible;
}