/* CSS Document */

/* IE/Win Styles (also affects IE5/Mac)
----------------------------------------------- */
@import url("iewin.css");


/* IE5/Mac Only Styles
   Uses the IE5/Mac Band Pass Filter:
   http://stopdesign.com/examples/ie5mac-bpf/
----------------------------------------------- */
/*\*//*/
  @import "ie5mac.css";
/**/


/* IE5.0/Win Styles
----------------------------------------------- */
@media tty {
 i{content:"\";/*" "*/}}; @import 'ie50win.css'; {;}/*";}
}/* */


/* IE5.5/Win Styles
----------------------------------------------- */
@media tty {
 i{content:"\";/*" "*/}}@m; @import 'ie55win.css'; /*";}
}/* */


/* global
----------------------------------------------- */
body {
	margin-top:0px;
	padding:0;
	text-align:center;
	min-width:713px;
	font-family:"Helvetica", arial, sans-serif;
	color: #444;
	background-color: #272432;
	/*background-color: #25222F;*/
	background-image: url(../i/bkgd_page.png);
	background-repeat: repeat-x;
	background-position: top;
}

/* only used on <hr> in the 'work' section */
.clear {
display:block;
clear:both;
height:0;
line-height:0;
margin-bottom:10px;
padding-top:10px;
}


/* auto-clearing floats */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */


img {
	border:none;
	background-position: center;
}

acronym {border-bottom:1px dotted #ccc;font-style:normal;cursor:help;}


/* hide for screen display */
#header-print {display:none;}
#footer-print {display:none;}


/* layout
----------------------------------------------- */
#wrapper {
	margin:0 auto;
	width:713px;
	text-align:left;
	border: 0px solid #B9B0B0;
}
#wrapper-padding {
padding:0px;
}

#header {
position:relative;
width:713px;
height:112px;
background:url(../i/bg_header_home1.gif) no-repeat right top;
}
#header a {
text-decoration:none;
color:#444;
}
#header a:hover {color:#222;}

body#homepage #header {
	height:64px;
	background-image: url(../i/store_swatch3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
/*****************************************/
/* testing the following header graphics */
/* green variations */
body#homepage.g1 #header {background-image:url(../i/bg_header_home_1.gif);}
body#homepage.g2 #header {background-image:url(../i/bg_header_home_2.gif);}
body#homepage.g3 #header {background-image:url(../i/bg_header_home_3.gif);}
body#homepage.g4 #header {background-image:url(../i/bg_header_home_4.gif);}
body#homepage.g5 #header {background-image:url(../i/bg_header_home_5.gif);}
body#homepage.g6 #header {background-image:url(../i/bg_header_home_6.gif);}
body#homepage.g7 #header {background-image:url(../i/bg_header_home_7.gif);}
body#homepage.g8 #header {background-image:url(../i/bg_header_home_8.gif);}

/* other variations */
body#homepage.r #header {background-image:url(../i/bg_header_home_red.jpg);}
body#homepage.b #header {background-image:url(../i/bg_header_home_blue.jpg);}
body#homepage.f #header {background-image:url(../i/bg_header_home_flame.jpg);}

/*****************************************/

a#logo {
text-indent:-5000px;
position:absolute;
left:0;
top:0;
width:405px;
height:112px;
}

body#homepage a#logo {display:none;}

a#clientlogin {
text-indent:-5000px;
position:absolute;
right:14px;
top:18px;
width:71px;
height:15px;
font-size:11px;
background:url(../i/button_clientlogin_green_home.gif) no-repeat 0 0;
}
a#clientlogin:hover {background-position:0 -15px;}
a#clientlogin:active {background-position:0 -30px;}

body#homepage a#clientlogin {background-image:url(../i/button_clientlogin_green_home.gif);}

#servicemanager-loggedin {
position:absolute;
right:13px;
top:12px;
font-size:11px;
color:#3A5701;
}

#servicemanager-loggedin a {color:#fff;text-decoration:underline;padding:0 1px;}
#servicemanager-loggedin a:hover {color:#3A5701;background-color:#fff;text-decoration:none;}

#content {
width:760px;
margin:0px 0 0;
}

#main {
	float:left;
	width:760px;
}

#homey {
	float:left;
	width:712px;
}


/* client quote on homepage */
#randomquote {
width:498px;
height:140px;
margin:-1px 0 0 -8px;
background:url(../i/bg_homepagequote.gif) no-repeat;
}


/*navigation bar */

#barnav
 {
	background-color: #65626E;
	width:760px;
	height: 27px !important;
	height /**/:24px; /* IE5/Win */
	margin: 0px;

}

/* news blocks on homepage */
#news {
	width:760px;
}
#securessl {
	width:380px;
	background-color: FFFFFF;
	float:left;
}

#newsreports {
	margin:10px 0 0;
	width:732px;
	background-color: FFFFFF;
}

#news .shopnavigation {
	width:167px;
	background-color:#C6BCBC;
	height: auto;
	vertical-align: text-top;
	text-align: left;
}

