body {
	font: 80%/1.6 arial, helvetica, sans-serif;
	color: #C7CDD4;
	background: #041A36;
	padding: 0;
	margin: 0;
}

/* Universal stuff */
a {
	color: #E1F02D 
}

a:hover {
	text-decoration: none 
}

strong {
	color: white 
}

abbr, acronym, q:before, q:after {
	content: "";
	border: none;
	font-style: normal;
}

pre {
	width: 90%;
}

code {
	font: 1em "Courier New", Courier, monospace;
	color: #900;
}

a img {
	border: 0;
}

titl {
	border-bottom: 1px dotted #999; 
}

.accessaid {
	position: absolute;
	left: -999em;
}

.warning {
	color: red 
}

img	{
		/* turns off gaps around images */
	border:	0
}

#flash {
	width:1225px;
	height:259px;
	margin:0 auto;
	padding:0 0 0 0;
	text-align: center;
	/*
	background: url(images/noflashbg.jpg) no-repeat;
	*/
	background-position: center;
	background-color: #525252;
}
/* -------- MAIN NAVIGATION ------- */

ul#main-nav { list-style: none; }
ul#main-nav li { display: inline; float: left; }

ul#main-nav a
{
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	background-color:transparent;
	text-indent: -999em;
	height: 35px;
}
	ul#main-nav a.design { width: 75px; display: block; }
	ul#main-nav a.programming { width: 115px; display: block; }
	ul#main-nav a.marketing { width: 90px; display: block; }
	ul#main-nav a.consulting { width: 100px; display: block; }
	ul#main-nav a.portfolio { width: 85px; display: block; }
	ul#main-nav a.about { width: 85px; display: block; }
	ul#main-nav a.news { width: 60px; display: block; }
	ul#main-nav a.contact { width: 90px; display: block; }

ul#main-nav a:hover { background-color:transparent; }

#main
{
	/*background:url("/images/blue-lines-bottom.png") center top no-repeat transparent;*/
}

/* Header stuff */
#header {
	height: 192px;
	background: url(images/circles111.gif) bottom left repeat-x;
	text-transform: lowercase;
	border-bottom: 1px solid #D8E7FE;
}

.home #header {
	height: 300px;
	background-image: url(images/circles219.gif);
}

#header * {
	padding: 0;
	border: 0;
	margin: 0;
}

#header ul {
	list-style: none;
	position: absolute;
	top: -0.8em;
	float: right;
	right: 2%;
}

#header li {
	display: inline 
}

#header ul a, #header em {
	color: white;
	text-decoration: none;
	padding-top: 40px;
	height: 38px;
	padding-bottom: 0.8em;
	float: left;
}

#header span {
	border-left: 1px solid #355073;
	padding: 0 0.5em;
}

#header .alt a {
	color: #E1F02D;
	font-weight: bold;
}

#header .alt2 a {
	color: #7BA440;
	font-weight: bold;
}

#header .first span {
	border: 0 
}

#header a:hover {
	border-bottom: 2px solid 
}

#header em {
	color: #355073;
	font-style: normal;
}

p #twce {
	position: absolute;
	letter-spacing: -1000em;
	border: 0;
}

.home #twce, .blog #twce {
	z-index: 2;
	top: 183px;
	left: 0;
	margin-left: 50%;
	height: 24px;
	width: 284px;
	background: url(images/twce.gif) top left no-repeat;
}

#header div {
	background: left no-repeat;
	height: 111px;
	width: 100%;
	position: absolute;
	z-index: 1;
	top: 80px;
	left: 0;
	border-top: 1px solid #D8E7FE;
}
/*
.home #header div {
	background-image: url(images/leaf.jpg);
	height: 219px;
}
*/
.training #header div { background-image: url(images/strip_training.jpg) }
.consulting #header div { background-image: url(images/strip_consulting.jpg) }
.design #header div { background-image: url(images/strip_design.jpg) }
.development #header div { background-image: url(images/strip_development.jpg) }
.aboutus #header div {
	background-image: url(images/strip_aboutus.jpg) 
}
.contactus #header div { background-image: url(images/strip_contactus.jpg) }
.colophon #header div { background-image: url(images/strip_colophon.jpg) }

