body{ margin:0px; padding:0px; background:#043e63 url(images/bg_top.jpg) repeat-x; font:13px/20px "Microsoft Sans Serif"; color:#000000; }
body.long{ margin:0px; padding:0px; background:#f1f1f1 url(images/bg_long.jpg) repeat-x; font:13px/20px "Microsoft Sans Serif"; color:#000000; }
p{font:13px/20px "Microsoft Sans Serif";}
p a { font: bold 13px/20px "Microsoft Sans Serif"; text-align:right;
	padding:0px 10px 0 5px;
	color:#ff3300;
	text-decoration:none;}
p a:hover {color:#ff3300;}
p a.active {color:#ff3300;}



p span a { font: bold 13px/20px "Microsoft Sans Serif"; clear:both; 
	padding:0px 10px 0 5px;
	color:#ff3300;
	text-decoration:none;}
p span a:hover {color:#ff3300;}


h1{font: bold 18px "Myriad Pro"; color:#0c72b2; background: url(images/bullet.jpg) left no-repeat; padding-left:30px; border-bottom:1px solid #cccccc;}
h3{font: bold 16px "Myriad Pro"; color:#0c72b2; margin:0 0 0px 0; border-bottom:1px dashed #cccccc;}

a { font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding:0px 0px 0 4px;
	color:#f9f9f9;
	text-decoration:none;}
a:hover {color:#f9f9f9;}
a.active {color:#f9f9f9;}

a.Lnksitemap { font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	padding:0px 0px 0 4px;
	color:#000;
	text-decoration:none;}
a.Lnksitemap:hover {color:#000;}


.fields{
		padding:0px;
		overflow:hidden;}
.fields p {
		padding:0;
		background:transparent;
		margin-bottom:2px;}
.fields label{
		font-size:13px;
		background:transparent;
		display:inline-block;
		height:22px;
		padding-left:0px;
		width:95px;}
.sText{
		color:#817c7c;
		height:18px;	
		line-height:16px;
		background:#fff url(images/text_bg.jpg) repeat-x top right; 
		padding:3px;
		border:1px solid #a1a1a1;

	}



#footerwrap #footer #footerserving .fields{
		padding:0px;
		overflow:hidden;}
#footerwrap #footer #footerserving .fields p {
		padding:0;
		background:transparent;
		margin-bottom:2px;}
#footerwrap #footer #footerserving .fields label{
		font-size:13px;
		background:transparent;
		display:inline-block;
		height:22px;
		padding-left:0px;
		width:104px;}
			
#footerwrap #footer #footerserving .sText{
		color:#817c7c;
		height:12px;	
		line-height:16px;
		background:#fff url(images/text_bg.jpg) repeat-x top right; 
		padding:3px;
		border:1px solid #a1a1a1;

	}
	
input {width:180px; }
.tiny {width:140px;}
.small {width:84px; font:10px "Microsoft Sans Serif"; }	




#wrap{margin:0 auto; width:975px; }
#header{width:975px; height:309px; background:url(images/banner_bg_glow.png) top left no-repeat;}
#header #logo{width:443px; height:59px; margin-top:3px; float:left;}
#header #contactno{height:18px; margin-top:25px; float:right;}



#header #navtop{text-align:right; padding-top:0px; height:15px; clear:both;}
#header #navtop a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding:0px 0px 0 15px;
	color:#fff;
	text-decoration:none;}
#header #navtop a:hover {color:#fff;}
#header #navtop a.active {color:#fff;}

#header #banner{width:975px; height:166px; padding-top:13px;  clear:both;}
#header #banner #left{width:437px; height:165px; margin:5px 0 0 46px; background:url(images/banner_web_marketing.png) no-repeat; float:left;}
#header #banner #left #btn{width:173px; height:71px; margin:88px 0 0 63px; float:left;}
#header #banner #right{width:479px; height:142px; margin:6px 5px 0 0; border:0px #0769ab solid; float:right;}

#header #banner #contactform {width:900px; margin:3px 30px 0 30px; clear:both;}
#header #banner #contactform #contactus{width:141px; height:22px; margin:0 30px 0 0; background:url(images/contactus.png) no-repeat; float:left;}
#header #banner #contactform #form{ padding-top:0px; margin-left:60px; clear:both;}

#header #services_icons{height:69px; margin:6px 0 0 0; text-align:center; clear:both;}



#mid{width:975px;}
#mid #left1 {width:600px;  border: 0px solid black; padding:4px 10px 0 10px; float:left;}
#mid #left1 a {font: 12px Verdana, Arial, Helvetica, sans-serif; color:#247fb9; text-decoration:none}
#mid #left1 a:hover {font: 12px Verdana, Arial, Helvetica, sans-serif; color:#419cd6; text-decoration:underline;}

#mid #portfolio {width:973px; border:px solid orange; padding:4px 5px 0 10px; }
#portfolio #port #portfoloio-item-2 {
	margin-left:4px;
	margin-top:0px;
	float:left;
	width:670px;
}

	#mid #portfolio #nav {height:400px; width:230px; margin:35px 0 60px 0; background-image:url('images/portfolio_nav_bg.jpg'); background-repeat:no-repeat; float:left; border:px solid yellow;}
		#mid #portfolio #nav a {font: bold 12px Arial, Helvetica, Verdana; color:#006699; text-decoration:none}
		#mid #portfolio #nav a:hover {font: bold 12px Arial, Helvetica, Verdana; color:#419cd6; text-decoration:underline}
	
		
#mid #portfolio #port {width:959px; float:left;}

.long #wrap #mid #portfolio #port .portfolio_heading-1 {
	margin:0px 0px 0px 0px;
}

#port .portfolio_heading {
	width:653px;
	margin-left:3px;
}



	#mid #portfolio #port img {margin:8px 0 20px 0px; border:1px solid #cccccc; float: left;}

	#mid #left2 {width:642px;  border: 0px solid black; padding:4px 10px 0 10px; float:left;}
	#mid #left2 a {font: 12px Verdana, Arial, Helvetica, sans-serif; color:#247fb9; text-decoration:none}
	#mid #left2 a:hover {font: 12px Verdana, Arial, Helvetica, sans-serif; color:#419cd6; text-decoration:underline;}

	#mid #left2 #port #port_info {
	float:right;
	width:165px;
	margin: 2px 0 0 10px;
}
		#mid #portfolio #port #port_info p {font: 12px Verdana, Arial, Helvetica, sans-serif; line-height:15px}
		#mid #portfolio #port #port_info ul {margin: 5px 0 10px -20px; list-style-type:none; font: 11px Verdana, Arial, Helvetica, sans-serif; line-height:15px;}
		#mid #portfolio #port #port_info li {border-bottom:1px dashed #cccccc;}
		

		
		#mid #portfolio #port #port_pagination {height:50px; width:900px; float:left; margin:0 0 0 30px; }
			#mid #portfolio #port #port_pagination #port_seprator {width:921px; height:5px; margin:0 0 10px 0; float:left; background-image:url('images/port_seprator.png'); background-repeat:no-repeat; }
			#mid #portfolio #port #port_pagination #page_num {margin:0 0 0 266px; float:left}
			
			#mid #portfolio #port #port_pagination #next_page {margin:0 0 0 640px;}
			#mid #portfolio #port #port_pagination #next_prev_page {margin:0 0 0 560px;}
			

		

		
	#mid #portfolio #port a {font-size: 12px; border-bottom:1px dashed #cccccc; color:#003366; }
	#mid #portfolio #port a:hover {font-size:12px; border-bottom:none;text-decoration:underline; color:#006699; }
	
#portfolio_list {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}


.PortfolioList {list-style:none; list-style-image: url('bullet_1.jpg'); line-height:20px;}

.portfolio_subcat1{margin-left:20px; padding-left:15px; background:url(bullet_1.jpg) center left no-repeat; list-style:none; line-height:20px;}
.portfolio_subcat2{margin-left:50px; padding-left:15px; background:url(bullet_2.jpg) center left no-repeat; list-style:none; line-height:20px;}
.portfolio_subcat3{margin-left:30px; padding-left:15px; background:url(images/list_bullet.jpg) center left no-repeat; list-style:none; line-height:20px;}

#mid #portfolio #port #portfolio_list a {margin:0px 0px 0px 0}

#portfolio_list li {
	color:#666666;
	display:inline;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height:175px;
	list-style-type:disc;
	margin:0 14px 20px 0;
	width:208px;
	
	
}



.portfolio_item {
	display:block;
}


.portfolio_img {
	border:1px solid #ccc;
	display:block;
	float:left;
	margin:0 0 -10px 0;
}

.portfolio_img:hover,.portfolio_img:active {
	border:1px solid #003366;
}


h1.portfolio_header {font: bold 18px "Myriad Pro"; color:#05436a; background:none; border-bottom: 1px solid white; margin:15px 0 0px 10px; width:175px; padding-bottom:5px;}
ul.IndustriesServedLeft {list-style:none; float:left; margin:5px 0 15px 35px; padding: 0 0 0 0;}

ul.IndustriesServedRight {list-style:none;  float:left; margin:0px 0 15px 20px; padding: 0 0 0 0;}
ul.IndustriesServedRight li {padding-left:15px; background:url(images/list_bullet.jpg) center left no-repeat;}
	
#mid #right1 a {color:#032f4a; font-size:11px;}

#mid #right1 a:hover {color:#ee7e00}
#mid #right1 {width:261px; 
				padding:0px 0 0 0px;
				margin:5px 0 0 47px; 
				float:left;}
.long #wrap #mid #portfolio #port #right1-1 {
	width:284px; 
				padding:0px 0 0 0px;
				margin:0px 0 0 0px; 
				float:left;
}
#mid #right1 .fields{
		padding:0px;
		overflow:hidden;}
