body {
   margin: 0;
   padding: 0;
   font-family: "Lucida Grande", Verdana, Arial, sans-serif;
   color: #66696C;
   background: #E6E9EE url(img/pc_body.gif) top left repeat-x; }

#footer {
   margin: 0 auto;
   width: 950px;
   padding: .5em 0 3em 0;
   clear: left; 
   text-align: center; 
   font-size: .7em;
   color: #9EA2A7; }

#container {
   margin: 0 auto;
   width: 950px;
   background: url(img/pc_container.gif) top left repeat-y;
   border-bottom: 1px solid #9EA2A7; }

#ctop {
   margin: 0 auto; 
   width: 950px; 
   height: 22px;
   background-color: transparent;
   background: url(img/pc_topline1.gif) no-repeat; }

#sidebar {
   position: relative;
   float: left;
   margin-top: 1px;
   width: 194px; }

#logo {
   position: absolute;
   top: 50px;
   left: 0;
   margin:0px;
   padding: 0;
   width: 185px;
   height: 166px;
   background: url(img/pc_logo.gif) no-repeat;}

#logo h1 { margin: 0; }

#nav {
   position: absolute;
   top: 221px;
   right: 0;
   background-color: transparent; }

#photogal {
   position: absolute;
   top: 40px;
   margin: 0 0 0 756px;
   width: 194px; 
   background-color: transparent; }
   
#rightNav {
   position: absolute;
   top: 244px;
   margin: 0 0 0 756px;
   width: 194px; 
   background-color: transparent;
   min-height: 370px; }

#content {
   float: left;
   margin-top: 0;
   width: 494px;
   padding: 34px;
   background: transparent url(img/pc_secondary.jpg) repeat-x;
/* ORIGINAL  background: transparent url(img/bg_secondary.gif) repeat-x; */ 
/* use this img area for page headers leave this as the bg fade and place specific page imgs in the page code */
   font-size: .8em;
   height: 594px; }

#contentgallery {
   float: left;
   margin-top: 0;
   width: 494px;
   padding: 34px;
   background: transparent url(img/pc_secondary.jpg) repeat-x;
/* ORIGINAL  background: transparent url(img/bg_secondary.gif) repeat-x; */ 
/* use this img area for page headers leave this as the bg fade and place specific page imgs in the page code */
   font-size: .8em;
   height: 594px; }
   
html>body #content {
/* hack for non-IE browsers only */
   height: auto;
   min-height: 594px; }

html>body #contentgallery {
/* hack for non-IE browsers only */
   height: auto;
   min-height: 594px; }

hr { display: none; }

h1 strong, h2 strong { display: none; }

a img { border: none; }

/*  --  LEFT NAV STYLES  --  */

#nav h4 {
   font-size: .71em;
   margin-bottom: 0px;
   border-color: #9EA2A7;
   border-width: 0 0 1px 0;
   border-style: solid;
   color:#4B443A; }

html>body #nav {
/* hack for non-IE browsers only */
   height: auto;
   min-height: 200px; }

#nav ul {
   margin: 0; 
   float: left; 
   width: 194px !important;
   width: 187px;   /* hack for IE */
   padding: 0px 0 21px !important;
   padding-left: 7px;   /* hack for IE */
   font-size: .71em;
   color: #1d1d1d; }

#nav ul li {
   list-style: none;
   border-bottom: 1px dotted #9EA2A7; }

 #nav #active a { 
 background: transparent url(img/arrow.gif) 0px 7px no-repeat; }

#nav a:link, #nav a:visited {
   padding: 5px 5px 5px 20px;
   color: #736969;
   text-decoration: none;
   display: block; }

#nav a:hover, #nav a:active { 
   color: #3065A7; 
   background-color: #BEC2C7; 
   text-decoration: none; }

/*  --  PHOTOGAL AND RIGHT NAV STYLES  --  */

#photogal h4 {
   color: #7C8084;
   font-size: .6em;
   text-transform: uppercase;
   letter-spacing: .1em;
   border-bottom: 1px solid #9EA2A7;
   text-align: left;
   margin: 1em 0;
   padding: 0 0 .5em 1em; }

