/* body styles */
* {
margin: 0;
padding: 0;
}

html, body {
height: 100%;
}

body {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.8em;
background-color: #9CB1C2;
}

body a:link { 
color: #1A2F5E;
}

body a:visited { 
color: #555555;
}

#wrapper {
min-height:100%;
width: 760px;
background-color: #F0F0F0;
border-top: 2px solid #74899A;
border-left: 2px solid #74899A;
border-right: 2px solid #74899A;
margin: 12px auto 0px auto;
background-image: url(http://www.buffalosoftware.net/images/wrapperbg.gif);
background-position: 12px 0px; 
background-repeat: repeat-y;
}

* html #wrapper {
height: 100%;
}

/* font styles */

h1 {
font-size : 100%;
font-weight: bold;
text-align : center;
line-height: 300%;
color: #000078;
margin: 0px 0px 0px 0px;
}

h2 {
font-size : 100%;
font-weight: bold;
text-align : center; 
color: #384D5E;
margin: 30px 0px 10px 0px;
}

p.nav {
font-size : 100%;
font-weight: normal;
text-align : center;
line-height: 250%;
}

p.navproduct {
font-size : 95%;
/*font-weight: bold;*/
text-align : center;
line-height: 170%;
}

p.mainleft {
font-size : 100%;
font-weight: normal;
text-align : left;
text-indent : 20px;
color: #000000;
margin: 0px 0px 14px 0px;
}

p.mainleftni {
font-size : 100%;
font-weight: normal;
text-align : left;
color: #000000;
margin: 0px 0px 14px 0px;
}

p.mainleftit {
font-size : 100%;
font-weight: normal;
font-style: italic;
text-align : left;
text-indent : 20px;
color: #000000;
margin: 0px 0px 14px 0px;
}

p.maincenter {
font-size : 100%;
font-weight: normal;
text-align : center; 
color: #000000;
line-height: 200%;
}

p.maincentern {
font-size : 100%;
font-weight: normal;
text-align : center; 
color: #000000;
margin: 0px 0px 14px 0px;
}

p.maincenterred {
font-size : 100%;
font-weight: normal;
text-align : center; 
color: #780000;
}

p.smfont{
font-size : 80%;
font-weight: normal;
text-align : center; 
color: #000000;
}

p.smfont85{
font-size : 85%;
font-weight: normal;
text-align : center; 
color: #000000;
margin: 0px 0px 0px 182px;
}

p.smfontsp{
font-size : 90%;
font-weight: normal;
text-align : center; 
color: #000000;
margin: 30px 0px 0px 0px;
}

/* space styles  (1=16px) */

.sp1 {
height: 16px;
}

.sp2 {
height: 32px;
}

.sp8 {
height: 128px;
}

.sp10 {
height: 160px;
}

/* image styles */

.imglogo {
position:relative;
margin-top:4px;
margin-left: 1px;
margin-bottom: 30px;
height: 112px;
}

.imgsavebuff {
position: relative;
/*top: auto;
bottom: 25px;
left: 177px;*/
height: 69px;
border: 0;
}

.imgproduct {
position:relative;
margin-top:8px;
/*margin-left: 1px;*/
margin-bottom: 15px;
/*height: 112px;*/
}

/* header, content, nav, footer styles */

#header{
font-size : 1%;
height: 12px;
width: 760px;
background-color: #F0F0F0;
margin: 0px auto 0px auto;
}

#content {
position: relative;
text-align : center; 
background-color: #F0F0F0;
/*height: 96.4%;*/
width: 524px;
margin: 0px 25px 0px 211px;
}

* html #content {
margin: 0px 22px 0px 208px;
}

#leftnav {
float:left;
overflow: hidden;
margin: 0px 0px 0px 12px;
width: 170px;
border-top: 2px solid #9CB1C2;
border-left: 2px solid #9CB1C2;
border-right: 2px solid #9CB1C2;
text-align: center;
background-color: #808080;
/*border: 2px solid #9CB1C2;*/
background-image: url(http://www.buffalosoftware.net/images/leftnav.gif);
background-repeat: repeat-x;
background-position: top;
}

* html #leftnav{
margin: 0px 0px 0px 6px;
}

#leftnav a:link { 
color: #D2D2D2;
}

#leftnav a:visited { 
color: #D2D2D2;
}

#leftnav a:hover { 
color: #E6E6E6;
font-weight: bold;
}

#navlinks {
clear: both;
background-color: #F0F0F0;
border-bottom: 2px solid #74899A;
border-left: 2px solid #74899A;
border-right: 2px solid #74899A;
background-image: url(http://www.buffalosoftware.net/images/navlinks.gif);
background-position: 12px 0px; 
background-repeat: no-repeat;
height: 23px;
width: 760px;
margin: 0px auto 12px auto;
}

#footer {
clear: both;
width: 760px;
text-align: center;
background-color: #9CB1C2;
height: 20px;
margin: 8px auto 0 auto;
}