@charset "utf-8";
/* ------ Reset ------ */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit; }
table{border-collapse:collapse;border-spacing:0; }
ol,ul{list-style:none; }

/* ------ General ------ */

body { background-color:#e8e8e8; font-family:Tahoma; cursor:default; }

h1, h2, h3, h4, h5, h6 { font-family:Trebuchet MS; color:#25348d; margin:15px 0px; }
h1 { font-size:26px; margin:0px; }
h2 { font-size:21px; letter-spacing:-1px; }
h3 { font-family:Arial; font-size:15px; margin:20px 0px 6px 0px; text-decoration:underline; }
h4 { font-size:17px; letter-spacing:-1px; }
h5 { font-size:14px; }
h6 { font-size:12px; }

div.tag { position:fixed; bottom:20px; left:20px; width:100px; text-align:left; font-family:Arial; font-size:11px; color:#aeaeae; }
div.tag a { text-decoration:none; color:#aeaeae; }
div.tag a:hover { text-decoration:underline; color:#666666; }

p {	font-size:11px; color:#2e2e2e; line-height:18px; }
p.text { padding-right:40px; }
div.comment { font-size:11px; color:#838383; line-height:15px; padding-top:30px; }
span.call { font-family:Trebuchet MS; color:#25348d; font-size:18px; padding-left:2px; }

a {	text-decoration:none; color:#01990f; font-size:11px; }
a:hover { text-decoration:underline; }

a.text { text-decoration:underline; }
a.text:hover { text-decoration:none; }

a.mail { text-decoration:underline; color:#25348d; }
a.mail:hover { text-decoration:none; }

img { border:1px solid #636363; margin:20px 0px 20px 0px; }
.img-left {	float:left; margin:20px 40px 5px 0px; }
.img-right { float:right; margin:20px 0px 20px 40px; }

div.callus { text-align:center; padding-top:0px; font-family:Arial; font-size:12px; color:#5f5f5f; padding-top:29px; }
div.callus div.phone { text-align:center; padding-top:4px; font-family:Trebuchet MS; color:#25348d; font-size:17px; }

table.locations { width:640px; height:auto; border-collapse:collapse; margin:auto; margin:0px; padding:0px; font-family:Tahoma; color:#2e2e2e; font-size:11px; }
table.locations img { width:200px; height:100px; margin:0px; padding:0px; }
table.locations td.cell { width:200px; height:auto; text-align:left; padding:0px; }
table.locations td.gap { width:40px; height:auto; text-align:left; padding:0px; }
table.locations td.row { width:640px; height:10px; text-align:left; padding:0px; }

/* ------ Wrapper ------ */

#wrapper { width:980px; margin:0 auto; background:url(../images/wrap-bg.gif) repeat-y; overflow:hidden;	}

/* ------ Left part - menu and logo ------ */

#left-column { float:left; width:220px; top:0; position:fixed; }

.logo {	margin: 22px 0px 8px 0px; width:200px; height:80px; border:none; }

/* ------ Menu ------ */

#menu li a  { color:white;	background:url(../images/tab-inactive-bg.jpg);	outline-style:none; }
#menu li ul li a { background-image:none; height:15px; color:#dcdcdc; font-size:11px; }
#menu li ul { margin-bottom:20px; }
#menu li ul li a:hover { background-image:none; font-weight:bold; }
#menu li.active ul li a { background-image:none; color:#ccc; }
#menu li.active ul li a:hover {	background-image:none; color:white; }
#menu li.active ul li.active a { font-weight:bold; color:white; background:url(../images/bg-menu-submenu-current.jpg) no-repeat 20px 13px; }
#menu .active a, #menu .active a:hover { background:url(../images/tab-active-bg.jpg); color:#202425; }
#menu a:hover {	background:url(../images/tab-inactive-hover-bg.jpg); text-decoration:none; }
#menu a { color:#202425; font-size:12px; background:url(../images/tab-active-bg.jpg) no-repeat; width:200px; height:30px; display:block; padding:12px 0px 0px 20px; margin-bottom:3px; text-align:left; }

/* ------ maincontent - right column ------ */

#maincontent {width:760px;margin-left:220px;overflow:hidden; }
.content-slide {padding:40px;width:680px;overflow:hidden; }

/* ------ Maincontent subdivision - columns with 1/2 ------ */

.subdivision-left {float:left;width:320px;margin-right:40px;margin-top:25px; }
.subdivision-right {float:left;width:320px;margin-top:25px; }
.subdivision-left h1, .subdivision-left h2, .subdivision-left h3, .subdivision-left h4, .subdivision-left h5, .subdivision-left h6, .subdivision-right h1, .subdivision-right h2, .subdivision-right h3, .subdivision-right h4, .subdivision-right h5, .subdivision-right h6 {margin-top:0px; }
.subdivision-left .img-left, .subdivision-right .img-left {margin:0px 20px 20px 0px; }
.subdivision-left .img-right, .subdivision-right .img-right {margin:0px 0px 20px 20px; }
.subdivision-left .icon-left, .subdivision-right .icon-left{margin:0px 20px 5px 0px; }

/* ------ Misc ------ */

.clear {clear:both; }
.icon-left {float:left;border:none; }
.icon-right {float:right;border:none; }

/* ------ billboard ------ */

#s3slider { 
   width:680px; /* important to be same as image width */ 
   height:290px; /* important to be same as image height */
   position:relative; /* important */
   overflow:hidden; /* important */
   }

#s3sliderContent {
   width:680px; /* important to be same as image width or wider */
   position:absolute; /* important */
   top:0; /* important */
   margin-left:0; /* important */
   }
   
#s3sliderContent img { border:1px solid #636363; width:678px; height:290px; }   

.s3sliderImage {
   float:left; /* important */
   position:relative; /* important */
   display:none; /* important */
   }

.s3sliderImage span {
   position:absolute; /* important */
   left:0;
   font-face:Tahoma;
   font-size:12px;
   padding:20px 13px;
   width:680px;
   background-color:#000;
   filter:alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity:0.7; /* here you can set the opacity of box with text */
   -khtml-opacity:0.7; /* here you can set the opacity of box with text */
   opacity:0.7; /* here you can set the opacity of box with text */
   color:white;
   display:none; /* important */
   bottom:45px;

   /*
       if you put
       top:0; -> the box with text will be shown at the top of the image 
       if you put
       bottom:0; -> the box with text will be shown at the bottom of the image
   */
}

#billboard, #s3slider {width:680px;height:290px;margin:0px 0px 25px 0px; }
#billboard img {width:680px;height:290px; }