#content {
	position: relative;
	max-width: 80em;
}
.home #content {
	max-width: 101em;
}

#pageportfolio {
	background: #162A44 url(images/fade3.gif) top right repeat-x;
	padding-top: 11px;
	border-top: 11px solid #041A36;
	padding-bottom: 2em;
}

#pageportfolio p {
	padding-right: 7%;
	margin-left: 5%;
}

#pageportfolio img {
	/*
	float: left;
	text-align: left;
	*/
	/*
	min-width: 100px;
	min-height: 250px;
	*/
	/*
	padding-bottom: 50px;
	*/
	margin: 0.3em 1em 0.5em 0;
}

.nfGallery1 { 
  width: 100%; 
  background-color: #414141; 
  padding:5px; 
}

.nfGallery1 ul { 
  list-style: none; 
  background-color: #414141; 
  margin:0px; 
  padding:0px; 
}

.nfGallery1 ul li { 
  margin: 5px; 
  display: inline; 
}

.nfGallery1 ul img { 
  padding: 10px; 
  margin: 5px; 
  border: 1px solid #333; 
  background-color: #FFFFFF; 
} 

.nfGallery1 ul a:hover img { 
  padding: 10px; 
  margin: 5px; 
  border: 1px solid #666; 
  background-color: #FFFFFF; 
}

.nfGallery1 ul a:hover { 
  color: #fff; 
} 


#pagesection1 {
	background: #162A44 url(images/fade3.gif) top right repeat-x;
	padding-top: 11px;
	border-top: 11px solid #041A36;
	padding-bottom: 2em;
}
.ss1 {
	width: 95%;
	background: #203755 url(images/fade2.gif) top right repeat-x;
	position: relative;
}
.home .ss1 { width: 75% }
.ss11 {
	background: url(images/corner_br_m.gif) bottom right no-repeat;
	position: relative;
}
.ss12 {
	background: url(images/corner_tr_m.gif) top right no-repeat;
	padding-top: 11px;
	position: relative;
}
.ss2 {
	width: 66.6666%;
	padding-bottom: 1em;
	position: relative;
}

.reg {
	color: #000066;
	font-size: 11px;
	font-family: arial, verdana, geneva, sans-serif;
}

#primary {
	color: black;
	/*
	background: white url(images/corner_tr_white.gif) top right no-repeat;
	*/
	background: #8FA3AE url(images/corner_tr_8FA3AE.gif) top right no-repeat;
}
#primary img {
	float: left;
	margin: 0.3em 1em 0.5em 0;
}
#footer_top {
	margin-bottom: -1em;
	padding-bottom: 5em;
	position: relative;
	top: 1px;
	padding-left: 5%;
	margin-left: 0;
}
#footer_top img {
	float: right;
	margin: 0.3em 1em 0.5em 0;
}

h1 {
	margin: 0 5%;
	font-size: 1em;
	letter-spacing: -1000em;
	line-height: 39px; height: 39px;
	background-repeat: no-repeat;
	border-top: 2em solid white;
}
h1 span {
	height: 39px;
	float: left;
	width: 0;
	overflow: hidden;
}

h2, h3 { clear: left }

#primary h2, #primary h3 {
	margin: 0 5%;
	color: #041A36;
	font-size: 1.4em;
	margin-top: 2.5em;
	font-size: 1.7em;
}

#primary h3 {
	/*
	color: #476FA1;
	font-size: 1.1em;
	*/
	color: Silver;
	font-size: 1.35em;
	font-weight: bold;
	line-height: 1.2;
}

#pagesection1 p {
	padding-right: 7%;
	margin-left: 5%;
}

#para1 {
	clear: left;
	font-size: 1.35em;
	font-weight: bold;
	line-height: 1.2;
	color: #476FA1;
}

#para2 {
	clear: left;
	font-size: 1.35em;
	line-height: 1.2;
	color: #000066;
}

#para3 {
	clear: left;
	font-size: 1.35em;
	line-height: 1.2;
	color: #000066;
}

p#paralast {
	/*
	background: white url(images/corner_br_white.gif) bottom right no-repeat;
	*/
	background: #8FA3AE url(images/corner_br_8FA3AE.gif) bottom right no-repeat;
	margin-bottom: 2em;
	padding-bottom: 2em;
	position: relative;
	top: 1px;
	padding-left: 5%;
	margin-left: 0;
	font-size: 1.35em;
	line-height: 1.2;
	color: #000066;
}
#primary a {
	color: #7BA440;
	font-weight: bold;
}
#primary p {
	margin-top: 0;
}
#primary strong {
	/*
	color: #476FA1;
	*/
	/*
	color: White;
	*/
	color: Navy;
	font-size: 1.35em;
	font-weight: bold;
	line-height: 1.2;
}
#primary ul {
	margin: 0 5% 1em 5%;
	padding: 0;
	list-style: none;
}
#primary li {
	background:  url(images/bullet.gif) 0 0.5em no-repeat;
	padding: 0 0 0.5em 16px;
	margin-left: 2%;
}

table {
	border-collapse: collapse;
	margin: 1em 7%;
	border: 1px solid #355073;
}
td, th {
	border: solid #355073;
	border-width: 0 1px;
	text-align: center;
	padding: 0.1em 2em;
}
th {
	color: white;
	border: none;
	background: #355073;
	border-right: 1px solid #EAF3FF;
}
.lth { border: 0 }
tr.alt {
	background: #EAF3FF;
}
caption {
	font-weight: bold;
	margin: 0 5% 0.2em 5%;
	text-align: left;
}

/* Homepage specific */
.sec {
	background: #304968 url(images/sec_training.gif) 4% 1em no-repeat;
	padding-left: 6%;
}
#sec2 { background: #162A44 url(images/sec_consulting.gif) 4% 1em no-repeat }
#sec3 { background: #041A36 url(images/sec_design.gif) 4% 1em no-repeat }
#sec4 { background: #00500B url(images/sec_blog.gif) 4% 1em no-repeat }
#content .sec p {
	margin: 0;
	padding: 0 30px 1em 40px; /***********liquify the right***********/
	background: url(images/corner_br_sec1.gif) bottom right no-repeat;
}
.sec#sec2 p { background-image: url(images/corner_br_sec2.gif) }/*2_2 when 3 inc. blog*/
.sec#sec3 p { background-image: url(images/corner_br_sec3_2.gif) }/*3_2 when 4*/
.sec#sec4 p { background-image: url(images/corner_br_sec4.gif) }
.sec h2 {
	font-size: 1em;
	padding: 1em 30px 0 40px; /***********liquify the right***********/
	margin: 0;
}
#sec1 h2 { background: url(images/corner_tr_sec1.gif) top right no-repeat }

/* Contact */
#contactus {
	text-indent: -999em;
	height: 32px;
	/*
	background: url(images/ttl_contactvivabit.gif) left no-repeat;
	*/
	margin: 2em 0 0 19px;
}

#prop800 {
  float: right;
  height: 800px;
  width: 1px;
}

legend {
	color: #97C4FD;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.9em;
}

