/*

CSS for rjh-Graphics

*/



body {

  font-family: Arial;

  background-color: #333333;

  line-height: 125%;

  padding: 15px;

}



p {

  padding: 0;

  margin: 0;

}



img {

  padding: 0;

  margin: 0;

}





h1 {

  font-family: Arial;

  font-size: 40px;

  background-color: transparent;

  color: white;

}

h2 {

  font-family: Arial;

  background-color: transparent;

  color: white;

/*

  padding-top: 1em;

  padding-bottom: .2em;

  padding-left: .2em;

  padding-right: .2em;



  border-top: .1em solid green;

  border-bottom: .1em solid green;

  border-left: .1em solid green;

  border-right: .1em solid green;

/*

  margin: 0;

  

}



h3 {

  font-family: Arial;

  background-color: transparent;

  color: black;

  margin: 0;

}



#product-name h2{

  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

  font-size: 2em;

  background-color: transparent;

  color: white;

  width: 9.5em;



  padding-top: .1em;

  padding-bottom: .2em;

  padding-left: .2em;

  padding-right: .2em;

/*

  border-top: .1em solid green;

  border-bottom: .1em solid green;

  border-left: .1em solid green;

  border-right: .1em solid green;

*/

  margin: 0;

  

}



#company-name h1 {

  font-family: Arial;

  background-color: transparent;

  color: white;

  /*width: 6em;



  padding-top: 1em;

  padding-bottom: .4em;

  padding-left: .4em;

  padding-right: .4em;



  border-top: .2em solid red;

  border-bottom: .2em solid red;

  border-left: .2em solid red;

  border-right: .2em solid red;*/



  margin: 0;

}



#calendar-details h2{

  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

  background-color: gray;

  color: white;

  width: 7.8em;



  padding-top: 1em;

  padding-bottom: .2em;

  padding-left: .49em;

  padding-right: .2em;



  border-top: .1em solid green;

  border-bottom: .1em solid green;

  border-left: .1em solid green;

  border-right: .1em solid green;



  margin: 0;

  

}



#tagline p {

  font-style: italic;

  font-family: Georgia, Times, serif;

  background-color: transparent;

  color: white;

  width: 19em;



  padding-top: .3em;

  padding-bottom: .3em;

  padding-left: .3em;

  padding-right: .3em;



/*  border: .1em solid black; */

  margin: 0;

}





#available h2{

  font-family: Arial;

  font-size: 27px;

  background-color: transparent;

  color: black;



  margin: 0;

  

}



#products-list-title h3{

  font-family: Arial;

  font-size: 23px;

  background-color: transparent;

  color: black;

}



#product1 p1{

  font-family: Arial;

  font-size: 20px;

  background-color: transparent;

  color: black;

}



#product2 p1{

  font-family: Arial;

  font-size: 20px;

  background-color: transparent;

  color: black;

}



#product3 p1{

  font-family: Arial;

  font-size: 20px;

  background-color: transparent;

  color: black;

}



#products-details-title h3{

  font-family: Arial;

  font-size: 22px;

  background-color: transparent;

  color: black;

}



#products-details ul{

  font-family: Arial;

  font-size: 19px;

  line-height: 32px;

  background-color: transparent;

}



#enquiries-title h3{

  font-family: Arial;

  font-size: 23px;

  background-color: transparent;

  color: black;

}



#enquiries-statement1 p1{

  font-family: Arial;

  font-size: 20px;

  background-color: transparent;

  color: black;

}



#enquiries-statement2 p1{

  font-family: Arial;

  font-size: 20px;

  background-color: transparent;

  color: black;

}



#enquiries-statement3 p1{

  font-family: Arial;

  font-size: 20px;

  background-color: transparent;

  color: black;

}



#about-title h3{

  font-family: Arial;

  font-size: 23px;

  background-color: transparent;

  color: black;

}



#about-statement1 p1{

  font-family: Arial;

  font-size: 19px;

  background-color: transparent;

  color: black;

}



#about-statement2 p1{

  font-family: Arial;

  font-size: 19px;

  background-color: transparent;

  color: black;

}



#about-statement3 p1{

  font-family: Arial;

  font-size: 19px;

  background-color: transparent;

  color: black;

}





#about-statement4 p1{

  font-family: Arial;

  font-size: 19px;

  background-color: transparent;

  color: black;

}



#about-statement5 p1{

  font-family: Arial;

  font-size: 19px;

  background-color: transparent;

  color: black;

}



#future-products ul{

  font-family: Arial;

  font-size: 18px;

  line-height: 30px;

  background-color: transparent;

}





#about-statement6 p1{

  font-family: Arial;

  font-size: 19px;

  background-color: transparent;

  color: black;

}



#about-statement7 p1{

  font-family: Arial;

  font-size: 19px;

  background-color: transparent;

  color: black;

}















#home-button p{

  font-family: Arial;

  font-size: 18px;

  background-color: transparent;

  color: white;

}



#products-button p{

  font-family: Arial;

  font-size: 18px;

  background-color: transparent;

  color: white;

}



#contact-button p{

  font-family: Arial;

  font-size: 18px;

  background-color: transparent;

  color: white;

}



#about-button p{

  font-family: Arial;

  font-size: 18px;

  background-color: transparent;

  color: white;

}











/*

#main-content ul{

  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

  font-size: 1.2em;

  line-height: 1.4em;

  background-color: transparent;

  color: black;

  width: 20em;



  padding-top: 1em;

  padding-bottom: 10em;

  padding-left: 21em;

  padding-right: .2em;

/*

  border-top: .1em solid green;

  border-bottom: .1em solid green;

  border-left: .1em solid green;

  border-right: .1em solid green;

*/

  margin: 0;

  

}

*/





/*

Link behaviour instructions

*/



