/*      
Theme Name: Western System Controls Ltd
Theme URI: http://www.graphicallyspeaking.ca/
Description: Template by GSSI.
Version: 1.0
Author: Graphically Speaking Services Inc.
Author URI: http://www.graphicallyspeaking.ca/
Tags: 
   
*/

@font-face {
    font-family: 'gotham_mediumregular';
    src: url('fonts/gotham-medium-webfont.eot');
    src: url('fonts/gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gotham-medium-webfont.woff') format('woff'),
         url('fonts/gotham-medium-webfont.ttf') format('truetype'),
         url('fonts/gotham-medium-webfont.svg#gotham_mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


.cf:before,
.cf:after {
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}
.cf {
	zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

.section-inner { 
	width: 960px;
	margin: 0 auto;
	position: relative;
}
.w-w2 {	
	min-width: 960px;
}

/* --HEADER-- */
#header, .h-w1, .h-w2 { height: 90px; } /* Change to correct height */
#header {}
	#mainnav, #util, #logo {
		position: absolute;
	}
	#mainnav {
		z-index: 20;
		bottom: 0;
		right: 0;
	}
		#mainnav li { float: left; }
	#logo {
		top: 13px;
		left:0px;
	}
	#util {
		top: 12px;
		right: 0px;
	}
		#util li { float: left;background:url(images/skin/bg/util-separator.jpg) no-repeat right 2px; }
		#util li:last-child {background:none;}	
			#util li:last-child a {margin-right:0;}
			#util li a {font-size:11px;color:#505050;text-decoration:none;margin-right:9px;margin-left:6px;}
			#util li a:hover {text-decoration:underline;}



/* --CONTENT-- */
#main { 
	position: relative; 
	/* margin-top: 200px; */
}
	#main .m-w1 {
	}
	#main .m-w2 { 
		overflow: hidden; 
	}
	#subnav, #content {
		float: left;
	}
	#ctas {
		width: 193px;
		float: right;
		margin-top:44px;
	}
	
		#ctas a {margin-bottom:9px;display:block;text-indent:-1900px;overflow:hidden;background:url(images/skin/bg/ctas-bg.jpg) no-repeat 0 0;width:193px;height:66px;}
		
		#ctas .textwidget a:nth-child(1) {background-position:0 0;}
		#ctas .textwidget a:nth-child(1):hover {background-position:-193px 0;}
	
		#ctas .textwidget a:nth-child(2) {background-position:0 -75px;}
		#ctas .textwidget a:nth-child(2):hover {background-position:-193px -75px;}
	
	
	
	/* Subnav appears after content-body in markup, 
		but often is shifted to the left */
	#subnav { 
		width: 203px;
		position: relative;
		left: -470px; /* Negative width of #content */
		top: 0;
		margin-top:44px;
	}
		#subnav ul li {}
			#subnav ul li a {display:block;text-indent:-1900px;overflow:hidden;background:url(images/skin/bg/subnav-bg.jpg) no-repeat 0 0;width:203px;height:36px;}
			
			#subnav ul li:nth-child(1) a {background-position:0 0;}
			#subnav ul li:nth-child(1) a:hover {background-position:-203px 0;}
			#subnav ul li:nth-child(1).current_page_item a {background-position:-406px 0;}
			
			#subnav ul li:nth-child(2) a {background-position:0 -36px;}
			#subnav ul li:nth-child(2) a:hover {background-position:-203px -36px;}
			#subnav ul li:nth-child(2).current_page_item a {background-position:-406px -36px;}
			
			#subnav ul li:nth-child(3) a {background-position:0 -72px;}
			#subnav ul li:nth-child(3) a:hover {background-position:-203px -72px;}
			#subnav ul li:nth-child(3).current_page_item a {background-position:-406px -72px;}
			
			#subnav ul li:nth-child(4) a {background-position:0 -108px;}
			#subnav ul li:nth-child(4) a:hover {background-position:-203px -108px;}
			#subnav ul li:nth-child(4).current_page_item a {background-position:-406px -108px;}
			
			
			#subnav ul li:nth-child(5) a {background-position:0 -144px;}
			#subnav ul li:nth-child(5) a:hover {background-position:-203px -144px;}
			#subnav ul li:nth-child(5).current_page_item a {background-position:-406px -144px;}
			
	
	
	#content {
		width: 470px;
		position: relative;
		left: 245px; /* Positive width of #subnav */
		top: 0;
		margin-top:48px;
	}
	
	.c-w1 img {float:left;margin-right:16px;  margin-top: 5px;}
	.c-w1 p {overflow:hidden;}
	

/* --FOOTER-- */
#footer { font-size: 11px;min-height:116px;background:url(images/skin/bg/footer-repeat-bg.jpg) repeat-x 0 0;}

	.type {position:absolute;top:17px;}
		.type { letter-spacing: 0.01em;margin-right:6px;font-size:14px;color:#fff;text-transform: uppercase;text-decoration:none; font-family: 'gotham_mediumregular';}
		.type span {color:#fff;margin:0 4px;}

	#copyright {position:absolute;top:64px;}
		#copyright span {color:#939393;}
		#copyright a {color:#939393;text-decoration:none;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
		#copyright a:hover {text-decoration:underline;}
	
	#credit {position:absolute;top:85px;}
		#credit a {color:#939393;text-decoration:none;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
		#credit a:hover {text-decoration:underline;}
		#credit span {color:#939393;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
		
		
	
	#bottomlinks {position:absolute;left:296px;top:64px;}
		#bottomlinks li {float:left;background:url(images/skin/bg/footer-separator.jpg) no-repeat left 3px;}
		#bottomlinks li a {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;color:#939393;color:#939393;margin-right:8px;margin-left:8px;}





/* STICKY FOOTERS: Uncomment to enable */

html,body {	height:100%; }
#wrapper { min-height: 100%; position: relative; }
#footer { 
	position: absolute; bottom: 0; left: 0; width: 100%; 
	height: 116px; 
}
#main { padding-bottom: 116px; }

/* END STICKY FOOTERS */