@import url(my.css);

html, body { height: 100%; margin: 0; padding: 0; }
body { font-family: tahoma, geneva, verdana, arial, helvetica; font-size: 10pt; }
td, th { font-family: tahoma, geneva, verdana, arial, helvetica; font-size: 10pt; }

body { background: url(../images/bg-page.gif) top left; color: silver; }
#header { height: 140px; background: url(../images/bg-header.gif) top left; }
#body { background: url(../images/bg-pagecontent.gif) top left; }
#content { min-height: 500px; }
#footer { clear: both; overflow: hidden; min-height: 130px; background: url(../images/bg-footer.gif) top left repeat-x; text-align: center; }

.width { width: 1024px; margin: 0 auto; }
.width img { border: 0; }
 
#header .menu { float: right; padding: 0; margin: 15px 0; list-style: none; }
#header .menu li { float: left; background: url(../images/servicemenu-separator.gif) center right no-repeat; }
#header .menu li:last-child { background: none; }
#header .menu a { display: block; padding: 15px; font-family: arial; color: grey; text-transform: uppercase; text-decoration: none; }
#header .menu a:hover { color: white; }

#headermenu { }
#headermenu .menu { display: table; width: 100%; padding: 0; margin: 0; list-style: none; }
#headermenu .menu li { display: table-cell; text-align: center; }
#headermenu .menu a { display: block; padding: 0px 20px; font-family: arial; font-size: 14px; line-height: 80px; color: #999; text-transform: uppercase; text-decoration: none;
	background: url(../images/headmenu-r.gif) bottom right no-repeat , url(../images/headmenu-l.gif) bottom left no-repeat; }
#headermenu .menu li.selected a { color: #f03a41; background: url(../images/headmenu-hover.gif) top center no-repeat; }
#headermenu .menu a:hover { color: white; background: url(../images/bg-headermenu-active.png) center center no-repeat; }

#footer .menu { float: left; position: relative; left: 50%; padding: 0; margin: 10px; list-style: none; text-align: center; }
#footer .menu li { float: left; position: relative; right: 50%; background: url(../images/servicemenu-separator.gif) center right no-repeat; }
#footer .menu li:last-child { background: none; }
#footer .menu a { display: block; padding: 15px; font-family: arial; color: grey; text-transform: uppercase; text-decoration: none; }
#footer .menu a:hover { color: white; }

#webcounter { clear: both; float; }

.under-construction { text-align: center; }

.columns1 { float: left; width: 100%; bbackground-color: grey; }
.columns1 .column1 { float: left; width: 224px; bbackground-color: silver; }
.columns1 .column2 { float: left; width: 800px; bbackground-color: yellow; }
.clearleft { clear: left; }

.content-box { margin: 10px; border: 1px solid #3a3a3a; box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.5); background: url(../images/bg-boxcontent.gif) top left; }
.corner5 { border-radius: 5px 5px; }
.corner10 { border-radius: 10px 10px; }

.page-location { padding: .8em 1.2em; font-size: 0.8em; color: silver; }
.page-location a { color: grey; text-decoration: none; }
.page-location a:hover { color: white; }

.page-content {  }
.page-content h1.title { float: left; padding: .6em 4em .6em 1.2em; font-size: 1.8em; margin: 0; border-bottom: 1px solid #3a3a3a; }

.sectimage { float: right; border-radius: 10px; margin: 1em 1em; overflow: hidden; }
.sectimage img {}

.plain-text { padding: 2em; line-height: 1.8em; color: grey; }
.plain-text h1, .plain-text h2, .plain-text h3, .plain-text h4, .plain-text h5 { color: silver; }

#left-menu { }
#left-menu ul { padding: 0; margin: 0; list-style: none; }
#left-menu li { border-top: 1px solid #3a3a3a; border-bottom: 1px solid black; padding: 5px; }
#left-menu li.title { color: #266cc2; background: transparent; border: 0; text-transform: uppercase; padding: 10px 15px; }
#left-menu li:last-child { border-bottom-left-radius: 10px 10px; border-bottom-right-radius: 10px 10px; }
#left-menu li.selected a {}
#left-menu a { display: block; color: #848484; text-decoration: none; padding: 5px 10px; font-size: 0.9em; border: 1px solid #1a1a1a; }
#left-menu a:hover { background-color: red; border-radius: 5px 5px; color: white; border: 1px solid #a00000;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bb0000), color-stop(1, #880000) );
	background:-moz-linear-gradient( center top, #bb0000 5%, #880000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bb0000', endColorstr='#880000');

}
#left-menu li.selected a { color: white; }

#tabs { clear: both; }

.company-logos { width: 100%; margin: 20px 0px; }
.company-logos td { text-align: center; padding: 10px 0px; }

.table { border: 1px solid grey; width: 790px; height: 120px; margin: 10px 5px; border-radius: 5px 5px; }

.thumbpic { margin-left: 12px; margin-bottom: 10px; }
.thumbpic img { baorder: 1px solid silver; border-radius: 5px; maargin: 1em 1em; overflow: hidden; margin: 0px 2px; }
.thumbpic td { baorder: 1px solid silver; width: 100px; border-radius: 10px;  }
.thumbpic td a { text-decoration: none; color: silver; }
.thumbpic td:hover { background: #333; }