.whitelinks a {

  /*font-weight: bold;*/

  background-color: transparent;

  margin: 0;

  padding: 0;





/*

  opacity:0.0;

  filter:alpha(opacity=0); /* For IE8 and earlier */



  padding-top: .3em;

  padding-bottom: .3em;

  padding-left: .3em;

  padding-right: .3em;



  margin-top: 2em;

  margin-bottom: .2em;

  margin-left: .2em;

  margin-right: .2em;

*/

}



.whitelinks a:link {

  text-decoration: none;

  color: white;

  background-color: transparent;

  margin: 0;

  padding: 0;

}



.whitelinks a:visited {

  text-decoration: none;

  color: white;

  background-color: transparent;

  margin: 0;

  padding: 0;

}



.whitelinks a:hover {

  text-decoration: underline;

  color: gray;

  background-color: transparent;

  margin: 0;

  padding: 0;

}



.whitelinks a:active {

  text-decoration: none;

  color: gray;

  background-color: transparent;

  margin: 0;

  padding: 0;

}





.blacklinks a {

  /*font-weight: bold;*/

  background-color: transparent;

  margin: 0;

  padding: 0;





/*

  opacity:0.0;

  filter:alpha(opacity=0); /* For IE8 and earlier */



  padding-top: .3em;

  padding-bottom: .3em;

  padding-left: .3em;

  padding-right: .3em;



  margin-top: 2em;

  margin-bottom: .2em;

  margin-left: .2em;

  margin-right: .2em;

*/

}



.blacklinks a:link {

  text-decoration: none;

  color: black;

  background-color: transparent;

  margin: 0;

  padding: 0;

}



.blacklinks a:visited {

  text-decoration: none;

  color: black;

  background-color: transparent;

  margin: 0;

  padding: 0;

}



.blacklinks a:hover {

  text-decoration: underline;

  color: gray;

  background-color: transparent;

  margin: 0;

  padding: 0;

}



.blacklinks a:active {

  text-decoration: none;

  color: gray;

  background-color: transparent;

  margin: 0;

  padding: 0;

}



#home-button p {

  color: white;

  background-color: transparent;

}



#products-button p {

  color: white;

  background-color: transparent;

}



#contact-button p {

  color: white;

  background-color: transparent;

}



#about-button p {

  color: white;

  background-color: transparent;

}













#product-background, #product-name, #tagline, 



#company-background, #company-name, #home-button, #products-button, 

#contact-button, #about-button, 



#product-navigation-background, #calendar-details, #size-button, #festivals-button, 

#concepts-button, 



#product-details-background, #available, #main-content {

  position: absolute;

}







#company-background {

  position: absolute;

  top: 0px;

  left: 0px;

}



#company-name {

  position: absolute;

  top: 70px;

  left: 125px;

}



#home-button {

  position: absolute;

  top: 122px;

  left: 181px;

}



#products-button {

  position: absolute;

  top: 122px;

  left: 283px;

}



#contact-button {

  position: absolute;

  top: 122px;

  left: 401px;

}



#about-button {

  position: absolute;

  top: 122px;

  left: 522px;

}









#product-navigation-background {

  top: 11em;

  left: 0em;

}



#calendar-details {

  top: 11em;

  left: 0em;

}







#product-details-background {

  top: 11em;

  left: 15em;

}



#available {

  position: absolute;

  top: 195px;

  left: 165px;

}



#buy-statement1 {

  position: absolute;

  top: 339px;

  left: 848px;

}



#buy-statement2 {

  position: absolute;

  top: 371px;

  left: 899px;

}



#buy-statement3 {

  position: absolute;

  top: 399px;

  left: 846px;

}



#buy-statement4 {

  position: absolute;

  top: 433px;

  left: 846px;

}



#buy-statement5 {

  position: absolute;

  top: 470px;

  left: 846px;

}



#products-list-title {

  position: absolute;

  top: 398px;

  left: 460px;

}



#product1 {

  position: absolute;

  top: 457px;

  left: 470px;

}



#product2 {

  position: absolute;

  top: 495px;

  left: 470px;

}



#product3 {

  position: absolute;

  top: 533px;

  left: 470px;

}



#products-details-title {

  position: absolute;

  top: 164px;

  left: 200px;

}

#products-details {

  position: absolute;

  top: 196px;

  left: 200px;

}



#enquiries-title {

  position: absolute;

  top: 180px;

  left: 177px;

}



#enquiries-statement1 {

  position: absolute;

  top: 252px;

  left: 222px;

}



#enquiries-statement2 {

  position: absolute;

  top: 282px;

  left: 222px;

}



#enquiries-statement3 {

  position: absolute;

  top: 312px;

  left: 222px;

}







#about-title {

  position: absolute;

  top: 180px;

  left: 177px;

}



#about-statement1 {

  position: absolute;

  top: 252px;

  left: 222px;

}



#about-statement2 {

  position: absolute;

  top: 281px;

  left: 222px;

}



#about-statement3 {

  position: absolute;

  top: 310px;

  left: 222px;

}



#about-statement4 {

  position: absolute;

  top: 339px;

  left: 222px;

}



#about-statement5 {

  position: absolute;

  top: 368px;

  left: 222px;

}



#future-products {

  position: absolute;

  top: 359px;

  left: 362px;

}



#about-statement6 {

  position: absolute;

  top: 486px;

  left: 292px;

}



#about-statement7 {

  position: absolute;

  top: 515px;

  left: 292px;

}



#wall-planner-small {

  position: absolute;

  top: 245px;

  left: 182px;

}



#wall-planner-large {

  position: absolute;

  top: 521px;

  left: 415px;

}





# centralcontainer {

margin-left: auto;

margin-right: auto;

width: 871px;



}