#rightNav h4 {
   color: #7C8084;
   font-size: .6em;
   text-transform: uppercase;
   letter-spacing: .1em;
   border-bottom: 1px solid #9EA2A7;
   text-align: left;
   margin: 1em 0;
   padding: 0 0 .5em 1em; }

#rightNav p {
   font-size: .71em;
   margin: 0;
   padding: .5em 0em .5em 1em;
   line-height: 1.3; }

#rightNav a:link, #rightNav a:visited {
   color: #3065A7;
   text-decoration: none; }

#rightNav a:hover, #rightNav a:active {
   color: #5A7BA5;
   border-bottom: 1px dotted #3065A7}

img.homepage {
   margin: 0;
   padding: 3px; 
   border: 1px solid #D9DCE1; }

img.ad {
   border: 1px solid #EE9800;
   /* margin: 0; */
   padding: 2px;
   margin: .8em 0 0 1em; }

img.ad:hover { background-color: #E9BD6F; }


/*  --  CONTENT GALLERY STYLES --  */

#contentgallery h2 {
   margin: 0; 
   padding: 120px 0 60px 0;
   color: #EE9800;
   font: bold 2em "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
   /* letter-spacing: .1em; */}

#contentgallery h3 {
   margin: 0 0;
   padding: 1em 0 0 0;
   color: #66696C;
   font: bold 1em "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
   letter-spacing: .1em; }
   
#contentgallery p { 
   margin: 0;
   padding: .5em 0 1em 0;
   line-height: 1.3;
   font-size: 1em; }

#contentgallery a:link {
   text-decoration: none;
   color: #fff;
   border: none; }

#contentgallery a:visited {
   text-decoration: none;
   color: #fff;
   border: none; }

#contentgallery a:hover {
   text-decoration: none;
   color: #fff;
   border: none; }

/*  --  CONTENT STYLES --  */

#content h2 {
   margin: 0; 
   padding: 120px 0 60px 0;
   color: #EE9800;
   font: bold 2em "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
   /* letter-spacing: .1em; */}

#content h3 {
   margin: 0 0;
   padding: 1em 0 0 0;
   color: #66696C;
   font: bold 1em "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
   letter-spacing: .1em; }
   
#content p { 
   margin: 0;
   padding: .5em 0 1em 0;
   line-height: 1.3;
   font-size: 1em; }

#content a:link {
   text-decoration: none;
   color: #3065A7;
   border-bottom: 1px dotted #fff; }

#content a:visited {
   text-decoration: none;
   color: #224775;
   border-bottom: 1px dotted #3065A7; }

#content a:hover {
   color: #5A7BA5;
   background-color: #FEFCBB;
   border-bottom: 1px dotted #3065A7; }

#content ul { 
   font-size: 1em;
   margin: 0;
   padding: 0 0 0 20px;
   line-height: 1.3; 
   list-style-type: square; }

#content ul.clients { 
   font-size: 1em;
   margin: 0;
   padding: 0 0 0 40px;
   line-height: 1.3; 
   list-style-type: square; }

.no-space {
   margin: 0px;
   padding: 0px; }

/*  SERVICES PAGE TABLE STYLES  */
#services table{
   width: 490px;
   margin: 0;
   padding: 0;
   font-family: "Lucida Grande", Verdana, Arial, sans-serif;
   font-size: 1em; 
   border-spacing: 0px;
   border-collapse: collapse; }

#services a:link {
   text-decoration: none;
   color: #3065A7;
   border-bottom: 1px dotted #fff; }

#services a:visited {
   text-decoration: none;
   color: #224775;
   border-bottom: 1px dotted #fff; }

#services a:hover {
   color: #5A7BA5;
   background-color: #FEFCBB;
   border-bottom: 1px dotted #3065A7; }

/*  --  P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html  --  */

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block; }
.clearfix {
  display: inline-block; /* Fixes IE/Mac */ }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */