/************************
 * default.screen.css
 * Style sheet for Westcut
 * 
 *************************/






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,
dl, dt, dd, ol,  
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}




	
	/* Main page styles */
	body 
	{
	padding:0px;
	background-color:#FFFFFF;
	font-family: arial, sans-serif;
	font-size:12px;
	text-align:center;
	background-image: url(images/bigbgtile.jpg);
	color:#666666;
	line-height:1.6;
	}
	
	a:link  {
	color:#00347C;
	text-decoration:none;
	}
	a:visited {
	color:#00347C;
	text-decoration:none;
	}
	a:active {
	color:#00347C;
	}
	a:hover {
	text-decoration:underline;
	}
	
	h1 {
	font-size:18px;
	font-weight:bold;
	color:#00347C;
	}
	h2 {
	font-size:14px;
	font-weight:bold;
	color:#00347C;
	}
	h3 {
	color:#00347C;
	}	
	h4 {
	font-size:14px;
	font-weight:bold;
	}
	#container 
	{
	margin-top:12px;
	width:815px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
		
		
	}

	/*LINK styles*/
	
	.clear {
	clear:both;
	width:700px;
	}
	
	#shadowtop
	{
	background-image: url(images/navbar2b.png);
	background-position:bottom left;
	background-repeat:repeat-x;
	width:815px;
	height:80px;
	margin:0;
	padding:0;
		
	}
	
	#shadowleft
	{
	background-image: url(images/shadowleft2.png);
	background-position:left;
	background-repeat:repeat-y;
	overflow:visible;
	width:815px;
		
		
		
	}
	#shadowright
	{
		
		background-image: url(images/shadowright.png);
		background-position:right;
		background-repeat:repeat-y;
		overflow:visible;
		
	}

	
	
	/* HEADER/LOGO STYLING */

	#logo
	{
		
		float:left;
		margin:0 0 0 0px;
		padding:0px;
		width:283px;
		height:60px;
		background-image: url(images/westcutlogo.png);
		background-position:top left;
		background-repeat:no-repeat;
		
	}
	#logo span
	{
		display:none;
	}
	
	#tel
	{
	float:right;
	margin:13px 0px 10px 0px;
	color:#636466;
	font-size:14px;
	}
	#tel span
	{
	font-size:26px;
	}
	
	/* NAV BAR STYLING */
	
	#nav_new {
	width:785px;
	height:24px;
	background-image: url(images/bgstrip.png);
	color: #000000;
	padding-left: 30px;
	}
	
	
	
	#nav 
	{
	margin-top:3px;
	padding:0px 0px 0px 27px;
	height: 30px;
	}
	#nav a
	{
		text-decoration:none;
		color:#666666;
	}

	#nav li
	{
	display:inline;
	float:left;
	margin:0px;
	text-align:center;
	}
	.navselected
	{
		font-weight:bold;
	}


	/* CONTENT STYLING */
	
	#main_image_band {
	width:795px;
	background-image:url(images/shadowleft2.png);
	background-repeat:repeat-y;
	padding-left:20px;
	}
	
	#content_wrapper {
	width: 747px;
	background-image:url(images/shadowleft2.png);
	background-repeat:repeat-y;
	padding: 0px 34px 0px 34px;
	}
	#right_column_wrapper {
	float:right;
	width:256px;
	margin:0 0 16px 16px;
	}
	#right_column_image {
	width:256px;
	background-position:right top;
	}
	#news_box {
	padding:8px 12px 16px 8px;
	color:#FFFFFF;
	background-color:#00347C;
	background-image:url(images/blue-steel-bg.jpg);
	background-position:top right;
	text-align: right;
	font-size: 11px;
	}
	#news_box a:link {
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	}
	#news_box a:visited {
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	}
	#news_box a:active {
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	}
	#news_box a:hover {
	font-weight:bold;
	text-decoration:none;
	color:#008ACF;
	}
	
	#info_box {
	padding:8px 12px 16px 8px;
	color:#FFFFFF;
	background-color:#00347C;
	background-image:url(images/info_panel_bg.jpg);
	background-position:top right;
	text-align: right;
	font-size: 11px;
	}
	#info_box a:link {
	font-weight:bold;
	text-decoration:none;
	color:#00347C;
	}
	#info_box a:visited {
	font-weight:bold;
	text-decoration:none;
	color:#00347C;
	}
	#info_box a:active {
	font-weight:bold;
	text-decoration:none;
	color:#00347C;
	}
	#info_box a:hover {
	font-weight:bold;
	text-decoration:underline;
	color:#00347C;
	}
	
	
	#news_box h1 {
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	}
	#content
	{
	clear:both;
	min-height: 400px;
		
	}
	.casestudy_thumbnail_wrapper {
	width:459px;
	border:1px solid #008ACF;
	padding:4px;
	margin-bottom:8px;
	}
	.casestudy_thumbnail_image {
	float:right;
	}
	
	
	.sample_mainimage_wrapper {
	width:auto;
	border:1px solid #008ACF;
	padding:4px;
	font-size:11px;
	color:#00347C;
	}
	.sample_thumbnail_wrapper {
	width:131px;
	border:1px solid #008ACF;
	padding:4px;
	margin:0 8px 8px 0;
	float:left;
	font-size:11px;
	color:#00347C;
	}
	.sample_itemtext {
	width:auto;
	border-top:solid 1px #008ACF;
	}
	.sample_itemtext_head {
	width:80px;
	text-align:right;
	font-weight:bold;
	float:left;
	margin-right: 8px;
	}
	.header {
	color:#00347c;
	font-size:18px;
	border-bottom:1px solid #d9dadb;
	margin:2px 0px 5px 0px;
	padding:2px 0px 5px 0px;
	clear:both;
	}
	.intro_text {
	font-weight:bold;
	font-size:13px;
	line-height:1.4;
	}
	.caption {
	text-align: right;
	color:#00347c;
	font-size: 11px;
	padding-top: 6px;
	}

	/* TABLE STYLING */
	
	.table {
	border-top:1px solid #008ACF;
	border-left:1px solid #008ACF;
	font-size:11px;
	}
	.table_row {
	border-right:1px solid #008ACF;
	border-bottom:1px solid #008ACF;
	padding:4px;
	}
	.table_altrow {
	border-right:1px solid #008ACF;
	border-bottom:1px solid #008ACF;
	background-color:#EEEEEE;
	padding:4px;
	}
	.table_head {
	border-right:1px solid #008ACF;
	border-bottom:1px solid #008ACF;
	font-weight:bold;
	padding:4px;
	color:#00347C;
	}
	
	/* FOOTER NAV STYLING */
	#footernav
	{
		float:left;
		width:265px;
		background-image: url(images/footernav.png);
		background-position:top left;
		background-repeat:no-repeat;
		height:62px;
		color:#FFFFFF;


	}
	#footernav a
	{
		color:#FFFFFF;
	}
	#footernav ul
	{
		list-style:none;
		display:inline;
		font-size:11px;
	
		
	}
	#footernav li
	{ 
		display:inline;
		float:left;
		
		padding:23px 3px 0px 8px;
	}
	#footernav a
	{
		text-decoration:none;
	}
	#footernav a:hover
	{
		text-decoration:underline;
	}
	#footernavlinks
	{
		margin-left:27px;
	}


	#footerleft
	{
		
		float:left;
		margin-left:30px;
		margin-top:13px;
		width:300px;
		font-size:11px;
		color:#636466;
		position:absolute;
	}
	#footerleft a
	{
		text-decoration:none;
		color:#00347c;
		
	}
	#footerleft a:hover
	{
		text-decoration:underline;
		
	}
	
	#footerright
	{
		
		float:right;
		margin-top:50px;
		margin-right:0px;
		font-size:11px;
		color:#636466;
		
		
	}
	
	/*Newsletter Page Specific styles*/
	
	.newsitem_wrapper {
	width:702px;
	border:1px solid #008ACF;
	padding:20px;
	background-position:bottom;
	background-repeat:repeat-x;
	background-image:url(images/newsitem_bg.jpg);
	margin-top:18px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}
	.newsitem_clear {
	width:auto;
	height:12px;
	clear:both;
	font-size:11px;
	color:#00347C;
	text-align:center;
	}
	.newsitem_img_right {
	float:right;
	clear:right;
	padding:0 0 20px 20px;
	}
	.newsitem_img_left {
	float:left;
	clear:left;
	padding:0 20px 20px 0 ;
	}
	.newsitem_issuebar {
	width:auto;
	height:28px;
	background-image:url(newsletter/images/issuebar_bg.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	padding:12px 30px 0 0;
	text-align:right;
	}
	.newsitem_contents {
	width:200px;
	border:1px solid #008ACF;
	padding:14px;
	background-position:bottom;
	background-repeat:repeat-x;
	background-image:url(images/newsitem_bg.jpg);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	float:right;
	margin:0 0 18px 18px;
	color:#00347C;
	}
	.newsitem_contents li{
	margin-left:-28px;
	}
	
	/*BOTTOM SHADOWS*/
	#shadowbottom
	{
	
		background-image: url(images/shadowbottom.png);
		background-position:bottom;
		background-repeat:repeat-x;
		width:20px;
		height:62px;
		margin-left:50px;

	}
	#shadowbottomright
	{
		float:right;
		background-image: url(images/bottomright.png);
		background-position:top right;
		background-repeat:no-repeat;
		height:80px;
		width:550px;

	}
	
	.img_right {
	float:right;
	padding:0 0 0 16px
}
	.img_right_news_arrow {
	float:right;
	padding:0 0 16px 8px;
	margin-top: 4px;
}
.fp_img_floatleft {
	float:left;
}
.fp_img_floatright {
	float:right;
}
.fp_img_wrapper {
	width:775px;
	height:189px;
	}
	/*
	 * Collection of cheeky span padding blocks to assist layout styling in old browsers.
	 * Width renders more consistently than margins or padding.
	 * General name format = .span<width><float><height>
	 */
	.span50l1 { width:50px; float:left; height:1px; }
	.span40r1 { width:40px; float:right; height:1px; }
	.span45r1 { width:45px; float:right; height:1px; }
	.span20l40 { width:20px; float:left; height:40px; }
	.span20r1 { width:20px; float:right; height:1px; }
	.span25r1 { width:25px; float:right; height:1px; }
	.span16l1 { width:16px; float:left; height:1px; }
	.span33l1 { width:33px; float:left; height:1px; }
	.span30r1 { width:30px; float:right; height:1px; }
	.span34l1 { width:34px; float:left; height:1px; }




.menu ul li a, .menu ul li a:visited {
	display:block;
	text-decoration:none;
	color:#000;
	width:150px;
	height:20px;
	text-align:center;
	color:#666666;
	border-bottom:1px solid #fff;
	line-height:16px;
	font-size:10px;
	letter-spacing:-0.2px;
	overflow:visible;
	background-color: #ffffff;
	padding-top:2px;
	/*white-space:nowrap;*/
}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {
	float:left;
	position:relative;
}
.menu ul li ul {display: none;}

.menu ul li:hover a {color:#666666; background:#ffffff;}
.menu ul li:hover ul {display:block; position:absolute; top:23px; left:27; width:105px;}
.menu ul li:hover ul li a.hide {background:#ffffff; color:#666666;}
.menu ul li:hover ul li:hover a.hide {background:#cccccc; color:#666666;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#ffffff; color:#666666;}
.menu ul li:hover ul li a:hover {background:#cccccc; color:#666666;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:119px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-146px;}