#news .shopmainimage {
	width:189px;
	background-color:#996666;
	height: 361px;
	margin-top: 0px;
	padding-top: 0px;
	vertical-align: top;
}

#news .shopcontent {
	width:380px;
	background-color:#FFFFFF;
	vertical-align: text-top;
	border-top-width: 25px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	padding-left: 25px;
}

#news .shopcontent .productname {
	background-color:#FFFFFF;
	vertical-align: text-top;
	padding-top: 25px;
	padding-left: 25px;
	font-family: Helvetica, Arial, Verdana;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
}


#leftnav {
	float:left;
	margin:0 0 0px;
	width:165px;
	height:100%;
	background:#C6BCBC url(../i/subnav_left.gif) no-repeat left top;
	padding: 0px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
}


#newshome {
	float:left;
	width:734px;
	height:360px;
	background:#FFFFFF url(../i/newshome_bkgd.gif) no-repeat left top;
	border:0px solid #E4F0CB;
}

#newsabout {
	float:left;
	width:760px;
	height:360px;
	background:#FFFFFF url(../i/newshome_bkgd.gif) no-repeat left top;
	border:0px solid #E4F0CB;
}

#texthome {
	float:left;
	width:760px;
	background:#996666 url(../i/newshome_bkgd.gif) no-repeat left top;
	height: 270px;
	padding-top: 20px;
}


#homesquare {
	float:left;
	width:452px;
	height: 413px;
	background-repeat: no-repeat;
	background-position: left bottom;
	overflow: hidden;
	background-image: url(../i/gd_holder_bot.png);
}

#homesquarecontact {
	float:left;
	width:452px;
	height: 570px;
	background-repeat: no-repeat;
	background-position: left bottom;
	overflow: hidden;
	background-image: url(../i/gd_holder_bot.png);
}

#homesquare-about {
	float:left;
	width:452px;
	height: 455px;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url(../i/gd_holder_bot2_r1_c1.jpg);
	background-color: #6A7376;
}

#homesquare-awards {
	float:left;
	width:452px;
	height:465px;
	background-repeat: no-repeat;
	background-position: left bottom;
	overflow: auto;
	background-image: url(../i/gd_holder_bot2_r1_c1.jpg);
	background-color: #6A7376;
}


#imaging {
	float:left;
	width:452px;
	height: 413px;
	background-repeat: no-repeat;
	background-position: left bottom;
	overflow: hidden;
	background-image: url(../installations/common/corners.gif);
	text-align: center;
}

#homesquar2e {
	float:left;
	width:258px;
	background:#996666 url(../i/newshome_bkgd.gif) no-repeat left top;
	height: 410px;
	padding-top: 20px;
}

#texthomessl {
	float:left;
	margin:0px 0 0;
	width:190px;
	background:#996666 no-repeat left top;
	height: 400px;
	padding-top: 20px;
}

#texthomessl2 {
	float:left;
	margin:0px 0 0;
	width:190px;
	background:#996666 no-repeat left top;
	height: 400px;
	padding-top: 20px;
	font-family: "Helvetica", arial, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
#newswide {
	float:left;
	margin:0px 0 10px;
	width:565px;
	height:100%;
	background:#FFFFFF  url(../i/reports_bkgd.gif) no-repeat left top;
	border:0px solid #E4F0CB;
}

#newshome h4 {
float:left;
margin:40 10 20 10px;
}

#newswide h4 {
float:left;
margin:40 10 20 10px;
}

#newshome100 {
float:left;
margin:0 0 10px;
width:420px;
height:100%;
background:#F5FBE8 url(../i/bg_newsblock.gif);
border:1px solid #E4F0CB;
}

#newshomepress {
float:left;
margin:0 0 10px;
width:420px;
height:100%;
background:#F5FBE8 url(../i/bg_newsblock.gif);
border:1px solid #E4F0CB;
}

#newshome2 {
float:left;
margin:0 0 10px;
width:420px;
height:500px;
background:#F5FBE8 url(../i/bg_newsblock.gif);
border:1px solid #E4F0CB;
}

#newsevents {
float:left;
margin:0 0 10px;
width:420px;
height:100%;
background:#F5FBE8 url(../i/bg_newsblock.gif);
border: 1px solid #E4F0CB;
}

#newsreps {
float:left;
margin:0 0 10px;
width:420px;
height:600px;
background:#F5FBE8 url(../i/bg_newsblock.gif);
border:1px solid #E4F0CB;
}


#newsleft {
float:left;
margin:0 0 10px;
width:238px;
height:104px;
background:#F5FBE8 url(../i/bg_newsblock.gif);
border:1px solid #E4F0CB;
}

#newsright {
float:right;
margin:0 0 10px;
width:238px;
height:104px;
background:#F5FBE8 url(../i/bg_newsblock.gif);
border:1px solid #E4F0CB;
}

#news h4 {
	font-size:16px;
	color:#333333;
}

#newsevents h4 {
float:left;
margin:7px 10px 0 8px;
width:400px;
font-size:15px;
color:#5A7A17;
padding:0 11px 0 0;
border:none;
}

