@CHARSET "UTF-8";
body {
	color:#666666;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
}
/* generic */
h1,h2 {
	color: #a1a1a1;
	display: block;
}
/* all h1 tags get replaced by a CSS header */
h1, .subheader {
	text-indent: -999em;
}
a
{
	outline: none;
	color: #4D798D;
}
strong {
	font-weight: bold;
}

.pageframe {
	font-family: verdana;
	margin: 0 auto;
	position: relative;
	width: 980px;
}

.innerframe {
	margin: 0 auto;
	position: relative;
	width: 890px;
}

/* moed keep */
.moedvisibleframe {
	background: #fff url(pics/bg.jpg) top left repeat-y;
	clear: both;
	display: block;
	position: relative;
}

#moedvisiblecorners {
	left: 0;
	position: absolute;
	top: 0;
	background:url(pics/bg_top.jpg) no-repeat;
	bottom: 1176px;
}

.leftcol {
	float: left;
	width: 400px;
}

.rightcol {
	float: left;
	padding: 0 0 0 40px;
	width: 380px;
}

/* wider leftcol */
.threequarter .leftcol {
	width: 70.8%;
}
.threequarter .rightcol {
	width: 25.8%;
}

/* moed keep */
.publicvisibleframe {
	background: #fff url(http://www.technames.com/pics/bg.jpg) top left repeat-y;
	clear: both;
	display: block;
	position: relative;
}

#publicvisiblecorners {
	left: 0;
	position: absolute;
	top: 0;
	background:url(http://www.technames.com/pics/bg_top.jpg) no-repeat;
	bottom: 494px;
}
/* end moed keep */


/* the container is used to overcome "quirks" related to floating content, provides blocks */
.container {
	clear: both;
	color: #666666;
	display: block;
	position: relative;
	width: 100%;
}

/* all content should live in a contentblock to give it padding.
   putting the margin on this level overcomes IE box model problems*/
.contentblock {
	clear: both;
	display: block;
	margin: 0 30px;
	overflow: hidden;
}
/*.contentblock input {
	margin: 10px auto;
}*/
.contentblock a.featurelink {
	float: left;
	margin: 10px 0;
}
/* not good for accessibility, but it looks better */
div.clear {
	clear: both;
	line-height: 1px;
	font-size: 1px;
}

ul.nav li {
	float: left;
	clear: right;
}

ul.bulletlist li {
	padding: 0 0 0 10px;
	background: url("pics/small_bullet.gif") no-repeat left 7px;
}

.leftfloat {
	float: left !important;
}

.rightfloat {
	float: right !important;
}

/* ul.linklist is used when there is the right-facing arrow before the link.*/
ul.linklist {
	display: block;
	clear: both;
	margin: 3px 0 0;
}

ul.linklist li {
	font-size: 14px;
	line-height: 1.4em;
	background: url(pics/arrow_green.gif) 0 .5em no-repeat;
	padding: 0 0 0 10px;
	text-decoration: none
}
ul.linklist li li a {
	background: none;
}
h2.sectiontitle {
	margin: 0 0 18px;
	text-indent: 0;
}

form {
	margin: 0 0 20px;
	overflow: hidden;
}

.formcol {
	width: 235px;
	float: left;
}

label {
	display: block;
	clear: both;
	color: #999999;
}

/* input {
	margin: 2px 0 10px;
	border: 1px solid #d5d5d5;
	width: 212px;
} */
textarea {
	width: 446px;
	height: 75px;
	margin: 2px 0 6px;
	border: 1px solid #d5d5d5;
}
select {
	width: 297px;
	margin: 2px 0 10px;
	border: 1px solid #d5d5d5;
	font-family: verdana, arial, helvetica, sans-serif;
}

.note,
div.overTxtDiv {
	font-size: 12px;
	color: #ccc;
}

/**
 * Main: Universal
 * Sub: Footer
 * #footer
 */
#header {
}

#header ul#topnav {
	float: right;
	margin: 40px 0 0;
	height: 34px;
}

#header ul#contactlinks {
	float: right;
	margin: 15px 0 0;
}

#header ul#contactlinks li {
	float: left;
	padding: 0 0 0 0px;
}

#header img#logo {
	float: left;
	margin: 20px 0 15px 0
}

#header ul#topnav li,
#header ul#topnav li.last {
	color: #C0D72F;
	margin: 0 35px 0 0;
	position: relative;
	z-index: 10;
}

