/* CSS Document */


body
{
background: #000;
color: #fff;
behavior: url("csshover.htc");
text-align: center;
font: normal 10px sans-serif;
}

p{
font: normal 10px sans-serif;
line-height: 18px;
color: #fff;
text-align: justify;
}

p.small
{font: normal 9px sans-serif;
color: #666;
}

a{font: normal 10px helvetica;
color: #ffcc99;
background: none;
text-decoration: none; 
}

a:hover{font: normal 10px helvetica;
color: #cc6666;
background: none;
text-decoration: none; 
}

img{
border: 0px;
}

p.footnote{
text-align: center;
color: #ccc;
}


/* div stuff */

#date{
position: absolute;
left: 70%;
font: normal 10px sans-serif;
color: #fff;
text-align: justify;
width: 200px;}

#container{
position: relative;
margin: auto;
padding: auto;
width: 760px;
background: #323232;
background-image: url(images/bg01.jpg);
background-repeat: repeat-x;
text-align: left;
}

#bottom{
background-image: url(images/bg2.gif);
background-repeat: repeat-x;
height: 80px;
background-color: #000;
}

#title{
background-image: url(images/title.gif);
width: 760px;
height: 320px;
margin: auto;
}

#title h1{margin: auto;
}

#title h1 span{
display:none;
}


#column1 {
width: 220px;
padding: 10px;
line-height: 18px;
font: normal 10px sans-serif;
}

#column1 p{
width: 220px;
}

#column4 {
width: 500px;
padding: 10px;
}

#column4 p{
width: 500px;
}

#column4 table{
padding-left: 50px;
font: normal 10px sans-serif;
line-height: 18px;
color: #fff;
text-align: justify;
}

.data1{
text-align: right;
font: bold 10px sans-serif;
}

.pic{
text-align: center;
margin-left: 3px;
margin-right: 3px;
margin-top: 3px;
margin-bottom: 3px;
}


#column2 {
position: absolute;
top: 27px;
left: 260px;
width: 220px;
padding: 10px;
}

#column2 p{
width: 220px;
}

#column2 span{
font: normal 14px sans-serif;
color: #fff;
line-height: 26px;
}

#column2 th{
font: normal 14px sans-serif;
color: #fff;
line-height: 26px;
}

#column2 td{
font: normal 10px sans-serif;
line-height: 18px;
color: #fff;
text-align: justify;
}

/*Contact Box*/

#contactrequest{
width: 250px;
}

#box{
padding: 5px;
background: #fff;
color: #333;
border: 3px solid #666;
font: normal 12px sans-serif;
}




/*Column 3 services stuff*/


#column3 {
position: absolute;
top: 27px;
left: 520px;
width: 220px;
padding: 10px;
text-align: center;
}

#column3 p{
margin: auto;
border: 2px solid #999;
text-align: left;
line-height: 15px;
color: #999;
padding: 10px;
background: #000;
width: 180px;
}

#column3 p:hover{
cursor: pointer;
border: 2px solid #ffcc99;
margin: auto;
text-align: left;
line-height: 15px;
color: #999;
padding: 10px;
background: #000;
width: 180px;
}

#column3 a{
color: #fff;
text-decoration: none;
}


#column3 span{
font: normal 14px sans-serif;
color: #fff;
line-height: 26px;
}

#column3 b{
color: #cc6666;
}

.icon{
padding: 5px;
float: right;}






/*Links navi stuff*/


#link {
padding: 0px;
text-align: center;
width: 760px;
height: 40px;
margin: auto;
background-image: url(images/bgLink2.gif);
background-repeat: no-repeat;
}

#navUL {
padding-right: 60px;
text-align: left;
margin: auto;
width: 420px;
height: 40px;
}

#navUL li {
display: block;
float: left;
height: 40px;
width: 140px;
}

#navUL li a {
display: block;
width: 140px;
height: 40px;
}

#navUL li a:hover {
background-position: 0 -1900px;
}

#navUL li a.navActive {
background-position: 0 -1900px;
}

#navUL li span{
display: none;
}

#nav1 {
background: url(images/b_home.gif) no-repeat;
width: 140px;
}

#nav2 {
background: url(images/b_about.gif) no-repeat;
width: 140px;
}

#nav3 {
background: url(images/b_contact.gif) no-repeat;
width: 140px;
}