/* ------------------------------------------------------------
Title: Works Computing
Author: ASI Communications
------------------------------------------------------------ */
body{
	background: #174566 url('../images/bg.jpg') no-repeat center top;
	font-family: Arial, Helvetica, serif;
	font-size: 12px;
}
h1{
	font-weight:bold;
	font-size: 25px;
	color: #3f3f3f;
	margin-bottom: 15px;
}
h1.overview{
	background: url('../images/icon_01.jpg') no-repeat;
	padding: 1px 0 0 35px;
	height: 27px;
}
h2 { /*Quick Links */
	font-size:20px;
	margin: 5px 0 14px 8px;
}
h3{
	font-size:16px;
	margin: 15px 0;
}
h4{
	font-size:14px;
	font-weight:bold;
	margin: 10px 0;
}
h5{
	font-size: 14px;
	margin: 10px 0;
}
h6{
	font-size:12px;
	font-weight:bold;
	margin:5px 0;
}
p{
	line-height: 15px;
	margin-bottom: 15px;
	letter-spacing: .75px;
}
ul.list{
	margin: 0 0 0 20px;
}
ul.list li{
	margin: 8px 0;
	font-size: 12px;
	line-height: 15px;
	background-image: url('../images/bullet.jpg');
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 15px;
}
a{text-decoration: none;color:#c64201;}
a:visited{color:#c64201;}
a:hover{color:black;}
a:active{color:#c64201;}
strong{font-weight:bold;}
em{font-style:italic;}
/*Tables */
	table{width:570px;}/*100%*/
	tr{background-color: #FFFFFF;}/*ecf2f6%*/
	tr.altcolor{background-color: #f6f8fa;}
	th,td{
		vertical-align:middle;
	}	
	th{
		background: url('../images/bg_th.jpg') repeat-x;
		color: #f4f4f4;
		border: 1px solid #376a8c;
		border-left: none;
	}
	td{
		/*color: #FFFFFF;#467fa6*/
	}	
	td.leftborder,th.leftborder{border-left: 1px solid #376a8c;width:160px;}
	td.icon{width:100px;}
	td.icon img{margin-left:30px;}
/*--------------------------------------------------------------------
Containers -----------------------------------------------------------
--------------------------------------------------------------------*/
#container{
	width: 948px;
	margin: 0 auto;
}
#header{
	height: 150px;
}
#header #logo {margin: 18px 0 0 29px;}
#header p {
	float:right;
	font-family: 'Helvetica Neue', Helvetica, Arial, serif;
	text-align: right;
	color: white;
	margin: 63px 33px 0 0;
	font-size: 16px;
	line-height: 18px;
}
#header p a{color: white;font-weight:normal;font-size:12px;text-decoration:none;}
#content{
	background-color: white;
	padding: 10px 40px;
	width: 860px;
	margin-left:4px;
}
#left_col{
	width: 205px;
	float: left;
}
#left_col img{margin-top:13px;}
#right_col{
	width: 625px;
	float: right;
}
#right_col p{padding-left:1px;}
#right_col #breadcrumb p{padding-left:0;}
/*Quick Links*/
	#quick_links{
		width: 245px;
		margin-left: 8px;
		background: url('../images/tabs1.jpg') no-repeat left top;
	}
	#quick_links.switchbg{background: url('../images/tabs2.jpg') no-repeat left top;}
	#quick_links ul a {
		display: block;
		width: 114px;
		text-align: center;
		font-size: 15px;
		color: #0a2131;
		font-weight: bold;
		text-decoration: none;
		margin-top: 6px;
	}
	#quick_links ul li{float:left;}
	#quick_links ul li.secondtab a{width:85px;}
	#tabs1,#tabs2{
		width:223px;
		margin-top:18px;
		background-color: #2f8fbf;
		color: #0a2131;
		padding: 3px 0 14px 17px;
	}
	#tabs2{display:none;}
	#tabs1 ul,#tabs2 ul{margin: -5px 0 0 22px;}
	#tabs1 ul li,#tabs2 ul li{
		float: none;
		margin-bottom: 8px;
		height: 12px;
		line-height: 12px;		
		position:relative;
	}
	#tabs1 ul li *,#tabs2 ul li *{float:left;}
	#tabs1 ul li a,#tabs2 ul li a{
		font-weight: normal;
		font-size:12px;
		text-align: left;
		width: auto;
		margin-top:0;
	}
	#tabs1 ul li img,#tabs2 ul li img{position: absolute; left:-13px;top:-14px;}
	#tabs1 ul li a:hover,#tabs2 ul li a:hover{text-decoration: underline;}
	#quick_links .tabs_bottom{margin: 0;position:relative;}
/* Bread Crumb */
	#breadcrumb{
		width: 625px;
		height: 26px;
		background: url('../images/bg_breadcrumb.jpg') no-repeat;
		margin: 12px 0 14px 0;
	}
	#breadcrumb a{text-decoration: none;margin-top: -4px;color:#6f6f6f;}
	#breadcrumb ul{margin-left: 13px;}
	#breadcrumb ul li{
		list-style-type:none;
		line-height: 26px;
		font-weight: bold;
		float: left;
		height: 26px;
		line-height:26px;
		text-align: left;
	}
	#breadcrumb .bread_arrow{margin: 0 8px;}
	#breadcrumb a span.current_page{color: #c64201;}
/*Navigational Image Buttons */
	.img_nav{
		width: 208px;
		float: left;
		margin: 23px 0;
	}
	.img_nav img {margin-bottom: 7px;}
	#labimg,#contactimg{margin-bottom:10px;}