#header ul#topnav li.last {
	margin: 0
}

#header ul#topnav li img {
	margin: 0
}

#header ul#topnav li ul {
	position: absolute;
	top: 25px;
	left: 0;
	z-index: 20;
}

#header ul#topnav li ul li
{
	margin: 0;
	padding: 6px 10px 6px 10px;
	background-color: #4D798D;
}

#header ul#topnav li ul li.corner {
	padding: 0;
	background: none;
}

#header ul#topnav li ul li a:link,
#header ul#topnav li ul li a:active,
#header ul#topnav li ul li a:visited {
	color: #ffffff;
}

#header ul#topnav li ul li.selected a:link, 
#header ul#topnav li ul li.selected a:active, 
#header ul#topnav li ul li.selected a:visited
{
	color: #96B3BE;
}
#header ul#topnav li ul.subnavwhat {
	width: 450px;
	left: -12px;
}
#header ul#topnav li ul.subnavcareers {
	width: 320px;
	left: -220px;
}
#subnav {
	background: url(pics/bg_subnav.jpg) top left no-repeat;
	height: 37px;
	margin-top: 20px;
	width: 890px;
}

/**
 * Main: Universal
 * Sub: Footer
 * #footer
 */
#footer
{
	background-color: #96B3BE;
	clear: both;
	color: #fff;
	display: block;
	font-size: 12px;
	padding: 0 0 20px;
	position: relative;
}
#footer p
{
	margin: 5px 0 0 50px;
	color: #FFFFFF;
	background-color: #96B3BE;
}
#footer ul {
	margin: 10px 0 0 50px;
}
#footer a {
	color: #fff;
}

#footer #teaserbar
{
	position: relative;
	width: 100%;
	height: 29px;
	background-color: #4D798D;
	color: #fff;
}
#footer #teaserbar .tnpulselink img {
	float: left;
	margin: 5px 0 0 50px;
}
#footer #teaserbar .tnpulselink ul {
	float: left;
	margin: 5px 0 5px 10px;
	line-height: 1.4em;
}
#footer #teaserbar .tnpulselink li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0 0 0 10px;
	background: url(pics/arrow_white.gif) left 5px no-repeat;
}
#footer ul.nav {
	display: inline;
	float: left;
	overflow: hidden;
	position: relative;
	width: 80%;
}

/**
 * Main: Home
 * body#home
 */
body#home .tnflash {
	display:block;
	padding:0 0 0;
	margin: 0 0 5px;
	float:left;
}

body#home .leftcol {
	width: 505px;
}

body#home .rightcol {
	float: right;
	padding: 0;
	width: 382px;
}
body#home #workteaser {
	margin: 30px 0 0 40px;
	position: relative;
	width: 468px;
}
body#home #workteaser .content {
	margin: 0 0 0 40px;
}
body#home #workteaser h2 {
	margin: 0 0 15px;
}
body#home #workteaser h5 {
	padding: 26px 0 5px;
	font-weight: bold;
	font-size: 1.4em;
}
body#home #workteaser p.copy {
	margin: 5px 0 0 0;
}
body#home .shadows{
	margin-left: 5px;
	position: relative;
	z-index: 100;
}
body#home #shadowTop{
	margin-top: -10px;
	margin-bottom: -24px;
}
body#home #shadowBottom{
	margin-top: -14px;
	margin-bottom: -14px;
}
body#home #workteaser #box {
	position: relative;
}
body#home #workteaser .buttons {
	clear: both;
	cursor: pointer;
	display: block;
	margin: 0 0 0 215px;
	padding: 5px;
	position:relative;
	text-align: center;
	width: 18px;
	z-index:1010;
}
body#home #labteaser {
	margin: 30px 0 0 30px;
}

body#home #labteaser p {
	width: 234px;
	padding: 5px 0 0 10px;
}

body#home #addme {
	margin: 30px 0 0 30px;
}

body#home #addme p {
	width: 234px;
	padding: 5px 0 0 10px;
}

body#home #labteaser img.lablogo {
	float: left;
	margin-top: -2px;
}

body#home #blogteaser {
	margin: 40px 0 0 30px;
}

body#home #blogteaser .blogpost {
	padding: 0 40px 17px 0;
}

body#home #blogteaser .blogpost .title
{
	font-weight: bold;
	font-size: 1.4em;
	font-family: Arial;
	color: #4D798D;
}

