@charset "utf-8";
/* CSS Document */

body {
color:#333333;
background-color:#CCCCCC;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding:0;
height:auto;
}

/* /////////////// Layout ////////////// */

.wrapper {
width:980px;
height:100%;
margin:0 auto 0 auto;
padding:0;
background:url(../images/bg_wrapper.jpg) repeat-y;
}

.content {
width:940px;
height:100%;
margin:0;
padding:10px 20px 0 20px;
background: url(../images/top_bar.jpg) no-repeat top;
}

/* /////////////// Text ////////////// */

a {
color:#00c4c4;
text-decoration:underline;
}

a:hover {
color:#008080;
text-decoration:none;
}

h1 {
color:#004444;
font-size:18px;
font-weight:bold;
margin:0;
}

h2 {
color:#008080;
font-size:14px;
font-weight:bold;
margin:0;
}

/* /////////////// Index Services ////////////// */

.services_index {
width:960px;
height:100px;
padding:0;
margin:0;
}

.service1 a,
.service2 a,
.service3 a {
float:left;
position:relative;
top:0;
width:300px;
height:100px;
margin:0;
padding:0 20px 0 0;
}

.service1 a {
background: url(../images/btn_service_1.jpg) no-repeat 0 0;
}

.service1 a:hover {
background: url(../images/btn_service_1.jpg) no-repeat 0 -100px;
}

.service2 a {
background: url(../images/btn_service_2.jpg) no-repeat 0 0;
}

.service2 a:hover {
background: url(../images/btn_service_2.jpg) no-repeat 0 -100px;
}

.service3 a {
background: url(../images/btn_service_3.jpg) no-repeat 0 0;
}

.service3 a:hover {
background: url(../images/btn_service_3.jpg) no-repeat 0 -100px;
}

/* /////////////// Flash Banner ////////////// */

.flash_banner {
width:950px;
height:200px;
margin:10px 0 0 0;
padding:0;
}

.flash_index {
float:right;
width:695px;
height:200px;
margin:0;
padding:0 10px 0 0;
}

/* /////////////// Index Columns ////////////// */

.columns {
width:950px;
height:auto;
margin:30px 0 0 0;
padding:0;
}

.column1 {
float:left;
width:550px;
height:100%;
padding:0 0 0 10px;
margin:0;
}

.column2 {
float:left;
width:370px;
height:100%;
padding:0 0 0 20px;
margin:0;
}

/* /////////////// Footer ////////////// */

.footer {
clear:both;
width:980px;
color:#CCCCCC;
font-size:9px;
text-align:center;
padding:15px 0 15px 0;
background:url(../images/bg_footer.jpg) bottom no-repeat;
}

.footer a {
color:#00c4c4;
text-decoration:underline;
}

.footer a:hover {
color:#999999;
text-decoration:none;
}

/* /////////////// Banner ////////////// */

.banner {
width:960px;
height:100px;
margin:0 0 0 10px;
padding:0;
background:url(../images/banner.jpg) no-repeat;
}

.menu {
position:relative;
top:80px;
float:right;
width:520px;  /* moves menu to the left or right when adjusted - remember the the first menu item has a padding on the left*/
height:25px;
margin:0;
padding:0;
}

.menu ul {
clear:left;
float:left;
width:100%;
list-style:none;
margin:0;
padding:0;
}

.menu ul li {
display:inline;
list-style:none;
margin:0;
padding:0;
}

.menu ul li a {
height:27px;
display:block;
float:left;
margin:0;
padding:0 32px 0 32px;  /* adjusts the spacing in between menu items - padding is on either side so selectable area is centered */
color:#ffffff;
text-decoration:none;
letter-spacing:0.1em;
font-size:11px;
font-weight:bold;
}

.menu ul li a:hover {
color:#fffe80;
}