/* CSS Document *//* CSS Document */

body {
    /* font-family: Arial, Verdana, sans-serif; */
    font-family: Century Gothic, Lucida Grande,Lucida Sans Unicode,Arial,Verdana,sans-serif; /* MAIN BODY FONTS */
    font-size:13px;
		font-weight:normal;
	   margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 20px 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #000;
    background: #ffffff /* #eaeaee; */
  }


h1, h2, h3, h4, h5, h6{
/*font-family: Mushmellow; */
font-weight: bold;
color: #111234;
}

h1 {font-size: 22px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}

.h4{
font-weight: bold;
color: #111234;
font-size: 14px;}

.vacancytag{font-size: 12px;}

.small{font-size: 9px;}

.tanya{font-family: Georgia, Times New Roman, Serif}

a { text-decoration:none; border:0; }
a:link {color: #2a880c; font-weight:bold}
a:visited {color: #2a880c; font-weight:bold}
a:hover {color: #39b811; font-weight:bold} 
a:active {color: #39b811; font-weight:bold} 

a img {
border:0px;
}


/* END HEADERS AND LINKS */


#container {
/* overflow: auto; - this caused the container to have vertical and horizontal scroll bars */
top: 0px;
width: 980px; margin:0 auto;
position: relative;
height: auto;
padding:0;
text-align: left; 
background: #ffffff /* #eaeaee;  */
}

#header{
position: absolute;
top: 10px;
z-index: 50;
height: 380px; 
width: 100%; 
text-align:center;
overflow: hidden; /*overflow to prevent any text peaking through */
}

#content{
z-index: 400px;
position: absolute; 
top: 460px;
left: 82px;
width: 782px;
}

#contentservice{
z-index: 400px;
position: absolute; 
top: 450px;
left: 82px;
width: 582px;
}

#contentright{           /*used for Home Check box */
z-index: 400px;
position: absolute; 
top: 480px;
left: 690px;
width: 200px;
background: #ffffff /*#efeff5; */
border-style: ridge;
border-width: 5px;
padding: 10px 10px 10px 10px;
-moz-box-shadow: 5px 5px 7px #333;
-webkit-box-shadow: 5px 5px 7px #333;
}

#rentalrequest{           /*used for Home Check box */
z-index: 400px;
position: absolute; 
top: 480px;
left: 720px;
width: 200px;
background: #ffffff /* #efeff5; */
border-style: ridge;
border-width: 5px;
padding: 10px 10px 10px 10px;
-moz-box-shadow: 5px 5px 7px #333;
-webkit-box-shadow: 5px 5px 7px #333;
}

#vacancy1{
position: relative;
top: 10px;
width: 220px;
text-align: center;
font-size: 12px;
}

#vacancy2{
position: relative;
/* top: 50px;*/
width: 220px;
left: 280px;
text-align: center;
font-size: 12px;
}

#links{
position: absolute;
top: 440px;
left:  465px;}

#icons{
z-index: 400px;
position: absolute; 
top: 440px;
left: 850px;
}

/* START OF NAVIGATION */

#nav {
position: absolute;
top: 390px;
left: 10px;
margin: 0; 
padding: 0;
background: #111234;
list-style-type: none;
width: 960px;
float: left; /*contain floated list items */
}
#nav a{
float: left;
width: 192px;
font-size: 1.2em;
color: #efeff5;
text-decoration: none;
line-height: 40px;
text-align: center;
}

#nav a:hover{
background: #34ae0f;
}

/* END NAVIGATION */


/*FOOTER*/
#footer {
position: relative;
/* bottom: 10px;*/
text-align: center;
color: #000;
}
/* END FOOTER */