/* CSS Document */

body{
background-color:#F8F8F8;
font-family:"Gill Sans MT", Tahoma;
}

*{
scrollbar-base-color: white;
scrollbar-arrow-color: #BBB2A7;
scrollbar-track-color: #CCCCCC;

scrollbar-shadow-color: black;
scrollbar-lightshadow-color: black; 
scrollbar-darkshadow-color: gray;

scrollbar-highlight-color: white;
scrollbar-3dlight-color: black;
}

/*Global Structure/Layout*/

#container{
width:985px;
margin:0 auto;
background-color:#FFFFFF;
border:1px solid #999999;
}

#logo{
width:300px;
height:160px;
float:left;
background:url(../img/header/logo.jpg) 0% 50% no-repeat;
}

#header{
width:685px;
height:50px;
float:left;
}

#navigation{
width:685px;
height:160px;
float:left;
}

#section1{
width:140px;
height:100px;
border-left:1px solid #F8971C;
border-right:1px solid #F8971C;
float:left;
}

#section2{
width:240px;
height:100px;
border-right:1px solid #F8971C;
float:left;
}

#section3{
width:150px;
height:100px;
border-right:1px solid #F8971C;
float:left;
}

#section4{
width:150px;
height:100px;
float:left;
}

#contentLeft{
float:left;
width:272px;
margin-right:28px;
}

#contentRight{
float:left;
width:540px;
padding-bottom:10px;
overflow:auto;
overflow-x:hidden;
}

#home #contentRight{
float:left;
width:540px;
height:240px;
padding-bottom:10px;
overflow:auto;
overflow-x:hidden;
}

#banner{
width:625px;
height:150px;
background:url(../img/home/banner.jpg) no-repeat;
float:left;
margin-top:20px;
}

#threeColumns #contentMiddle{
float:left;
width:370px;
padding-bottom:10px;
padding-right:10px;
height:411px;
overflow:auto;
overflow-x:hidden;
}

#threeColumns #contact #contentMiddle{
float:left;
width:380px;
height:391px;
padding-right:0px;
margin:10px 0px 10px 0px;
overflow:hidden;
}

#threeColumns #contentRight{
float:left;
width:258px;
margin:20px 0px 0px 47px;
overflow:hidden;
}

#threeColumns #innerContentTop{
float:left;
width:250px;
}

#threeColumns #innerContentBottom{
float:left;
width:250px;
}

#applications #innerContentTop{
background:url(../img/applications/sidePic.jpg) no-repeat;
height:250px;
}

#cheese #innerContentTop{
background:url(../img/applications/cheese/sidePic.jpg) no-repeat;
height:185px;
}

#icecream #innerContentTop{
background:url(../img/applications/icecream/sidePic.jpg) no-repeat;
height:210px;
}

#meat #innerContentTop{
background:url(../img/applications/meat/sidePic.jpg) no-repeat;
height:200px;
}

#soap #innerContentTop{
background:url(../img/applications/soap/sidePic.jpg) no-repeat;
height:145px;
}

#vegetarian #innerContentTop{
background:url(../img/applications/vegetarian/sidePic.jpg) no-repeat;
height:240px;
}

#cookies #innerContentTop{
background:url(../img/applications/cookies/sidePic.jpg) no-repeat;
height:240px;
}

#tech #innerContentTop{
background:url(../img/tech/sidePic.jpg) no-repeat;
height:295px;
}

#tooling #innerContentTop{
background:url(../img/tech/tooling/sidePic.jpg) no-repeat;
height:208px;
}

#development #innerContentTop{
background:url(../img/tech/development/sidePic.jpg) no-repeat;
height:215px;
}

#installation #innerContentTop{
background:url(../img/tech/installation/sidePic.jpg) no-repeat;
height:145px;
}

#threeColumns #contact #contentRight{
background:url(../img/contact/sidePic.jpg) no-repeat;
height:295px;
}

#mainImage{
margin:0px 0px 10px 35px;
}

#home #mainImage{
background:url(../img/home/mainPic.jpg) no-repeat;
height:225px;
margin-top:20px;
}

#applications #mainImage{
background:url(../img/applications/mainPic.jpg) no-repeat;
height:295px;
}

#cheese #mainImage{
background:url(../img/applications/cheese/mainPic.jpg) no-repeat;
height:196px;
}

#icecream #mainImage{
background:url(../img/applications/icecream/mainPic.jpg) no-repeat;
height:275px;
}

#meat #mainImage{
background:url(../img/applications/meat/mainPic.jpg) no-repeat;
height:145px;
}

#soap #mainImage{
background:url(../img/applications/soap/mainPic.jpg) no-repeat;
height:145px;
}

#vegetarian #mainImage{
background:url(../img/applications/vegetarian/mainPic.jpg) no-repeat;
height:220px;
}

#cookies #mainImage{
margin-left:0px;
}

#tech #mainImage{
background:url(../img/tech/mainPic.jpg) no-repeat;
height:217px;
}

#tooling #mainImage{
background:url(../img/tech/tooling/mainPic.jpg) no-repeat;
height:308px;
}

