/* CSS file for pixbyme.com */

/* layout */

body    {
        background-color: #DDDDDD; color: #333333;
        margin: 50px; padding: 0px;
        text-align: center;
        }

#wrapper    {
            width: 760px;
            background: #ffffff; color: #646464;
            margin: 0px auto; padding: 0px;
            text-align: left;
            border-left: 1px solid #222;
            border-right: 1px solid #222;
            }       
    
/* -- nav bar global stuff -- */
    
#navigation {
            margin: 0px auto; padding: 0px; background-color: #c9c9d3; color: #222;
            width: 763px; height: 125px;
            }

#navigation a   {display: block;}

/* to over-ride general link border bottom settings */

#navigation 
a:link      {border-bottom: 0 none; color: #2b1d36;} 
#navigation 
a:visited   {border-bottom: 0 none; color: #2b1d36;}
#navigation 
a:active    {border-bottom: 0 none; color: #2b1d36;}
#navigation 
a:hover     {border-bottom: 0 none; color: #2b1d36;}

div.spacer {clear: both; height: 10px; font-size: 1px;}

div.spacerNav {clear: both; height: 0px;}

/* \ this commented backslash character between rules appears to have the effect 
that macIE5 ignores the following rule. Odd, but extremely useful. */
.spacerNav  {display: none;}

/* nav link containers */

.lcHome, .lcLogin, .lcUpload, .lcContact
		{
		float: left;
		margin: 0px; padding: 0px;
		}

.lcHome			{width: 220px;}
.lcLogin		{width: 181px;}
.lcUpload        	{width: 181px;}
.lcContact		{width: 181px;}

/* nav link images */

.nlHome, .nllogin, .nlUpload, .nlContact,
		{
		height: 125px; padding: 0px;
		}	

.nlHome			{background: url(Images/nav_home.jpg) no-repeat;}
.nllogin		{background: url(Images/nav_login.jpg) no-repeat;}
.nlUpload	        {background: url(Images/nav_upload.jpg) no-repeat;}
.nlContact		{background: url(Images/nav_contact.jpg) no-repeat;}


     <div id="wrapper">
      <div id="navigation">
      <div class="spacerNav">
        <!-- x -->
      </div>

     <div class="lcHome">
          <a class="nlHome" href="index.html">&nbsp;</a>
     </div>

     <div class="lcLogin">
          <a class="nllogin" href="login.html">&nbsp;</a>
     </div>
     
     <div class="lcUpload">
          <a class="nlUpload" href="upload.html">&nbsp;</a>
     </div>
     
     <div class="lcContact">
          <a class="nlContact" href="contact.html">&nbsp;</a>
     </div>
     
     <div class="spacerNav">
        <!-- x -->
     </div>
    </div>
    
    </div>

/* -- other link stuff -- */

a           {text-decoration: none; font-weight: bold;}
a:link      {text-decoration: none; font-weight: bold; color: #155cc4; background-color: transparent;}
a:visited   {color: #155cc4; background-color: transparent; text-decoration: none;}
a:active    {color: #155cc4; background-color: transparent; text-decoration: none;}
a:hover     {color: #222222; background-color: #99ccff; text-decoration: none; border-bottom: 1px solid #222;}

.noMargin   {display: inline; margin: 0px; padding: 0px;}


#navigation 
a:link      {border-bottom: 0 none; color: #2b1d36;} 
#navigation 
a:visited   {border-bottom: 0 none; color: #2b1d36;}
#navigation 
a:active    {border-bottom: 0 none; color: #2b1d36;}
#navigation 
a:hover     {border-bottom: 0 none; color: #2b1d36;}

/* -- page layout -- */

#pageContent	{
				padding: 0px 30px;
				margin: 0px;
				text-align: left;
				}

/*table.temperatures td {padding: 0px 3px 3px 0px;}*/
				
h1		{
		font: 36px Lucida Calligraphy, sans-serif; font-weight: normal;
		color: #444444;
		margin-top: 0px;
		margin-bottom: 0px;
		}				

h2		{
		font: 16px Arial, sans-serif; font-weight: normal;
		color: #333333;
		margin-top: 0px;
		margin-bottom: 30px;
		}				

h3	{
		font: 14px Arial, sans-serif; font-weight: bold;
		color: #333333;
		margin-top: 0px;
		margin-bottom: -5px;
		}

p,td	{
		font: 12px Verdana, sans-serif; font-weight: bold;
		color: #333333;
		line-height: 1.4em;
		}
		
h4	{
		font: 10px Verdana, sans-serif; font-weight: bold;
		color: #333333;
		line-height: 1.4em;
		}

#pageContent p, #pageContent h3
		{
		margin-left: 375px;
		}

#avTable h3	{
			margin-left: 0px;
			margin-bottom: 10px;
			margin-top: 0px;
			}
			
#pageImages	{
			width: 335px;
			float: left;
			margin-right: 0px;
			padding-right: 0px;
			}

.photo1, .photo2, .photo3
		{
		border: 1px solid #333333;
		}

.photo1	{margin: 0px 0px 15px 0px;}
.photo2 {margin-right: 11px;}
.photo3 {margin: 0px;}


#footer	{
		clear: both;
		text-align: right;
		padding: 30px;
		font: 10px Verdana, sans-serif;
		color: #333333;
		}

/* availability table stuff */

#avTable td	{font-size: 10px; font-family: Verdana, sans-serif;}
#avTable	{margin-bottom: 20px;}
#avTable table	{border: 1px solid #444444;}
#avTable p	{margin-left: 0px;}
.grey	{background-color: #dddddd;}
td.un	{background-color: #bbbbbb;}