/* MAIN CSS Document */
/* TIS*/
/* DEBORAH DA SILVA - www.amicidesign.com*/

body {
margin: 20px auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-align:center;
background-color:#b8d987

}

#wrap
{margin:auto;
width:1000px;
text-align:left;
background-color:#ffffff;
background-image:url(../images/background.jpg);

}



/* GENERAL STYLES*/

h1 {
color:#669900;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
margin-top:0;
padding-top:0;
}

h2 {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:lighter;
margin-top:0;
padding-top:0;
}

h3 {
color:#669900;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:lighter;
padding-top:0px;
padding-bottom:2px
}

h4 {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
padding-top:0px;
padding-bottom:2px;
}

h5 {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
padding-top:0px;
margin-top:0px;

}

a {
color:#669900;
text-decoration:none;
font-weight:bold
}

a:hover {
color:#669900;
text-decoration:underline;
font-weight:bold
}



/* TOP HEADER*/



#header {
background-image:url(../images/header.jpg);
background-repeat:no-repeat;
background-position:left;
width:1000px;
height:145px;
}

#offerbox {
width:120px;
float:right;
padding-top:15px;
margin-right:40px;
padding-bottom:15px;
#margin-right:40px;
_margin-right:15px;
}

/* MENU*/

#menu {
width:745px;
#width:745px;
_width:780px;
height:25;
margin-left:225px;
#margin-left:225px;
_margin-left:195px;
margin-top:116px;
position:absolute
}

#menu ul {
list-style:none;
padding: 0px;
margin: 0px;
display:inline;
}

#menu li {
list-style:none;
display:inline;
float:left;


}

#menu li a {
background-image:url(../images/menu.png);
float:left;
background-repeat:no-repeat;
text-align:center;
color:#FFFFFF;
width:121px;
height:24px;
padding-top:5px;
display:block;
margin-right:3px
}

#menu li a:hover {
background-image:url(../images/menu-over.png);
background-repeat:no-repeat;
text-align:center;
color:#FFFFFF;
text-decoration:none;
height:20px;
}

#menu .current{
background-image:url(../images/menu-over.png);
background-repeat:no-repeat;
text-align:center;
color:#FFFFFF;
text-decoration:none;
height:20px;
}


/* CONTENT*/


#content {
width:1000px;

}




#mid {
margin-left:40px;
margin-right:40px;
margin-bottom:20px;
margin-top:10px


}


/* LEFT*/


#left {
width:555px;
#width:555px;
_width:530px;
float:left;
margin-right:3px;
margin-left:40px;
#margin-left:40px;
_margin-left:20px;
}


#left ul {list-style-image:url(../images/bullet_green.gif); margin-left: 10px; padding-left:5px}

/* RIGHT */


#right{
width:330px;
margin-right:40px;
#margin-right:40px;
_margin-right:30px;
float:right;
}


#locations {
width:334px;
height:238px;
background-image:url(../images/map.jpg);
background-repeat:no-repeat;
}

#locations .copy {
padding-left:15px;
padding-right:15px;
text-align:left;
padding-top:15px
}

/* FOOTER */


#footer {
width:1000px;
height:40px;
clear:both;
background-image:url(../images/footer.jpg);
background-repeat:no-repeat;
}

#footercontent{
width:900px;
height:20px;
color:#FFFFFF;
font-size:9px;
padding-left:30px;
float:left;
margin-top:5px
}

#footercontent a{
color:#FFFFFF;
font-size:9px;
text-decoration: underline;

}

#footercontent a:hover{
color:#669900;
font-size:9px;
text-decoration: underline;

}


/* OTHERS */

.floatright {
float:right;
margin-left:10px;
margin-bottom:10px
}

.floatleft {
float:left;
margin-right:10px;
margin-bottom:10px

}

.greyline {
width:100%;
height:10px;
border-top:solid 1px #999999
}

.divider {
width:100%;
height:10px;
}

.clearboth {
clear:both
}


/* RIGHTHOME */




#bookingbox2 {
width:330px;
}

.bookingboxtopdoor2{
width:330px;
height:100px;
background-image:url(../images/box-right-topdoor.jpg);
background-repeat:no-repeat;

}

.bookingboxtopcctv2{
width:330px;
height:100px;
background-image:url(../images/box-right-top2.jpg);
background-repeat:no-repeat;

}

.bookingboxcontent2{
background-image:url(../images/box-right-back2.jpg);
background-repeat:repeat-y;
}

.bookingboxcontentcopy2{
padding-left:10px;
padding-top:5px;
padding-right:10px;
padding-bottom:10px;
color:#000000;
text-align:left;

}

.bookingboxbottom2{
width:330px;
height:15px;
background-image:url(../images/box-right-bottom2.jpg);
background-repeat:no-repeat;

}



#banner {
width:1000px;
height:50px;
background-image:url(../images/banner.jpg);
background-repeat:no-repeat;
}


/* MID CONTENT */

#leftwrap {
float:left;
width:680px;
margin-left:40px
}


#midinternal {
float:left;
width:515px;
margin-top:10px

}

#midinternal ul {list-style-image:url(../images/bullet_green.gif); margin-left: 10px; padding-left:5px}



/* LEFT*/


#leftcolumn {
width:135px;
float:left;
margin-right:15px;
margin-top:10px
}


/* LEFT NAVIGATION*/

#leftnavigation {
width:120px;
color:#000000;
font-size:11px;
text-align:left;
}

#leftnavigation .title{
color:#333333;
font-size:12px;
font-weight:bold
}

#leftnavigation ul{
padding:0;
margin:0;
list-style:none
}

#leftnavigation li{
border-bottom:dotted 1px #999999;
list-style:none
}

#leftnavigation a {
color:#666666;
text-decoration:none;
font-weight:bold;
display:block;
min-height:15px;
padding:5px

}
#leftnavigation a:hover {
color:#ffffff;
text-decoration:none;
font-weight:bold;
display:block;
background-color:#669900;

}

#leftnavigation .current {
color:#669900;
text-decoration:none;
font-weight:bold;
display:block;
background-color:#ffffff;
}





/* RIGHT */


#rightinternal{
margin-top:10px;
width:219px;
margin-right:40px;
margin-left:10px;
float:right;
}


#bookingbox {
width:208px;
}

.bookingboxtopdoor{
width:208px;
height:200px;
background-image:url(../images/door-righttop.jpg);
background-repeat:no-repeat;

}

.bookingboxtopcctv{
width:208px;
height:200px;
background-image:url(../images/cctv-righttop.jpg);
background-repeat:no-repeat;

}

.bookingboxcontent{
background-image:url(../images/booking-back-right.jpg);
background-repeat:repeat-y;
}

.bookingboxcontentcopy{
padding-left:10px;
padding-top:5px;
padding-right:10px;
padding-bottom:10px;
color:#000000;
text-align:left;

}

.bookingboxbottom{
width:208px;
height:15px;
background-image:url(../images/booking-right-bottom.jpg);
background-repeat:no-repeat;

}