/* ---- GENERIC (COMMON FOR ALL TEMPLATES AND SKINS) --- */
/* ----       overwrite where appropriate            --- */

/* ---- LAYOUT --- */

/* wrapper div (alignment) */
#wrapper {
	position:relative;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width:990px;
}

/* generic classes */
body {
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	background-color:#eeeff4;
}
body, td, p, input, select, div {
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:16px;
	color:#888888;
}
a {
	color:#657e93;
	text-decoration:none;
}
a:hover {
	color:#6aa137;
}
input, select {
	font-family:Arial,Helvetica,sans-serif;
	color:#000000;
}

ul {
	padding-left:0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left:18px;
	margin-top: 5px;
	list-style-type: square;
}
ul li {
	padding-top:0px;
	padding-bottom:0px;
	padding-left: 2px;
	list-style-type: square;
}

hr {
	border-top : 1px dotted #cccccc;
	border-bottom : 1px solid transparent;
	border-left : 1px solid transparent;
	border-right : 1px solid transparent;
}

h1, h2, h3, h4, h5, h6 {
	font-family:Arial,Helvetica,sans-serif;
	font-weight:normal;
}
h1, h2, h3, h4, h5, h6 {
	margin-top:0px;
}
h1 {
	font-size: 21px;
	line-height: 24px;
	color:#71ac3b;
	margin-bottom:0.8em;
}
h2 {
	font-size: 16px;
	line-height: 18px;
	color:#71ac3b;
	margin-bottom:0.8em;
}
h3  {
	font-size: 14px;
	line-height: 18px;
	color:#71ac3b;
	margin-bottom:0.4em;
}
h4 {
	font-size: 12px;
	line-height: 16px;
	color:#71ac3b;
	margin-bottom:0em;
}
h5  {
	font-size: 12px;
	line-height: 16px;
	color:#666666;
	background-color:#ffffff;
	padding:10px;
	border-top:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	margin-bottom:1em;
}
h6 {
	font-size: 11px;
	line-height: 16px;
	text-transform:uppercase;
	margin-bottom:0em;
}
p {
	margin-top:0px;
	margin-bottom:0.8em;
}

.layout {
	width:100%;
	margin-bottom:20px;
}
.layouthome {
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
	background-color:#ffffff;
}
.layoutsub {
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
	background-color:#ffffff;
}
.footer {
	width:100%;
	padding-left:15px;
	padding-right:15px;
	margin-top:15px;
}
.footerlogo, .footertext {
	padding-top:15px;
}
.footerlogo, .footerlogo a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:21px;
	color:#999999;
	text-align:right;
	text-decoration:none;
}
.footertext, .footertext a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#999999;
	text-align:left;
}
.footerlogo a:hover, footertext a:hover {
	color:#000000;
	background-color:#ffffff;
	text-decoration:none;
}


/* ---- CONTENT --- */

/*.contenttable {
	width:100%;
}*/
.contenttablesub {
	width:958px;
	background-image:url(../../assets/images/sub_back.gif);
	background-repeat:repeat-y;
	margin-bottom:30px;
}
.contentmaincol {
	width:100%;
	vertical-align:top;
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
}
.contentmaincolhome, .contentmaincolsub {
	width:100%;
	vertical-align:top;
	padding:0px;
}
.contentmaincolsub {
	padding-top:15px;
	/*padding-bottom:15px;*/
	padding-left:13px;
	padding-right:8px;
}
.contentmaincolsub, .contentmaincolsubtop, .contentmaincolsubbottom, .contentmaincolsubleft, .contentmaincolsubright {
	background-color:#f9f8f9;
}
.contentmaincolsubtop {
	background-image:url(../../assets/images/sub_top.gif);
	background-repeat:repeat-x;
}
.contentmaincolsubbottom {
	background-image:url(../../assets/images/sub_bottom.gif);
	background-repeat:repeat-x;
}
.contentmaincolsubleft {
	background-image:url(../../assets/images/sub_left.gif);
	background-repeat:repeat-y;
}
.contentmaincolsubright {
	background-image:url(../../assets/images/sub_right.gif);
	background-repeat:repeat-y;
}
.contentmaincol a, .contentmaincolhome a, .contentmaincolsub a, .rightcol a {
	text-decoration:none;
	border-bottom-width:1px;
	border-bottom-style:dotted;
}


.leftcol {
	vertical-align:top;
	/*padding-bottom:30px;*/
	padding-right:30px;
	width:600px;
}
.leftcolunique {
	vertical-align:top;
	/*padding-bottom:30px;*/
	width:600px;
}
.rightcol {
	vertical-align:top;
	border-left:1px dotted #c8d0d7;
}
.rightcol div {
	padding-bottom:30px;
	width:300px;
	padding-left:10px;
	padding-right:10px;
}
/*.rightcol div a {
	border-bottom-style:none;
}*/

