/* Styles for Pivit.inc*/

/* Body Styles */
html, body {
   margin: 0 auto; /*using margin left justifies content in Opera */
   padding: 0px 0px 0px 0px;
   background-color: #970808; /*red*/
   font-family: "Myriad Web", Arial, Helvetica, Serif;
   font-size: 84%;
    /* font-size: 1.0em; */
   color: #FFF;
   line-height: 1.2em;
   text-align: center;
   scrollbar-face-color: #ffc322;
   scrollbar-highlight-color: #970808;
   scrollbar-shadow-color: #ffc322;
   scrollbar-3dlight-color: #ffc322;
   scrollbar-arrow-color: #970808;
   scrollbar-track-color: #999;
   scrollbar-darkshadow-color: #970808;
   height: 100%;
   min-height: 560px;
   /*scrollbar-face-color: #FFF;
   scrollbar-highlight-color: #000;
   scrollbar-shadow-color: #FFF;
   scrollbar-3dlight-color: #FFF;
   scrollbar-arrow-color: #000;
   scrollbar-track-color: #808080;
   scrollbar-darkshadow-color: #000;*/
}

#centre {
   margin: 0 auto;
   background-color: transparent;
	position: absolute;
	left: 50%;
   width: 1px;
	height: 100%;
   min-height: 560px;
	visibility: visible;
}

/* Dead Centre */
#centre1{
	background-color: transparent;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block;
}

#centre2 {
	background-color: transparent;
   margin-left: -315px;
	position: absolute;
   top: -264px;
  /* top: -528px;*/
	left: 50%;
   width: 630px;
	height: 528px;
	visibility: visible;
}

/* Copy 
body, address, blockquote, caption, center, dd, dir, div, dl, dt, form, menu,  pre, td, th, tr, p {
	 font-family: "Myriad Web", Arial, Helvetica, Serif;
   font-size: 1.0em;
	color: #FFF;
   line-height: 1.2em;
	}*/
   
/* TD Cell Styles - Declaring for IE */
table, tbody, th, tr, td, input, select, textarea, submit {
   font-family: "Myriad Web", Arial, Helvetica, Serif;
   font-size: 1.0em;
   color: #FFF;
   line-height: 1.2em;
}

div p {
   font-size: 1.0em;
}

.content {
   padding: 3px 20px 3px 20px;
   font-size: 1.0em;
   overflow: auto;
   text-align: left;
}

/* Headers */
h1 {
   font-size: 1.4em;
   font-weight: bold;
   line-height: 1.2em;
}

h2 {
   font-size: 1.2em;
   font-weight: bold;
   line-height: 1.2em;
}
   
/* Content Links */
a:link {
   color: #ffc322;
   text-decoration: none;
}

a:visited { 
	color: #CCC;
	text-decoration: none; 
	}
   
a:active { 
	color: #CCC;
	text-decoration: none; 
	}

a:hover { 
	color: #FFF;
	text-decoration: none; 
	}
   
/* Nav Squares */
.nav {
   margin: 3px 0px 3px 0px;
   padding: 0px 0px 0px 0px;
   height: 70px;
   width: 218px;
   /*border: 1px #000 solid;*/
}
.newnav {
   margin: 3px 0px 3px 0px;
   padding: 0px 0px 0px 0px;
   width: 70px;
   
   /*border: 1px #000 solid;*/
}

#newnavdiv 
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   display: inline;
   float: left;
   text-align: left;   
}

#textdiv {
   display: inline;
   float: right;
   text-align: left; 
}

#insidelogo {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   width: 100%;
   height: 65px;
   text-align: center;
   /*background-image: url(../images/pivit_logo.gif);
   background-position: center;
   background-repeat: no-repeat;*/
}

#logo {
   /*margin: 0px 2px 0px 3px;
   padding: 0px 0px 0px 0px;
   width: 65px;
   height: 65px;*/
   background-color: transparent;
   background-image: url(../images/pivit_logo.gif);
   background-position: center;
   background-repeat: no-repeat;
   /*display: inline;
   float: left;
	text-align: left;*/
}