/* main section blocks, based on about_us layout */
#about {
	width:760px;
	background-color: FFFFFF;
}

#about_block {
	float:left;
	width:760px;
	background:#FFFFFF url(../i/newshome_bkgd.gif) no-repeat left top;
	border:0px solid #E4F0CB;
}


#homey #news p {
	margin:0 0px;
	padding:0px 32px 0 32px;
	font-size:11px;
	color:#FFFFFF;
	border-top:0px solid #D3E5AE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: lighter;
	line-height: 1.33em;
}

#homey #imaging p {
	margin:0 0px;
	padding:0px 0px 0 0px;
	font-size:11px;
	color:#FFFFFF;
	border-top:0px solid #D3E5AE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: lighter;
	line-height: 1.33em;
}

#homey #securessl p {
	margin:0 0px;
	padding:0px 5px 0 5px;
	font-size:10px;
	color:#FFFFFF;
	border-top:0px solid #D3E5AE;
	line-height: 1.1em;
}


#main #news p.newsdate {
margin:2px 0 0;
padding:2px
text-align: right;
font-size:9px;
color:#799A34;
border:none;
}

#main #news p {
margin:0 0px;
padding:0px 0 0;
font-size:11px;
color:#333333;
border-top:0px solid #D3E5AE;
}

#main #news p {
margin:0 0px;
padding:0px 0 0;
font-size:11px;
color:#333333;
border-top:0px solid #D3E5AE;
}

#main #newsreports p {
margin:0 25px;
padding:0px 0 0;
font-size:11px;
color:#374E07;
border-top:0px solid #D3E5AE;
}

#newswide p {
margin:0 25px;
padding:0px 0 0;
font-size:11px;
color:#374E07;
border-top:0px solid #D3E5AE;
}


#main #news p.reportstext {
margin:0 0px;
padding:0px 0 0;
font-size:11px;
color:#374E07;
border-top:0px solid #D3E5AE;
}

#newsfooter {
clear:both;
margin:10px 0 0;
height:23px;
background:#FFFFE5 url(../i/bg_newsfooter.gif);
border:1px solid #F2F2D7;
}
#news #newsfooter p {padding-top:2px;font-size:10px;font-weight:bold;border:none;}

#main #newsfooter a {
color:#A1A180;
padding-left:7px;
background:url(../i/icon_newsarrow.gif) no-repeat 0 50%;
}
#main #newsfooter a:visited {color:#A1A180;}
#main #newsfooter a:hover {color:#7E7E35;}


/* description -- used in 'publications', 'company info', 'resources' and 'news' */
.description {
border:1px solid transparent;
border-width:1px 0;
}
#main .bio {margin-top:-8px;border-bottom:1px solid #fff;}
.description:hover {background-color:#fafafa;}
#main .bio:hover {background-color:transparent;} /* removes the hover effect for the bios */
.description img {float:left;margin:14px 10px 0 0;padding:3px;border:1px solid #eee;}
.description {border:none;border-top:1px solid #fff;border-bottom:1px dashed #ddd;}
div.last {border-bottom:1px solid #fff;}

.description a {text-decoration:none;}
.description a:hover {background-color:#fafafa;}
.description a:hover img {background-color:#eee;border-color:#aaa;}

.description p a {color:#76b400;text-decoration:underline;}
.description p a:visited {color:#76b400;}
.description p a:hover {color:#629500;background-color:none;}


/* work columns */
.workcolumn {
float:left;
margin-right:15px;
width:45%;
}
.workcolumn-right {padding-left:15px;border-left:1px solid #eee;}

/* case study columns */
.casecolumn-left {
float:left;
width:202px;
}
.casecolumn-right {
float:right;
width:265px;
}

/* sidebar and sidebar boxes */
#sidebar {
	float:left;
	width:261px;
	margin-top:0px;
	font-size: 11px;
	line-height: 1em;
	color: #FFFFFF;
	height: 600px;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url(../i/janine_logo3.png);
}

/* sidebar boxes */
#sidebar .box {
width:136px;
padding:7px 0 0;
margin-bottom:8px;
background:#ffc url(../i/corners_top_sidebar_yellow.gif) no-repeat left top;
}
#sidebar .box div {
background:url(../i/corners_bottom_sidebar_yellow.gif) no-repeat left bottom;
padding:0 0 7px;
}
#sidebar .box div div {
background:url(../i/rails_sidebar_yellow.gif) repeat-y left top;
padding:0 10px 0;
}

#sidebar .gray {background:#f8f8f8 url(../i/corners_top_sidebar_gray.gif) no-repeat left top;}
#sidebar .gray div {background:url(../i/corners_bottom_sidebar_gray.gif) no-repeat left bottom;}
#sidebar .gray div div {background:url(../i/rails_sidebar_gray.gif) repeat-y left top;}

#sidebar .green {background:#EBF7D2 url(../i/corners_top_sidebar_green.gif) no-repeat left top;}
#sidebar .green div {background:url(../i/corners_bottom_sidebar_green.gif) no-repeat left bottom;}
#sidebar .green div div {background:url(../i/rails_sidebar_green.gif) repeat-y left top;}

#footer {
	width:713px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 0;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left top;
}
#footer div {
padding:0 0 7px;
}
#footer div div {
	padding:3px 11px 5px;
	background-image: none;
}


/* updated navigation matrix
----------------------------------------------- */



ul#nav {
	position: relative;
	top: 6px;
	left: 0px;
	width: 730px;
	margin: 0;
	height: 25px;
	list-style-type: none;
	overflow: hidden;
	background-color: #63606C;
}

body#homepage ul#nav  { background: transparent url(../i/nav.png) no-repeat 0 0; }
body#about ul#nav { background: transparent url(../i/nav.png) no-repeat 0 -33px; }
body#reports ul#nav  { background: transparent url(../i/nav.png) no-repeat 0 -66px; }
body#newspage ul#nav  { background: transparent url(../i/nav.png) no-repeat 0 -99px; }
body#contact_us ul#nav  { background: transparent url(../i/nav.png) no-repeat 0 -132px; }

ul#nav li a {
	position: absolute;
	top: 0;
	width: 147px;
	text-indent: -9000px;
	text-decoration: none;
	padding: 32px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:22px; /* IE5/Win */
	background: transparent url(../i/nav.png) no-repeat;
}


 ol#subnav {
	position: relative;
	top: 6px;
	left: 0px;
	width: 146px;
	margin: 0;
	height: 25px;
	list-style-type: none;
	overflow: hidden;
}


