/*-- general styles --*/

body 
{
    background-image:  url("images/nav/bg.jpg");
    background-repeat: repeat-x;
    font-size: 12px;
    font-family: Arial;
    margin:0px;
    color: #333333;
}

p
{
   line-height: 1.5em; 
    }
    
strong
{
    color: #990000;
    font-weight: normal;
    }   

H2
{
    font-size:1.2em;
    }
    
    
H1
{
    font-size:1.4em;
    font-weight: bold;
    color: #990000;
    margin-top: 0.1em;
	margin-bottom: 10px;
    padding: 0px 0px 0px 0px;
    border-bottom:solid 1px silver;
    }

h1 a 
{
    color: #990000;
    border-bottom: none;
    }
    
h1 a:hover 
{
    color: #990000;
    border-bottom: none;
    }
   
p
{
    text-align: justify;
    }

a
{
   text-decoration: none;
   color: #666666;
   border-bottom: solid 1px #990000;
    }
    
a:hover
{
    color: #990000;
    text-decoration: none;
    border-bottom: solid 1px #666666;
    
    }

ul.Bullet li
{
    padding: 0.5em 0px;
    }

 /*--- Contact Form Layout ---*/
  
ul#contactForm
{
    margin-top: 20px;
    margin-right:50px;
    }
    
ul#contactForm li
{
    text-align: right;
    list-style: none;
    
    }
    
ul#contactForm input, ul#contactForm textarea
{
    margin: 0px 10px 10px 10px;
    width: 300px;
    border: solid 1px silver;
    vertical-align:  text-top;
    }
   
ul#contactForm input:focus, ul#contactForm textarea:focus
{
    border: solid 1px  #cc6600;
    }

ul#contactForm .button
{
    width: 100px;
    float: right;
    margin-right: 30px;
    }
  
ul#contactForm .validation
{
    width: 2em;
    float: right;
    text-align: left;
    color:  #cc6600; 
    }
  

.validationSummary
{
    margin-left: 135px;
    padding-top: 5px;
    border: solid 1px silver;
    background-color: #ffffff;
    color: #bb0000; 
    
    }  

.alert
{
    font-size: 1.4em;
    color: #bb0000;
    
    }
    
    
/*-- Homepage Layout --*/

.Section
{
    width: 215px;
    height: 260px;
    float: left;
    display: inline;
    margin: 20px 25px 10px 0px;
    background-color: #eeeeee;
    }

.Section h2
{
    margin-top: 0px;
    padding: 4px;
    background-color: #666666;
    background-image: url(images/nav/corner.gif);
    background-position: top right;
    background-repeat: no-repeat;
    color: White;
    }

.SectionHead
{
   
    height: 1.75em;
    float: left;
    margin-bottom: 2px;
    width: 20em;
    
    
    }
    
.Section p
{
    margin: 10px 6px;
    }
   

.Section .SectionImage
{
    width: 200px;
    margin: 10px 7px;
    clear: both;
    }

/*-- Portfolio Layout --*/

.PortfolioSection
{
    margin: 10px 0px 0px 0px;
    text-align: left;
    }


.PortfolioSection p

{
  text-align: left;
    }
 

.PortfolioSection .SectionImage
{
    
    margin: 0.4em 0px 0.8em 0.7em;
    clear: both;
    float: right;
    width: 240px;
    height: 150px;
    
    }