html {
overflow-x: hidden;
font-family : "Trebuchet MS", Calibri, arial, helvetica, sans-serif;
font-size:  13px; 
margin: 0;
padding: 0;
} 
body { 
padding : 12px 0 0 0; 
font-size:  13px; 
font-family : "Trebuchet MS", Calibri, arial, helvetica, sans-serif;
color : #333; 
background: #ffffff url(images/pagebk.jpg) top center no-repeat;
} 
#outer { 
z-index : 2; 
position : relative; 
width : 950px; 
padding: 8px;
margin : 0 auto; 
} 
#header { 
position : relative; 
width : 100%; 
height : 109px; 
background : #2b2b2b url('images/headerpic.jpg') no-repeat; 
margin-bottom : 2px; 
} 
#headerpic { 
position : relative; 
height : 109px; 
margin : 0; 
} 
#menu { 
	position: relative;
	width: 925px;
	height: 46px;
	font-size: 13px;
	font-weight: bold;
    font-family : "Trebuchet MS", Calibri, arial, helvetica, sans-serif;
	overflow: hidden;
	margin: 0;
	padding: 5px 0 2px 25px;
	text-align:center;
	/* border: 1px #ff0000 solid; */
} 
#menu a { 
	display: block;
	float: left;
	position: relative;
	text-align: center;
	width: 150px;
	padding: 10px 0 13px 0;
	color: #bbbbbb;
	text-decoration: none;
	/* border: 1px #ffcc00 solid; */
} 
#menu a:hover { 
	color: #ffcc00;
	text-decoration: none;
	border-bottom: 5px #ffcc00 solid;
} 

#menu .active { 
	color: #ffcc00;
	text-decoration: none;
	border-bottom: 5px #ffcc00 solid;
} 

div.scroll {
background : #eeeeee url('images/scroll1.gif') no-repeat; 
height: 210px;
padding: 30px 20px 30px 20px;
margin: 0;
}

hr {
color: #eeeeee;
size: 1px;
height: 1px;
}
#menubottom { 
height : 14px;
width: 925px;
clear: all;
margin-bottom : 1.5em; 
} 

.faq1 { 
border-right : 1px solid #E2E2D7;
border-top : 1px solid #E2E2D7;
border-bottom : 1px solid #E2E2D7;
padding : 10px; 
background : #f5f5f5 url('images/paperback.jpg');
} 

.faq { 
BORDER-left: #d0d0d0 3px dotted; 
BORDER-right: #d0d0d0 3px dotted; 
padding: 10px 20px 10px 70px; 
margin: 7px 0 5px 0; 
background: url(images/i-info.gif) top left no-repeat;
} 

.idea { 
BORDER-left: #d0d0d0 3px dotted; 
BORDER-right: #d0d0d0 3px dotted; 
padding: 10px 20px 10px 70px; 
margin: 7px 0 5px 0; 
background: url(images/i-idea.gif) top left no-repeat;
} 

.talk { 
BORDER-left: #d0d0d0 3px dotted; 
BORDER-right: #d0d0d0 3px dotted; 
padding: 10px 20px 10px 70px; 
margin: 7px 0 5px 0; 
background: url(images/i-talk.gif) top left no-repeat;
} 

.mail { 
BORDER-left: #d0d0d0 3px dotted; 
BORDER-right: #d0d0d0 3px dotted; 
padding: 10px 20px 10px 70px; 
margin: 7px 0 5px 0; 
background: url(images/i-mail.gif) top left no-repeat;
} 

dt {
margin-top: 50px;
background: #f5f5f5;
border: #e0e0e0 2px solid;
padding: 10px 10px 2px 15px;
font-weight: bold;
}

dd { 
BORDER-left: #d0d0d0 3px dotted; 
BORDER-right: #d0d0d0 3px dotted; 
padding: 10px 20px 15px 70px; 
margin: 7px 0 5px 0; 
background: url(images/i-talk.gif) top left no-repeat;
} 

.bord { 
BORDER: #aaa 1px solid; 
padding: 3px;
background: #ffffff;
} 