#development #mainImage{
background:url(../img/tech/development/mainPic.jpg) no-repeat;
height:210px;
}

#installation #mainImage{
background:url(../img/tech/installation/mainPic.jpg) no-repeat;
height:165px;
}

#footer{
width:965px;
height:30px;
float:left;
background-color:#BBB2A7;
padding:10px 0px 10px 20px;
}

#downloadSeperator{
width:100px;
height:100px;
float:left;
margin:10px 10px 0px 5px;
}

#floatRight{
float:right;
margin-top:18px;
}

#clear{
clear:both;
}

/*End of Global Structure/Layout*/

/*Global Styling*/

hr{
height:1px;
border:thin;
width:100%;
background-color:#BBB2A7;
color:#BBB2A7;
margin:10px 0px 10px 0px;
}

h1{
font-size:1.3em;
margin:20px 40px 20px 33px;
color:#BBB2A7;
font-weight:normal;
}

#contentMiddle h1{
margin-left:0px;
}

#contentRight h1{
margin-left:0px;
}

h2{
font-size:0.9em;
margin:0px 10px 8px 10px;
color:#002C61;
}

#contentMiddle h2{
font-size:0.8em;
margin:10px 10px 10px 0px;
}

#contentRight h2{
font-size:0.8em;
margin:10px 10px 10px 0px;
}

h3{
float:right;
font-size:0.7em;
color:#002C61;
font-weight:normal;
padding:10px 30px 10px 10px;
margin:0px 0px 0px 0px;
}

h4{
font-size:0.7em;
color:#002C61;
text-decoration:none;
font-weight:normal;
margin:0px 0px 0px 0px;
}

#home h4{
color:#F8971C;
font-style:italic;
text-decoration:underline;
font-weight:bold;
}

p{
font-size:0.8em;
color:#002C61;
margin:18px 0px 5px 0px;
}

#home p{
margin-top:10px;
}

#noMargin p{
margin-top:0px;
}

#contentLeft p{
margin-left:40px;
}

ol{
list-style:none;
font-size:0.8em;
color:#002C61;
margin:10px 10px 10px 10px;
padding:0px 0px 0px 0px;
line-height:12px;
font-weight:bold;
}

#contentRight ol{
margin:20px 10px 20px 15px;
font-weight:normal;
list-style:disc;
}

#contentRight li{
padding:5px 0px 5px 0px;
}

#home #contentLeft ol{
font-size:1.2em;
color:#BBB2A7;
font-weight:normal;
margin-bottom:0px;
margin:0px 0px 0px 0px;
padding:5px 10px 10px 40px;
}

#home #contentLeft li{
padding:5px 0px 0px 0px;
margin:0px 0px 0px 0px;
line-height:23px;
}

#home #contentLeft a{
color:#BBB2A7;
}

#navigation ol{
margin-top:8px;
}

#contentMiddle ol{
margin:20px 10px 20px 15px;
font-weight:normal;
list-style:disc;
}

#contentLeft ol{
font-weight:normal;
margin:0px 10px 24px 35px;
padding:0px 0px 0px 0px;
line-height:21px;
}

#contentMiddle li{
list-style:disc;
}

#faq ol{
margin-left:0px;
}

#faq li{
margin-bottom:20px;
list-style:none;
}

#footer ol{
color:#FFFFFF;
margin:0px 0px 5px 0px;
font-weight:normal;
}

#footer li{
display:inline;
margin:0px 0px 0px 10px;
}

a{
text-decoration:none;
color:#002C61;
}

#home #contentRight a{
text-decoration:underline;
color:#0000CC;
}

#contentMiddle a{
text-decoration:underline;
color:#0000CC;
}

a:hover{
color:#F8971C;
}

#footer a{
color:#FFFFFF;
}

/*End of Global Styling*/

/*Forms*/

.label{
display:block; 
font-size:0.8em; 
color:#002C61;
margin:15px 10px 0px 0px;
padding:0px 0px 0px 0px;
}

.textbox{
display:inline; 
width:300px; 
height:18px; 
border:1px solid #cccccc; 
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.textarea{
display:inline; 
width:300px; 
height:80px; 
border:1px solid #cccccc;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
}

.button{
display:block;
width:auto; 
height:25px; 
border:1px solid #cccccc; 
margin:10px 20px 20px 0px;
padding:0px 0px 0px 0px;
}

/*End of Forms*/

/*Classes*/

.bold{
font-weight:bold;
}

.boldItalic{
font-weight:bold;
font-style:italic;
}

.italic{
font-style:italic;
}

.orangeItalic{
color:#F8971C;
font-style:italic;
}

.image{
margin:5px 5px 5px 5px;
}

.download{
border:none;
}

.orange{
color:#F8971C;
}

.requiredfield{
font-size:0.7em; 
color:red;
margin:0px 0px 0px 0px;
font-weight:normal;
}

.validation{
font-size:0.7em; 
color:red;
margin:0px 0px 0px 10px;
font-weight:normal;
}

.bullet{
margin-right:10px;
}


/*End of Classes*/