body#home #blogteaser .blogpost .title .date
{
	font-weight: normal;
	font-size: 0.9em;
	color: #96B3BE;
}

body#home #blogteaser .blogpost .title .rssicon {
	margin: 2px 0 0 0;
}

body#home #blogteaser .blogpost .author {
	padding: 5px 0 0;
	font-size: 0.9em;
}

body#home #blogteaser .blogpost .excerpt {
	padding: 20px 0 0;
}

body#home #labteaser .header,
body#home #blogteaser .header {
	margin: 0 0 18px 0;
}

/**
 * Main: who we are
 * body#who
 */
body#who .rightcol {
	padding: 0
}
body#who .rightcol img {
	margin-bottom: 10px;
}
body#who .contentblock {
	margin: 0 0 0 45px;
}
body#who .rightcol .contentblock p {
	margin: 0 0 20px;
	font-size: 0.9em;
}
body#who #managementblock {
	margin: 90px 0 0 0;
}

/*End who we are section*/

/**
 * Main: What We Do
 * body#what
 */

body#what .leftcol {
	width: 42%;
}
body#what .rightcol {
	float: right;
	padding: 0 40px 0 0;
}
/*more moed saves */
body#what .leftcol {
	width: 42%;
}
body#what .rightcol {
	float: right;
	padding: 0 40px 0 0;
}

body#what .contentblock .leftcol div {
	padding: 10px 0 0 55px;
}

body#what .contentblock .rightcol div {
	padding: 10px 0 0 30px;
}


/*end more moed saves */

body#what #offeringsblock ul.linklist,
body#what #industriesblock ul.linklist {
	margin: 8px 0 0;
}

/**
 * Main: What We Do
 * Sub: Offerings
 * body#what #offerings
 */
body#what #offerings #offeringscontainer {
	margin: 0 0 0 0;
}

/* more moed saves */

body#what #offerings .leftcol,
body#what #offerings .rightcol {
	width: 360px;
	padding: 0 30px 0 47px;
}

body#what #offerings .rightcol {
	float: left;
}

body#what #offerings .leftcol,
body#what #offerings .rightcol {
	width: 360px;
	padding: 0 30px 0 47px;
}

body#what #offerings .rightcol {
	float: left;
}

body#what #offerings .offering {
	padding: 40px 0 0 0;
}

body#what #offerings .offering .copy ul {
	margin: 15px 0 15px 0;
}

body#what #offerings .offering .copy ul li ul {
	margin: 0 0 0 15px;
}

body#what #offerings .offering .copy div.suggestedlinks {
	padding: 0 60px 0 0;
}

body#what #offerings .offering .copy div.suggestedlinks h3 {
	padding: 0 0 10px 0;
	border-bottom: 2px solid #dadada;
}

body#what #offerings .offering .copy div.suggestedlinks ul {
	margin: 0;
}

body#what #offerings .offering .copy div.suggestedlinks ul li {
	padding: 5px 0 5px 0;
	list-style: none;
	list-style-position: outside;
	border-bottom: 1px solid #dadada;
}

/* end more moed saves */

/**
 * Main: contact
 * body#contact
 */
body#contact .leftcol {
	width: 555px;
}
body#contact .rightcol {
	width: 300px;
	padding: 0;
}
body#contact h2.sectiontitle {
	margin: 0;
}
body#contact #phonecontainer {
	padding: 0 0 0 15px;
}
body#contact #sendamessage {
	padding: 0 0 0 15px;
}
body#contact #sendamessage form {
	margin: 10px 0 0;
}
body#contact #sendamessage .messageblock {
	padding: 10px 0px;
}
body#contact #sendamessage .messageblock .error {
	color: #c00;
}
body#contact #sendamessage .messageblock .confirmation {
	font-weight: bold;
}
body#contact #workingwithus {
	margin: 35px 30px 40px 45px;
}
body#contact #workingwithus p {
	margin: 10px 0 0;
}
body#contact #getintouch {
	padding: 50px 0 40px 15px;
}
body#contact #getintouch p.emails {
	margin: 0 0 10px 0;
}
body#contact .phonebox {
	position: relative;
	height: 224px;
	margin: 15px 0 0;
	padding: 25px 0 45px;
}
body#contact .tnbuy
{
	position: relative;
	padding: 25px 0 10px 10px;
}
body#contact .phonebox .phoneimage {
	position: absolute;
	right: 0;
	top: 0;
}
body#contact .phonebox .copy {
	padding: 25px 25px 25px 25px;
	background-color: #f5f9d8;
}
body#contact .phonebox h3 {
	width: 300px;
	height: 60px;
	font-size: 35px;
}
body#contact .phonebox h3.call {
	width: 210px;
	height: 60px;
	margin-top: 15px;
	font-size: 35px;
}
body#contact .servicebox {
	position: relative;
	height: 180px;
	margin: 15px 0 0;
	padding: 25px 0 45px;
}
body#contact .servicebox .phoneimage {
	position: absolute;
	right: 0;
	top: 0;
}
body#contact .servicebox .copy {
	padding: 25px 25px 25px 25px;
	background-color: #f5f9d8;
}
body#contact .servicebox h3 {
	width: 300px;
	height: 60px;
	font-size: 35px;
}
body#contact .servicebox h3.call {
	width: 210px;
	height: 60px;
	margin-top: 15px;
	font-size: 35px;
}