#mid #right1 .fields p {
		padding:0;
		background:transparent;
		margin-bottom:2px;}
#mid #right1 .fields label{
		font-size:13px;
		background:transparent;
		display:inline-block;
		height:22px;
		padding-left:0px;
		width:104px;}
			
#mid #right1 .sText{
		color:#000000;
		height:12px;	
		line-height:16px;
		background:#fff url(images/text_bg.jpg) repeat-x top right; 
		padding:3px;
		border:1px solid #a1a1a1;
		width:140px;
	}
	





#footerwrap{ height:130px; background:#f1f1f1 url(images/bg_footer.jpg) repeat-x; clear:both;}


#footerwrap #footer{margin:0 auto; width:975px; padding-top:4px;}
#footerwrap #footer #navfooter{margin:0 auto; text-align:center; width:726px; height:44px; background:url(images/footer_curve.jpg) no-repeat;}
#footerwrap #footer #navfooter a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding:0px 5px 0 5px;
	color:#022840;
	text-decoration:none;}
#footerwrap #footer #navfooter a:hover {color:#022840;}
#footerwrap #footer #navfooter a.active {color:#022840;}

#footerwrap #footer #navleft{width:90px; float:left;}

#footerwrap #footer #navleft a {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#f9f9f9;
	float:left;
	text-decoration:none;}
#footerwrap #footer #navleft a:hover {color:#f9f9f9;}
#footerwrap #footer #navleft a.active {color:#f9f9f9;}

#footerwrap #footer #footersep{width:17px; height:114px; background:url(images/footer_seprator.png) no-repeat; float:left;}
#footerwrap #footer #footerserving{width:390px; margin:10px 0 0 0; padding-left:10px; font: 11px/17px Verdana, Arial, Helvetica, sans-serif; color:#f9f9f9; float:left;}
#footerwrap #footer #footerserving br {margin-bottom:9px;}
h1.FooterHeader {color:white; border-bottom:none; margin:10px 0 12px 0; padding: 0 0 0 0; background-image:none;}

#footerwrap #footer #fb{width:31px; height:30px; padding-right:10px; padding-top:5px; float:right;}
#footerwrap #footer #twitter{width:31px; height:30px; padding-right:10px; padding-top:5px; float:right;}

#footerwrap #footer #footerlogo{width:176px; height:47px; padding:17px 0px 0 0; clear:right; float:right;}
#footerwrap #footer #address{width:450px; height:15px; padding:5px 0 0 0; font: 11px Verdana, Arial, Helvetica, sans-serif; color:#f9f9f9; text-align:right; clear: right; float:right;}

#footerwrap #footer #address .number {height:17px; width:86px; margin: -3px 0 0 5px; clear: both; font-size:12px; font-weight:bold; color:#F18409;}
#footerwrap #footer #copyright{width:300px; height:20px; padding:5px 0 0 0; font: 11px Verdana, Arial, Helvetica, sans-serif; color:#f9f9f9; text-align:right; float:right;}

.contactustext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	font-weight: normal;
	color: #333333;
}
#footerbuttons {
	float: left;
	width: 80px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 15px;
	width: 80px;
}
	  	#footerbuttons ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin:0px 1px 0 0;
		padding:5px 0px 15px 0px;
		width: 80px;
	}
	#footerbuttons ul li a {
	list-style:none;
	line-height:20px;
	margin:0px;
	font-family:Arial, "Arial Narrow";
	font-size: 9pt;
	color:#fff;
	text-decoration: none;
	width:80px;
	}
	
	.btmphone {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FF9900;
	font-weight: bold;
}
.orangeheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FD8C2A;
}