html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style-type: none;}ol{list-style-type:decimal;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}



html{
	background: #c7c7c7 url(/images/bg-grad.jpg) top left repeat-x;
}


body {
	font-size: 14px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#page{
	background: white;
	border: 2px solid #BBBBBB;
	margin-top: 20px;
	margin-bottom: 0px;
	padding: 14px;
}



.ul {
	margin: 1em 1em 0 1em;
}



ol {
	font-weight:bold;
	list-style-type: decimal;
}
.left-col{
	width: 47%;
	float: left;
	text-align: justify;
	padding-left: 1%;
}
.right-col{

	width: 47%;
	margin-left: 40px;
	float: left;
	text-align: justify;
	padding-right: 0;

}
#page-shadow{
	display: block;
	margin: auto;
}

.subhead {font-size: 13px}
.body_copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
}
.body_copy_small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin-bottom: 1em;
}


.style1 {font-size: 14px}
.style2 {color: #F5821F}
.style3 {
	color: #F68D32;
	font-weight: bold;
}

.lp { 
	line-height: 18pt ;
}
 
.quote {
	color: #003366;
}

.top_links {
	font-size: 10px;
}

.bottom_links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
}

.content_head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #006699;
}

.bottom_links_small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
}
.phone_number {
	color: #F5821F;
	font-size: 18px;
	font-weight: bold;
}

a:link, a:visited, a:hover, a:active {
	color: #006699;
}
.green:link, .green:visited, .green:hover, .green:active {
	color: #61a73e;
}

.top_links a:link,
.top_links a:visited,
.top_links a:hover,
.top_links a:active,
.bottom_links a:link {color: #006699;} 
.bottom_links a:visited {color: #006699;}  
.bottom_links a:hover {color: #006699;}  
.bottom_links a:active {color: #006699;} 
.bottom_links_small a:link,
.bottom_links_small a:visited,
.bottom_links_small a:hover,
.bottom_links_small a:active {color: #999;}

table.demo td {padding-top:2px; padding-bottom:2px;}
table.at{clear: both}
table.at td {vertical-align:top; /*padding-top:2px; padding-bottom:2px;*/}

.formhead {	color: #F5821F;
	font-weight: bold;
}
.style3 {
	color: #F5821F;
	font-weight: bold;
}

a { color: #006699; }

#header {
	font-size: 12px;
	color: #999;
	text-align: right;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 24px;
	width: 856px;
}

	#header-logo {
		float: left;
		text-align: left;
	}
	
		#header-logo a:link,
		#header-logo a:visited,
		#header-logo a:active,
		#header-logo a:hover{
			text-decoration: none;
			color: #999;
		}
	
	#header-login {
		padding-top: 35px;
	}
	
.page-content{
	min-height:640px;
	height: auto !important;
	height: 640px;

}
.page-container {
	width: 856px;
	margin: auto;
	clear: both;
}
.page-container h4{
	font-size: 18px;
}

#homeflash{
	width:856px;
	height:239px;
	border:0;
	margin: 0px 3px 2px 1px;
	padding:0;
}


#primary-navigation {
	width: 856px;
	height: 29px;
	background: url(/images/primary-navigation-background.gif) repeat-x;
	clear: both;
	margin: 2px 3px 0px 1px;
}

	#primary-navigation ul {
		width: 856px;
		margin: auto;
	}

	#primary-navigation li {
		float: left;
	}
	
	#primary-navigation a {
		width: 107px;
		height: 29px;
		display: block;
	}
	
	#primary-navigation-home { background: url(/images/navigation/home-primary-nav.gif) top; }
	#primary-navigation-home:hover { background: url(/images/navigation/home-primary-nav.gif) bottom; }
	ul#home #primary-navigation-home { background: url(/images/navigation/home-primary-nav-active.gif); }
	
	#primary-navigation-services { background: url(/images/navigation/services-primary-nav.gif) top; }
	#primary-navigation-services:hover { background: url(/images/navigation/services-primary-nav.gif) bottom; }
	ul#services #primary-navigation-services { background: url(/images/navigation/services-primary-nav-active.gif); }
	
	#primary-navigation-technology { background: url(/images/navigation/technology-primary-nav.gif) top; }
	#primary-navigation-technology:hover { background: url(/images/navigation/technology-primary-nav.gif) bottom; }
	ul#technology #primary-navigation-technology { background: url(/images/navigation/technology-primary-nav-active.gif); }
	
	#primary-navigation-portfolio { background: url(/images/navigation/portfolio-primary-nav.gif) top; }
	#primary-navigation-portfolio:hover { background: url(/images/navigation/portfolio-primary-nav.gif) bottom; }
	ul#portfolio #primary-navigation-portfolio { background: url(/images/navigation/portfolio-primary-nav-active.gif); }
	
	#primary-navigation-clients { background: url(/images/navigation/clients-primary-nav.gif) top; }
	#primary-navigation-clients:hover { background: url(/images/navigation/clients-primary-nav.gif) bottom; }
	ul#clients #primary-navigation-clients { background: url(/images/navigation/clients-primary-nav-active.gif); }
	
	#primary-navigation-demo { background: url(/images/navigation/demo-primary-nav.gif) top; }
	#primary-navigation-demo:hover { background: url(/images/navigation/demo-primary-nav.gif) bottom; }
	ul#demo #primary-navigation-demo { background: url(/images/navigation/demo-primary-nav-active.gif); }
	
	#primary-navigation-contact { background: url(/images/navigation/contact-primary-nav.gif) top; }
	#primary-navigation-contact:hover { background: url(/images/navigation/contact-primary-nav.gif) bottom; }
	ul#contact #primary-navigation-contact { background: url(/images/navigation/contact-primary-nav-active.gif); }
	
	#primary-navigation-about { background: url(/images/navigation/about-primary-nav.gif) top; }
	#primary-navigation-about:hover { background: url(/images/navigation/about-primary-nav.gif) bottom; }
	ul#about #primary-navigation-about { background: url(/images/navigation/about-primary-nav-active.gif); }	