body#contact div#getintouch h2.sectiontitle {
	margin: 20px 0 10px;
}

/* comment area */
div#postcomments {
	margin:30px 0 0;
}
div#comments p.header,
div#comments a.rangelink,
div#comments div.comment,
div#comments div.inactive {
	display:none;
}
div#comments p.header,
div#postcomments p.header {
	border-bottom:2px solid #E9E9E9;
	font-weight:bold;
	margin:0 0 10px;
	padding:0 0 5px;
}
div#comments div.comment {
	border-bottom:#E9E9E9 solid 1px;
	margin-bottom:10px;
}
div#comments div.comment p,
div#postcomments p {
	margin:0 0 10px;
}
div#postcomments input.text {
	margin:0;
}

/**
 * Main: Site Map
 * body#sitemap
 */
body#sitemap .contentblock {
	margin: 0 45px;
}
body#sitemap .leftcol {
	width: 38%;
}
body#sitemap .rightcol {
	float: right;
	width: 45.8%;
	padding: 0;
}
body#sitemap ul.linklist li {
	margin: 0 0 50px 0;
	font-size: 1em;
}
body#sitemap ul.linklist li a {
	background-position: 0 0.2em;
	border-bottom: 2px solid #e9e9e9;
	display: block;
	padding: 0 0 15px 5px;
}
body#sitemap ul.linklist ul {
	margin-bottom: 60px;
}
body#sitemap ul.linklist li li {
	margin: 0px;
	padding: 0px;
	background: none;
}
body#sitemap ul.linklist li li a {
	border-bottom: 1px solid #e9e9e9;
	padding: 5px 0;
}
/**
 * Main: Privacy
 * body#privacy
 */
body#privacy .contentblock {
	margin: 0 45px;
}
body#privacy .contentblock a {
	color: #AEAEAE;
	text-decoration: underline;
}
body#privacy .contentblock p,
body#privacy .vcard {
	font-size: 0.9em;
	margin: 0 0 10px;
	width: 60%;
}
body#privacy .contentblock p strong {
	font-size: 1em;
}
body#privacy .vcard {
	margin: 45px 0 90px;
}
body#privacy .vcard .org {
	color: #4D798D;
}

/**
 * Main: Public
 * body#Public
 */
body#public .contentblock {
	margin: 0 45px;
}
body#public .contentblock a {
	color: #AEAEAE;
	text-decoration: underline;
}
body#public .contentblock p {
	font-size: 0.9em;
	margin: 0 0 10px;
	width: 60%;
}
body#public .contentblock p strong {
	font-size: 1em;
}

body#public .three-column-side1 {
	float:left;
	width:30%;
	}

body#public .three-column-side2 {
	float:right;
	width:30%;
	}

body#public .three-column-middle {
	width:30%;
	margin:0px 30% 0px 30%;
	}


/**
 * Main: 404
 * body#pagenotfound
 */
body#pagenotfound .container {
	padding: 0 0 150px 0;
}

/**
 * specific to flash detection
 */
.flash,
.upgradeflash {
	display:none;
}
.noflash {
	display:block;
}


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading/pre/code font-sizes */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin
   the default spacing on headings does not match nor align with
   normal interline spacing at all, so let's get rid of it.
   zero out the spacing around pre, form, body, html, p, blockquote as well
   form elements are oddly inconsistent, and not quite CSS emulatable.
   nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }