html,body{margin:0;padding:0}
body{background:#36779f url(../img/body_gradient.png) repeat-x;
font-family:tahoma;
width: 100%;
font-size: 14px;
margin:0px;
padding:0;}
p{margin:0 10px 10px}
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000;
}
h4{
color:#CCCCCC;
line-height:1.4;
font-size:12px;
}

div#header{height:70px;line-height:20px;margin:0;
  padding-left:10px;color: #000;
  padding-right:10px;color: #000;
  text-align:right;
  }

div#content p{line-height:1.6;}

div#footer{ width:950px; font-size:11px;
text-align:right;
color:#ccc;
padding-top:5px;
}
div#footer p{margin:0;padding:5px 10px}

div#container{width:955px;margin:0 auto}
div#content{float:right;width:700px; text-align:right; direction:rtl;}
div#navigation{width:230px; border-right: 1px #fff outset; }
div#extra{clear:both;width:100%;}


.home_column {
background: url(../img/home_column_hover.jpg) right 8px repeat-x; background-position:bottom;
width:204px;
padding:35px 16px 0 ;
float: left;
position: relative;
height:200px;
border-top: 3px outset black;
border-bottom: 1px outset black;
text-align:center;
}



.products_column {
background: url(../img/home_column_hover.jpg) right 8px repeat-x; background-position:bottom;
width:140px;
margin-right:5px;
margin-bottom:6px;
padding:25px 14px 0 ;
float: left;
position: relative;
height:165px;
line-height:1.5;
border-top: 1px outset black;
border-bottom: 1px outset black;
border-right: 1px outset black;
border-left: 1px outset black;
text-align:center;

}


/* <-----MENU BAR CSS CODE-----> */

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.mattblacktabs{
width:950px;
overflow: hidden;
border-bottom: 4px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font: 12px tahoma;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li.selected a{
background-color: #000; /*background color of tabs onMouseover*/
color: white;
}

.mattblacktabs li a{
float: right;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #38799f; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}



/* <-----END OF MENU BAR CSS CODE-----> */


/* <-----Statics CODE-----> */



.statics{
width: 190px;
}

/* <-----Statics CODE-----> */




/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */


.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: 12px tahoma;
width: 180px; /* Main Menu Item widths */
border-bottom: 1px solid #ccc;
text-align:right;
}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
padding-right:20px;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;

}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #38799f; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
color: white;
}

.sidebarmenu ul li a:hover{
background-color: black;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 210px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
z-index:+500;
}

.sidebarmenu a.subfolderstyle{
background: url(../img/right.gif) no-repeat 97% 50%;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; position:relative;}
* html .sidebarmenu ul li a { height: 1%; }
/* End */


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */<!-- Hide entire CSS code from IE6 -->




.shiftcontainer{
position: relative;
left: 5px; /*Number should match -left shadow depth below*/
top: 5px; /*Number should match -top shadow depth below*/

}

.shadowcontainer{
width: 185px; /* container width*/
background-color: #d1cfd0;
font-size:12px;
}
.shadowcontainer a{
width: 185px; /* container width*/
color:#006699;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
text-align:left;
border: 1px solid 99d0ff;
padding: 6px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}





#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 500px; /*Margin for content column. Should be (RightColumnWidth + LeftColumnWidth)*/
direction:rtl;
text-align:right;
line-height:1.7;
}

#leftcolumn{
float: left;
width:230px; 
border-right: 1px #fff outset;
margin-left: -955px; /*Set left margin to -(MainContainerWidth)*/
}

#rightcolumn{
float: left;
width:230px; border-right: 1px #fff outset;
margin-left: -670px; /*Set right margin to -(MainContainerWidth - LeftColumnWidth)*/
direction:rtl;
text-align:right;
}

.innertube{
margin-top: 0;
}
#pcolumn{
float: left;
width:200px; 
margin-left: -700px; /*Set right margin to -(MainContainerWidth - LeftColumnWidth)*/
text-align:left;
}
#contentp{
margin-left: 450px; /*Margin for content column. Should be (RightColumnWidth + LeftColumnWidth)*/
direction:rtl;
text-align:right;
line-height:1.7;
}
.art{
color:#FFF;
font-family:"Courier New", Courier, monospace;}