#maincolcontent {
	vertical-align:top;
	padding-right:20px;
}
#rightcolhome {
	vertical-align:top;
	width:284px;
	padding-top:15px;
}


/* home page features table */
#hpfeatures {
	width:958px;
	height:196px;
	background-color:#e6eaed;
	background-image:url(../../assets/images/hpfeatures_back.jpg);
	background-repeat:no-repeat;
}
#hpfeatures table {
	margin-left:8px;
}
#hpfeatures table td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:15px;
	color:#ffffff;
}
#hpfeatures table td a {
	border-bottom-style:none;
}

/* home page news table */
#hpnews {
	width:958px;
	height:44px;
	background-image:url(../../assets/images/hpnews_back.jpg);
	background-repeat:no-repeat;
	padding:0px;
	margin:0px;
}
#hpnews table {
	width:100%;
}
#hpnews table td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:15px;
	color:#000000;
}
#hpnews table td a {
	border-bottom-style:none;
}

/* 4-column tables used in clients pages */
#fourcolumntable {
	width:900px;
}
#fourcolumntable td {
	width:25%;
	padding-right:30px;
	vertical-align:top;
}


/* ---- NAVIGATION --- */

/* main nav */
#logo {
	width:245px;
	height:77px;
}
#navbar {
	width:736px;
	background-image:url(../../assets/images/navbar.gif);
	background-repeat:no-repeat;
	vertical-align:top;
	padding-top:23px;
}
.navbuttons {
	margin-left:9px;
	height:auto;
}
.navbutton, .navbuttonon {
	padding-top:0px;
	padding-bottom:0px;
	padding-left:2px;
	padding-right:2px;
	width:118px;
	text-align:center;
	background-image:url(../../assets/images/navlinks.gif);
}
.navbuttonon {
	background-image:url(../../assets/images/navlinkson.gif);
}
.navbuttonon a {
	color:#ffffff;
}
.navlinks, .navlinkson {
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size:12px;
	line-height:22px;
	text-decoration:none;
	width:118px;
	height:100%;
	display:inline;
	color: #ffffff;
}
.navlinks:hover, .navlinkson:hover {
	color: #ffffff;
	background-color:transparent;
}

/* page title is different from h1 in this site */
.pagetitle {
	font-family:Arial,Helvetica,sans-serif;
	font-size:18px;
	font-weight:normal;
}


/* sub nav */
#subnav {
	width:100%;
	border-bottom:1px solid #c8d0d7;
	margin-bottom:25px;
}
#subnav table td {
	vertical-align:top;
}
#subnav a {
	border-style:none;
}
#subnavpagename {
	width:226px;
	font-size:18px;
	line-height:18px;
	padding-bottom:8px;
}
#subnavlinks {
	border-left:1px solid #c8d0d7;
}
.subnavlink, .subnavlinkcurrent {
	color:#96a7b5;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 14px;
	text-decoration:none;
	display:block;
	padding-top:4px;
	padding-bottom:5px;
}
.subnavlinkcurrent {
	color:#022e4f;
}
.subnavlink:hover, .subnavlinkcurrent:hover {
	color:#6aa137;
}

/* linear (top) nav */
.linearnavbar {
	width:100%;
	text-align:right;
	vertical-align:middle;
	margin:0;
}
.linearnavbar td {
	padding:0em;
	text-align:center;
	vertical-align:middle;
	color:#959595;
}
.linearnavbar a {
	font-weight:normal;
	text-decoration:none;
	padding-left:5px;
	padding-right:5px;
}


/* tertiary (bottom) nav */
#tertiarynav {
	margin-bottom:10px;
	color:#959595;
	font-size:10px;
}
#tertiarynav a {
	font-size:11px;
}


/* bottom of case study nav */
#casenav {
	width:100%;
	border-top:1px solid #c8d0d7;
	/*margin-top:25px;*/
}
#casenav table td {
	vertical-align:top;
}
/*#casenav a {
	border-style:none;
}*/
#casenavback {
	width:226px;
	padding-top:2px;
}
#casenavlinks {
	border-left:1px solid #c8d0d7;
	white-space:nowrap;
	padding-left:16px;
	padding-right:16px;
	padding-top:8px;
}
#casenavlinks a {
	padding-right:4px;
}


/* custom styles */
.tablestyle1 {
	background-color:#ffffff;
	border-collapse:collapse;
	border:2px solid #cccccc;
}
.tablestyle1 td {
	padding-top:0.5em;
	padding-bottom:0.5em;
	padding-left:0.5em;
	padding-right:0.5em;
	border:1px solid #e1e1e1;
}
.portfoliotable a {
	border-bottom-style:none;
}
.formtable {
	background-color:#ffffff;
	border-collapse:collapse;
	border:2px solid #cccccc;
}
.formtable td {
	padding-top:0.5em;
	padding-bottom:0.5em;
	padding-left:1em;
	padding-right:1em;
}
.formtablesubmit {
	background-color:#e1e1e1;
	text-align:center;
}