ol#subnav li a {
	position: absolute;
	top: 0;
	width: 146px;
	text-indent: -9000px;
	text-decoration: none;
	padding: 0 0 0 0;
	overflow: hidden;
	height: 222px!important;
	height /**/:22px; /* IE5/Win */
	background: transparent url(../i/subnav_about.png) no-repeat;
}

body#about ol subnav#gen a 			{ background-position: 0 -146; width: 146px; left: 0; }
body#about ol subnav#gen a:hover		{ background-position: -146px 0px; }
body#about ol subnav#str a 			{ background-position: 0px -25px; left: 0px; }
body#about ol subnav#str a:hover		{ background-position: -146px -25px; }
body#about ol#cou a 			{ background-position: 0px -50px; left: 0px; }
body#about ol#cou a:hover		{ background-position: -146px -50; }
body#about ol#reg a 			{ background-position: 0px -75px; left: 0px; }
body#about ol#reg a:hover		{ background-position: -146px -75; }
body#about ol#our a 			{ background-position: 0px -100px; left: 0px; }
body#about ol#our a:hover		{ background-position: -146px -100; }
body#about ol#mem a 			{ background-position: 0px -125px; left: 0px; }
body#about ol#mem a:hover		{ background-position: -146px -125; }
body#about ol#you a 			{ background-position: 0px -150px;left: 0px; }
body#about ol#you a:hover		{ background-position: -146px -150; }



body#homepage li#hom a 			{ background-position: 0 0; width: 146px; left: 0; }
body#homepage li#hom a:hover		{ background-position: 0 0; }
body#homepage li#abo a 			{ background-position: -147px -165px; left: 147px; }
body#homepage li#abo a:hover		{ background-position: -147px 0px; }
body#homepage li#rep a 			{ background-position: -293px -165px; left: 293px; }
body#homepage li#rep a:hover		{ background-position: -293px 0; }
body#homepage li#new a 			{ background-position: -439px -165px; left: 439px; }
body#homepage li#new a:hover		{ background-position: -439px 0; }
body#homepage li#con a 			{ background-position: -585px -165px; left: 585px; }
body#homepage li#con a:hover		{ background-position: -585px 0; }

body#about li#hom a			{ background-position: 0 -165px; width: 146px; left: 0; }
body#about li#hom a:hover		{ background-position: 0 -33px; }
body#about li#abo a			{ background-position: -147px -33px; left: 147px; }
body#about li#abo a:hover		{ background-position: -147px -33px; }
body#about li#rep a			{ background-position: -293px -165px; left: 293px; }
body#about li#rep a:hover		{ background-position: -293px 0; }
body#about li#new a			{ background-position: -439px -165px; left: 439px; }
body#about li#new a:hover		{ background-position: -439px 0; }
body#about li#con a			{ background-position: -585px -165px; left: 585px; }
body#about li#con a:hover		{ background-position: -585px 0; }

body#reports li#hom a 			{ background-position: 0 -165px; width: 146px; left: 0; }
body#reports li#hom a:hover		{ background-position: 0 -66px; }
body#reports li#abo a 			{ background-position: -147px -198px; left: 147px; }
body#reports li#abo a:hover		{ background-position: -147px -66px; }
body#reports li#rep a 			{ background-position: -293px -66px; left: 293px; }
body#reports li#rep a:hover		{ background-position: -293px -66px; }
body#reports li#new a 			{ background-position: -439px -165px; left: 439px; }
body#reports li#new a:hover		{ background-position: -439px 0; }
body#reports li#con a 			{ background-position: -585px -165px; left: 585px; }
body#reports li#con a:hover		{ background-position: -585px -66px; }

