* {
padding: 0;
margin: 0;

}

html { 
height: 100%; 
margin-bottom: 1px; 

}


a {
outline: none;
}


img a {
border: none;



}


body {
font-family: Arial, Helvetica, sans-serif;
  

font-size: 62.5%;

padding-bottom: 20px;

background-color: #fff;


}


#wrapper {
width: 960px;
margin: 0px auto;
background-color: #fff;






}

#branding {
width: 960px;




}


#branding h1 {
	font-family: Arial, Helvetica, sans-serif;
	width: 960px;
	font-size: 4em;
	color: #999;
	padding: 20px 0 6px 0;
	margin-left: 50px;
	color: #ff872f;
	letter-spacing: 1px;

}


#nav {
width: 960px;
background-color: #efefef;
text-align: left;
padding-top: 10px;

}


#nav ul{

margin-left: 60px;
padding-top: 12px;
padding-bottom: 10px;
margin-top: 0px;
background-color: #efefef;
}

#nav li{

display: inline;


} 


#nav ul li a{

font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.6em;
font-weight: normal;
color: #333;

text-decoration: none;
padding: 8px 20px 8px 20px;
margin-left: 4px;

}




#nav ul li a:hover{

color: #7e858b;

}





#leftcol {
width: 280px;
background-color: #fff;
float: left;

}



#leftcol h2 {

font-size: 1.5em;
color: #666;
padding: 10px 0 10px 0;
margin-left: 54px;
letter-spacing: 1px;

padding-top: 30px;
}



#leftcol p {

margin-left: 50px;
font-size: 1.4em;
padding: 10px 0 6px 0;
line-height: 1.2em;
letter-spacing: 2px;




}


#leftcol p a {

color: #555;
text-decoration: none;
padding: 4px;
display: block;
}

#leftcol p a:hover {

color: #333;
background: #efefef;
padding: 4px;

}


#leftcol p img {

border: 1px solid #efefef;



}


#rightcol img {
padding:6px;


}

#rightcol {
width: 600px;
background-color: #fff;
float: right;

margin-top:60px;



}

#rightcol p {

margin-left: 0px;
font-size: 1.2em;
color: #666;
padding: 10px 0 6px 0;
line-height: 1.4em;



}


#rightcol p a {


color: #6c8089;
text-decoration: none;




}


#rightcol p a:hover {


color: #6c8089;
text-decoration: underline;




}



#rightcol h1 {


font-size: 1.4em;
margin-left: 0px;
color: #81999f;
padding: 50px 0 12px 0;
}


#rightcol h2 {


font-size: 1.4em;
color: #7d848a;
padding-top: 20px;

}


#footer {
width: 960px;
clear: both;
background-color: #fff;
padding-top: 60px;
line-height: 1.4em;


}



#footer p {

margin-left: 50px;
font-size: 1.2em;
padding: 10px 0 0 0;
color: #777;
line-height: 1.4em;



}


#footer p a {


color: #ff872f;
text-decoration: none;




}


#footer p a:hover {


color: #ff872f;
text-decoration: underline;

}



#slideshow {
position:relative;
width: 600px;
height: 400px;



}

#slideshow IMG {
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
text-align: center;
}

#slideshow IMG.active {
z-index:10;
opacity:1.0;
}

#slideshow IMG.last-active {
z-index:9;
}