address {
	font-style: normal;
	background: #304968 url(images/corner_tr_contact.gif) top right no-repeat;
	border-bottom: 1px solid #203755
}
address span {
	display: block;
	background: url(images/corner_br_contact.gif) bottom right no-repeat;
	padding: 1em 1em 1em 18px;
}
address span span {
	display: inline;
	background: none;
	border-right: 1px solid #162A44;
	padding: 0 1em 0 0;
	margin-right: 1em;
}
form { margin: 1em 14px 0 19px } /****************l*****************/
fieldset {
	padding: 1em 1.5em;
	border: 1px solid #304968;
	position: relative;
}
fieldset div {
	width: 100%;
	margin-bottom: 0.5em;
	position: relative;
}
#cml {
	display: block;
	margin-bottom: 0.5em;
}
.icontain {
	position: absolute;
	right: 0;
	width: 55%;
	background: white url(images/corner_tr_form.gif) top right no-repeat;
}
.icontain span {
	position: static;
	width: 100%;
	display: block;
	background: url(images/corner_br_form.gif) bottom right no-repeat;
}
.icontain span span {
	position: relative;
	left: -20px;
	background: white url(images/corner_tl_form.gif) top left no-repeat;
}
.icontain span span span {
	position: static ;
	background: url(images/corner_bl_form.gif) bottom left no-repeat;
}
input {
	position: relative;
	left: 10px;
	width: 100%;
}
.tcontain {
	width: 100%;
	background: white url(images/corner_tr_form.gif) top right no-repeat;
	display: block;
}
.tcontain span {
	background: url(images/corner_br_form.gif) bottom right no-repeat;
	display: block;
}
.tcontain span span {
	background: url(images/corner_tl_form.gif) top left no-repeat;
}
.tcontain span span span {
	background: url(images/corner_bl_form.gif) bottom left no-repeat;
	padding: 5px 10px;
}
input, textarea {
	font: 1em Arial, Helvetica, sans-serif;
	width: 100%;
	padding: 0;
	border: 0;
}
#submit {
	text-align: center;
	background: #304968;
	padding: 1em 0;
	margin-top: 0.5em;
}
#submit input {
	position: static;
	width: 40%;
}

.psec { font-size: 0.91em }
.psec h3 {
	font-size: 1em;
	color: #97C4FD;
	padding-top: 1em;
}

.psec * { margin: 0 }
.psec .soopalink {
	margin-left: 5%;
	width: 90%;
}
.psec .soopalink div div div { padding: 0 5% }
.psec p { margin: 0 10% 1em 10% }
.psec div p {
	padding-bottom: 1em;
	border-bottom: 3px double #3E5066; 
	margin: 0 0 0.5em 0;
}
.psec ul {
	padding: 0;
	margin: 1em 10%;
	list-style: none;
	color: white;
}
.psec ul li {
	background: #304968 url(images/corner_tl_li.gif) top left no-repeat;
	border-bottom: 0.5em solid #162A44;
}
.psec ul li span {
	display: block;
	background: url(images/corner_tr_li.gif) top right no-repeat;
}
.psec ul li span span {
	background: url(images/corner_br_li.gif) right bottom no-repeat;
}
.psec ul li span span span {
	background: url(images/corner_bl_li.gif) bottom left no-repeat;
	padding: 0 1em;
}

.psec ol {
	padding: 0;
	margin: 1em 10%;
}
.psec ol li {
	margin-bottom: 1em;
	list-style-position: inside;
}

p.intro {
	color: #97C4FD;
	font-weight: bold;
	margin: 1em 10%;
}
.psec blockquote {
	margin: 1em 0 0.5em 0;
	font: italic 2em/1.1 "Times New Roman", Times, serif;
	color: #79A1D3;
}
.psec blockquote p { margin-bottom: 0 }
.psec cite { font-style: normal }
.psec cite span {
	display: block;
	line-height: 1;
	color: #79A1D3;
}

.psec dl { margin: 0 10% 2em 10% }
.psec dt {
	margin-top: 1em;
	font-weight: bold;
	color: #97C4FD;
}

.psec dd p { margin: 0.5em 0 0 0 }
.psec dd .p1 { margin: 0 }
.psec .ndate {
	padding-bottom: 1em;
	color: #6C747F;
	margin-top: 0.5em;
	border-bottom: 3px double #37475B;
}
.ndate span {
	border-top: 1px solid #37475B;
	padding-top: 0.2em;
}

#pagesection2 {
	position: absolute;
	top: 23px;
	width: 31.66666%;
	left: 63.33333%;
	padding-top: 14px;
}