/*--------------------------------------------------------------------
Main Menu ------------------------------------------------------------
--------------------------------------------------------------------*/
#menu {
	width: 948px;
	height:26px;
	margin-top:17px;
/*	background: url('../images/bg_nav.jpg');*/
}
#menu ul {
	list-style-type: none;
	height: 26px;
	margin: 4px 0 0 3px;
}
#menu ul a {
	display: block;
	text-decoration: none;
	position: relative;
	font-size: 10px;
	color: #FFF;
	height: 26px;
	text-align: left;
	font-weight:bold;	
}
#menu ul li {
	float: left;
	position: relative;
}
#menu ul li a span{visibility:hidden;}

#menu ul li#menu1 {background: url('../images/nav_products.jpg') no-repeat -3px 0; width:135px;height:26px;}
#menu ul li#menu2 {background: url('../images/nav_solutions.jpg') no-repeat; width:134px;height:26px;}
#menu ul li#menu3 {background: url('../images/nav_services.jpg') no-repeat; width:134px;height:26px;}
#menu ul li#menu4 {background: url('../images/nav_news.jpg') no-repeat; width:134px;height:26px;}
#menu ul li#menu5 {background: url('../images/nav_company.jpg') no-repeat; width:134px;height:26px;}
#menu ul li#menu6 {background: url('../images/nav_lab.jpg') no-repeat; width:134px;height:26px;}
#menu ul li#menu7 {background: url('../images/nav_contact.jpg') no-repeat; width:136px;height:26px;}

/* Hover */
#menu ul li#menu1:hover{background-position: -3px -26px;}
#menu ul li#menu2:hover,
#menu ul li#menu3:hover,
#menu ul li#menu4:hover,
#menu ul li#menu5:hover,
#menu ul li#menu7:hover,
#menu ul li#menu6:hover{background-position: 0 -26px;}

/* Active */
body#page1 #menu ul li#menu1{background-position: -3px -26px;}
body#page2 #menu ul li#menu2,
body#page3 #menu ul li#menu3,
body#page4 #menu ul li#menu4,
body#page5 #menu ul li#menu5,
body#page7 #menu ul li#menu7,
body#page6 #menu ul li#menu6{background-position: 0 -26px;}/*78 if 3rd state exists*/

/* First Drop Downs ------------------------------------------------*/
	#menu ul li ul {
		position: absolute;
		top: 22px;
		left: -3px;
		visibility: hidden;
		width: 135px;
		z-index:100;
	}
	/*#menu ul li ul img{  For the arrow if it comes back
		position: absolute;
		top:-8px;
		left:30px;
		z-index:100;
	}*/	
	#menu ul li:hover ul {visibility: visible;}
	#menu ul li ul li{
		display:block;
		float: none;
		height: 26px;
		line-height: 27px;	
		border: 1px solid #808080;
		margin-top:-1px;
		background: url('../images/bg_nav_dropdown.jpg') repeat-x;
	}
	#menu ul li ul li a {
		width: 133px;
		background-image: none;	
		text-align: center;
	}
	body #header div#menu ul li ul li a:hover,
	body#page1 #header div#menu ul li ul li a:hover,
	body#page2 #header div#menu ul li ul li a:hover,
	body#page3 #header div#menu ul li ul li a:hover,
	body#page4 #header div#menu ul li ul li a:hover,
	body#page5 #header div#menu ul li ul li a:hover,
	body#page6 #header div#menu ul li ul li a:hover,
	body#page7 #header div#menu ul li ul li a:hover {
		background: url('../images/bg_nav_dropdown_hover.jpg') repeat-x;
	}	
	/* Second Drop Downs -------------------------------------------*/
		#menu ul li ul li ul {
			top: -4px;
			left: 130px;
			visibility: hidden;
		}
		#menu ul li ul li ul li{
			background: url('../images/bg_nav_dropdown_blue.jpg') repeat-x;
		}
		#menu ul li:hover ul li ul {visibility: hidden;}		
		#menu ul li:hover ul li:hover ul {visibility: visible;}
/*--------------------------------------------------------------------
Footer ---------------------------------------------------------------
--------------------------------------------------------------------*/
#footer{
	height:18px;
	width:100%;
	background-color: #10324a;
}
#footer #footcontent{
	width: 908px;
	margin: auto;
}
#footer p{
	line-height: 18px;	
	color:#c3ccd2;
	font-size:11px;
}
#footer #copyright{float:left;}
#footer a{color:#a96343;}
/*NewS Ticker */
	.ticker{
		color: #c3ccd2;
		float:right;
		margin-top: 4px;
	}
	.ticker span{display:none;}
	.ticker .active_ticker{display:block;}
/*--------------------------------------------------------------------
Night Styles ---------------------------------------------------------
--------------------------------------------------------------------*/
body.night{background: #000 url('../images/bg_night.jpg') no-repeat center top;}
/*.night #menu {background-image: url('../images/bg_night.jpg');}*/
.night #menu ul li#menu1 {background-image: url('../images/nav_products-night.jpg');}
.night #menu ul li#menu7 {background-image: url('../images/nav_contact-night.jpg');}
.night #footer{background-color:#3d3d3d;}
/*--------------------------------------------------------------------
Misc Classes ---------------------------------------------------------
--------------------------------------------------------------------*/
.text_align_right{text-align: right;}
.text_align_left{text-align: left;}
.text_align_center{text-align: center;}
.clear{clear:both;}
.float_right{float:right;}
.float_left{float:left;}
.error{color:red;}