/* ---------------------------------------- */
/* global layout rules */

body {
	background-color: #FAFAFA;
	text-align: center;
	font-size: 100%;
	margin: 0px;
}

object {
	display: block;
	margin: 0px;
	padding: 0px;	
	border: 0px;
	margin-left: auto;
	margin-right: auto;
}

div, form, img, table {
	margin: 0px;
	padding: 0px;	
	border: 0px;
}

img#visual {
	border: solid 1px #BABABA;
	margin-left: auto;
	margin-right: auto;
}

div.quote {
	border: solid 1px #BABABA;
	padding: 20px;
	margin: 0px 0px 15px 15px;
	width: 200px;
	float: right;
}

hr {
	height: 1px;
	color: #CCCCCC;
}

#toolbar {
	float: right;
}

#content {
	background-color: #FFFFFF;
}
#content td {
	vertical-align: top;
	text-align:left;

}
#content th {
	vertical-align: top;
	text-align: left;
	background-color: #F46A00;
}

/* rules for footer */

#content #footer {
	width: 792px;
	margin: auto;
	margin-bottom: 3px;
}
#content #footer td {
	background-color: #BDBBB9;
}
#content #footer td#solutions {
	width: 396px;
}
#content #footer td#copyright {
	width: 396px;
	text-align: right;
}
#content #footer img {
	display: inline;
}

/* rules for page frame */

#frame {
	margin: auto;
	margin-top: 40px;
	text-align: center;
	width: 848px;
}

tr.top img, tr.bottom img {
	display: block;
}

#frame tr.top td {
	background-image: url("/_images/frame_top.gif");
	text-align: right;
}
#frame td.left {
	background-image: url("/_images/frame_left.gif");
}
#frame td.right {
	background-image: url("/_images/frame_right.gif");
}
#frame tr.bottom td {
	background-image: url("/_images/frame_bottom.gif");
}

/* ---------------------------------------- */
/* general text rules */

p, ul{
	font-family: arial, helvetica, sans-serif;
	font-size: 0.7em;
	color: #6D6D6D;
	line-height: 1.4em;
}

dl {
	margin-left: 20px;
	padding-left: 0px;
}
dt {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	color: #F46A00;
	margin-top: 15px;
}
dd {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.7em;
	color: #6D6D6D;
}

h1 {
	font-family: arial, helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: normal;
	color: #F46A00;
	margin-top: 0em;
}

h2 {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #F46A00;
	margin-top: 0em;
}
h3 {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: bold;
	color: #F46A00;
	margin-top: 0em;
}
h5 {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: bold;
	color: #F46A00;
	margin-top: 0em;
}
ul{
	list-style-image: url("/_images/bullet.gif");
	margin-left: 20px;
	padding-left: 0px;
}
li {
	margin-bottom: 15px;
}

#indent {
	margin-left: 30px;
}
#indent p {
	margin-top: 0.6em;
	margin-bottom: 0.6em;
}

a {
	color: #F46A00;
	text-decoration: underline;
}
a:visited {
	color: #F46A00;
	text-decoration: underline;
}
a:hover {
	color: #F46A00;
	text-decoration: none;
}

a.headerlink {
	color: #F46A00;
	font-weight: bold;
	text-decoration: underline;
}
a.headerlink:visited {
	color: #F46A00;
	font-weight: bold;
	text-decoration: underline;
}
a.headerlink:hover {
	color: #F46A00;
	font-weight: bold;
	text-decoration: none;
}

/* ---------------------------------------- */
/* rules specific to main page */

#content #features {
	width: 768px;
	margin: auto;
	margin-top: 4px;
}

#content #showcase {
	width: 371px;
}
#content #showcase table {
	width: 371px;
}
#divider {
	width: 1px;
	background-color: #F3F3F2;
}
#content #blog {
	width: 396px;
}
#content #blog table {
	width: 396px;
}

