/* =universals */
* { margin : 0; padding : 0; }
html 	{ text-align : center; }
body 	{ width : 770px; margin : 0 auto; padding : 0; background-color : #fff; font : 80%/1.5 Arial, Verdana, sans-serif; color : #333; text-align : left; }
h1, h2, h3, h4, p, dl, ol, ul, blockquote { margin : 0 10px; padding : .5em 0; }

/* =h1 */
h1 { position : absolute; top : 5px; left : -50px; z-index : 3; width : 424px; height : 99px; margin : 0; padding : 0; background : url(../images/h1.png) no-repeat; text-indent : -9999px; }

/* =h2 */
h2 { font-size : 120%; }
h2#branding { margin : 0 0 5px 0; padding : 0; width : 770px; height : 193px; background : #e2572e url(../images/h2_branding1.jpg) repeat; text-indent : -9999px; }
.index div#content_main h2 { height : 210px; margin : 0; padding : 8px 6px 10px 8px; color : #fff; text-transform: uppercase; font-weight: bold; letter-spacing: 2px; font-size: 105%;}
.index div#content_sub h2 { margin : 0; padding : .5em 20px; background : #f2572e url(../images/h2_4.jpg) repeat-x; color : #fff; font-size : 100%; }
.article div#content_sub h2 { margin : 0 0 20px 0; padding : .5em 20px; color : #fff; font-size : 100%; height: 210px;}
.section div#content_sub h2 { margin : 0; padding : .5em 20px; background : #f2572e url(../images/h2_4.jpg) repeat-x; color : #fff; font-size : 100%;}
div#introduction h2 { position : absolute; top : 10px; left : 10px; margin : 0; padding : 0; color : #fff; font-size : 100%; }

/* =h3 */
h3 { font-size : 110%; }
div#site_info h3 { display : none; }
.index div#content_main h3 { min-height : 4em; font-size : 100%; line-height : 1.1; }

/* =h4 */
h4 { font-size : 100%; }
.index div#content_main h4 { margin : 0; padding : 10px; color : #fff; }
.index div#content_main div#one h4 { background : #1a213f url(../images/h4_one.jpg) repeat-x; }
.index div#content_main div#two h4 { background : #3f5096 url(../images/h4_two.jpg) repeat-x; }
.index div#content_main div#three h4 { background : #26315b url(../images/h4_three.jpg) repeat-x; }
div#content_sub h4 {	float : left; width : 210px; margin-left : 10px; }
 
/* =p */
p { font-size : 100%; }
dd p { margin-left : 0; }
form p { margin : 0; }
.index div#content_main p { min-height : 10em; margin-bottom : .5em; }
div#introduction blockquote p { margin : 0; padding : .5em 40px .5em 10px; background : url(../images/blockquote_p.png) no-repeat 100% 100%; }
div#site_info p { min-height : 55px; padding-right : 120px; padding-left : 100px; text-align : right; color : #666; background : url(../images/site_info.png) no-repeat 100% 50%; }

/* =blockquote */
blockquote { margin-left : 10px; padding : .5em 20px; }
div#introduction blockquote { margin : 0 40px; padding : 0 0 0 40px; background : url(../images/blockquote.png) no-repeat; }

/* =strong =b =em =i */
strong { font-weight : bold; }
em { font-style : italic; }
label em { color : red; }

/* =address */
address { font-style : normal; }
form address { margin-left : 0; }
address span { display : block; }

/* =acronym =abbr */
acronym, abbr { border-bottom : 1px dotted; text-decoration : none; cursor : help; }
a acronym, a abbr { cursor : pointer; }
div#nav_main abbr { border-bottom: none; }

/* =dl =dt =dd */
dt { font-weight : bold; font-size : 100%; }
div#content_sub dd { margin-bottom : .5em; padding-bottom : .5em; border-bottom : 1px dotted #ccc; }
div#content_sub dd:last-child { border-bottom : 0px dotted #fff; }
div#content_main dd { margin-bottom : .5em; padding-bottom : .5em; border-bottom : 1px dotted #ccc; }

/* =ul */
ul { list-style-type : disc; }
div#nav_main ul { position : relative; left : 380px; max-width : 360px; text-align : right; list-style-type : none; }
div#site_info ul { list-style-type : none; }
div#content_main ul { margin-left : 20px; }
.section div#content_sub ul { float : left; width : 200px; margin-left : 20px; }
.clients div#content_sub ul { margin-left : 20px; }
dd ul { margin : 0 10px; }

/* =ol */
ol { margin-left : 30px; list-style-position : outside; }

/* =li */
div#nav_main li, div#site_info li, div#introduction li { display : inline;  }

/* =pre/code */
pre { margin-left : 20px; font : 1em monaco, courier, monospace; font-weight : normal; color : #666; }
code { font : 1em monaco, courier, monospace; font-weight : normal; color : #666; }
p code { }
pre code { }
dd pre {  padding-left : 0; }

/* =kbd/del/ins */
kbd { text-decoration : underline; }
del { color : #999; }
ins { }

/* =strong/b/em/i */
strong { font-weight : bold; }
b { font-weight : bold; }
em { font-weight : bold; }
i { font-variant  :italic; }

/* =address */
address { font-style : normal; }
address span { display : block; }

/* img */
img, a img { border : none; }

/* =a */ 
a { color : #3d4e92; text-decoration : underline; }
a:hover { color : #f2572e; text-decoration : underline; }
div#nav_main a, div#site_info a, div#introduction li a { margin-right : .5em;  }
div#nav_main a { padding-right : .5em; border-right : 1px solid #fff; font-weight : bold; color : #fff; font-size : 80%; text-decoration : none; }
div#nav_main a.last { border-right: none; }
div#nav_main a:hover { color : #a0a9cd; text-decoration : underline; }
.index div#content_main h2 a { color : #fff; text-decoration : none; }
div#nav_main a#pay { padding-right : 0; border-right : 0px solid #fff; }
a#rss { padding-right : 20px; background : url(../images/rss.png) no-repeat 100% 0; }

/* form */
form { margin : 10px; }
fieldset { overflow : hidden; margin-bottom : 10px; padding : 10px 20px; border : none; border-left : 1px solid #ccc; }
fieldset:hover { border-left : 1px solid #f2572e; }
label, label span { display : block; }
label { padding-bottom : .5em; }
label span { font-weight : bold; }
label .invalid { display: inline; }
fieldset select { width : 240px; border : 1px solid #ccc; font : 100% Arial, Verdana, sans-serif; }
fieldset input { width : 240px; border : 1px solid #ccc; font : 100% Arial, Verdana, sans-serif; }
fieldset.radio input { width : auto; }
fieldset input:hover { border : 1px solid #f2572e; }
fieldset input:active, fieldset input:focus { border : 1px solid #999; }
form div input { width : auto; }
fieldset textarea { width : 400px; border : 1px solid #ccc; font : 100% Arial, Verdana, sans-serif; }
fieldset textarea:hover { border : 1px solid #f2572e; font : 100% Arial, Verdana, sans-serif; }
fieldset textarea:active, fieldset textarea:focus { border : 1px solid #999; font : 100% Arial, Verdana, sans-serif; }
form div { padding : 10px 20px; text-align : center; }

/* =stuff */
.invisible, hr { display : none; }
.clear { clear : both; }
.offleft { position : absolute; left : -9999px; }

/* =table */
table { margin-left : 20px; }
/* =caption */
caption { font-weight : bold; }
/* =thead */
thead { font-weight : bold; }
/* =tfoot */
tfoot { font-weight : bold; }
/* =th */
th { padding-right : 1em; text-align : left; }
/* =td*/
td { padding-right : 1em; }

/* layout divs */
div#container { position : relative; width : 100%; }

div#nav_main { width : 100%; height : 85px; margin : 5px 0; background : #222b51 url(../images/nav_main.jpg) repeat-x 0 100%; overflow : hidden; }

div#content { width : 100%; overflow : hidden; }

div#content_main { float : right; width : 510px; overflow : hidden; }
.index div#content_main { width : 100%; background : url(../images/content_main.png) repeat-y; }
.section div#content_main { width : 100%; }

div#content_sub { float : left; width : 250px; overflow : hidden; }
.index div#content_sub { width : 100%; padding : 10px 0; border-bottom : 1px dotted #ccc; }

.section div#content_sub { width : 100%; margin-top : 5px; padding : 10px 0; border-bottom : 1px dotted #ccc; }

div#site_info { padding : 20px 0; }
.clients div#site_info { padding : 20px 0; border-top : 1px dotted #ccc; }

/* presentational divs */
.index div#content_main div { float : left; width : 250px; margin-right : 5px; padding-bottom : 15px; }
.index div#content_main div#one { background : url(../images/h2_one.jpg) no-repeat; }
.index div#content_main div#two { background : url(../images/h2_two.jpg) no-repeat; }
.index div#content_main div#three { width : 260px; margin-right : 0; background : url(../images/h2_three.jpg) no-repeat; }
.index div#content_news, .index div#content_studies { float : left; width : 50%; }

.section div#content_main div { padding : 5px; border : 1px solid #ccc; }
.section div#content_main div#introduction { position : relative; min-height : 215px; margin-bottom : 5px; padding-left : 260px; }

.section div#content_main div.service { padding : 5px; border : 1px solid #fff; }
.section div#content_main div.service:hover { background-color : #f8f8f8; border : 1px solid #ccc; }

.clients div#content_sub div#featured { padding : 5px; background-color : #f8f8f8; border : 1px solid #ccc; font-size : 90%; }
.clients div#introduction { margin : 20px 0; padding-bottom : 10px; border-bottom : 1px dotted #ccc; }

/* h2 images - pulled these up becuase sometimes they're on divs other times they're on h2's */
.h2one { background: url(../images/h2_one.jpg) no-repeat 0 100%; }
.h2two { background: url(../images/h2_two.jpg) no-repeat 0 100%; }
.h2three { background: url(../images/h2_three.jpg) no-repeat 0 100%; }
.h2four { background: url(../images/h2_four.jpg) no-repeat 0 100%; }
.h2five { background: url(../images/h2_five.jpg) no-repeat 0 100%; }
.h2six { background: url(../images/h2_six.jpg) no-repeat 0 100%; }
.h2seven { background: url(../images/h2_seven.jpg) no-repeat 0 100%; }
.h2eight { background: url(../images/h2_eight.jpg) no-repeat 0 100%; }
.h2nine { background: url(../images/h2_nine.jpg) no-repeat 0 100%; }

/* form result presentational */
div#content_main .thanks { background-color : #f8f8f8; border:1px solid #ccc; padding:5px; }

/* Screen only */
@media screen {

	.print-only {
		display: none;
	}

  .noprint { }
}

/* Print only */
@media print {

	.print-only {
	}

  .noprint {
    display: none;
  }
}