.border { 
position:relative;
margin-top: -15px;
BORDER: #EEEEEE 1px solid; 
padding: 10px; 
margin: 7px 0 5px 0; 
background-color: #F5F5F5; 
background-image: url(images/bk1.gif);
} 

.border1 { 
position:relative;
BORDER: #bbbbbb 1px solid; 
padding: 1px;
width: 650px;
} 

.border h4 { 
display : block; 
margin : 0; 
padding : 5px; 
background : #ffffff;
border : 1px solid #dddddd; 
} 
a { 
color : #b96d00; 
text-decoration : underline; 
} 
a:hover { 
text-decoration : none; 
} 
a.print { 
color : #aaaaaa; 
text-decoration : none; 
font-size : 12px; 
} 

h2 { 
color: #333333;
font-size : 15px; 
border : none; 
padding : 6px 5px 7px 15px;
/* background: #f5f5f5; */
/* background-image: url('images/bg_top.gif') bottom repeat-x; */
background: #fff url('images/h2.jpg') top left no-repeat;
} 

h3 { 
font-size : 15px; 
padding : 3px 5px 3px 10px;
background: #f5f5f5 url(images/bkbot.gif) bottom left repeat-x;
border-top: #eeeeee 2px solid;
padding: 3px 0 5px 10px;
font-weight: bold;
} 


.tableft {
width: 900px;
font-size: 15px;
font-weight: bold;
border : none; 
padding : 6px 5px 7px 15px;
/* background: #f5f5f5; */
/* background-image: url('images/bg_top.gif') bottom repeat-x; */
background: url('images/h2long.jpg') top left no-repeat;
} 


h4 { 
display : inline; 
font-size : 15px; 
font-weight : bold; 
background-repeat : no-repeat; 
background-position : right 0%; 
} 


h5 { 
font-size : 13px; 
padding : 15px 3px 3px 10px ;
border-bottom: #d0d0d0 1px solid;
margin: 5px 0 5px 0;
} 

h1 { 
font-size : 20px; 
padding : 15px 0 0 0; 
font-weight: bold;
} 

.border h4 { 
font-size : 13px; 
padding-right : 28px; 
background: #f5f5f5 url('images/bktop.gif');
} 
.contentarea { 
padding-top : 1.3em; 
} 
img.pic { 
border : none; 
padding : 16px 18px 100px 18px; 
margin : 0 5px; 
background: url('images/picback.jpg') no-repeat;
} 
img.image { 
border : 1px #bbb solid; 
padding : 10px; 
margin : 10px; 
} 
.divider1 { 
position : relative; 
background : #fff url('images/border2.gif') repeat-x; 
height : 14px; 
margin : 2em 0 1.5em 0; 
clear : both; 
} 
.divider2 { 
position : relative; 
height : 35px; 
margin : 0; 
background : #fff url('images/divider.jpg') no-repeat top center; 
} 
.leftcolumn li { 
display : block; 
list-style-type : disc; 
} 

.localmenu { 
position : relative; 
left : -5px; 
top : -10px; 
padding : 10px 10px 20px 10px; 
background : #EEEDED url('images/localmenu_footer.jpg') no-repeat bottom right; 
/* border-top : 1px solid #bbbbbb; */
/* border-left : 1px solid #bbbbbb;  */
margin-bottom : 1em; 
} 

.hd {
position : relative; 
left : -5px; 
top : -10px; 
background : #ffffff url('images/localmenu_header.jpg') no-repeat top right; 
padding: 0;
width: 200px;
height: 16px;
}

.localmenu ul {	
	list-style: none;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 0;
}	

.localmenu li a { 
	display: block;
	margin: 0;
	text-decoration:none;
	padding: 5px 0 5px 0;
	border-bottom : 1px solid #bbbbbb; 
} 

.localmenu li a:hover { 
	color: #000000;
} 


