/*

Theme Name: 
Theme URI: 
Description:
Version:
Author: 

*/	


			/* Global Layout */


body 
{
font-size: .75em;
margin: 0px;
text-align: center;
background: #DADADB url(img/bg.gif) top left repeat-x;
color: #333;
font-family: Arial, Helvetica, sans-serif;
}

td img {
	display:block;
	}

#wrap{
	margin: auto;
	width: 968px;
}

	#head{
		height: 37px;
		margin: 0 5px 0 5px;
		padding: 29px 0 30px 0;	
	}
	
		#head h1{
			float: left;
			color: #848586;
			font-size: 1.8em;
			padding-top: 6px;
			font-family: Georgia;
		}
		
		#logo{
			float: right;
			height: 37px;
			width: 210px;
			text-indent: -9999em;
			background: url(img/logo.gif) top left no-repeat;	
		}
	
	
	
	#nav{
		height: 30px;
		z-index: 10;
		position: relative;
		margin: 0 5px 0 5px;
		background: url(img/nav-bg.gif) top right;
	}
	
		#nav li{
			float: left;
			height: 30px;	
		}
		
		#nav li a{
			float: left;
			height: 30px;
			text-indent: -9999em;	
		}
		
		#nav li a:hover{
			background-position: bottom left;
		}
		
		/*#nav li:hover div, #nav li.active div{
			display: block;
		}*/
		
		#nav li div{
			position: absolute;
			top: 30px;
			left:0px;
			font-size: .9em;
		}
		
		#nav li div p{
			position: relative;			
			padding: 0 18px;
			margin-left: 8px;
			height: 26px;
			line-height: 26px;
			color: #6E6E6E;
			background: url(img/nav2.png) no-repeat right center;	
		}
		
		#nav li div {
			background: url(img/nav1.png) no-repeat left center;	
		}		
		
		#nav li div a{
			float: none;
			text-indent: 0;
			color: #6E6E6E;
			margin: 0 4px 0 4px;
		}

		#nav li div p a:first-child
		{
			margin-left: -8px;
		}

		#nav li div a:hover, #nav li div a.active{
			color: #2C449E;
			text-decoration: none;
		}
		#nav li#n2 div a:hover, #nav li#n2 div a.active{
			color: #F17B11;
			text-decoration: none;
		}
		#nav li#n3 div a:hover, #nav li#n3 div a.active{
			color: #83B60F;
			text-decoration: none;
		}
		#nav li#n4 div a:hover, #nav li#n4 div a.active{
			color: #A80C56;
			text-decoration: none;
		}
		
		
		#n1{
			width: 85px;
			background: url(img/about.gif) top left;
		}

		#nav li#bt2 div#sub{

			position: absolute;

			top: 30px;

			left: 0px;

			font-size: .9em;

		}

		#n2{
			width: 107px;
			background: url(img/business.gif) top left;
		}

		#nav li#bt3 div#sub{

			position: absolute;

			top: 30px;

			left: 0px;

			font-size: .9em;

		}

		#n3{
			width: 130px;
			background: url(img/tech.gif) top left;
		}

		#nav li#bt331 div#sub{
			position: absolute;
			top: 30px;
			left: 148px;
			font-size: .9em;
		}

		#n4{
			width: 103px;
			background: url(img/services.gif) top left;
		}
		#nav li#bt69 div#sub{
			position: absolute;
			top: 30px;
			left: 260px;
			font-size: .9em;
		}
		#n5{
			width: 125px;
			background: url(img/customers.gif) top left;
		}
		#nav li#bt6 div#sub{
			position: absolute;
			top: 30px;
			left: 435px;
			font-size: .9em;
		}
		#n6{
			width: 72px;
			background: url(img/news.gif) top left;
		}
		#nav li#bt7 div#sub{
			position: absolute;
			top: 30px;
			left: 380px;
			font-size: .9em;
		}
		#n7{
			width: 75px;
			background: url(img/press.gif) top left;
		}
		#nav li#bt8 div#sub{
			position: absolute;
			top: 30px;
			left: 550px;
			font-size: .9em;
		}
		#n8{
			width: 66px;
			background: url(img/blog.gif) top left;
		}
		#nav li#bt253 div#sub{
			position: absolute;
			top: 30px;
			left: 600px;
			font-size: .9em;
		}
		#n9{
			width: 98px;
			background: url(img/contact.gif) top left;
		}
		#nav li#bt254 div#sub{
			position: absolute;
			top: 30px;
			left: 765px;
			font-size: .9em;
		}
	
	
	
	#page-head{
		position: relative;
		height: 178px;
		background: url(img/head-image.jpg) top left no-repeat;
	}
	
	
	#page{
		position: relative;
		padding: 20px 0 20px 0; 
		overflow: hidden;
		text-align: left;
		background: url(img/pbg.gif) top left;
	}	
	
	#ux-page{
		position: relative;
		margin-left:5px;
	}
	


		#sidebar{
			float: left;
			width: 162px;
			padding-left: 35px;	
			padding-top: 14px;
			font-family: "Trebuchet MS";
		}
			
			.widget{
				position: relative;
				font-size: .9em;
				padding-bottom: 20px;	
			}
			
				.widget h3{
					border-bottom: 1px dotted #111;
					color: #103F3F;
					font-size: 1.4em;
					font-family: Georgia;
					padding-bottom: 7px;
				}
				
				.widget ul{
					position: relative;
					line-height: 1.3em;
					border-bottom: 1px solid #87BB10;	
					border-top: 1px solid #87BB10;
				}
				
				.widget ul li{
					border-bottom: 1px solid #87BB10;
					margin-top: 5px;
					padding-bottom: 5px;
				}
				
				.widget ul li a{
					display: block;
					color: #666666;
					text-decoration: none;
				}
				
				.widget-content{
					position: relative;
					
				}
				
					.widget-content p{
						line-height: 1.9em;
						padding-top: 1em;	
					}
					
					.widget-content a{
						color: #87BB10;	
						text-decoration: underline;
					}
		
		
		
		#content{
			float: right;
			width: 675px;
			padding-right: 30px;
		}	
		
			.entry{
				position: relative;
			}
			
				.entry h1{
					font-size: 2.5em;
					font-family: Georgia;
					margin-bottom: 8px;
					padding-bottom: 4px;
					border-bottom: 1px solid #111;
				}
				
				
				.entry p.strap{
					font-weight: bold;
					color: #A4A3A3;
					font-size: 1.4em;	
				}
				
				.entry h2{
					font-size: 1.6em;					
					color: #666666;
					font-family: Georgia;
					padding-bottom: 3px;
					border-bottom: 1px solid #A4A3A3;	
				}
				
				.entry h3{
					font-size: 1.25em;					
					color: #103F3F;
					font-family: Georgia;
					padding-bottom: 3px;
					border-bottom: 1px solid #A4A3A3;	
				}
				
				.entry h4{
					font-size: 1.1em;					
					color: #103F3F;
					font-family: Georgia;
					padding-bottom: 3px;
					border-bottom: 1px solid #A4A3A3;	
				}
				
				.entry p{
					position: relative;
					line-height: 1.6em;
					padding-bottom: 1.5em;	
				}
				
				.entry strong{
					font-weight: bold;	
				}
				
				.entry em{
					font-style: italic;
				}
				
				.entry ul{
					line-height: 1.6em;
					padding-bottom: 1.5em;
					list-style: disc;
					padding-left:10px;
				}
				
				.entry ol{
					line-height: 1.6em;
					padding-bottom: 1.5em;
					list-style: inside decimal;
				}
				
				.scroll-box{
					position: relative;
					overflow: auto;
					height: 378px;
				}
				
				.entry a{
					color: #87BB10;
				}
				
				
				.focus-box{
					float: right;
					width: 160px;
					padding: 10px;
					background: #EEEEEE;
				}
				
					.entry .focus-box h3{
						color: #87BB10;
						border-bottom: 1px solid #87BB10;
					}
					
					.entry .focus-box p{
						font-size: 11px;
						color: #666666;
						padding: 0;
						font-family: "Trebuchet MS";
					}
				
				.entry label{
					display: block;
					color: #535353;
					font-weight: bold;
					margin: 5px 0 4px 0;
				}
				
				.entry form .text{
					padding: 3px;
					font-size: 11px;
					width: 190px;
					display: block;
					/*margin-bottom: 8px;*/
					border: 1px solid #666;
				}
				
				.entry form INPUT.read-more{
					text-align:center;
					color:#003333;
					font-weight:bold;
					font-size:9px;
						display: block;
						height: 23px;
						width: 150px;
						border: 0;
						background: url(img/button_input.gif) top left no-repeat;
				}
				
				.entry form button.read-more{
					text-align:center;
					font-size:9px;
					color:#003333;
					font-weight:bold;
						display: block;
						height: 23px;
						width: 150px;
						border: 0;
						background: url(img/button_input.gif) top left no-repeat;
				}
				
				.entry form a.read-more{
					display: block;
					height: 23px;
					width: 94px;
					border: 0;
					text-indent: -9999em;
					background: url(img/read-more.gif) top left no-repeat;
				}
				
				.press{
					margin-top: 7px;
				}
				
				.press li{
					position: relative;
					color: #666;	
					overflow: hidden;
					list-style: none;
					padding-top: 1.5em;	
				}
				
					.press li img{
					border:none;
					}
					
					.press li p{
						position: relative;
						padding:0px;
						/*padding-bottom: .5em;*/
					}
					
					.press li p#text{
						position: relative;
						right:0px;
						width:300px;
					}
					
					.press li a{
						color: #264884;
					}
				
				
			
	
	
	
	#bottom{
		position: relative;
		padding: 50px 25px 0 25px;
		height: 51px;		
		color: #848586;	
		background: url(img/bottom.gif) bottom left no-repeat;
	}
	
	
	


	#front{
		color: #fff;
		height: 325px;	
		text-align: left;
		position: relative;
		padding: 275px 0 0 24px;
	}
	
		#front h2{
			font-size: 6em;
			font-family: Georgia;
			padding: 38px 0 0 0;
		}
		
		#front p.strap{
			padding: 45px 0 0 0;
		border: black 1px solid;
			font-size: 1.8em;
			color: #fff;
		}
		
		
		#front-boxes{
			position: absolute;
			overflow: hidden;
			padding-top: 60px;
			height: 131px;	
			bottom: 85px;
		}
		
			#front-boxes li{
				float: left;
				height: 131px;
				width: 293px;
				margin-right: 20px;
			}
			
			#front-boxes li a{
			color:#FFF;
			}
			
			.fb1{
				background: url(img/front-box1.gif) top left no-repeat;
			}
			.fb2{
				background: url(img/front-box2.gif) top left no-repeat;
			}
			.fb3{
				margin-right: 0;
				background: url(img/front-box3.gif) top left no-repeat;
			}
			
			#front-boxes h3{
				height: 45px;
				position: relative;
			}
			
			#front-boxes p{
				line-height: 1.5em;
				padding: 44px 18px 0 18px;
				text-align:left;
			}
			
			
		
		
		
		#front-bottom{
			position: absolute;
			bottom: 20px;
			left: 25px;
			width: 918px;
			color: #848586;	
		}
		
			.bottom-links{
				float: left;
				line-height: 2em;
			}
			
			.copyright{
				float: right;
				line-height: 2em;
			}
			
			#front-bottom a{
				color: #848586;
			}
			
			#bottom a{
				color: #848586;
			}
			
			.social1{
				float: left;
				height: 23px;
				width: 24px;
				margin-right: 5px;
				background: url(img/social1.gif) top left no-repeat;
			}
			
			.social2{
				float: left;
				height: 23px;
				width: 24px;
				margin-right: 5px;
				background: url(img/social2.gif) top left no-repeat;
			}
			
			.social3{
				float: left;
				height: 23px;
				width: 24px;
				margin-right: 5px;
				background: url(img/social3.gif) top left no-repeat;
			}

			.social4{
				float: left;
				height: 23px;
				width: 24px;
				margin-right: 5px;
				background: url(img/social4.gif) top left no-repeat;
			}


				
				
				.page-type-1 .entry h1{
					color: #3C5C90;
				}
				
				.page-type-1 .entry a{
					color: #3C5C90;
				}
				
				.page-type-1 .entry .focus-box h3{
					color: #3C5C90;
					border-bottom: 1px solid #3C5C90;
				}
				
				
				.page-type-1 div#sidebar a{
					color: #3C5C90;
				}
				
				.page-type-1 div#sidebar ul li a{
					color: #656565;
				}
				.page-type-1 div#sidebar ul li a:hover{
					color: #3C5C90;
				}
				
				.page-type-1 div#sidebar ul{
					border-top: 1px solid #3C5C90;
					border-bottom: 1px solid #3C5C90;
				}
				
				.page-type-1 div#sidebar ul li{
					border-bottom: 1px solid #3C5C90;
				}
				
				
				
				
				
				.page-type-2 .entry h1{
					color: #A6175A;
				}
				
				.page-type-2 .entry a{
					color: #A6175A;
				}
				
				.page-type-2 .entry .focus-box h3{
					color: #A6175A;
					border-bottom: 1px solid #A6175A;
				}
				
				
				.page-type-2 div#sidebar a{
					color: #A6175A;
				}
				
				.page-type-2 div#sidebar ul li a{
					color: #656565;
				}
				
				.page-type-2 div#sidebar ul{
					border-top: 1px solid #A6175A;
					border-bottom: 1px solid #A6175A;
				}
				
				.page-type-2 div#sidebar ul li{
					border-bottom: 1px solid #A6175A;
				}
				
				
				
				
				.page-type-3 .entry h1{
					color: #F0790B;
				}
				
				.page-type-3 .entry a{
					color: #F0790B;
				}
				
				.page-type-3 .entry .focus-box h3{
					color: #F0790B;
					border-bottom: 1px solid #F0790B;
				}
				
				
				.page-type-3 div#sidebar a{
					color: #F0790B;
				}
				
				.page-type-3 div#sidebar ul li a{
					color: #656565;
				}
				
				.page-type-3 div#sidebar ul{
					border-top: 1px solid #F0790B;
					border-bottom: 1px solid #F0790B;
				}
				
				.page-type-3 div#sidebar ul li{
					border-bottom: 1px solid #F0790B;
				}
				