#logo a:hover {
   /*width: 65px;
   height: 65px;
   border-top: 1px #970808 solid;
   border-right: 1px #970808 solid;
   border-bottom: 1px #970808 solid;
   border-right: 1px #970808 solid;*/
   background-color: transparent;
   background-color: transparent;
   background-image: url(../images/pivit_logo.gif);
   /*background-image: url(../images/contactpivit.gif);*/
   background-position: center;
   background-repeat: no-repeat;
	/*visibility: visible;
   display: inline;
   float: left;
	text-align: left;*/
}

/*body.contact #logo a {
	background: transparent;
   background-image: url(../images/contactpivit.gif);
}*/

.nav li {
   margin: 0px 3px 0px 3px;
   padding: 0px 0px 0px 0px;
   width: 65px;
   height: 65px;
   overflow: visible;
	visibility: visible;
   display: inline;
   float: left;
	text-align: left;
}

.nav li a {
   width: 65px;
   height: 65px;
   background-position: center;
   background-repeat: no-repeat;
   overflow: visible;
	visibility: visible;
   display: inline;
   float: left;
	text-align: left;
}

.nav li a:hover {
   width: 65px;
   height: 65px;
   background-position: center;
   background-repeat: no-repeat;
   overflow: visible;
	visibility: visible;
   display: inline;
   float: left;
	text-align: left;
}

.newnav li {
   margin: 0px 3px 0px 3px;
   padding: 0px 0px 0px 0px;
   width: 75px;
   height: 30px;
   overflow: visible;
	visibility: visible;
   display: inline;
   float: left;
	text-align: left;
}

.newnav li a {
   width: 75px;
   height: 30px;
   background-position: center;
   background-repeat: no-repeat;
   overflow: visible;
	visibility: visible;
   display: inline;
   float: left;
	text-align: left;
}

.newnav li a:hover {
   width: 75px;
   height: 30px;
   background-position: center;
   background-repeat: no-repeat;
   overflow: visible;
	visibility: visible;
   display: inline;
   float: left;
	text-align: left;
}

#teamwork a {
   background-color: #00a8ca;
   background-image: url(../images/teamwork.gif);
}

#teamwork a:hover {
   background-color: #19c0e3;
   background-image: url(../images/teamwork.gif);
}

body.teamwork #teamwork a:link, body.teamwork #teamwork a:visited, body.teamwork #teamwork a:active, body.teamwork #teamwork a:hover {
	background-color: #970808;
   background-image: url(../images/teamwork.gif);
}

#services a {
   background-color: #a78f45;
   background-image: url(../images/services.gif);
}

#services a:hover {
   background-image: url(../images/services.gif);
   background-color: #d4b249;
}

body.services #services a, body.services #services a:hover {
	background-color: #970808;
   background-image: url(../images/services.gif);
}

#innovation a {
   background-color: #6c6d69;
   background-image: url(../images/innovation.gif);
}

#innovation a:hover {
   background-image: url(../images/innovation.gif);
   background-color: #858781;
}

body.innovation #innovation a, body.innovation #innovation a:hover {
	background-color: #970808;
   background-image: url(../images/innovation.gif);
}

#products a {
   background-color: #555956;
   background-image: url(../images/products.gif);
}

#products a:hover {
   background-image: url(../images/products.gif);
   background-color: #6d736e;
}

body.products #products a, body.products #products a:hover {
	background-color: #970808;
   background-image: url(../images/products.gif);
}

#clients a {
   background-color: #e0524f;
   background-image: url(../images/clients.gif);
}

#clients a:hover {
   background-image: url(../images/clients.gif);
   background-color: #ff4d49;
}

body.clients #clients a, body.clients #clients a:hover {
	background-color: #970808;
   background-image: url(../images/clients.gif);
}

#values a {
   background-color: #016676;
   background-image: url(../images/values.gif);
}

#values a:hover {
   background-image: url(../images/values.gif);
   background-color: #197f90;
}

body.values #values a, body.values #values a:hover {
	background-color: #970808;
   background-image: url(../images/values.gif);
}

