/* CSS Document */

/* Normalizes margin, padding, remove list style 
--------------------------------------------------*/
html, body, h1, h2, h3, h4, h5, h6, li, ol, ul, form, fieldset, input, p,
blockquote, em, strong	{margin: 0px; padding: 0px;}

table, tr, td, th		{padding: 0px; margin: 0px; vertical-align:top; border-collapse:collapse}/* sets declarations for all tables throughout the site */
th						{speak-header: once} /*when rendered aurally, each row of data is to be spoken as a "Header1, Data1, Data1 ..." as opposed to "Header1, Data1, Header1, Data2"*/


ol, ul, li				{list-style: none}

/* Set html & body 
--------------------------------------------------*/
html					{width:100%}
body					{position:relative; width:100%; min-width: 760px; background-color: #fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #1b75bc}

/* Branding 
--------------------------------------------------*/
#branding				{width: 100%; height: 113px}
#branding span			{left:0px; top: 0px}
#branding blockquote	{position: absolute; right: 24px; top: 37px}
#branding h1,
#branding h2			{position: absolute; left: -999px}

/* Flash 
--------------------------------------------------*/
#flash_left				{position:relative; left:-24px; top: -10px; margin:0px; float:left; width:380px; height:390px; font-size:11px;}
#flash_left	h3			{margin:0px 0px 10px 0px;}
#flashcontent			{width:350px; height:390px; padding:0px 15px; margin:10px 0px 0px 0px; border-right:1px solid #1b75bc;}
#flashcontent2			{width:350px; height:390px;}
#flashcontent3			{width:350px; height:390px;}
#flashcontent4			{width:350px; height:390px;}

#flashcontent2 span, #flashcontent2 h3,
#flashcontent3 span, #flashcontent3 h3,
#flashcontent4 span, #flashcontent4 h3	{display:none;}

#flashcontent_ftp		{width:100%; height:100%; padding:0px; margin:0px; border-right:none; text-align:center;}
#flashcontent_ftp blockquote{width:600px; margin:0px auto; padding:50px 0px 10px 0px; text-align:center; }
#flashcontent_ftp h3	{position: relative; left:auto; top:auto; font-size:16px; color:#1b75bc; font-weight:bold; margin:0px}
/* Navigation 
--------------------------------------------------*/
#nav					{position: relative; top: 0px; width:100%; height:29px; background-color:#1b75bc; border-bottom: 1px solid #fff}
#nav ol					{width: 650px; height: 29px; margin:0px auto; padding: 0px}
#nav li					{float: left; display: block}
#nav #home				{width: 46px}
#nav #company,
#nav #td_1				{width: 90px}
#nav #values,
#nav #td_3				{width: 122px}
#nav #meetings,
#nav #td_2				{width: 195px}
#nav #clients,
#nav #td_4				{width: 74px}
#nav #faq				{width: 41px}
#nav #letsmeet			{width: 70px}
#nav a.first:link		{background: none;}
#nav li a:link,
#nav li a:visited		{text-decoration:none; color:#fff; font-weight: bold; height:23px; display: block; background: url(../images/branding/navbullet.gif) no-repeat left; padding: 6px 0px 0px 7px}
#nav li a:hover,
#nav a.first:hover		{text-decoration:none; background: #3ba979; display: block}

/* Home page
--------------------------------------------------*/
#hm_pullquote			{position:absolute; z-index:100; right:-25px; padding:0px; margin:0px auto;}
#hm_pullquote div		{width:350px; margin:0px; padding:0px;}
#hm_pullquote p			{float:left; width:263px; background:url(../images/support/img_dots_sm.gif) bottom right no-repeat; padding:20px 0px 10px 0px;}
#hm_pullquote img		{float:left;}

#hm_contact				{position:relative; right:0px; top:100px; text-align:right; float:right;}

/* Content 
--------------------------------------------------*/
#container				{position:relative; top: 0px; width: auto; min-height: 380px; clear:both; border: 16px solid #3ba979; border-top: none; border-bottom: none;background-color:#FFFFFF; padding: 10px 25px 50px 25px}
#content				{position:relative; height: 100%; min-height: 380px; background:url(../images/branding/dots.gif) no-repeat bottom right }
* html #content			{height: 200px}
#content h6				{position:relative; left:-24px; top: -10px; margin: 0px; float:left} /* section photos */

#home_pg #container		{position:relative; top: 0px; width: auto; min-height: 300px; clear:both; border: 16px solid #3ba979; border-top: none; border-bottom: none; background-color:#FFFFFF; padding: 10px 25px 50px 25px}
#content_hm				{position:relative; height: 100%; min-height: 380px; background:none}
* html #content_hm		{height: 200px}
#content_hm h1

#home #content			{width: 286px; height:285px; min-height: 285px; margin: 20px 20px 20px 30px; padding: 0px; overflow:auto; display:inline}
#home #content_box		{float: left; width: 336px; height:325px;}

#content ul				{list-style:url(../images/support/bullet_sm_sq.gif); margin: 10px}
#content ul li			{list-style:url(../images/support/bullet_sm_sq.gif); margin: 5px 10px 5px 15px}
#content ol li			{margin: 5px 10px}
#content li	b			{color: #e20000}

#preprogram_pg ul .nobullet{list-style:none; list-style-image:none; margin:-10px 0px 0px 0px}
#toolbox_pg #content h3,
#preprogram_pg #content h3	{color:#1b75bc;}
#casestudies_pg #content h2	 {border-top: 0px; text-decoration:none;}

/* Text formatting, etc. */

h1						{position: relative; left: 0px; top: 0px; font-size:28px; color:#1b75bc; font-weight:bold; margin: 0px 0px 20px 0px;}
h2						{min-width:200px; font-size:24px; color:#1b75bc; font-weight:normal; margin: -15px 0px 20px 0px; border-top:1px solid #1b75bc; padding-top: 10px; display:table;}
*html h2				{width:auto; font-size:24px; color:#1b75bc; font-weight:normal; margin: -15px 0px 20px 0px; padding-top: 10px; border-top:none; text-decoration:overline; display:table}

h3						{position: relative; left: 0px; top: 0px; font-size:16px; color:#1b75bc; font-weight:bold; margin: 20px 0px 2px 0px}
h4						{position: relative; left: 0px; top: 0px; font-size:16px; color:#1b75bc; font-weight:bold; margin: 10px 0px 2px 0px}

p						{margin: 0px 0px 8px 0px; line-height: 16px}
.quotes					{font-style:italic; font-size:14px; padding:15px 0px 0px 0px;}
.author					{text-align:right}
.small					{font-size:11px;}
.asterick				{color:#AA82AC;}
.nobr					{white-space: nowrap;}
.clear					{clear:both;}
.clear_left				{clear:right;}
.left_percent			{float:left; width:45%; margin-right: 20px}
.right_percent			{float:left; width:45%;}
#column2				{width:738px; margin:0px auto; clear:both;}

a:link, a:visited 		{color: #3ba979; text-decoration:underline; font-weight: bold}
a:hover 				{color: #2f58a5; text-decoration: none}

#sitemap #content a:link, 
#sitemap #content a:visited,
#cap #content a:link, 
#cap #content a:visited,
#workindust #content a:link,
#workindust #content a:visited	{font-weight:normal; text-decoration:none}

#sitemap #content a:hover, 
#cap #content a:hover	{color: #dea200}

#quicklinks				{border-bottom: 1px solid #CCCCCC; padding-bottom: 10px}

a img					{border:0px;}
#content cite			{width: auto; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:12px;color:#dea200;font-weight:bold; padding: 10px; text-align:center; display:block}


/* Portfolio
--------------------------------------------------*/
#portfolio				{width:738px; margin:0px auto; font-size:11px; clear:both;}
#portfolio ol			{margin:0px; padding:0px; height:400px;}
#portfolio ol li		{width:109px; float:left; padding:0px 10px 0px 0px;}
#portfolio ul li		{list-style:url(../images/support/bullet_sm_sq.gif)}
#portfolio h3			{width:auto; font-size:13px; font-weight:bold; color:#3ba979; font-weight:normal; text-decoration:none; margin: 0px 3px 0px 0px; padding-top: 0px; border-top: none; border-bottom:8px solid #3ba979; display:table}
#portfolio ul			{margin:0px;}
#portfolio a:link,
#portfolio a:visited	{color: #1b75bc; text-decoration:underline; font-weight: normal;}
#portfolio a:hover		{color: #1b75bc; text-decoration: none}

/* Case Studies
--------------------------------------------------*/
#casestudies			{width:430px; margin:0px auto; font-size:11px; clear:both;}/*make width=738px for all 5 case studies*/
*html #casestudies		{width:600px; margin:0px auto; font-size:11px; clear:both;}/*make width=738px for all 5 case studies*/
#casestudies ol			{margin:0px; padding:0px; height:400px;}
#casestudies ol li		{width:109px; float:left; padding:0px 10px 0px 0px; margin:5px 10px;}
#casestudies ul			{margin:0px; list-style:url(../images/support/bullet_sm_sq.gif); list-style-image:url(../images/support/bullet_sm_sq.gif);}
#casestudies ul li		{list-style:url(../images/support/bullet_sm_sq.gif); list-style-image:url(../images/support/bullet_sm_sq.gif);}
#casestudies h3			{width:auto; font-size:13px; font-weight:bold; color:#3ba979; font-weight:normal; margin: 0px; padding-top: 0px; border-top: none; border-bottom:8px solid #3ba979; display:table}
#casestudies a:link,
#casestudies a:visited	{color: #1b75bc; text-decoration:underline; font-weight: normal;}
#casestudies a:hover	{color: #1b75bc; text-decoration: none}

#casestudies_pg h1		{float:left;}
#casestudies_pg h2		{width:auto; font-size:24px; color:#1b75bc; font-weight:normal; margin: 0px; padding-top: 10px; border-top: none; display:table; float:right;}

/* News Popups
--------------------------------------------------*/
#news_pg h1				{font-size:18px; font-weight:normal; margin:0px 0px 10px 0px;}
#news_pg h2				{width:auto; font-size:18px; font-weight:normal; color:#47494b; margin:10px 0px 5px 0px;; padding-top: 0px; border-top:none;}

/* Contact Form
--------------------------------------------------*/
#contact_pg form		{margin:0px; padding:0px;}
#contact_pg form h3		{float:none; clear:both;}
#contact_pg form ol		{list-style:none; list-style-image:none; padding:0px; margin:0px;}
#contact_pg form ol li	{clear:both; margin:5px 0px;}
#contact_pg form ol li p{width:110px; float:left; margin:0px 5px 0px 0px; text-align:right;}
#contact_pg form ol li span{color:#F00;}
#contact_pg form ol li select{width:145px;}

#contact_pg form ul		{list-style:none; list-style-image:none; padding:0px; margin:0px;}
#contact_pg form ul li	{clear:both; margin:5px 0px; list-style:none; list-style-image:none;}
#contact_pg form ul li input{width:20px; float:left; margin:0px 5px 0px 0px;}
#contact_pg form ul li p{float:left;}
#contact_pg form textarea{width:245px; height:100px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#contact_pg form div input{margin:10px 10px 0px 0px;}

/* Site Info 
--------------------------------------------------*/
#site_info				{position: relative; top: 0px; width:100%; height: auto; clear:left; padding-top: 10px; font-size:11px}
#site_info span			{position: relative; top: -16px; width:100%; height: 16px; background-color: #2f58a5; display: block; border-top: 1px solid #fff}
#site_info span	img		{float:right;}
#site_info blockquote	{position: absolute; top: -36px; width: 100%}
#site_info blockquote span{width: 660px; height: 25px; text-align: center; margin: 0px auto; border-top: 1px solid #1b75bc;background-color:#fff; color: #1b75bc; padding-top: 15px}
#site_info cite			{position: absolute; top: 15px; right: 20px; height: 32px; font-style:normal; color: #666}
#site_info p			{margin: 0px 0px 10px; padding: 0px}
#site_info h2			{display:none}

#site_info cite a:link,
#site_info fite a:visited	{color:#d9d9d9; font-weight:normal; letter-spacing: 0}

#site_info cite a:hover,
#site_info cite a:active	{color:#fff}