/* 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					{background: url(../images/main.gif) repeat-x #e20000}
body					{position:relative; width:662px; background: url(../images/main.gif) repeat-x #e20000; margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color: #404040}



/* Branding 
--------------------------------------------------*/
#branding				{position:relative; top: 48px; width: 100%; height: 99px}
#branding img			{width: 150px; height: 50px; float:right}
#branding h1,
#branding h2,
#branding p				{display:none;}

#home #branding			{position:relative; top: 48px; width: 100%; height: 424px}

/* Flash 
--------------------------------------------------*/
#flashcontent			{position: absolute; top:99px; left: 0px; width:325px; height:325px; float: left; background:url(../images/flasholder.gif) no-repeat}
#flashcontent cite		{padding: 120px 50px}
#flashcontent a			{border:none; color:#000;}

/* Navigation 
--------------------------------------------------*/
#nav					{width:200px; height:53px; margin: 0px 25px 0px 10px}
#nav h2					{display:none}
#nav ol					{position: absolute; top: -8px}
#nav #left				{width: 200px; left: 0px}
#nav #right				{width: 200px; left: 175px}

#nav a:link,
#nav a:visited			{text-decoration:none; color:#fff; font-weight: normal}
#nav a:hover			{text-decoration:none; color:#fff; font-weight:bold}

/* Content 
--------------------------------------------------*/

#content				{position: relative; width: 450px; min-height:520px; background: url(../images/in_btm.gif) no-repeat bottom #fff; padding: 0px 30px 30px 30px; float: left}
#content #in_top		{position: relative; top: 0px; left:-30px; margin-right: -60px}

#home #content_box		{position: absolute; top:99px; left:324px; float: left; width: 336px; height:325px; background: url(../images/home_rt2.gif) no-repeat}
#home #content			{width: 286px; height:285px; min-height: 285px; margin: 20px 20px 20px 30px; padding: 0px; overflow:auto; display:inline}

#content ul				{list-style: disc; margin: 10px}
#content ul li			{list-style: disc; margin: 5px 10px 5px 15px}
#content ol li			{margin: 5px 10px}
#content li	b			{color: #e20000}

/* Text formatting, etc. */
#home h1, h6			{font-size:20px; color:#000; font-weight:bold; margin-bottom: 10px}
#home h1 span, h6 span	{color:#dea200}