#content { 
padding : 50px 2em 0 2em; 
} 
#twocolumns { 
float : left; 
margin-right : -200px;
/* margin-right : -18em; */
width : 100%; 
} 
#leftcolumn { 
margin : 8px 250px 0 0; 
/* background: #ffffff url(images/globe.jpg) left top no-repeat; */
} 
#rightcolumn { 
float : right; 
margin-top : 1.5em; 
width : 200px; 
} 
.small { 
clear : both; 
color : #aaaaaa; 
text-align : center; 
/* border-top : 1px solid #dddddd; */
} 
#footertop { 
clear : both; 
background : #fff url('images/border11.gif') repeat-x; 
height : 14px; 
position : relative; 
top : 33px; 
z-index : 5; 
} 
#footer { 
background: #ffffff url(images/bottomback.jpg) bottom center no-repeat; */
color : #aaaaaa; 
text-align : center;
position : relative; 
clear : both; 
padding : 10px 0 10px 0; 
} 
.top { 
color : #333333; 
text-align : center;
position : relative; 
top: -15px;
font-size: 11px;
clear : both; 
padding : 0;
border-bottom: 1px #ddd solid;
border-top: 1px #ddd solid;
} 
#footer .left { 
position : absolute; 
left : 2em; 
bottom : 1.2em; 
color : #aaaaaa; 
font-weight : bold; 
} 
#footer .right { 
position : absolute; 
right : 2em; 
bottom : 1.2em; 
color : #ffffff; 
} 
.tablecell { 
border-right : 1px solid #b9b9b9; 
border-top : 1px solid #fffdff; 
border-left : 1px solid #fffdff; 
border-bottom : 1px solid #b9b9b9; 
background : #eeeeee;
} 
div#nifty { 
background : #f5f5f5; 
margin : 0; 
} 
div#nifty1 { 
float : right; 
width : 265px; 
background : #ffffff url('images/backcheck.jpg') no-repeat; 
margin : 0; 
} 
b.rtop, b.rbottom { 
display : block; 
background : #fff; 
} 
b.rtop b, b.rbottom b { 
display : block; 
height : 1px; 
overflow : hidden; 
background : #f5f5f5; 
} 
b.r1 { 
margin : 0 5px; 
} 
b.r2 { 
margin : 0 3px; 
} 
b.r3 { 
margin : 0 2px; 
} 
b.rtop b.r4, b.rbottom b.r4 { 
height : 2px; 
margin : 0 1px; 
} 
#leftcolumn .fixed { 
border : none; 
text-align : right; 
font-size : 13px; 
width : 25px; 
} 
#leftcolumn .fixedlarge { 
border : 1px solid #666; 
text-align : right; 
font-size : 13px; 
width : 80px; 
} 
#leftcolumn .change { 
border : 1px solid #666; 
text-align : right; 
font-size : 13px; 
width : 25px; 
background-color : #eee; 
} 
td.thumb { 
font-size : 13px; 
text-align : left; 
width : 250px; 
height : 150px; 
} 
img.thumb { 
display : block; 
border : 7px solid #eee; 
text-align : center; 
} 
img.thumb:hover { 
display : block; 
border : 7px solid #f5f5f5; 
text-align : center; 
} 
#lightbox { 
background-color : #eee; 
padding : 10px; 
border-bottom : 2px solid #666; 
border-right : 2px solid #666; 
/* font-family : Verdana, Arial, Helvetica, "Sans Serif"; */
font-family : "Trebuchet MS", Calibri, arial, helvetica, sans-serif;
} 
#lightboxDetails { 
font-size : 13px; 
padding-top : 0.4em; 
} 
#lightboxCaption { 
float : left; 
} 
#keyboardMsg { 
float : right; 
} 
#closeButton { 
top : 5px; 
right : 5px; 
} 
#lightbox img { 
border : none; 
clear : both; 
} 
#overlay img { 
border : none; 
} 
#overlay { 
background-image : url(prices/overlay.png); 
} 
div.transON {
width: 100%; 
opacity:.80; filter: alpha(opacity=80); -moz-opacity: 0.80;
}
.socialAddButton {
border: none;
}