body#newspage li#hom a 			{ background-position: 0 -165px; width: 146px; left: 0px; }
body#newspage li#hom a:hover		{ background-position: 0 -66px; }
body#newspage li#abo a 			{ background-position: -147px -165px; left: 147px; }
body#newspage li#abo a:hover		{ background-position: -147px 0; }
body#newspage li#rep a 			{ background-position: -293px -198px; left: 293px; }
body#newspage li#rep a:hover		{ background-position: -293px -99px; }
body#newspage li#new a 			{ background-position: -439px -99px; left: 439px; }
body#newspage li#new a:hover		{ background-position: -439px -99px; }
body#newspage li#con a 			{ background-position: -585px -198px; left: 585px; }
body#newspage li#con a:hover		{ background-position: -585px -99px; }


body#contact_us li#hom a 			{ background-position: 0 -165px; width: 146px; left: 0; }
body#contact_us li#hom a:hover		{ background-position: 0 -66px; }
body#contact_us li#abo a 			{ background-position: -147px -198px; left: 147px; }
body#contact_us li#abo a:hover		{ background-position: -147px -66px; }
body#contact_us li#rep a 			{ background-position: -293px -165px; left: 293px; }
body#contact_us li#rep a:hover		{ background-position: -293px -66px; }
body#contact_us li#new a 			{ background-position: -439px -165px; left: 439px; }
body#contact_us li#new a:hover		{ background-position: -439px 0; }
body#contact_us li#con a 			{ background-position: -585px -132px; left: 585px; }
body#contact_us li#con a:hover		{ background-position: -585px -66px; }

/* end of new navigation
----------------------------------------------- */


/* subnavigation matrix
----------------------------------------------- */

#subnav {
position: relative;
top: 60px;
left: 0px;
float:left;
/* margin:0 0 10px; */
padding:0px 0 0;
width:160px;
height: 20px;
/* background:url(../i/subnav.png) repeat-x bottom; */
font-family:tahoma,verdana,arial,helvetica,sans-serif;
font-size:x-small;
line-height:normal;
list-style:none;
}

#subnav li {
display:inline;
padding-left: 22px;
margin-top: 22px;
margin:7px;
clear:both;
}

#subnav a {
text-decoration:none;
font-weight:normal;
color:#000000;
}

#subnav a span {float:none;}
/* end ie5-mac hack */

#subnav a:hover span {color:#515C31;}

#subnav #current a {
font-weight:bold;
}
#subnav #current a span {
background-position:100% -80px;
padding-bottom:5px;
color:#000000;
font-weight:normal;
}


/* end subnavigation matrix
----------------------------------------------- */


/* old navigation to be removed from CSS
----------------------------------------------- */


#nav {
float:left;
margin:0 0 10px;
padding:8px 0 0;
width:702px;
background:url(../i/tab_gray.gif) repeat-x bottom;
font-family:tahoma,verdana,arial,helvetica,sans-serif;
font-size:x-small;
line-height:normal;
list-style:none;
}
#nav li {
display:inline;
margin:0;
padding:0;
}
#nav a {
float:left;
background:url(../i/tab_gray.gif) no-repeat left top;
margin:0 3px 0 0;
padding:0 0 0 24px;
border-bottom:1px solid #e6e6e6;
text-decoration:none;
font-weight:normal;
}
#nav a span {
float:left;
display:block;
background:url(../i/tab_gray.gif) no-repeat right top;
padding:5px 36px 4px 11px;
color:#777;
}
body.servicemanager #nav a {padding-left:14px;}
body.servicemanager #nav a span {padding:5px 26px 4px 11px;}

/* commented backslash hack hides rule from ie5-mac \*/
#nav a span {float:none;}
/* end ie5-mac hack */

#nav a:hover span {color:#555;}

#nav #current a {
background-position:0 -80px;
border-width:0;
font-weight:bold;
}
#nav #current a span {
background-position:100% -80px;
padding-bottom:5px;
color:#555;
}
#nav a:hover {background-position:0% -40px;}
#nav a:hover span {background-position:100% -40px;}


/* headings
----------------------------------------------- */
h1 {
	font-size:18px;
	color:#644343;
	padding-left: 32px;
	padding-top: 20px;
	padding-bottom: 20px;
}
h1 em, #sidebar h3 em {
font-style:normal;
font-weight:normal;
color:#99bb54;
}

h1 a {color:#444;}
h1 em a {color:#99bb54;}

h2 {
	font-size:14px;
	color:#644343;
	font-weight: normal;
	line-height: 1.2em;
	font-family: Helvetica, Arial, sans-serif;
	padding-left: 32px;
	padding-top: 0px;
}
.workcolumn h2 {margin:0 0 8px;}
body.servicemanager h2 {margin-bottom:11px;}

h2 em {
display:block;
font-size:70%;
color:#4B6912;
font-style:normal;
}

h3 {
font-size:14px;
color:#444;
}
#main .casecolumn-right h3 {margin-bottom:0;}

#sidebar h3 {
font-size:14px;
color:#444;
padding:0;
margin:0 0 3px;
}
#sidebar .contact h3 {margin:0;}


/* text
----------------------------------------------- */
#main p {
	font-size:12px;
	line-height:1.2em;
	color:#444;
	padding-left: 32px;
	padding-right: 32px;
	padding-top: 0px;
}

