html {padding: 0; margin: 0; width: 100%; height: 100%; color: #ccc; /*background: #A80000;/**/ font: 85% /*"Trebuchet MS", /**/ Verdana, Arial, Helvetica, sans-serif; text-align: justify; background: #333; /*background: #333 url(../images/design/grunge-backgrounds/strips.png) left top repeat; /*background: #333;  /*background: #fbf5e4 url(../images/design/repeat_bg.jpg) left top repeat;/**/}
body {position: relative; width: 985px; height: auto; margin: 10px auto; padding: 10px; background: black;}

img {border-style: none;}
strong, b {font-weight: bold;}
em, i, cite {font-style: italic;}

del {text-decoration: line-through;}
ins {text-decoration: underline;}
address {font-style: normal; text-transform: none;}

abbr{border-bottom: 1px dashed gray;}
acronym {font-variant: small-caps; border-bottom: 1px dashed gray;}
dfn {font-style: italic; border-bottom: 1px dashed gray;}

.iframe {border: 8px solid gray;}

h1,h2,h3,h4,h5,h6 {font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
h1 {font-size: 170%; text-transform: uppercase;}
h1 small {font-size: 56%; text-transform: none;}
h2 {font-size: 120%;}
h3, h4, h5, h6 {font-size: 100%;}

.left {float: left; margin-right: 10px;}
.right {float: right; margin-left: 10px;}
.clear-left {clear: left;}
.center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.box {padding: 10px; text-align: center; font-size: larger; border: 3px solid #666;}

td {vertical-align: 0%;}

small {font-size: 80%;}
big {font-size: 120%;}

a, a:link {color: #CE2029; font-weight: bold; text-decoration: none;}
a:visited {color: #E25822; text-decoration: none;}
a:hover {color: #E25822; text-decoration: underline;}

body > div {background: #333; margin-bottom: 10px;}

#menu {position: relative; float: right; width: 745px; height: 40px; font: 105% "Trebuchet MS", Verdana, sans-serif; line-height: 1.2em; text-align: center; text-transform: uppercase; line-height: 0.8em;  background: #333 url(../images/design/grunge-backgrounds/menu-background.jpg) left top no-repeat;}
#menu small {font-size: 64%;}

#menu ul {margin:0; padding:0; list-style-type: none; background: #333;}
#menu ul li {position: relative; display: inline; float: left;}
#menu a, #menu a:link, #menu a:visited {display: block; /* -> */ width: auto !important; width: 80px; /* <- FOR IE6 /**/ padding: 0 8px; color: #ff3; text-decoration: none; font-weight: normal; text-align: center; z-index: 300; text-shadow: 0 0 2px white, 0 -1px 2px #ff3, 2px -2px 3px #fd3;}
#menu a:hover, #menu a.selected {color: #f20; text-shadow: 0 0 2px #fd3, 0 -1px 2px #f20, 2px -2px 3px #f80;}

#menu>ul>li:first-child {padding-left: 10px;}
#menu .first {padding-left: 10px;}
/*
#menu>ul>li:last-child {padding-right: 18px; background: transparent url(../images/design/menu-background.png) right bottom no-repeat;}
#menu .last {padding-right: 18px; background: transparent url(../images/design/menu-background.png) right bottom no-repeat;}
/**/

#menu .mainfoldericon {background: transparent url(../images/design/menu-bottom-arrow.png) center 15px no-repeat;}

#menu a.one {/*height: 24px; padding-top: 16px; /**/ height: 26px; padding-top: 14px;/**/}
#menu a.two-big-top {height: 30px; padding-top: 10px;}
#menu a.two-big-down {height: 32px; padding-top: 8px;/*height: 34px; padding-top: 6px;/**/}
#menu a.three {height: 37px; padding-top: 3px;}


#menu ul li ul {position: absolute; /*width: 200px; /**/ left: -999em; font-size: 90%; z-index: 500; margin-top: -5px; background: #333 url(../images/design/grunge-backgrounds/submenu-background.jpg) left bottom no-repeat;}
#menu ul li ul li {clear: both; width: 180px; background: none; padding: 0 0 0 10px;}
#menu ul li ul li a, #menu ul li ul li a:link, #menu ul li ul li a:visited {padding-bottom: 0; text-align: left; /*border-top: 1px solid #b09973;/**/}
#menu li:hover ul, #menu li.sfhover ul {left: auto;}

#buttons {position: relative; float: right; width: 745px; height: 150px; background: #333 url(../images/design/grunge-backgrounds/buttons-background.jpg) left top no-repeat;}
#buttons>a {position: relative; margin: 9px; padding: 15px; float: right; background: transparent url(../images/design/buttons/button.png) left top no-repeat; z-index: 20;}
/*
#buttons>a:hover {background: transparent url(../images/design/buttons/button-hover.png) left top no-repeat;}
/**/
#buttons img:hover {cursor: pointer;}

#van {position: absolute; width: auto; height: auto; left:0; top:0; z-index: 10;}
#pigs {position: absolute; width: 230px; height: 200px; left: 10px; top: 10px; text-align: center; z-index: 50; background: #333 url(../images/design/grunge-backgrounds/pigs-background.jpg) left top no-repeat;}

/*
/*now #flowpanes
#pics {position: relative; clear: none; width: 680px; height: 350px;}
/**/
.pics span {position: absolute; z-index: 300; font-size: 150%; font-weight: bold; color: red; text-shadow: 1px 1px 5px black;}
.pics a.more-info {position: absolute; z-index: 300; width: 108px; height: 60px; right: 10px; bottom: 0; background: transparent url(../images/design/more-info.png) left top no-repeat;}
.pics a.more-info:hover {background: transparent url(../images/design/more-info-hover.png) left top no-repeat;}
/*
.pics .frame {position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: 500; background: transparent url(../images/design/photo-frame.png) left top no-repeat;}
/**/

#awards {position: absolute; top: 220px; right: 10px; float: right; width: 295px; height: 240px;}
#social {position: absolute; top: 220px; right: 10px; float: right; clear: right; width: 200px; height: 350px; text-align: center; background: #333 url(../images/design/grunge-backgrounds/content-background.jpg) right top repeat-y; font: italic 160% "Palatino Linotype", Georgia, Times, serif; line-height: 180%;}
#social>a {margin: 0 10px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.9;}
#social>a:hover {margin: 0 10px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;}
#social img {margin: 6px 0;}

#sidebar {position: absolute; right:0; top:0; width: 200px; height: 100%; border-left: 10px solid black; overflow: hidden;}
#sidebar a {display: block; border-bottom: 10px solid black;}

#content {position: relative; clear: both; width: auto; height: auto; padding: 20px 240px 20px 40px; background: #333 url(../images/design/grunge-backgrounds/content-background.jpg) left top repeat-y;}

#content ul {padding: 0 0 0 20px; list-style-type: none;}
#content ul li {margin-left: -20px; padding: 10px 0 10px 20px; background: transparent url(../images/design/star.gif) left center no-repeat;}








#content h2.menu {font: bold italic 150% "Palatino Linotype", Georgia, Times, serif; text-align: center;}
#content h2.menu small {font: normal italic 60% Verdana, Arial, Helvetica, sans-serif;}
#content h2.menu:before {content: "~ ";}
#content h2.menu br:before {content: "~ ";}
#content h2.menu br:after {content: " ~";}
#content h2.menu:after {content: " ~";}

#content table {width: 99%; border: 3px solid #ccc;/**/}
#content table.sortable {/*color: #333;/**/ padding: 15px 0; margin-bottom: 30px;}
#content table.sortable caption {padding: 15px; /*color: brown; /**/ font: bold italic 150% "Palatino Linotype", Georgia, Times, serif; text-align: center;}
#content table.sortable caption small {font: normal italic 70% Verdana, Arial, Helvetica, sans-serif;}
/*
#content table.sortable caption:before {content: "~ ";}
#content table.sortable caption br:before {content: "~ ";}
#content table.sortable caption br:after {content: " ~";}
#content table.sortable caption:after {content: " ~";}
/**/

#content table.sortable2 {padding: 15px; background:red;}
/*
#content table.sortable tr {background: transparent url(../images/design/country-box/bkg-wide-middle.gif) left top repeat-y;}
tbody {background:green;}
/**/
#content table.sortable tr td {padding: 2px 0 2px 20px;}
#content table.sortable tr th {text-align: left;}
#content table.sortable th+th, #content table.sortable td+td {text-align: right; padding: 2px 25px 2px 0; width: 38%;}

/*
td {background-position:expression(-this.offsetLeft); }
/**/

#content table.sortable th a, #content table.sortable th a:link, #content table.sortable th a:visited, #content table.sortable th a:hover {color: #ccc;}

#content table.sortable tr.even td {/*background: #666; /*#EBEBEB;/**/  background: transparent url(../images/design/transparent-white-background.png) left top repeat;}
#content table.sortable tr.even td+td {background: transparent url(../images/design/transparent-white-background.png) left top repeat;}

#content table.sortable tr:nth-child(even) td {background: transparent url(../images/design/transparent-white-background.png) left top repeat;}
#content table.sortable tr:nth-child(even) td+td {background: transparent url(../images/design/transparent-white-background.png) left top repeat;}
/**/

#content table.sortable tr.emphasize td {color: brown; font-weight: bold;}

#content table.highlight {margin: 10px 0; border: 1px solid #666;}
#content table.highlight th {font-size: large; text-align: center; padding-bottom: 5px; border-bottom: 1px solid #666;}
#content table.no-border {border: none;}
















#footer {position: relative; width: auto; height: auto; text-align: center; text-transform: lowercase; line-height: 150%; margin-bottom:0; background: #333 url(../images/design/grunge-backgrounds/footer-background.jpg) left top repeat-y;}
#footer .phone {/*font-weight: bold;/**/}
#footer a, #footer a:link, #footer a:visited, #footer a:hover {color: #ccc; font-weight: normal; text-decoration: none; padding: 0 15px 0 2px; background: transparent url(../images/design/star.gif) right center no-repeat;}
#footer a.last, #footer a:link.last, #footer a:visited.last, #footer a:hover.last {padding:0; background:none;}
#footer a:hover {color: #E5E5E5;}
#footer a.piggy {position: absolute; top: 2px; right: 2px; padding:0; background: none;}



#photos {width: 100%;}


/* -------- /**/
.simple_overlay {display:none; z-index:10000; background-color:#333; width:580px; min-height:200px; border:1px solid #666; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000;}
.simple_overlay .close {background-image:url(../images/design/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px;}

/* scroller for awards and testimonials /**/
.scrollable.vertical {/* required settings */position:relative; overflow:hidden;/**/ width: 295px; height: 240px;}
.scrollable.vertical .items {position: absolute; left:0; /* this time we have very large space for height */ width: 295px; height: 240px; margin:0; padding:0; z-index:0; text-align: center; font-style: italic; font-size: 110%;}
.scrollable.vertical.testimonial h3 {position: absolute; margin:0 auto; padding:0; left: 20px; top: 20px; color: #99693F; font-style: italic; font-size: 130%; z-index: 5;}
.scrollable.vertical.testimonial, .vertical.testimonial .items {height: 250px;}

.testimonial .items table {position: relative; width: 100%; height: 100%; background: white url(../images/design/quotes.png) left top no-repeat;}
.testimonial .items table td {vertical-align: middle; height: 250px;}
.testimonial .items table p {display: block; margin:0 auto; padding:0; width: 170px; height: auto;}
.testimonial .items table p span {display: block; position: absolute; margin:0; padding:0; right: 20px; bottom: 20px; width: 120px; height: auto; font-size: 70%; text-align: right;}
/*.testimonial .items table p span {display: block; margin: 5px 0 0 0; padding: 0; width: auto; height: auto; font-size: 70%; text-align: right;}/**/


#actions {width:200px; margin:0;}

#actions a {font-size: small; color: #926641; cursor: pointer; text-decoration: none;}
#actions a:hover {color: #926641; text-decoration: underline;}

.disabled {visibility:hidden;}
.prevPage {float:left;}	
.nextPage {float:right;}	

/* ------- /**/
#flowpanes a:active {outline: none;}
#flowpanes :focus {-moz-outline-style: none;}
#flowpanes {position: relative; overflow: hidden; clear: both; width: 775px; height: 350px; background: url(/tools/img/tabs/blue_panes.jpg) no-repeat 0 -100px;}

#flowpanes div {display: none; float: left; display: block; position: relative; /*width: 680px; height: 350px;/**/ cursor: pointer;}

/* our additional wrapper element for the items */
#flowpanes .items {width: 20000em; position: absolute; clear: both; margin:0; padding:0;}





@media print {
/*
html {padding: 0; margin: 0; width: 100%; height: 100%;}
body {padding: 0; margin: 0; width: 100%; height: 100%; font: 100% Verdana, Arial, Helvetica, sans-serif; color: #666666; text-align: justify; background-color: white;}

img {border-style: none;}
strong, b {font-weight: bold;}
em, i, cite {font-style: italic;}

h1,h2,h3,h4,h5,h6 {color: black;}

small {font-size: 80%;}
big {font-size: 120%;}

a,a:link,a:visited,a:hover {color: #666; font-weight: bold; text-decoration: underline;}

#wrapper {position: relative; margin: 0; top: 0; width: 100%; height: auto; border: none; background-color: white; background-image: none;}
#header,#column,#footer,#pigs {display: none;}
#content_wrapper {width: auto; margin: 0; border: none; background-color: white; background-image: none;}
#content {width: auto; margin: 10px; padding: 0;}
/**/

html {padding: 0; margin: 0; width: 100%; height: 100%; border: none; background-color: white; background-image: none;}
body {padding: 0; margin: 0; width: 100%; height: 100%; font-size: 100%; text-align: justify; border: none; background-color: white; background-image: none;}

img {border-style: none;}
/*h1, h2, h3, h4, h5, h6 {}/**/

a, a:link, a:visited, a:hover {color: black; font-weight: bold; text-decoration: underline;}

#content table.highlight th {background: white;}

#header,#column,#footer,.no-print {display: none;}
#content-wrapper {width: auto; margin: 10px; padding: 0; border: none; background-color: white; background-image: none;}
#content {width: auto; margin: 0; padding: 0; border: none; background-color: white; background-image: none;}
* {color: black;}
}