/* Styles */

* {
margin:0;
padding:0;
}

body {
background:url(images/bg.jpg) #686A69 repeat-x;
margin:0;
}

div {
font-family:Tahoma, Arial, sans-serif;
font-size:11px;
color:#FFF;
}

table {
font-family:Tahoma, Arial, sans-serif;
font-size:11px;
color:#FFF;
}

a {
color:#FFF;
}

a:hover {
color:#620243;
}

.textLeft {
float:left;
}

.textRight {
float:right;
}

li {
line-height:20px;
}

h1 {
font-size:11px;
padding:0;
margin:0;
font-weight:normal;
display:inline;
}


/* Layout */

#Container {
width:766px;
height:800px;
margin:8px auto;
}

#Navigation {
width:766px;
height:89px;
float:left;
}

#Navigation img {
float:left;
}

#IndexHeading {
width:216px;
height:95px;
float:left;
background-image:url(images/index_06.jpg);
padding:210px 50px 0 500px;
}

#AboutHeading {
width:216px;
height:95px;
float:left;
background-image:url(images/about_06.jpg);
padding:210px 50px 0 500px;
}

#ServicesHeading {
width:216px;
height:95px;
float:left;
background-image:url(images/services_06.jpg);
padding:210px 50px 0 500px;
}

#ProductsHeading {
width:216px;
height:95px;
float:left;
background-image:url(images/products_06.jpg);
padding:210px 50px 0 500px;
}

#ContactHeading {
width:216px;
height:95px;
float:left;
background-image:url(images/contact_06.jpg);
padding:210px 50px 0 500px;
}

#indexProducts {
margin:0 0 0 25px;
overflow:auto;
}

#indexLeftCol {
width:314px;
height:290px;
background-image:url(images/index_07.jpg);
float:left;
padding:20px 0 0 20px;
}

#indexRightCol {
width:430px;
height:290px;
background-image:url(images/index_08.jpg);
float:left;
padding:20px 0 0 2px;
}

#aboutLeftCol{
width:444px;
height:290px;
background:url(images/about_07.gif);
float:left;
padding:20px 0 0 45px;
}

#servicesLeftCol{
width:444px;
height:290px;
background:url(images/services_07.gif);
padding:20px 0 0 45px;
float:left;

}

#prodsLeftCol{
width:444px;
height:290px;
background:url(images/products_07.gif) no-repeat #777D7D;
float:left;
overflow:auto;
padding:20px 0 0 45px;
}

#contactLeftCol{
width:444px;
height:290px;
background:url(images/contact_07.gif);
float:left;
padding:20px 0 0 45px;
}

#contactRightCol {
width:197px;
height:290px;
background:url(images/contact_08.gif);
float:left;
padding:20px 0 0 80px;
}

#contactAddress {
width:220px;
height:250px;
float:left;
margin:0 0 0 20px;
font-size:12px;	
}

#rightCol {
width:277px;
height:290px;
background:url(images/about_08.gif);
float:left;
padding:20px 0 0 0;
}

#Footer {
width:746px;
height:76px;
background-image:url(images/index_09.jpg);
float:left;
padding:20px 0 20px 20px;
}

/*------------------------------------ Contact Form ----------------------------------------*/

.formFields {
width: 190px;
height:14px;
margin-bottom:5px;
padding:5px;
font-family:Tahoma, Arial, sans-serif;
font-size:11px;
color:#FFF;
background-color:#979F9F;
border:1px solid #686A69;
overflow:auto;
}

.quickFormFields {
width: 100px;
height:20px;
margin-bottom:5px;
padding:5px;
font-family:Tahoma, Arial, sans-serif;
font-size:11px;
color:#FFF;
background-color:#979F9F;
border:1px solid #686A69;
overflow:auto;
}

#FormLeft{

float:right;
width:170px;
padding:0 30px 0 10px;
margin:0 0 0 0;
text-align:right;
}

#FormLeft2 {

float:left;
width:200px;
margin:0 0 40px 0;
}

.formBtns {
color:#FFF;
font-family:Tahoma, Arial, sans-serif;
font-size: 11px;
background-color:#979F9F;
border:1px solid #686A69;
width:70px;
height: 25px;
margin:0 0 10px 0;
}

.quickFormBtns {
color:#FFF;
font-family:Tahoma, Arial, sans-serif;
font-size: 11px;
background-color:#979F9F;
border:1px solid #686A69;
width:55px;
height: 25px;
margin:0 3px 10px 0;
}