#newshome p .reportstext {
font-size:13px;
line-height:18px;
color:#444;
margin:0 0 0 0px;
}

#main .casecolumn-right p {margin-top:0;}

#main p.readmore {color:#999;}

#main p img.inset {
float:left;
margin:0 10px 0 0;
padding:3px;
border:1px solid #e6e6e6;
}

#newshome h4 img.inset {
margin:0 0 0 20px;
}



#reports h4 img.inset {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 28px;
	padding-right: 160px;
	padding-top: 15px;
}


#newspage h4 img.inset {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 28px;
	padding-right: 160px;
	padding-top: 15px;
}


#main p span {}

#main .clients {
font-size:13px;
font-weight:bold;
color:#8CB53F;
}

p#screenshotnav {
margin:0;
padding-right:2px;
text-align:center;
font-size:11px;
font-weight:bold;
color:#acacac;
}
p#screenshotnav a {
color:#acacac;
border:none;
}
p#screenshotnav a:hover {
color:#777;
border:none;
}

p#quote {
margin:5px 0;
padding:13px 2px 0 9px;
font-family:georgia,'times new roman',serif;
font-size:16px;
line-height:130%;
font-style:italic;
color:#aaa;
background:url(../i/quote.gif) no-repeat 0 0;
}

p#quotecredit {
margin:0;
padding:0 8px;
font-size:11px;
line-height:11px;
font-style:italic;
color:#ccc;
text-align:right;
}
p#quotecredit em {font-size:95%;}

#sidebar p {
margin:0;
padding:0;
font-size:11px;
line-height:17px;
}
#sidebar .contact p {color:#535947;}

#footer p {
	padding:0;
	margin:0;
	font-size:11px;
	line-height:10px;
	color:#FFFFFF;
	font-weight: normal;
}
p#footer-left {
	float:left;
	padding-left: 20px;
}
p#footer-right {float:right;}

#footer a {color:#FFFFFF;}
#footer a#contactlink {padding-left:19px;padding-bottom:2px;background:url(../i/icon_email.gif) no-repeat 0 50%;}
#footer a:hover {color:#FF6666;}


/* lists
----------------------------------------------- */
#main ul {
font-size:13px;
line-height:18px;
color:#444;
margin:5px 0 0;
padding-left:30px;
padding-bottom:10px;
list-style:disc url(none);
}
#main ul li {
padding-left:10px;
background:url(../i/icon_bullet.gif) no-repeat 0 50%;
}

#main ol {
font-size:13px;
line-height:18px;
color:#444;
margin:5px 0 0;
padding-bottom:10px;
}

#newshome ul {
font-size:11px;
line-height:18px;
margin:0 8px 0 30px;
padding:10px 0 10px;
list-style:none;

}

#newshome ul li {
padding-left:10px;

}

#newshome ol {
font-size:13px;
line-height:18px;

}

#main ul.work {
list-style:none;
margin:0;
padding:0;
}

#main ul.work li {
font-size:13px;
line-height:15px;
font-weight:bold;
padding-bottom:10px;
color:#333;
background-image:none;
}
ul.work li strong {
font-size:11px;
color:red;
}
ul.work li span {
font-size:11px;
font-weight:normal;
}

ul.work li a {color:#666;}
ul.work li a.details {margin-right:5px;padding:0 0 0 14px;background:url(../i/icon_details.gif) no-repeat;}
ul.work li a.viewsite {padding:0 0 0 16px;background:url(../i/icon_viewsite.gif) no-repeat;}
ul.work li a:visited {color:#999;}
ul.work li a:hover {color:#333;}

#sidebar ul {
list-style:none;
margin:0;
padding:0;
font-size:11px;
line-height:17px;
}

#sidebar .services li {
padding:0 0 0 11px;
color:#595947;
background:url(../i/icon_doublearrow_yellow.gif) no-repeat left;
}

#sidebar .clientlist li {font-weight:bold;}

#sidebar .gray li {
padding:0 0 0 11px;
color:#666;
background:url(../i/icon_doublearrow_gray.gif) no-repeat left;
}



a.Answer:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}

a.Answer:hover {
	font-size: 20px;
	color: #66FFFF;
	text-decoration: underline;
}

a.Answer:active {
	color: #66FFFF;
	text-decoration: underline;
}

a.Answer:visited {
	color: #666666;
	text-decoration: underline;
}




/* forms
----------------------------------------------- */


/* 
  THESE ARE THE VARIOUS ELEMENTS, CLASSES, IDS, AND SELECTORS YOU MAY NEED FOR STYING THIS FORM
  Anchors or link elements have not been included, but everythig else is :-)
*/

/* for main form wrapping div */
div#gb_form_div {
	background-color: none;  /* not styled on demo page */
}

/* id for the form itself */
form#gb_form { 
  /* not styled on demo page */
}