#blog p {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.6em;
	color: #A4A4A4;
	margin: 20px 20px 10px 18px;
}
#blog strong {
	color: #7B7975;
}

#blog a {
	color: #7B7975;
	text-decoration: none;
	font-weight: bold;
}
#blog a:visited {
	color: #7B7975;
	text-decoration: none;
	font-weight: bold;
}
#blog a:hover {
	color: #F46A00;
	text-decoration: none;
	font-weight: bold;
}

div.scroller {
	height: 170px;
	overflow: auto;
		
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-arrow-color: #888888;
	scrollbar-base-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #EEEEEE;
	scrollbar-shadow-color: #BBBBBB;
	scrollbar-track-color: #FFFFFF;
}

/* ---------------------------------------- */
/* layout rules for site subsections */

/* all subsections */

#content table {
	width: 798px;
}
#content td#submenu {
	width: 1%;
	padding: 10px 0px 0px 15px;
}
#content td#main {
	width: 99%;
	padding: 20px 40px 80px 0px;
}

/* contact */

#contact table {
	width: 600px;
	margin-top: 20px;
	margin-left: 40px;
}
#contact td#main {
	padding: 20px 0px 80px 93px;
}

/* approach */

#approach td#main {
	padding-right: 220px;
	padding-left: 93px;
}

/* solutions */

#solutions td#main {
	padding: 30px 10px 80px 40px;
}

#solutions h2 {
	color: #6D6D6D;
}

/* manifesto */

#manifesto td#submenu {
	padding: 0px 0px 0px 0px;
}
#manifesto td#main {
	padding: 0px 40px 80px 0px;
}

/* sub-pages of team section */

#teamsub td#submenu {
	padding: 10px 0px 0px 10px;
}
#teamsub td#main {
	padding: 40px 60px 80px 0px;
}

#teamsenior td#submenu {
	padding: 10px 0px 0px 10px;
}
#teamsenior {
	background-image: url("/_images/team_senior_visual.jpg");
	background-position: bottom left;
	background-repeat: no-repeat;
}
#teamsenior td#main {
	padding: 40px 40px 30px 0px;
}
#teamsenior ul {
	margin: 0px 40px 60px 250px;
}

#teamtechnical td#submenu {
	padding: 10px 0px 0px 10px;
}
#teamtechnical {
	background-image: url("/_images/team_technical_visual.jpg");
	background-position: bottom left;
	background-repeat: no-repeat;
}
#teamtechnical td#main {
	padding: 40px 40px 200px 0px;
}

/* ideas and insight */

#insight td#submenu {
	text-align: right;
	padding: 10px 0px 0px 0px;
}

p.date {
	font-size: 0.7em;
	margin-bottom: 0em;
}

#insight table#blog {
	width: 100%;
	margin-top: 40px;
}
#insight table#blog th {
	background-color: #F46A00;	
}
#insight table#blog td {
	width: 50%;
}
#insight table#blog p {
	margin-left: 8px;
	padding-left: 0px;
}

#submenu p {
	font-size: 0.6em;
	text-align: right;
	margin-right: 65px;
	line-height: 2em;
}
#submenu a {
	color: #6D6D6D;
	text-decoration: none;
}
#submenu a:visited {
	color: #6D6D6D;
	text-decoration: none;
}
#submenu a:hover {
	color: #F46A00;
	text-decoration: none;
}
#submenu a.lit {
	color: #F46A00;
	text-decoration: none;
}
#submenu a.lit:hover {
	color: #F46A00;
	text-decoration: none;
}
#submenu a.lit:visited {
	color: #F46A00;
	text-decoration: none;
}

/* ideas and insight - articles, news */

#article td#submenu {
	text-align: right;
	padding: 10px 0px 0px 0px;
}

#article h2 {
	margin-top: 1.5em;
	margin-bottom: 0em;
}

#article h3 {
	margin-top: 1.5em;
	margin-bottom: 1em;
	color: #6D6D6D;
}

