/* 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;}

ol, ul, li				{list-style: none}
a img					{border:0px;}

/* Set html & body 
--------------------------------------------------*/
html					{width:100%;}
body					{position:relative; width:100%; min-width: 750px; margin:0 auto; background:url(../images/bkg_hm.jpg) repeat-x #000; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #735415}

#bella_studios			{width:100%; background:url(../images/bellastudios.gif) top no-repeat;}

#container				{position:relative; width:750px; margin:0px auto;}
#branding				{position:relative; top:20px;}

#branding ul.bar					{position:absolute; top:20px; padding:0px;display:block; right:0px;}
#branding li.yuimenubaritem 		{padding:3px 3px; display:block; float:left; border-right:1px solid #6f6243;}
#branding li.first					{}
#branding li.last					{border:none;}

#nav 								{position: static;}
				
#nav ul li.yuimenubaritem				{}
#nav a.yuimenubaritemlabel:link,
#nav a.yuimenubaritemlabel:active,
#nav a.yuimenubaritemlabel:visited		{font-weight:bold; text-decoration:none; color:#ebd693; padding:3px 5px;}
#nav a.yuimenubaritemlabel:hover 		{color:#fff; border-bottom:3px solid #766135;}
#nav .yuimenu  							{background:#ebd693; border:solid 1px #fff; font-size:11px; padding:0px 10px;}
#nav .yuimenu .yuimenuitem				{padding:5px 0px; clear:both;}

.yuimenu 								{position: absolute; left: 0; display: none;}
#nav .yuimenu a.yuimenuitemlabel:link,
#nav .yuimenu a.yuimenuitemlabel:visited,
#nav .yuimenu a.yuimenuitemlabel:active {color:#fff; font-weight:bold; font-size:11px; text-decoration:none;}
#nav .yuimenu a.yuimenuitemlabel:hover  {color:#766135;}
#nav .yui-menu-shadow              		{display:none;}
.yuimenuitemlabel,.yuimenubaritemlabel	{white-space:nowrap;}
						
#pgabout #nav_about,
#pgportfolio #nav_portfolio,
#pgcontact #nav_contact,
#pgpricing #nav_pricing,
#pghome #nav_home					{border-bottom:3px solid #766135; color:#fff;}


/* Flash 
--------------------------------------------------*/
#pgportfolio #flashcontent		{position:relative; *z-index:-10; top:-10px; border:4px solid #766135; width:746px; padding:0px; color:#ebd693; text-align:center;}
#pgportfolio #flashcontent a	{color:#FFF; font-weight:bold;}
#pgportfolio #flashcontent p	{padding:20px 0px 0px 0px; margin:0px auto; font-style:normal; text-align:center;}

#content						{position:relative; *z-index:-10; top:-10px; border:4px solid #766135; padding:10px 20px; background:#ede1bb;}

#content h1						{margin:0px; font-size:18px; color:#735415; font-weight:normal; border-top:none; padding:5px 0px; text-align:left;}
#content ul						{margin:5px 0px 5px 15px; padding:0px 0px 0px 25px;}
#content ul li					{list-style:square; margin:10px 0px;}
#content .photo					{margin:10px;}
#content .photoRight			{float:right; margin:10px;}

#pgabout #content,
#pgabout #content h1			{text-align:center;}

#content h2 a					{text-decoration:none; color:#735415;}
/* Text formatting
--------------------------------------------------*/
h1						{font-size:14px; color:#ebd693; font-weight:bold; border-bottom:1px solid #40341c; padding:10px 0px 10px 0px; text-align:center;}
#pghome h1				{font-size:11px; font-weight:normal;}
h2						{color:#735415; font-weight:bold; font-size:14px; padding:0px; margin:0px 0px 10px 0px;}
h3						{color:#735415; font-weight:bold; font-size:12px; padding:0px; margin:0px 0px 10px 0px;}
h4						{color:#ebd693; font-weight:normal; font-size:12px; padding:0px; margin:10px 0px 10px 0px;}
p						{margin: 0px 0px 10px 0px; line-height: 18px}
.small					{font-size:10px;}
.nobr					{white-space: nowrap;}
.clear_left				{clear:right;}
.left_percent			{float:left; width:45%; margin-right: 20px}
.right_percent			{float:left; width:45%;}
#column2				{width:630px; margin:0px auto; clear:both;}
#column3				{width:100%;}
#column3 p				{width:33%; float:left;}
.line 					{height:4px; background-color:#a87a1a; margin:5px 0px 20px 0px;}
.clear					{clear:both;}

a:link, a:visited 		{color: #9a8b5b; text-decoration:underline;}
a:hover 				{color: #735415; text-decoration: none}

/* Site Info
--------------------------------------------------*/
#siteinfo								{height:40px;}
#siteinfo #flashcontent2				{float:left;}
#siteinfo cite							{float:right; margin:5px 0px 0px 0px; font-style:normal; font-size:11px;}
#siteinfo cite a						{color:#735415;}

/* Home Page
--------------------------------------------------*/
#pghome #flashcontent		{position:relative; top:-8px; width:750px; border:none; height:410px; padding:0px; margin:0px auto; color:#ebd693; text-align:center;}
#pghome p					{text-align:center;}
#pghome cite a				{text-align:center; font-size:11px; margin:10px 0px; font-style:normal;}