/* form and results heading size */
.main_formhead, .formhead { 
  font-size : 1.4em; 
  color : #cc9900; 
}

/* outer fieldset - it's common to make this border : 0; */
fieldset#formwrap { 
  border : 0;
}

/* section fieldsets - it's common to make this border : 0; */
fieldset { 
    border : 0;
}

/* form legends and dt "heading" */
legend, dt { 
  color : #CCCCCC;
  font-size: 10pt;
}

/* main legend at top of the form */
legend#mainlegend { 
  font-size : 1.2em;
  color : #669900; 
}

/* form label text */
label {
	color : #CCCCCC;
	font-size: 10pt;
}

/* all inputs, select, and textarea */
input.med, input.short, select.med, textarea.textbox {
	color : #CCCCCC;
	padding : 2px;
	border : 1px solid #44424B;
	background-color : #2C2B31;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
}

/* to make focus stable in IE 6 */
* html input.button { 
  color : #000;  
  border : 1px solid #669900;
  background-color : #cc9900;
}
* html input.button.hover { 
  color : #000;  
  border : 1px solid #000;
  background-color : #cc9900;
}
* html input.button.focus { 
  color : #000;  
  border : 1px solid #000;
  background-color : #cc9900;
}

/* hover and focus styling - the classes like .hover and .focus below are for the javascript for IE */
input.med:hover, input.med:focus, input.short:hover, input.short:hover, select.med:hover, select.med:focus, textarea.textbox:hover, textarea.textbox:focus, input.med.hover, input.med.focus, input.short.hover, input.short.focus, select.med.hover, select.med.focus, textarea.textbox.hover, textarea.textbox.focus { 
  color : #000;  
  border : 1px solid #000;
  background-color : #DCDCDC;
}

/* for the checkbox input */
input.checkbox {
  /* not styled on demo page */
}

/* error heading weight and color - bold is for the error reason text */
span.error, dt.error { 
  font-family: Georgia, "Times New Roman", Times, serif;
  color : #66FFFF; 
  font-weight : normal; 
}

/* success heading color */
span.success {
	font-family: Georgia, "Times New Roman", Times, serif;
	color : #66FFFF;
	font-weight : normal;
	padding-left: 30px;
}

/* privacy and "Why?" small element link sizes (relative to their parent element */
small.privacy, small.whythis { 
  font-size : 80%; 
}

/* set up relativity to position small Why? text */
small.whythis { 
  position : relative; 
}

/* Why? link style */
small.whythis a {
	text-decoration : underline;
	font-size : 0.95em;
	color: #66FFFF;
}

/* hide the Why? text span */
small.whythis a span { 
  position : absolute; 
  top : -9000px; 
  left : -9000px; 
  display : inline; 
  width : 17.1em; 
  height : auto; 
  border : 1px solid #000; 
  background-color : #66FFFF; 
  padding-left : 2px; 
}

/* bring back Why? text span (title attribute backs this up for borwsers it doesn't function in */
small.whythis a:hover span, small.whythis a:focus span, small.whythis a:active span { 
  position : absolute; 
  top : 0; 
  left : 6em; 
  
}

/* the link back to me for form credit */
p.creditline { 
  float : right; 
  margin : -17px 0; 
  padding-bottom : 1px; 
  font-size : 80%; 
}

/* used for abbreviation used relative to form. the .abbr class is for the span added for IE */
abbr, .abbr { 
  cursor : help; 
  border-bottom : 1px dotted #999;
}

/* set result color for blockquote dt "heading" */
dl#result_dl_blockq dt {
  color : #669900;
}

/* position result blockquote flush with parent */
dl#result_dl_blockq blockquote {
  margin-left : 0;
}

/* style the input names in the result */
div#gb_form_div span.items {
  font-weight : bold;
  color : #cc9900;
}























form#contactus {
	margin-bottom:30px;
	margin-left: 30px;
	margin-right: 30px;
}

form div.name {
float:left;
width:146px;
}

form div.phone {
float:right;
width:146px;
}

input.hidden {display:none;margin:0;border:0;}

.subject {margin-bottom:10px;}

input.text, textarea {padding:10px;}

textarea {
width:350px;
height:90px;
margin:0 0 5px;
}


input.hidden {display:none;}


/* error classes
----------------------------------------------- */
p.error {
color:#c00;
font-weight:bold;
}

label.error {
color:white;
background:#c00 url(/i/icon_formerror.gif) no-repeat 3px 50%;
font-weight:bold;
padding:1px 1px 1px 17px;
}


/* service manager
----------------------------------------------- */

#main #newhome table.newshometable {
margin: 0 0 0 25px;
}


table.servicedetail {
width:100%;
padding:7px;
border:0;
border-top:1px solid #ededed;
background-color:#f7f7f7;
font-size:12px;
color:#333;
}
table.servicelist {
width:100%;
padding:0;
border:0;
font-size:12px;
color:#333;
}

