/* CSS Document */

#wrap {
position: relative;
width: 90%;
margin: 0 auto;
text-align: left;
}

#splash {
position: absolute;
top: 0px;
left: 0px;
height: 500px;
width: 99%;
background: url(../images/splash.jpg) no-repeat;
margin: -15px 10px 0px 0px;
}

/* Main Menu */

#menu {
position: relative;
float: left;
margin: 115px 0px 0px 155px;
width: 82%;
}

#menu a {
text-decoration:none;
background: url(../images/pointer.jpg) no-repeat;
font-size: 1.4em;
padding: 3px 74px 0px 21px;
color: #0000CC;
}

#menu a:hover {
text-decoration:none;
font-size: 1.4em;
color: #FF0000;
}

/* Main text */

#main {
position: relative;
float: left;
margin: 15px 0px 0px 160px;
padding: 0px 0px 20px 0px;
width: 80%;
min-height: 320px;
}

#mainService {
position: relative;
float: left;
margin: 15px 0px 0px 160px;
padding: 0px 0px 20px 0px;
width: 60%;
min-height: 320px;
}

#serviceBar {
position: relative;
float: right;
margin: 20px 20px 0px 0px;
padding: 0px 10px 5px 10px;
width: 15%;
background-color: #D8D8D8;
}

/* Footer */

#footer {
clear: both;
border-top: thin #0000CC solid;
margin: 0px 10px 50px 20px;
padding: 0px 0px 20px 0px;
}

#footer p.right {
float: right;
margin: 10px 5px 0px 0px;
}

#footer p.right1 {
float: right;
margin: 10px 0px 0px 0px;
}

#footer p.left {
float: left;
margin: 10px 0px 0px 5px;
}

#footer img {
border:none;
}

img.floatleft {
float: left;
padding: 0px 10px 0px 0px;
position: relative;
}

img.floatright { 
float: right; 
padding: 0px 0px 0px 10px;
position: relative;
}