/*
 * Base              79%    91%   103%
 *
 * size              -2	    -1      0
 * -------------------------------------
 * biggest          151%   147%   160%		
 * bigger           130%   131%   130%
 * big              115%   113%   116%
 * normal           100%   100%   100%
 * small             89%    90%    88%
 * smaller            x     77%    77%
 * smallest           x      x     68%
 *
 */


BODY {
  margin:15px 0 0 0;
  font-family: Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans; 
  font-size: 79%; 
  background-image: url(../images/fibretronic-bg.jpg);
  background-repeat: repeat-x;
  background-color: #ABB5B6;
}

IMG {
  border:0; 
}

A:link, A:visited {
  color: #324A4C;
}

A:hover {
  color: #bf9823;
}


DIV#canvas {
  margin-left:auto;
  margin-right:auto;
  width:772px;
}

H1 {
  text-indent: -1000em;
  background-image: url(../images/fibretronic-header.gif);
  height:49px;
}

DIV#body {
  position:relative;
  background-color: #FFF;
}

DIV#main {
  width:500px;
} 
 
DIV#content-circles {
  background-image: url(../images/circles-bg.jpg);
  background-position: bottom;
  background-repeat: no-repeat;
  margin:0 0 0 15px;
}

.circle-photo {
  margin:15px;
}

#sidepanel {
  position:absolute;
  right:15px;
  width:230px;
  top:15px;
  background-color: #F2F4F3;
}

#sidepanel P {
  font-size:89%;
  margin-bottom:0;
}

#sidepanel A.more {
  display:block;
  text-align:right;
  margin-bottom:20px;
  margin-right:10px;
  font-size:89%;
  color: #C3960A;
}

H2 {
  font-size:115%;
  color: #324A4C;
  margin:0 0 5px 10px;
}

H3 {
  font-size:115%;
  color: #324A4C;
  margin:0 0 5px 10px;
}

H4 {
  font-size:89%;
  color: #6C7B7E;
  margin:0 0 5px 10px;
}


H5 {
  font-size:89%;
  margin:0 0 5px 10px;
}

#sidepanel #address-sidebar H5 {
  margin:20px 0 0 10px;
}

#address-sidebar P {
  margin-top:0;
}


#sidepanel H5 A {
  text-decoration:none; 
  color: #7f620b;
}

#sidepanel H5 A:hover {
  text-decoration:none; 
  color: #bf9823;
}

#sidepanel H5 {
  font-size:100%;
  margin:20px 0 20px 10px;
}

.roundcont {
	width: 500px;
	background-color: #fff;
}

.roundcont P {
	margin: 10px;
}

.roundtop { 
	background: url(../images/tr.gif) no-repeat top right;
}

.roundbottom {
	background: url(../images/br.gif) no-repeat top right; 
}

IMG.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}

#body-header {
  width:772px;
  height:17px;
  background-image: url(../images/body-header.gif);
}

#body-footer {
  width:772px;
  height:17px;
  background-image: url(../images/body-footer.gif);
  text-align:right;
}

.clearboth {
  clear:both;
}

/* Navigation Rounded Tabs */

#navigation {
  position:absolute;
  top:-1.47em;
  right:20px;
  font-size:89%;
  
}

#navigation A
{
  color: #000;
  background: #9BA3A4 url("../images/tab_off_tl.gif") no-repeat left top;
  text-decoration: none;
  padding-left: 5px;
}

#navigation A SPAN
{
  background: url("../images/tab_off_tr.gif") right top no-repeat;
  padding:2px;
  padding-right: 7px;
}

#navigation A, #navigation A SPAN
{
  display: block;
  float: left
}

/* Commented backslash hack hides rule from IE5-Mac \*/
#navigation A, #navigation A SPAN
{
  float: none
}
/* End IE5-Mac hack */

#navigation A:hover
{
  color: #324A4C;
  background: #C5CBCB url("../images/tab_hover_tl.gif") left top no-repeat;
  text-decoration: none;
  padding-left: 5px;
}

#navigation A:hover SPAN
{
  background: url("../images/tab_hover_tr.gif") right top no-repeat;
  padding:2px;
  padding-right: 7px;
}

#navigation UL
{
  list-style: none;
  padding: 0;
  margin: 0

}

#navigation LI
{
  float: left;
  display: block;
  margin: 0 3px 0 0;
  padding:0;
}

#navigation LI.connectedwear {
  background: #000 url("../images/tab_on_tl.gif") left top no-repeat;
}

#navigation LI.selected A, #navigation LI.selected A:hover
{
  color: #324A4C;
  background: #FFF url("../images/tab_on_tl.gif") left top no-repeat;
  text-decoration: none;
  padding-left: 5px
}

#navigation LI.selected A SPAN, #navigation LI.selected A:hover SPAN
{
  background: url("../images/tab_on_tr.gif") right top no-repeat;
  padding:2px;
  padding-right: 7px;
}

/* Address Bar Footer */

#address {
  margin:0 15px 0 15px;
  padding: 6px 10px;
  background: #F2F4F3 url(../images/address-footer.gif) no-repeat left;
  text-align:right;
}

#address A {
  text-decoration:none;
  color: #6C7B7E;
}

FORM {
  margin-left:10px;
}

FORM .actions INPUT {
  width:200px;
  border:1px solid #666;
}

.error INPUT {
  border: 1px solid #A33;
}

.error .message {
  color: #A33;
}

FORM TEXTAREA#contact-address {
  width:200px;
  height:50px;
  border:1px solid #666;
}


FORM TEXTAREA#contact-comments {
  width:400px;
  height:180px;
  border:1px solid #666;
}

FORM LABEL {
  display:block;
  font-weight:bold;
}

#submit {
   color: #C3960A;
   border:1px solid #C3960A;
   margin-top:10px;
}

#address-sidebar P {
  font-size:79%; 
}

A.backto {
  display:block;
  margin-left:10px;
}

.news {
  font-weight: normal;
  font-size: 90%;
  height: 400px;
  overflow: scroll;
}