#header-login a {
	color: #999;
}

#header-login .client-login {
	font-size: 11px;
}

.phone {
	color: #F5821F;
	font-size: 18px;
	font-weight: bold;
}
.phone2{
	color: #006699;
	font-size: 18px;
	font-weight: bold;
}

#footer {
	font-size: 12px;
	text-align: center;
	color: #999;
	border-top: 1px solid #CCC;
	margin-top: 20px;
}
#footer ul {
	margin: auto;
	padding: 6px 0;
}
#footer li {
	float: left;
}
#footer-primary {
	clear: both;
}
#footer-secondary {
	clear: both;
	width: 510px;
	text-align: center;
}
#footer-secondary a {
	color: #999;
}
#footer p {
	clear: both;
	padding: 14px 0;
}


.page-links {
	width: 400px;
	margin: auto;
	clear: both;
}
.page-links li {
	float: left;
}

.page-button-link {
	width: 192px;
	height: 40px;
	display: block;
}

.page-button-demo {
	background: url(/images/navigation/demo-page.gif) top;
}
.page-button-demo:hover {
	background: url(/images/navigation/demo-page.gif) bottom;
}
.page-button-contact {
	background: url(/images/navigation/contact-page.gif) top; margin-right: 15px;
}
.page-button-contact:hover {
	background: url(/images/navigation/contact-page.gif) bottom;
}


.h1, h1, h5, .h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #F5821F;
}

h1.center, h5.center {
	text-align:center;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
}

.h3, h3 {
	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;
	color: #F5821F;
}

h3.center {
	text-align:center;
}

.h4, h4 {
	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;
	color: #006699;
}

h4.center {
	text-align:center;
}

strong{
	font-weight: bold;
}

.toppad{
	padding: 20px 3px;
	min-height: 200px;
}

ul.bullets{
	margin: 1em 1em 0 1em;
}
ul.bullets li{
	/*list-style-type:disc;*/
	padding-left: 1em;
	background: url(/images/orange-bullet.gif) top left no-repeat;
	margin-bottom: .3em;
}
.boxtech{
	background: url(/images/box-tech-middle.gif);
	width: 420px;
	height: 375px;
}
.boxtech .bottom{
	background: url(/images/box-tech-bottom.gif) bottom left no-repeat;
	width: 420px;
	height: 375px;
}

.boxpricing{
	background: url(/images/box-pricing-middle.gif);
	width: 274px;
	height: 300px;
	margin-right: 10px;
}

.boxpricing div{
	background: url(/images/box-services-bottom.gif) bottom left no-repeat;
	width: 274px;
	height: 300px;
}
.boxpricing p{
	padding: 10px;
}

.portthumb{
	background-position: 0 131px;
	width: 153px;
	background-repeat: no-repeat;
	height: 171px;
	float: left;
	margin: 0 24px;
}

.portrow{
	width: 72%;
	clear: both;
	height: 171px;
	margin: 0 14%;
}


.orangebar{
	background: url(/images/orangebar.jpg);
	width: 780px;
	height: 37px;
	padding: 5px;
	color: black;
}

.orangebar div{
	width: 217px;
	float: left;
}

em{
	font-style: italic;
}

.formpadding td {
	padding-top:6px;
	padding-left: 25px;
	text-align: left;
}
.blueline {
	border-top: #3394BB solid 4px;
}
.blue{
	color: #3394BB;
}
.bold{
	font-weight:bold;
}
.orange{
	color: #F5821F;
}

.hiddenradio{
	/*visibility: hidden;*/
	display: none;
}

.formheader{
	display: block;
	margin: auto;
}

.waveicon{
	vertical-align: middle;
}
.bodycopy {
 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
 line-height: 1.65;
 text-align: justify;
}

.topheader {
 padding-top:23px;
}
ul.clients{display: block; margin: auto; width:800px;}
ul.clients li{display: inline; width: 263px; height: 200px;}


.smallText{
	font-size: 10px;
}
.socialNetworks{
margin: 0 auto;
width: 250px;
padding: 10px 0;
text-align: center;
}
.socialNetworks2{
margin: 0 auto;
width: 300px;
height: 66px;
margin-top: 20px;
}
.socialNetworks img{
float: left;
padding: 0 7px;
}
.blueBar{
margin: 20px 0;
}
.portfolio_thumb{
border: 1px solid #CCCCCC
}