/* CSS Document */

/* CLEAR DEFAULTS & SET PAGE
---------------------------------------------------*/
h1, h2, h3, h4, h5, h6, li, 
ol, ul, form, fieldset, input,
p, blockquote, img, label			{margin: 0px; padding: 0px; list-style:disc;}
img									{border: none}
table, tr, td, th					{/*padding: 0px; margin: 0px;*/ vertical-align:top; border-collapse:collapse; border: none}/* sets declarations for all tables throughout the site */
table th							{text-align: right; speak-header: always; width: 25%; padding-right: 8px}
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"*/
a:link, a:visited, a:active			{color: #9fcf67; text-decoration:underline; font-weight:bold; cursor: pointer}
a:hover								{color: #9fcf67; text-decoration:none; cursor: pointer;}
input, select						{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; width: 200px}
label								{cursor: pointer; margin-bottom: 5px}

/* Set html & body 
--------------------------------------------------*/
html								{margin: 0px; padding: 0px; background:url(../images/bkg_main.gif) top repeat-x #000000;}
body 								{position: relative; width: 100%; height:100%; margin: auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height:18px; font-weight:normal; font-style:normal; color:#000;}
#container							{position:relative; width:1003px; margin: 0px auto; padding:0px;}

/* BRANDING / NAVIGATION
---------------------------------------------------*/
#branding							{position:relative; z-index:1; float:left; height:auto; width:128px; margin:0px; padding:0px 20px 10px 20px;}
#branding ul li						{padding:6px 0px 0px 0px; margin:0px; list-style:none;}
#branding h2						{position:relative; z-index:500;}
#branding h3						{margin:15px 0px;}
#branding h4						{font-size:16px; font-weight:bold; color:#FFF; margin:15px 0px;}
#branding h5,
#branding h5 a						{font-size:13px; font-weight:bold; margin:15px 0px; text-align:right; text-decoration:none}


#branding ul.bar					{position:relative; padding:0px; margin:10px 0px; right:0px; display:block;}
#branding li.yuimenubaritem 		{padding:0px; margin:0px; display:block; height:28px;}
#branding li.yuimenubaritemlast		{}

div.yui-b p 						{margin: 0 0 .5em 0;color: #999;}
div.yui-b p strong 					{font-weight:normal; color:#000;}
div.yui-b p em 						{color: #000;}
#nav 								{position: static;}
				
#nav ul li.yuimenubaritem				{padding-right:0px;}
#nav ul li.yuimenubaritemlast			{padding-right:0px;}
#nav a.yuimenubaritemlabel:link,
#nav a.yuimenubaritemlabel:active,
#nav a.yuimenubaritemlabel:visited		{font-weight:bold; font-size:15px; padding:4px 0px; text-decoration:none; color:#fff; margin-bottom:10px; text-align:right;}
#nav a.yuimenubaritemlabel:hover 		{color:#9fcf67;}
#nav .yuimenu  							{background:#567897; font-size:13px; text-align:left; padding:5px;}

.yuimenu {position: absolute; left: 0; display: none; }
#nav .yuimenu a.yuimenuitemlabel:link,
#nav .yuimenu a.yuimenuitemlabel:visited,
#nav .yuimenu a.yuimenuitemlabel:active {font-family:Arial, Helvetica, sans-serif; color:#fff; padding:2px 0px; margin:0px; font-weight:normal; font-size:13px; text-decoration:none;}
#nav .yuimenu a.yuimenuitemlabel:hover  {color:#c4cfda;}
#nav .yui-menu-shadow              		{display:none;}
.yuimenuitemlabel,.yuimenubaritemlabel	{white-space:nowrap;}

#nav ul li								{display: block;}
#nav li a 								{display: block;}


/*#pghome #nav_home,
#pgaboutus #nav_about,
#pgsamples #nav_samples,
#pgpricing #nav_pricing,
#pgwhyus #nav_why,
#pgfaqs #nav_faqs,
#pgcontact #nav_contact 			{color:#9fcf67;}
*/

/* CONTENT FORMATTING
---------------------------------------------------*/
#holder								{position:relative; float:left; height:auto; width:825px; margin:0px; padding:0px; background:none;}
* html #holder						{position:relative; float:right; height:auto; clear:left; left:-200px; width:825px; margin:0px; padding:0px; background:none;}

#holder h1							{color:#FFF; font-size:26px; padding:5px 10px 15px 190px; margin:0px 0px 0px 0px; font-weight:normal; border:5px solid #0397d6; border-bottom:none; background:url(../images/bkg_header.jpg) repeat-x #06668f; width:625px;}

/* TOP HEADER PHOTOS
---------------------------------------------------*/
#holder #img_header					{margin:0px 0px 10px 0px; padding:0px; height:120px; width:835px;}
#pgfaqs #img_header					{background:url(../images/header/01.jpg) no-repeat;}
#pgaboutus #img_header				{background:url(../images/header/02.jpg) no-repeat;}
#pgsamples #img_header				{background:url(../images/header/03.jpg) no-repeat;}
#pgcontactus #img_header			{background:url(../images/header/04.jpg) no-repeat;}
#pgpricing #img_header				{background:url(../images/header/05.jpg) no-repeat;}
#pgwhyus #img_header				{background:url(../images/header/06.jpg) no-repeat;}
#pglinks #img_header				{background:url(../images/header/07.jpg) no-repeat;}
 
#content							{position:relative; width:785px; top:-2px; background:url(../images/bkg_interior.jpg) repeat-x #FFF; border:5px solid #0397d6; border-top:none; margin:0px; padding:20px 20px 20px 20px;}

#content p,
#content_hm p						{margin: 0px 0px 18px 0px; line-height:22px;}
#content hr,

#content h2,
#content_hm h2	/*black*/			{color:#000; font-size:22px; font-weight:normal; margin:0px 0px 15px 0px; line-height:26px;}
#content h3,
#content_hm h3 /*blue*/				{color:#0397d6; font-size:22px; font-weight:normal; margin:0px 0px 15px 0px; line-height:26px;}
#content h4,
#content_hm h4 /*purple*/			{color:#6f2a8e; font-size:22px; font-weight:normal; margin:0px 0px 15px 0px; line-height:26px;}
#content h5, /*white*/
#content_hm h5 						{color:#FFFFFF; font-size:20px; font-weight:normal; margin:0px 10px 0px 10px; line-height:20px;}
#content h6, 
#content_hm h6						{color:#0397d6; font-size:16px; font-weight:normal; margin:0px 0px 15px 0px; line-height:20px;}

#content ul, #content ol,
#content_hm ul, #content_hm ol		{margin:0px 5px 20px 20px}
#content li,
#content_hm li						{margin:0px 15px 8px 20px; font-size:13px;}
#content ul li,
#content_hm ul li					{list-style:square; padding:0px 0px 0px 8px;}
#content ol li,
#content_hm ol li					{list-style:square}

#content a:link,
#content a:visited					{color:#6f2a8e; text-decoration:underline; font-weight:bold;}
#content a:hover,
#content a:active					{color:#6f2a8e; text-decoration:none;}

#breadcrumbs						{padding:0px 0px 15px 0px; color:#7a91a5; font-size:11px;}
#breadcrumbs a:link,
#breadcrumbs a:visited,
#breadcrumbs a:active				{color:#7a91a5; font-weight:bold; text-decoration:none;}
#breadcrumbs a:hover				{color:#7a91a5; text-decoration:none;}

#button								{background:url(../images/bkg_button.gif) repeat-y #000; color:#FFF;}
#button h2,
#button h3,
#button h4,
#button h5,
#button h6,
#button p,
#button ul li						{color:#FFF;}

#button ul, #button ol				{margin:0px 5px 5px 10px}
#button li							{margin:0px 3px 5px 15px; font-size:13px;}
#button ul li						{list-style:square; padding:0px 0px 0px 8px;}


.clear								{clear:both;}
.line								{margin:25px 0px;}


img.centered 						{display: block; margin-left: auto; margin-right: auto;}
img.alignright 						{padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft 						{padding: 4px; margin: 0 7px 2px 0; display: inline;}
.alignright 						{float: right;}
.alignleft 							{float: left;}

/* FORM
---------------------------------------------------*/
/*#contact_form ul 	 				{margin-left:0px;}
#contact_form ul li 				{list-style-type: none; margin: 20px 0px; font-weight:normal;}
#contact_form .required 			{color:#8b0b04; }
#contact_form label 				{width:150px; text-align: right; float: left;}
#contact_form input 				{margin-left: 10px; }
#contact_form textarea 				{margin-left: 10px; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#333333; width:257px;}
#contact_form li.buttons 			{clear: both; padding:20px 0px 0px 0px; margin:0px;}
#contact_form li.buttons input 		{width: auto; }

#contact_form td.checkboxes			{width:10px;}
#contact_form td.comments			{width:100px;}
#contact_form td input				{width:10px; margin-left:0px;}
#contact_form td label			 	{width:auto; text-align:left; margin:0px; padding:0px;}
*/
/* SITE INFO (footer)
---------------------------------------------------*/
#siteinfo 							{position:relative; width:828px; margin:0px auto; clear:both; color:#666666; padding:0px 0px 10px 175px; font-size:11px;}
#siteinfo a:link, #siteinfo a:visited{color: #666666; text-decoration: none; font-weight:bold; }
#siteinfo a:hover, #siteinfo a:active{color: #ffffff; text-decoration: none;}
#siteinfo cite 						{font-style:normal; clear:both; margin:0px 0px 10px 0px;}
 
/*Home
---------------------------------------------------*/
#content_hm							{position:relative; width:785px; top:0px; background:url(../images/bkg_interior.jpg) repeat-x #FFF; border:5px solid #0397d6; border-top:5px solid #0397d6; margin:0px; padding:20px 20px 20px 20px;}
#content_hm #button					{background:url(../images/bkg_button_lg.gif) repeat-y #000;}

#flashcontent						{margin:0px 0px 15px 0px; padding:0px; height:280px; width:835px;}