/*#relationships a {
   background-color: #ffc24a;
   background-image: url(../images/relationships.gif);
}*/

/*#relationships a:hover {
   background-image: url(../images/relationships.gif);
   background-color: #ffda63;
}*/

/*body.relationships #relationships a, body.relationships #relationships a:hover {
	background-color: #970808;
   background-image: url(../images/relationships.gif);
}*/

#contact a {
   background-color: #ffc24a;
   background-image: url(../images/contact.gif);
}

#contact a:hover {
   background-image: url(../images/contact.gif);
   background-color: #ffda63;
}

body.contact #contact a, body.contact #contact a:hover {
	background-color: #970808;
   background-image: url(../images/contact.gif);
}

#about a {
   background-image: url(../images/about.gif);
   background-color: #ca6431;  
}

#about a:hover {
   background-image: url(../images/about.gif);
   background-color: #ff7129;
}

body.about #about a, body.about #about a:hover {
	background-color: #970808;
   background-image: url(../images/about.gif);
}

/* Elements Alignments & Floats */
.wrapper {
   clear: both;
   width: 630px;
   float: left;
	text-align: left;
   /*border: 1px #FFF solid;*/
}

#end {
   height: 155px;
}

#middle {
   height: 218px;
}
#insidemiddle {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;

}

.left {
      text-align: left;
      float: left;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   overflow: auto;
   }
   
#endl {
   width: 200px;
   height: 155px;
   }
   
#middlel {
   width: 200px;
   height: 218px;
   }
   
.right {
   float: right;
   text-align: right;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   overflow: auto;
   }
   
#endr {
   width: 200px;
   height: 155px;
   }
   
#middler {
   width: 200px;
   height: 218px;
   }
   
.centre {
   padding: 0px 0px 0px 0px;
   }
   
.centreflow {
   width: 216px;
   height: 153px;
   overflow: auto;
   }
   
.centreflownav {
   width: 216px;
   height: 218px;
   overflow: hidden;
   }
   
#endc {
   margin: 0px 0px 0px 202px;
   width: 218px;
   height: 155px;
   }
   
#middlec {
   margin: 0px 0px 0px 202px;
   width: 210px;
   height: 218px;
   }
   
/* Misc Styles */
strong, b {
	font-weight: bold;
	}
   
em, i {
	font-style: italic;
	}
   
acronym
{
	background: url(../img/acronym.gif) repeat-x bottom left;
	cursor: help;
	padding: 0 0 1px;
}
/*<acronym title="eXtensible Markup Language">XML</acronym>*/

/* List & Bullet Styles */
ul {
background-color: transparent;
/*list-style-image: url(../images/bullet.gif);*/
list-style-image: url(../images/bullet.gif);
}

ol {
background-color: transparent;
list-style-type: decimal;
}
	
li {
margin-left: -20px;
padding-top: 0.2em;
padding-right: 0px;
padding-bottom: 0.2em;
padding-left: 0px;
}

/* Forms - input | submit | select | radio | checkbox | form | textarea */
/*form {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

input {
padding-left: 3px;
padding-right: 3px;
background-color: #FFF;
border-color: #666;
border-style: solid;
border-width: 1px;
font-size: 1.0em;
color: #000;
line-height: 1.2em;
}

select {
background-color: #FFF;
border-color: #666;
border-style: solid;
border-width: 1px;
}

textarea {
padding-left: 3px;
padding-right: 3px;
background-color: #FFF;
border-color: #666;
border-style: solid;
border-width: 1px;
}

.radio {
background-color: #FFF;
border-width: 0px;
}

.checkbox {
color:#000;
background-color: #FFF;
border-width: 0px;
}

.submit {
font-size: 0.7em;
font-weight: bold;
color: #FFF;
background-color: #FC561A;
border-color: #666;
border-style: solid;
border-width: 1px;
}

.required {
	color:#FFFFFF;
	background-color: #c9360d;
}*/

#footerdiv {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 30px;  
   display:block;
   width=100%;
   float:left;
   text-align:center;
}