h1						{font-size:14px;color:#e20000;font-weight:bold;	margin: 0px 0px 0px 0px}
h2						{font-size:14px;color:#dea200;font-weight:bold;	margin: 10px 0px 0px 0px}
#workindust h1			{margin: 20px 0px 0px 0px}
h3						{color:#666666}
h6						{margin-bottom: 20px}
p						{margin: 0px 0px 8px 0px}
.tinycopy 				{font-size: 11px; color: #666;}
.purple					{color:#57065E;}
.red					{color:#FF0000;}
.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%;}

a:link, a:visited 		{color: #e20000; font-weight:bold; text-decoration:none}
a:hover 				{color: #dea200}

#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;}
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}

/* Work 
--------------------------------------------------*/
#portlink				{position: relative; top: -35px; right: -250px; width: 200px}

.workcontent			{width: 422px; position: relative; margin: 0px auto; margin-bottom: 30px; padding: 0px; clear: right}
* html .workcontent			{width: auto}
.workcontent a			{width: 181px; float: left; margin: 5px 15px 5px 15px; display:block; font-size: 10px; padding: 108px 0px 0px 0px; cursor: hand}
#work #worka 			{background: url(../images/portfolio/sb.jpg) no-repeat}
#work #workb 			{background: url(../images/portfolio/bpe.jpg) no-repeat}
#work #workc 			{background: url(../images/portfolio/cooks.jpg) no-repeat}
#work #workd			{background: url(../images/portfolio/faces.jpg) no-repeat}
#work #worke			{background: url(../images/portfolio/devons.jpg) no-repeat}
#work #workf			{background: url(../images/portfolio/tonys.jpg) no-repeat}
#work #workg			{background: url(../images/portfolio/lapiana.jpg) no-repeat}
#work #workh			{background: url(../images/portfolio/yolo.jpg) no-repeat}
#work #worki			{background: url(../images/portfolio/crew.jpg) no-repeat}
#work #workj			{background: url(../images/portfolio/cmr.jpg) no-repeat}
#work #workl			{background: url(../images/portfolio/core.jpg) no-repeat}
#work #workm			{background: url(../images/portfolio/solano.jpg) no-repeat}
#work #workn			{background: url(../images/portfolio/avs.jpg) no-repeat}
#work #worko			{background: url(../images/portfolio/circuit.jpg) no-repeat}

.polworkcontent			{width: 450px; height:217px; position: relative; margin: 0px auto; margin-bottom: 30px; padding: 0px; clear: right}
* html .polworkcontent			{width: auto}
.polworkcontent a			{width: 217px; float: left; margin: 5px 8px 5px 0px; display:block; font-size: 12px; padding: 220px 0px 15px 0px; cursor: hand}

#political #worka 			{background: url(../images/political/poizner-wide.jpg) no-repeat; width:450px; margin: 5px 0px 5px 0px;}
#political #workb 			{background: url(../images/political/harrison-grunge.jpg) no-repeat}
#political #workc 			{background: url(../images/political/harrison-blue.jpg) no-repeat}

/* tables */
table#ecommercetable		{width: 100%; text-align:left; margin: 0px auto; border: none}
#ecommercetable caption h1	{display: none; visibility: hidden}
#ecommercetable th			{font-size:13px; color:#fff; font-weight:bold; vertical-align: middle; background-color: #FF0000; padding: 3px}
#ecommercetable td			{list-style: square; padding: 5px 0px 0px 10px; font-size:11px}
#ecommercetable .checkmark	{text-align:center; padding-top: 5px; margin: 0px}



/* Sidebar
--------------------------------------------------*/
#sidebar					{position: relative; top: 2px; right: 0px; width: 139px; font-size:13px; float: right; background:none}
#sidebar ul li a:link,
#sidebar ul li a:visited	{width: 108px; height:52px; color: #fff; display: block; padding: 12px}
#sidebar ul li a:hover		{width: 108px; height:52px; color: #e20000; font-size: 14px; background: url(../images/in_block_o.gif) no-repeat}

#sidebar h2					{display:none}
#sidebar ul					{width: 132px}
#sidebar ul li				{width: 132px; background: url(../images/in_block.gif) no-repeat; margin: 3px 0px}

#sidebar #google			{width: 80px; float: left; text-align:left; line-height: normal; margin: 20px 0px 0px 8px; font-size:11px; color: #d9d9d9}
#sidebar #google img		{margin-bottom: 5px; border: 6px solid #fff}


/* Services/Capabilities Links 
--------------------------------------------------*/
#servicelinks					{color: #fff; font-weight:bold; font-size: 13px; display: block; margin: 10px 0px 0px 2px}
#servicelinks li				{width: 125px; height: auto; margin: 3px 0px 5px 0px; padding: 0px; display: block}
#servicelinks .span				{width: 125px; height: auto; padding: 0px; margin: 0px; border-bottom: 1px solid #f39696}

#servicelinks a:link,
#servicelinks a:visited			{width: 100%; color: #fff; font-weight:bold; display: block}
#servicelinks a:hover			{font-size: 14px}
#servicelinks h2				{display:none}

#home #servicelinks				{width: 662px; color: #fff; font-weight:bold; font-size: 15px; line-height:20px; display: block; margin: 0px}
#home #servicelinks li			{width: 112px; height: 25px; display: block; float: left; padding: 20px 7px 20px 10px; margin:0px}
#home #servicelinks li.span		{width: 1px; height: 40px; float: left; padding: 0px; border-left: 1px solid #f39696}
#home #servicelinks a:link,
#home #servicelinks a:visited	{width: 112px; height: 65px; color: #fff; font-weight:bold; line-height:20px; display: block}
#home #servicelinks a:hover		{width: 112px; height: 65px; color: #fff; font-size: 16px}

#home #ria,
#home #graphic,
#home #ecommerce,
#home #website,
#home #seo				{position: absolute; top: 240px; left: 40px; width: 306px; height:125px; background:url(../images/detail.gif) no-repeat; overflow:auto; padding: 10px; z-index:999; visibility:hidden}

#home #graphic			{left: 100px}
#home #ecommerce		{left: 140px}
#home #website			{left: 180px}
#home #seo				{left: 200px}

#home #ria h2,
#home #graphic h2,
#home #ecommerce h2,
#home #website h2,
#home #seo h2			{font-size: 14px}


/* Quote Request
--------------------------------------------------*/
#content #quote					{list-style: none; margin:0px; padding:0px;}
#content #quote ul,#content #quote ol	{list-style:none; margin: 0px}
#content #quote li				{list-style: none; margin: 3px 0px}


#quote ul				{margin:0px; padding:0px 0px 5px 0px; margin:0px;}
#quote li				{clear:both; padding:10px 0px; margin:0px;}
#quote p				{width:200px; float:left;}
#quote input			{width:150px; float:left;}
#quote textarea			{width:150px; float:left;}
#quote span				{width:10px; color:#AA82AC; float:left;}
#quote cite				{width:250px; float:left; font-style:normal; color:#000; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-align:left; padding:0px;}

#quote_checkbox			{padding:0px; margin:0px; float:left; width:200px;}
#quote_checkbox2		{padding:0px 5px; margin:0px; float:left;}
#quote_checkbox li,
#quote_checkbox2 li		{list-style: none; clear:both; padding: 0px;}
#quote_checkbox input,
#quote_checkbox2 input	{width:15px; float:left;}
#quote_checkbox p,
#quote_checkbox2 p		{width:110px; float:left;}
#quote_checkbox textarea,
#quote_checkbox2 textarea{width:130px; float:left;}
#quote_checkbox2 cite	{width:150px; float:left; font-style:normal; color:#000; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-align:left; padding:0px;}
.quote_txt_box			{width:155px; margin:0px 0px 0px 210px;}

#quote_competitor		{padding:0px; margin:0px; float:left;}
#quote_competitor li	{list-style: none; clear:both; padding:5px 0px;}
#quote_competitor input	{width:155px; float:left;}
#quote_competitor p		{width:150px; float:left;}

/*old*/
.tutorials				{width:475px;}
.tutorials h1			{width:475px;}
.tutorials img			{margin-bottom:20px; border: 1px solid #666;}


#branding_missing		{width:752px; margin:0px auto; padding-bottom:20px; background:#FFF; text-align:left;}
#branding_missing p,
#branding_missing h1	{padding:0px 130px 0px 50px}

textarea, select, input	{font-family:Arial, Helvetica, sans-serif; font-size:12px;}

#btn_container			{float:left; margin:10px 0px 0px 0px;}
#btn_container img		{float:left; border:0px;}
#btn_container a:link,
#btn_container a:visited,
#btn_container a:active	{border-bottom:none;}
#btn_container a:hover	{border-bottom:5px solid #AA82AC;}

.hidden					{display:none;}

/* Site Info 
--------------------------------------------------*/
#site_info				{position: relative; top: 10px; width:510px; font-size:11px; clear:left; padding-top: 10px; color: #d9d9d9; font-size:10px; line-height: 13px; border-top: 1px solid #ed5e5e; letter-spacing: 2px}
#home #site_info		{position: relative; top: 30px; width:100%; font-size:11px; clear:both; padding-top: 30px}
#site_info p			{margin: 0px 0px 10px; padding: 0px}
#site_info h2			{display:none}

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

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

#site_info #google		{width: 85px; float: left; text-align:left; letter-spacing: 0; margin-right: 15px; font-size:11px; color: #d9d9d9}
#site_info #google img	{margin-bottom: 5px; border: 6px solid #fff}

#home #site_info #links		{width: 35%; float: left; text-align:left}

#site_info #links		{width: 47%; float: left; text-align:left}
#site_info #text		{width: 47%; float: right; text-align:right; letter-spacing: 0}
#site_info #text p span		{font-size: 16px; font-weight: bold; line-height:normal; color: #fff}
#site_info #text p span a	{font-size: 16px; font-weight: bold; color:#fff}
#recaptcha_widget_div span { color: black; float: none; width: auto; }