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;
}
[title] { border-bottom: 1px dotted #999; }
.accessaid {
	position: absolute;
	left: -999em;
}
.warning { color: red }

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

.home #header {
}

#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-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;
	left: 0;
	margin-left: 50%;

	background: url(../img/twce.gif) top left no-repeat;
}



#header div {
	background: left no-repeat;
	width: 100%;
	position: absolute;
	z-index: 1;
	left: 0;
	border-top: 1px solid #D8E7FE;
}

.home #header div {
	background-image: url(../img/leaf.jpg);
}
.training #header div { background-image: url(../img/strip_training.jpg) }
.consulting #header div { background-image: url(../img/strip_consulting.jpg) }
.design #header div { background-image: url(../img/strip_design.jpg) }
.development #header div { background-image: url(../img/strip_development.jpg) }
.aboutus #header div { background-image: url(../img/strip_aboutus.jpg) }
.contactus #header div { background-image: url(../img/strip_contactus.jpg) }
.colophon #header div { background-image: url(../img/strip_colophon.jpg) }






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

#pagesection1 {
	background: #162A44 url(../img/fade3.gif) top right repeat-x;
	padding-top: 11px;
	border-top: 11px solid #041A36;
	padding-bottom: 2em;
}
.ss1 {
	width: 95%;
	background: #203755 url(../img/fade2.gif) top right repeat-x;
	position: relative;
}
.home .ss1 { width: 75% }
.ss11 {
	background: url(../img/corner_br_m.gif) bottom right no-repeat;
	position: relative;
}
.ss12 {
	background: url(../img/corner_tr_m.gif) top right no-repeat;
	padding-top: 11px;
	position: relative;
}
.ss2 {
	width: 25%;
	padding-bottom: 1em;
	position: relative;
}
#primary {
	color: black;
	background: white url(../img/corner_tr_white.gif) top right no-repeat;
	width: 100%;
}
#primary img {
	float: left;
	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;
}
#pagesection1 p {
	padding-right: 7%;
	margin-left: 5%;
}
#para1 {
	clear: left;
	font-size: 1.35em;
	font-weight: bold;
	line-height: 1.2;
	color: #476FA1;
}
p#paralast {
	background: white url(../img/corner_br_white.gif) bottom right no-repeat;
	margin-bottom: 2em;
	padding-bottom: 2em;
	position: relative;
	top: 1px;
	padding-left: 5%;
	margin-left: 0;
}
#primary a {
	color: #7BA440;
	font-weight: bold;
}
#primary p {
	margin-top: 0;
}
#primary strong {
	color: #476FA1;
}
#primary ul {
	margin: 0 5% 1em 5%;
	padding: 0;
	list-style: none;
}
#primary li {
	background:  url(../img/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(../img/sec_training.gif) 4% 1em no-repeat;
	padding-left: 6%;
}
#sec2 { background: #162A44 url(../img/sec_consulting.gif) 4% 1em no-repeat }
#sec3 { background: #041A36 url(../img/sec_design.gif) 4% 1em no-repeat }
#sec4 { background: #00500B url(../img/sec_blog.gif) 4% 1em no-repeat }
#content .sec p {
	margin: 0;
	padding: 0 30px 1em 40px; /***********liquify the right***********/
	background: url(../img/corner_br_sec1.gif) bottom right no-repeat;
}
.sec#sec2 p { background-image: url(../img/corner_br_sec2.gif) }/*2_2 when 3 inc. blog*/
.sec#sec3 p { background-image: url(../img/corner_br_sec3_2.gif) }/*3_2 when 4*/
.sec#sec4 p { background-image: url(../img/corner_br_sec4.gif) }
.sec h2 {
	font-size: 1em;
	padding: 1em 30px 0 40px; /***********liquify the right***********/
	margin: 0;
}
#sec1 h2 { background: url(../img/corner_tr_sec1.gif) top right no-repeat }








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

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


address {
	font-style: normal;
	background: #304968 url(../img/corner_tr_contact.gif) top right no-repeat;
	border-bottom: 1px solid #203755
}
address span {
	display: block;
	background: url(../img/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(../img/corner_tr_form.gif) top right no-repeat;
}
.icontain span {
	position: static;
	width: 100%;
	display: block;
	background: url(../img/corner_br_form.gif) bottom right no-repeat;
}
.icontain span span {
	position: relative;
	left: -20px;
	background: white url(../img/corner_tl_form.gif) top left no-repeat;
}
.icontain span span span {
	position: static ;
	background: url(../img/corner_bl_form.gif) bottom left no-repeat;
}
input {
	position: relative;
	left: 10px;
	width: 100%;
}
.tcontain {
	width: 100%;
	background: white url(../img/corner_tr_form.gif) top right no-repeat;
	display: block;
}
.tcontain span {
	background: url(../img/corner_br_form.gif) bottom right no-repeat;
	display: block;
}
.tcontain span span {
	background: url(../img/corner_tl_form.gif) top left no-repeat;
}
.tcontain span span span {
	background: url(../img/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(../img/corner_tl_li.gif) top left no-repeat;
	border-bottom: 0.5em solid #162A44;
}
.psec ul li span {
	display: block;
	background: url(../img/corner_tr_li.gif) top right no-repeat;
}
.psec ul li span span {
	background: url(../img/corner_br_li.gif) right bottom no-repeat;
}
.psec ul li span span span {
	background: url(../img/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;
	width: 70%;
	left: 200px;
	padding-top: 14px;
	top: 19px;
}
.home #pagesection2 {
	width: 75%;
	left: 25%;
}
#pagesection2 .hppromo {
	background: url(../img/bg_hppromo_right.gif) top right;
	margin: 0 10%;
	text-indent: -999em;
	padding: 0;
}

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




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