#bottom { 
border : none; 
width: 100%;
height: 80px;
background: #eeeeee url(images/bottom.jpg) center top no-repeat;
padding: 0;
margin: 0;
} 

.textbox {
font-family : "Trebuchet MS", Calibri, arial, helvetica, sans-serif;
font-size:  13px;
}

#gallery {font:13px "Trebuchet MS", Calibri, arial, helvetica, sans-serif; width:650px; padding:10px 0 0 0; line-height:15px; margin-top: 0;}
#gallery div.off {color:#555; text-align:center; width:283px; height:33px; margin-right:5px; line-height:33px; padding:0 17px; float:left; background: #eee; border:1px solid #ddd; cursor:pointer; position:relative; z-index:20; font-weight:bold; background: #f5f5f5; background:url(images/back.png) repeat-x left top}
#gallery div.on {color:#333; text-align:center; width:283px; padding:0 17px; margin-right:5px; margin-top:1px; float:left; background:url(images/bktop.gif) repeat-x left top; border:1px solid #bbb; cursor:pointer; border-bottom:0; height:33px; line-height:32px; position:relative; z-index:100; font-weight:bold;}
#gallery h1 {font-size: 13px; font-weight:bold; padding-top: 1px; margin-top: 1px;}

div.hide {display:none; width:0; overflow:hidden;}
div.show {color: #333; clear:left; background:#fff; width:620px; margin-top:0; top:-1px; border:1px solid #bbb;padding:15px; position:relative; z-index:50; font:13px "Trebuchet MS", Calibri, arial, helvetica, sans-serif; background:url(images/bkbot.gif) repeat-x left bottom}
.clear {clear:both;}


#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 5px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

legend {
color: #888888;
/* background: url(images/bg1.jpg); */
padding: 3px;
}

fieldset {
padding: 10px;
}

div.indent {
margin: 0 0 30px ;
padding: 0 0 30px 0;
/* border-left: 10px #eeeeee solid; */
}

.frame {
width:190px; 
height:190px; 
padding:10px; 
background:#fff; 
border:1px solid #ccc;
float:left; 
margin-right:3px; 
display:inline;
}
.wrap {
width:190px; 
height:190px; 
position:relative; 
overflow:hidden; 
}
.wrap img {display:block;}
.wrap div {
width:190px; 
height:190px; 
padding:160px 10px 10px 10px; 
position:absolute; 
left:0; top:0; 
background:url(images/px.gif);
}
.wrap div b {
display:block; 
width:190px; 
height:190px; 
position:absolute; 
left:0; 
top:190px; 
z-index:1; 
background:#333333; 
filter: alpha(opacity=80);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); opacity:0.80;
 }
