@import url(http://yui.yahooapis.com/2.3.1/build/reset/reset-min.css);

/* global element styles */

html                        {height: 101%;}
body                        { font-family: corbel, tahoma, verdana, helvetica, sans-serif; background: white url(page-back-concept2.jpg) 50% 0 repeat-x fixed; }
p                           { line-height: 1.5; padding-bottom: 25px; }
em                          { font-family: candara; font-style: italic; }
br.separator                { clear: both; line-height: .01em; }
a, a:link, a:visited, a:active { color: #0d3a27; }  /* dark teal */
a, a:link, a:visited, a:active { color: #1d81d7; }  /* seacoast blue */
a:hover, a:focus            { color: #d7741d; text-decoration: none; }
.accessibility				{ visibility: hidden; }

#megawrapper                { background: white url(swirl-vertical.jpg) 4px -611px repeat-y; border-left: 1px solid #6c3b0f; border-right: 1px solid #6c3b0f; margin: 0 auto; width: 950px; }
#navwrapper,
#mainservices ul            { padding-left: 67px; }

/***
**** Top Navigation
***/
ul.section                  { background: #6c3b0f url(brown-box.jpg) 50% 100% no-repeat; float: left; font-family: candara, arial, helvetica, sans-serif; font-size: 85%; text-transform: uppercase; width: 821px; }
ul.section li               { float: left; }
ul.section li a             {display: block; text-decoration: none;  padding: 7px 9px 9px 9px;}
ul.section li.sectionactive {padding: 7px 9px 9px 9px; background: transparent url(selected.gif) 0 0 repeat-x; cursor: default;}
ul.section li a,
ul.section li a:link,
ul.section li a:visited,
ul.section li a:active,
ul.section li.sectionactive {color: #ddd;}
ul.section li a:hover,
ul.section li a:focus       {background: transparent url(brown-box-selected.jpg) 50% 0 no-repeat; color: white;}
li#nav_home a               {margin-left: 11px;}
li#nav_home.sectionactive   {background: transparent url(selected.gif) 11px 0 no-repeat; padding-left: 20px;}

/***
**** Masthead
***/
#masthead                   {clear: left; height: 229px; background: url(stafford-hollander-masthead.jpg) 0 0 no-repeat;}
#masthead h1                {margin-left: -1500px;}


/***
**** Three Boxes on Home Page
***/
#mainservices               {display:none;}
body.Home #mainservices     {display: block;}
#mainservices ul            {float: left;}
#mainservices ul li         {float: left; font-size: 108%; height: 263px; margin-right: 16px; width: 263px;}
#mainservices ul li a       {display: block; padding-left: 18px; padding-top: 12px; text-decoration: none;}
#mainservices ul li a,
#mainservices ul li a:link,
#mainservices ul li a:visited,
#mainservices ul li a:hover,
#mainservices ul li a:active{color: #d7741d;}
#mainservices ul li a:focus {border: 4px dashed #d7741d;}
#mainservices ul li a span  {color: #6c3b0f;}
#mainservices span          {clear: left; font-size: 85%; display: block; padding-top: 197px; padding-bottom: 26px;}

li#repair                   { background: url(box-guy.jpg) 50% 0 no-repeat; }
li#maintain                 { background: url(box-kid.jpg) 50% 0 no-repeat; }
li#enhance                  { background: url(box-gal.jpg) 50% 0 no-repeat; }


/***
**** Consumable Content
***/
#pagewrapper                {clear: left; margin-top: 60px; float: left; padding-left: 67px; width: 821px;}
#content                    {float: left; padding-left: 299px;}

/***
**** Editable Text Area
***/
.articlediv                 {float: left; width: 506px;  /* 542px (263px * 2 + 16px) minus 2 * 18px margin */}
.articlediv h2              {clear: both; padding-bottom: 26px; font-size: 108%; color: #d7741d; background: url(shadow-separator.png) 50% 100% no-repeat;}
.articlediv h3              {clear: both; padding-top: 8px; padding-bottom: 26px; font-size: 108%; color: #d7741d;}
.articlediv p img           {float:right;	padding: 0 0 17px 17px;}
.articlediv a:focus         {color: black; background-color: #d7741d;}
.articlediv div.hr-scroll   {	margin-top: 4px;	height: 20px;	background: url(scroll-separator.png) 8px 0 no-repeat;	margin-bottom: 16px;}

/***
**** Administration Form
***/

#frmadmincontent            {border: 1px solid silver; background-color: #f0f0f0; clear: both; float: left; margin: 20px 0; padding: 30px;}
#frmadmincontent legend     {font-weight: bold; margin-bottom: 10px;}
#frmadmincontent input.inptreq,
#frmadmincontent textarea   {margin: 10px 4px 10px 0; border: 1px solid silver; padding: 3px;}
#frmadmincontent textarea   {width: 420px; height: 440px; font-family: consolas, lucida console, monospace; font-size: 67%;}
#frmadmincontent hr         {height: 1px; width: 440px; color: #999;}

/***
**** Sidebar
***/
#sidebar                    { display:none; background: #6c3b0f url(brown-box-sides.jpg) 0 0 repeat-y; color: #cdc6b1; float: right; font-family: tahoma, verdana, candara, helvetica, sans-serif; font-size: 77%; line-height: 1.475; width: 263px;}
#sidebar a,
#sidebar a:link,
#sidebar a:visited,
#sidebar a:focus,
#sidebar a:active           {color: #d7741d;}
#sidebar a:hover            {color: #fff; }
#sidebar ul                 {background: url(brown-box-top.jpg) 0 0 no-repeat; padding-top: 9px; }
#sidebar li                 {padding: 161px 14px 18px 14px; }
li.staff001                 { background: url(sidebar-staff001.jpg) 50% 0 no-repeat; }
li.staff002                 { background: url(sidebar-staff002.jpg) 50% 0 no-repeat; }
li.staff003                 { background: url(sidebar-staff003.jpg) 50% 0 no-repeat; }
li.staff004                 { background: url(sidebar-staff004.jpg) 50% 0 no-repeat; }
li.staff005                 { background: url(sidebar-staff005.jpg) 50% 0 no-repeat; }
li.staff006                 { background: url(sidebar-staff006.jpg) 50% 0 no-repeat; }
li.staff007                 { background: url(sidebar-staff007.jpg) 50% 0 no-repeat; }
li.staff008                 { background: url(sidebar-staff008.jpg) 50% 0 no-repeat; }
li.staff009                 { background: url(sidebar-staff009.jpg) 50% 0 no-repeat; }
li#makeover                 { background: url(sidebar-treatyourself.jpg) 50% 0 no-repeat; }
li#savetime                 { background: url(sidebar-savetime.jpg) 50% 0 no-repeat; }

/***
**** Footer
***/

#footerwrapper              {clear:left; padding: 36px 0 0 67px; background: url(box-transition.jpg) 67px -38px no-repeat;}
#vcard                      {float: left; width: 886px;}
#vcard h4                   {padding: 9px 0 0 36px; text-transform:uppercase;}
#vcard .contact-info        {background: url(vcard-box-sides.jpg) 0 0 repeat-y; float: left; width: 886px;}
#vcard li.postaladdress     {width: 234px;	border-right: 1px solid #aa8c55;}
#vcard #business            {background: transparent url(vcard-box-bottom.jpg) 0 100% no-repeat; padding: 0 0 32px 0; line-height: 1.25; float: left; width: 886px;}
#vcard ul,
#business li                {float: left;}
#business li div            {margin-top: 4px;	padding-left: 36px;}

/***
**** Copyright and Site Credits
***/


#copyright                  {margin-top: 16px; background: #6c3b0f url(brown-box.jpg) 50% 0 no-repeat; color: #cdc6b1; float: left; font-size: 85%; font-family: corbel, candara, verdana, sans-serif; width: 821px;}
#copyright a                {color: #cdc6b1; text-decoration: none;}
#copyright a:hover,
#copyright a:focus          {color: white;}
#copyright p                {background: url(brown-box.jpg) 0 0 no-repeat; padding: 6px 0 11px 18px; float: left; margin: 0;}
#copyright #sitecredits     {background: url(brown-box.jpg) 100% 0 no-repeat; float: right; padding-right: 18px;}

/* login */
#frmlogin                   {margin: 0 0 26px 0; padding: 13px; border: 1px solid silver; background-color: #f6f6f6;}
#frmlogin label,
#frmlogin ul,
#frmlogin li                {display:inline;	padding-right: 9px;}
#frmlogin input.logform     {border: 1px solid silver;}

/* disappearing sidebar trickery */
body.Home #sidebar          {display: block;}
body.Home #content          {padding-left: 18px;}
body.Home #megawrapper      {background: white url(page-back.jpg) 50% 0 no-repeat;}
body.Home #masthead         {background: none;}
body.Home #pagewrapper      {background: url(brown-box-sides.jpg) 100% 0 repeat-y;}
body.Home #footerwrapper    {background: url(box-transition.jpg) 67px 0 no-repeat; padding-top: 74px;}