.home #pagesection2 {
	width: 25%;
	left: 50%;
}
#pagesection2 .hppromo 
{
	background: url('images/bg_hppromo_right.gif') right top;
	margin: 0 10%;
	text-indent: -999em;
	padding: 0;
	height: 212px;
}
.hppromo span {
	display: block;
	background: url(images/bg_hppromo_left.gif) top left no-repeat;
}
.hppromo span span {
	height: 121px;
	/*
	background: url(images/promo_am05.gif) center no-repeat;
	background: url(images/info_action.gif) center no-repeat;
	*/
}
.hppromo p {
	display: block;
	background: url(images/bg_hppromo_left.gif) top left no-repeat;
}
.afterpromo {
	font-size: 1.1em;
	color: white;
	background: #355073 url(images/fade_heading_c3.gif) top left repeat-y;
	margin-bottom: 1em;
	margin-top: 2em;
	width: 90%;
}
.afterpromo span {
	background: url(images/corner_tr_ps2up.gif) top right no-repeat;
	display: block;
}
.afterpromo span span {
	background: url(images/corner_br_ps2up.gif) bottom right no-repeat;
	padding: 0.25em 10%;
}
#ps2hp {
	font-size: 1.1em;
	color: white;
	background: #203755; /*url(images/fade_heading_c3.gif) top left repeat-y;*/
	margin: 26px 0 1em 0;
	width: 90%;
}
#ps2hp span {
	background: url(images/corner_tr_ps2top.gif) top right no-repeat;
	display: block;
}
#ps2hp span span {
	background: url(images/corner_br_ps2top.gif) bottom right no-repeat;
	padding: 0.25em 10%;
}

.promo2 img { display: none }
.promo2 {
	display: block;
	height: 119px;
	background: #2A4363 right no-repeat;
	margin-bottom: 1em;
	border: 1px solid #355073;
}

#pagesection3 {
	position: absolute;
	top: 305px;
	width: 25%;
	left: 76%;
	padding-top: 30px;
	background: url('images/corner_tr_d.gif') no-repeat right top;
	height: 416px;
}

#pagesection3c {
	position: relative;
	margin-bottom: -10px;
	background: transparent url(images/footer.png) no-repeat right bottom;
	top: 71px;
	left: -2px;
}

#pagesection3 h2 {
	font-size: 1.1em;
	color: white;
	background: #355073 url(images/fade_heading_c3.gif) top left repeat-y;
	margin-bottom: 1em;
	width: 90%;
}
#pagesection3 h2 span {
	background: url(images/corner_tr_li.gif) top right no-repeat;
	display: block;
}
#pagesection3 h2 span span {
	background: url(images/corner_br_li.gif) bottom right no-repeat;
	padding: 0.25em 10%;
}
h2#news span { background-image: url(images/corner_tr_ps3top.gif) }
h2#news span span { background-image: url(images/corner_br_ps3top.gif) }

.soopahover {
	background: #041A36 url(images/corner_br_sec3.gif) bottom right no-repeat;
	cursor: pointer;
}
.soopahover div { background: url(images/corner_bl_sec3.gif) bottom left no-repeat }
.soopahover div div { background: url(images/corner_tl_sec3.gif) top left no-repeat }
.soopahover div div div { background: url(images/corner_tr_sec3.gif) top right no-repeat }
#content .soopahover p { border-color: #041A36 }
.soopahover a { text-decoration: none }

#screen {
		position:absolute;
		left: 10%;
		top: 10%;
		width: 80%;
		height: 80%;
		overflow: hidden;
		background: #000;
	}
	#grid {
		position:absolute;
	}
	#grid img {
		position: absolute;
		cursor: pointer;
		left: -10000px;
		-ms-interpolation-mode:nearest-neighbor;
	}
	#grid .over {
		border: #fff solid;
	}
	#notice {
		position: absolute;
		font-size: 0.7em;
		left: 1em;
		top: 1em;
		width: 15em;
		background: #000;
		/*
		filter: alpha(opacity=70);
		opacity: 0.7;
		*/
		cursor: help;
		padding: 0.2em;
	}
	#notice span {
		color: #f80;
	}
	#title {
		position: absolute;
		font-size: 1em;
		left: 0px;
		bottom: 90%;
		width: 100%;
		font-weight: bold;
		text-align: center;
		color: #fff;
	}
	#caption {
		position: absolute;
		font-size: 1em;
		left: 0px;
		top: 90%;
		width: 100%;
		font-weight: bold;
		text-align: center;
		color: #fff;
	}