.wrap div span {
position:relative; 
z-index:500;
width: 190px;
}
.wrap div h1{
font-size:22px; 
text-align:center; 
margin:0; 
padding:0;
}
.wrap div p {
font-size:13px; 
color:#ffffff;
width: 170px;
}
.wrap div a {
font-size:13px; 
position:absolute; 
left:0; 
top:170px; 
text-decoration:none; 
display:block; 
margin:0;
padding-right: 5px;
text-align:right; 
width:170px;
color: #fff;
}
.wrap div a:hover {color:#ffffff; text-decoration:underline;}

.clear {clear:both;}

.whiteBox {
	background-image:url(images/box_white_br.gif); 
	background-position:bottom right; 
	background-repeat:no-repeat;	
}
.whiteBoxBL {
	background-image:url(images/box_white_bl.gif); background-position:bottom left; background-repeat:no-repeat;
}
.whiteBoxTR {
	background-image:url(images/box_white_tr.gif); background-position:top right; background-repeat:no-repeat;
}
.whiteBoxTL{
	padding:13px 17px 17px 17px;
	background-image:url(images/box_white_tl.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

.whiteBox ul {
list-style: url(images/checkon.gif) outside; 
padding-left: 0;
margin: 5px 0 10px 10px;
}
.whiteBox li {
margin-top: 10px;
padding: 0;
}

.buttons{ 
overflow: hidden; 
width: auto;
padding: 4px 0;
border-width: 1px 0;
margin:auto;
}

* html .buttons{ 
width: 100%;
}

.buttons a.buttonlink{ 
background: transparent url('images/but-blackL.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Verdana, Trebuchet MS; 
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 31px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
margin-right: 9px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.7;
-moz-opacity: 0.7;
}

.buttons a.buttonlink:link, .buttons a.buttonlink:visited, .buttons a:active{
color: white; /*button text color*/
}

.buttons a.active:link, .buttons a.active:visited, .buttons a:active{
color: red; /*button text color*/
}


.buttons a.buttonlink span{
background: transparent url('images/but-blackR.gif') no-repeat top right;
display: block;
padding: 3px 10px 7px 0; /*Set 10px here to match value of 'padding-left' value above*/
}

.buttons a.buttonlink:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

.buttons a.buttonlink:hover span{ /* Hover state CSS (for text) */
color: yellow;
}

.black a.buttonlink{
background-image: url('images/but-blackL.gif');
}

.black a.buttonlink span{
background-image: url('images/but-blackR.gif');
}

.buttons a.active{ 
background: transparent url('images/but-blueL.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Verdana, Trebuchet MS; 
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 31px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
margin-right: 9px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /*this and next two rules control opacity of buttons before hover*/
opacity: 1;
-moz-opacity: 1;
color: #FFFFFF;
}

.buttons a.active span{
background: transparent url('images/but-blueR.gif') no-repeat top right;
display: block;
padding: 3px 10px 7px 0; /*Set 10px here to match value of 'padding-left' value above*/
color: #FFFFFF;
}

.buttons .rightsection{
float: right;
width: 100px;
position: relative;
top: 3px;
padding-right: 5px;
text-align: right;
}

.buttons .rightsection a{
color: navy;
}

div.contact {
width: 220px;
height: 52px;
margin: auto;
background: url(images/contact_bg.gif) top left no-repeat;
padding: 9px 5px 5px 60px;
}

div.contact a {
text-decoration: none;
font-size: 15px;
font-weight: bold;
color: #555555;
}

div.contact a:hover {
color: #b96d00;
}

cite {
display: block;
padding: 15px;
margin: 10px 0 10px 10px;
float: right;
width: 200px;
font-style: italic;
border-top: #bbbbbb 1px solid;
border-bottom: #bbbbbb 1px solid;
}

/* FaceBox Start */

#facebox .b {
  background:url(facefiles/b.png);
}

#facebox .tl {
  background:url(facefiles/tl.png);
}

#facebox .tr {
  background:url(facefiles/tr.png);
}

#facebox .bl {
  background:url(facefiles/bl.png);
}

#facebox .br {
  background:url(facefiles/br.png);
}

#facebox {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  margin: auto;
  border-collapse: collapse;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 400px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

/* FaceBox End */

#front {
margin:0; 
padding:0; 
background: #ffffff url(images/seal.gif) bottom left no-repeat;
border: none;
height: 500px;
}


/* Glider Start */

.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 180px;
height: 230px; /* Set height to be able to contain height of largest content shown*/
border: 1px solid #bbbbbb;
overflow: hidden;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: #fff;
padding: 5px;
visibility: hidden;
width: 170px;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 180px;
margin: 6px 0 10px 0;
text-align: center; /*How to align pagination links: "left", "center", or "right" 
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
border: none;
padding: 1px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
}

.glidecontenttoggler a.selected{ 
background: #eeeeee;
color: black;
}

.glidecontenttoggler a:hover{
background: #ddd;
color: black;
}

.glidecontenttoggler a.toc{ 
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ 
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #ddd;
color: white;
}

/* Glider End */

/* Slideshow */
#box2{
	position:absolute;
	margin: 0;
}
#box2 span{
	display:block;
	float:left;
}
.mask2{
	position:relative;
	width:650px;
	height:200px;
	overflow:hidden;
	border: 1px solid #5A6D72;
}
/* Slideshow End */