table.servicelist thead tr th {font-size:11px;padding:3px;text-align:left;background-color:#555;color:#fff;}
table.servicelist tr td {padding:4px 3px;border-top:1px solid #ededed;background-color:#f7f7f7;}

table.even, table.servicelist tr.even td {background-image:url(../i/bg_servicepattern.gif);}

.servicedetail a {color:#999;padding:1px;}
.servicedetail a:hover {color:#666;text-decoration:none;}

.servicelist th a {color:#fff;}
.servicelist th a:hover {color:#ccc;}

/* status bar */
.status {
width:202px;
border:1px solid #BAD88D;
background-color:#EBF7D2;
text-align:left;
}
.status div {
width:0;
height:10px;
background-color:#D2EBAC;
}

.s5 div {width:5%;}
.s10 div {width:10%;}
.s15 div {width:15%;}
.s20 div {width:20%;}
.s25 div {width:25%;}
.s30 div {width:30%;}
.s35 div {width:35%;}
.s40 div {width:40%;}
.s45 div {width:45%;}
.s50 div {width:50%;}
.s55 div {width:55%;}
.s60 div {width:60%;}
.s65 div {width:65%;}
.s70 div {width:70%;}
.s75 div {width:75%;}
.s80 div {width:80%;}
.s85 div {width:85%;}
.s90 div {width:90%;}
.s95 div {width:95%;}
.s100 div {width:100%;}


/* miscellaneous
----------------------------------------------- */
hr {
text-align:left;
margin-left:0;
margin-bottom:15px;
height:1px;
width:480px;
background-color:#fff;
color:#fff;
border:none;
border-bottom:1px dashed #ddd;
}

.description hr {margin-bottom:0;}

/* used on View Browser Source page */
dfn {
font-style:normal;
border-bottom:1px dotted #999;
}

.download a {
font-weight:bold;
padding-left:20px;
background:url(../i/icon_disk.gif) no-repeat 0 50%;
}
#membership {
	width:415px;
	height:100%;
	background:#FFFFFF url(../i/newshome_bkgd.gif) no-repeat center top;
	border:0px solid #E4F0CB;
	float: left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 10px;
}

abbr, acronym, .help {
	border-bottom: 1px dotted #996666;
	cursor: help;
	color: #65626E;
	font-weight: bold;
  }
#subnavmenu {
	background-color: #0E0D13;
	float: left;
	width: 450px;
	height: 55px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}

#subnavmenuhome {
	float: left;
	width: 450px;
	height: 55px;

}


#clickthumbs {
	float: left;
	width: 452px;
	height: 52px;
	padding-top: 25px;
}



.style1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #66FFFF;
	font-size: 24px;
}
.style3 {
	font-size: 16px;
	color: #FFFFFF;
}
.style4 {font-size: 12px}


.year {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	font-size: 12px;
}

.awards {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	line-height: 1.8em;
}

.style6 {font-size: 12px}


#bkgd {
	background-image: url(../i/bkgd_holder_top.png);
	background-repeat: no-repeat;
}

#bkgd-awards {
	background-image: none;
	background-repeat: no-repeat;
}















































.heading, .heading-active {
width: 198px;
padding: 26px;
}

.heading {
padding: 26px;
padding-top: 5px;
padding-bottom: 5px;
}

.heading-active {
background-image: url('spolight_sml.png');
background-repeat: no-repeat;
}

.heading a, .heading-active a {
color: #66FFFF;
text-decoration: none;
text-transform: uppercase;
}

.heading a {
color: #666;
}

.heading a:hover {
	color: #66FFFF;
	background-image: url('spolight_sml.png');
	background-repeat: no-repeat;
	position: relative;
	padding-top: 26px;	
	margin-left: -26px;
	padding-left: 26px;
	padding-right: 26px;
	padding-bottom: 31px;
	margin-bottom: -26px;
	margin-top: -26px;
	width: 248px;
}

.linksdiv {
padding-left: 40px;
}

.linksdiv ul {
}

.linksdiv li {
color: #666;
padding-top: 5px;
padding-bottom: 3px;

}

.linksdiv li a {
color: #666;
text-decoration: none;
padding-left: 15px;
}

.linksdiv li a:hover {
	color: #66FFFF;
	background-image: url('spolight_sml.png');
	background-repeat: no-repeat;
	position: relative;
	width: 198px;
	list-style-type: none;
	padding-top: 26px;
	padding-right: 26px;
	padding-bottom: 26px;
	
	margin-bottom: -10px;
	margin-top: -10px;
	}


.linksdiv li.active {
	background-image: url('spolight_sml.png');
	background-repeat: no-repeat;
	position: relative;
	width: 198px;
	padding-top: 26px;
	padding-right: 26px;
	padding-bottom: 26px;
	
	list-style-type: none;
	margin-bottom: -10px;
margin-top: -10px;
}

.linksdiv li.active a {
color: #66FFFF;
}




#scrollingdiv {
	height:350px;
	overflow: auto;
	width: 430px;
	display: inherit;
}

#scrollingdiv2 {
	height:340px;
	overflow: scroll;
	width: 435px;
	display: inline;
}



a, a.hover, a.active, a.visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #66FFFF;
	text-decoration: none;