/* CSS Document */

html, body {
  margin : 0;
  padding : 0;
  background-color : #FFFFFF;
  font-family : arial;
  font-size : 11px;
  color : #333333;
  margin-bottom : 20px;
}

h1 {
  font-size : 20px;
  font-weight : normal;
  margin : 0;
  padding : 0;
  padding-bottom : 3px;
}

a {
  text-decoration : none;
  color : #000000;
  text-decoration : underline;
}

img {
  padding : 0;
  margin : 0;
  border : 0;
}

#container {
  width : 800px;
  height : 800px;
  background-image : url(../images/bg.gif);
  margin : 0 auto;
  margin-top : 20px;
  margin-bottom : 10px;
}

#innerContainer {
  width : 780px;
  height : 780px;
  background-color : #FFFFFF;
  position : relative;
  top : 10px;
  left : 10px;
}

#header {
  height : 160px;
  background-repeat : no-repeat;
  background-image : url(../images/header.jpg);
}
	
	#contactt {
		position : absolute;
		top : 80px;
		left : 550px;
		font-size : 18px;
		color : #FFFFFF;
		text-align : center;
	}

  .tab {
    width : 100px;
    height : 50px;
    background-image : url(../images/tab.gif);
    background-repeat : no-repeat;
    display : block;
    float : right;
    margin-right : 5px;
    margin-top : -10px;
  }
  
  .tabLink {
    display : block;
    position : relative;
    top : 18px;
    text-align : center;
    color : #FFFFFF;
    font-size : 16px;
  }
  
  .tab a {
    text-decoration : none;
  } 
  
  

#bubbles {
  width : 460px;
  height : 340px;
  position : relative;
  top : -172px;
  background-repeat : no-repeat;
  background-image : url(../images/bubbles.jpg);
  float : right;
}

#contentLeft {
  width : 280px;
  float : left;
  text-align : justify;
}

#innerContentLeft {
  margin-top : 30px;
  margin-left : 20px;
}

#contentRight {
  width : 300px;
  float : right;
  z-index : 99;
  position : relative;
  top : 400px;
  right : 150px;
}

#gallery {
  width : 300px;
  float : right;
  z-index : 99;
  position : relative;
  right : 30px;
  top : 100px;
}