p.byline {
	font-size: 0.7em;
	font-weight: bold;
	margin-bottom: 0em;
	margin-top: 0em;
}

#newspage td#submenu {
	text-align: right;
	padding: 10px 0px 0px 0px;
}
#newspage td#main {
	padding: 10px 70px 0px 0px;
}

#newspage h2 {
	margin-top: 1.5em;
	margin-bottom: 0em;
}

#newspage h3 {
	margin-top: 1.5em;
	margin-bottom: 1em;
	color: #6D6D6D;
}

/* portfolio page */

div#portfolio {
	text-align: left;
	padding: 0px 50px 0px 50px;
}

/* case studies pages */

#studies h2 {
	color: #7CC200;
}

#studies td#main {
	padding: 30px 30px 80px 110px;
}
#studies td#sidebar {
	padding: 0px 40px 80px 0px;
}
#studies td#main ul {
	list-style-image: url("/_images/studies_bullet.gif");
	margin-left: 30px;
}
#studies td#main li {
	margin-bottom: 5px;
}
#studies td#sidebar ul {
	list-style-image: url("/_images/studies_related_bullet.gif");
	margin-left: 60px;
	margin-top: 5px;
}
#studies td#sidebar li {
	margin-bottom: 5px;
}
#studies td#sidebar a {
	color: #444444;
	font-weight: normal;
	text-decoration: none;
}
#studies td#sidebar a:visited {
	color: #444444;
	font-weight: normal;
	text-decoration: none;
}
#studies td#sidebar a:hover {
	color: #F46A00;
	font-weight: normal;
	text-decoration: none;
}

/* careers page */

#careers td#submenu {
	text-align: right;
	padding: 10px 0px 0px 0px;
}

#careers p {
	margin-right: 140px;
}

#careers form p {
	margin-right: 0px;
}

label {
	font-size: 1.1em;
	font-weight: bold;
	color: #F46A00;
}

#careers input {
	width: 450px;
}

#careers input {
	width: 450px;
}

#careers  {
	text-align:left;
}

#careers textarea {
	width: 450px;
	text-align:left;
}

#careers table {
	width: 445px;
}

iframe {
	text-align:left;
}

/* ---------------------------------------- */
/* rules specific to iabc page */

#iabc td#main {
	padding: 20px 40px 40px 40px;
}

#iabc table#features {
	width: 100%;
	margin: 30px 0px 0px 0px;
	padding: 0px;
}

#iabc #content #solutions {
	width: 50%;
}
#iabc #solutions p {
	margin: 12px 20px 0px 13px;
}
#iabc #solutions table {
	width: 100%;
}
#iabc #divider {
	width: 1px;
	background-color: #F3F3F2;
}
#iabc #content #portfolio {
	width: 50%;
}
#iabc #portfolio p {
	margin: 12px 20px 0px 20px;
}
#iabc #portfolio table {
	width: 100%;
}

/* ---------------------------------------- */
/*  */
#cal table{
	width:200px;
}

#adminLogin table{
	align:left;
	width:300px;
	font-family: arial, helvetica, sans-serif;
		font-size : .9em;
}
#comments{

	font-family: arial, helvetica, sans-serif;
		font-size : .7em;
}
.CalendarTitle td, td.CalendarDays
{
	color : #F46A00;
	font-size : .75em;
	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
}


td.CalendarNextPrev
{
	text-align: center;
	font-weight: normal;
	font-size : .65em;

}
.posteds a{
	font-family: arial, helvetica, sans-serif;
	font-size : 10px;
}

#postToolbar{
	font-family: arial, helvetica, sans-serif;
		font-size : .75em;
}

td.CalendarDay
{
	font-family: arial, helvetica, sans-serif;
	color : #000;
	font-size : .75em;
}
.bannerWelcome{
	font-family: arial, helvetica, sans-serif;
	color : #000;
	font-size : .75em;
}

/* custom 404 page style*/
ul#error li{
	margin-left:30px; 
	line-height:.5em;
}

