@charset "UTF-8";
body  {
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #000000;
	background:url(images/background.jpg);
	background-repeat:repeat;
	}
#container { 
	width: 1020px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	border: 2px solid #000000;
	background-color:#FFF;
} 
#header { 
	background-image:url(images/smg_logo.jpg);
	background-repeat:no-repeat;
	height: 185px;
} 
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

h2 {color: #a50c0e;}
h3 {color: #7d189a;}
h4 {color:#009; font-size: 15px;}

a:visited {
	color: #F00;
}


/********** body **********/
.body_resize { margin: 0 0 0 0; padding:0;  }
.body { width:950px;  margin:0 auto; padding: 10px;}
.body h5 { font: bold 12px Arial, Helvetica, sans-serif; color:#343434; padding: 10px 0 0 5px; margin:0;}
.body h4 { font: normal 16px Arial, Helvetica, sans-serif; color:#343434; padding:5px 5px; margin:0;}
.body h3 { font: normal 24px Arial, Helvetica, sans-serif; color:#343434; padding:5px 5px; margin:0;}
.body h3 span { font: italic 12px Arial, Helvetica, sans-serif; color:#7d7d7d;}
.body h2 { width:279px; height:40px; font: normal 18px Arial, Helvetica, sans-serif; color:#7c0518; margin:0;  padding: 5px 10px; background:url(images/h2_bg_top.gif) top no-repeat;}
.body h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#9d9d9d;}
.body img {  padding:0; margin:10px auto;}
.body img.floated { float:left; padding:0; margin:10px 15px 10px 0;}
.body ul { list-style:none; margin:10px 0 0 10px; padding: 0;}
.body li { padding:3px 5px; margin:0; font: normal 12px Arial, Helvetica, sans-serif; color:#7d7d7d;}
.body li a { font: normal 12px Arial, Helvetica, sans-serif; color:#7d7d7d; text-decoration:none;}
.body li a:hover { color:#c52100;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#605f5f; line-height:1.8em; padding:5px 5px; margin:0;}
.body a { 
	text-decoration:none; 
	color:#c52100; 
	line-height:1.8em; 
	font: normal 12px Arial, Helvetica, sans-serif;
	border: 0;
	}
.right { width:400px; float:right; padding:0 50px; margin:0;}
.left { width:400px; float:left; padding:0 0; margin:0;}
.block { width:255px; float:left; margin:10px; padding:0;}
.port_resize { width:5px; float:left; margin:10px 5px 10px 8px; padding:0;}



#tabsE {
	position: absolute;
    margin-top:145px; 
 	width:1021px;
	height:43px;
    line-height:normal;

      }
    #tabsE ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
      }
    #tabsE li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsE a {
      float:left;
      background: url(images/tableftE.gif) no-repeat left top;
	  width: 130px;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsE a span {
      float:left;
      display:block;
      background:url(images/tabrightE.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsE a span {float:none;
	  color:#ffffff;}
    /* End IE5-Mac hack */
	
    #tabsE a:hover span {
      color:#FFF;
      }
    #tabsE a:hover {
      background-position:0% -42px;
      }
    #tabsE a:hover span {
      background-position:100% -42px;
      }  
	

#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 210px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: auto;
	padding: 5px 5px 0 1px; /* padding keeps the content of the div away from the edges */
	background-image: url(images/sidebar.jpg);
	background-repeat:repeat;
	color: #ffffff;
}
#sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 160px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 600px;
	padding: 15px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
}
#mainContent { 
	margin: 0 10px 0 210px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 0 0 25px;
} 

/*FBG*/
.FBG { 
	border: 0; 
	margin:0; 
	width: 1020px;
	background: #fff url(images/slider_bg.gif)  repeat-x; 
	}
	
.FBG_resize { 0; }
.FBG_resize a { text-decoration:none; color:#c52100; line-height:1.8em; font: normal 12px Arial, Helvetica, sans-serif;}
.FBG_resize p { font: normal 12px Arial, Helvetica, sans-serif; color:#605f5f; padding:5px; margin:0; line-height:1.8em;}
.FBG_resize p span { color:#2b2b2b;}
.FBG_resize ul { list-style:none; margin:10px auto; padding:0;}
.FBG_resize li { padding:0 5px; margin:0;}
.FBG_resize li a { font: normal 12px/1.6em Arial, Helvetica, sans-serif; color:#605f5f; text-decoration:none;}
.FBG_resize li a:hover { color:#2b2b2b;}
.FBG_resize h2 { font: normal 18px Arial, Helvetica, sans-serif; color:#2b2b2b; padding:5px; margin:0;}
.FBG_resize .left { width:205px; float:left; margin:10px 5px 10px 25px; padding:10px 5px;}
/* END_bloga*/


/************* footer **********/
.footer {padding:0;  margin:0; 	
	background:  #fff;
	border-top: #ccc 1px solid;
	}
.footer_resize { width:1020px; margin:0 auto; padding:0 3px 3px 3px;}
.footer p { font:normal 9px  Arial, Helvetica, sans-serif; color:#737373;}
.footer a { font:bold 9px Arial, Helvetica, sans-serif; color:#444; text-decoration:none; padding:5px; margin:0;}
.footer p.right { text-align:right; width:350px; margin:0; padding:15px 0 0 0; float:right;} 
.footer p.left { text-align:left; width:550px; margin:0; padding:10px 0 0 10px; float:left;} 

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#graybox {
   text-align:center;
   background-image:url(images/graybox.jpg);
   background-repeat:no-repeat;
   background-position:center;
	width:714px;
	height:200px;
	z-index:1;
}
/************* gallery **********/
#gallery {width: 750px; height:380px; padding: 0; position:relative; margin: -50px 0 20px 0; }
#gallery b.default {
	position: absolute;
	left: 3px;
	top: 23px;
	width: 492px;
	height: 373px;
}
#gallery b.default img {display:block; margin: 0; }
#gallery b.default span {display:block;  font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px;  margin: 0;}

#gallery ul {list-style:none; padding:0; margin:0; width: 180px; position:relative; float:right; }
#gallery ul li {display:inline; width:50px; height: 37px; float:left; margin: auto; padding: 10px 5px 15px 5px; background: #e3e3e3; }
#gallery ul li a {display:block; width:50px; height: 37px; text-decoration:none; }
#gallery ul li a span {display:none; }
#gallery ul li a img {display:block; width:50px; height:37px; }
#gallery ul li a:hover {margin:10px 0 0 0; background: #99a5b5; }
#gallery ul li a:hover b {position: absolute; left:-598px; top: 0;   z-index:20;}
#gallery ul li a:hover span {display:block; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px;  margin:10px 0 0 0;}
#gallery ul li a:hover img { margin:10px 0 0 0; width:auto; height:auto;  }

#gallery ul li a:active, #gallery ul li a:focus { }
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-598px; top:0; z-index:10;}
#gallery ul li a:active span, #gallery ul li a:focus span {display: none; }
#gallery ul li a:active img, #gallery ul li a:focus img{ margin:10px 0 0 0; width:auto; height:auto; }

#cu3er-container {width: 800px; height: 300px; margin-left:-18px;}