/* Main layout */

#left_column { /* index */
/* background-color: #996699; */
width: 350px;
float: left;
}
#centre_column { /* index */
/* background-color: #66FFCC; */
width: 280px;
float: left;
}
#right_column { /* index */
/* background-color: #9999CC; */
width: 270px;
float: left;
}

#left_column_Temp_browsers { /* browsers */
float: left;
width: 260px;
margin: 20px 0 30px 0;
}
#right_column_Temp_browsers { /* browsers */
float: left;
width: 230px;
margin: 20px 0 30px 0;
padding: 0 0 0 30px;
}

/* Main layout - ENDS */

/* Minor layout and presentation */

#introduction { /* index */
background-color: #dfe4ee;
width: 300px;
margin: 15px;
padding: 10px;
text-align: justify;
}
.frontpagelinks { /* index */
font-size: 11px;
margin: 15px 0 20px 25px;
}
.largetext { /* index */
font-weight: bold;
}
.linking2 { /* index */
font-size: 11px;
color: #006600;
}
.linking2:hover { /* index */
color: #ff6600;
}
.linking3 { /* index */
font-size: 11px;
color: #000000;
}
.linking3:hover { /* index */
color: #ff6600;
}


.cellgraphic1 { /* index */
background-image: url("images/Matrix home page graphic.gif");
font-size: 12px;
font-weight: bold;
color: #0000ff;
width: 100px;
height: 17px;
text-align: center;
padding-top: 3px;
margin: 20px 0 0 15px;
}
.cellgraphic2 { /* index */
background-image: url("images/Matrix home page graphic 3.gif");
font-size: 12px;
font-weight: bold;
color: #0000ff;
width: 140px;
height: 17px;
text-align: center;
padding-top: 3px;
margin: 20px 0 0 7px;
}
.cellgraphic3 { /* index */
background-image: url("images/Matrix home page graphic 3.gif");
font-size: 12px;
font-weight: bold;
color: #0000ff;
width: 140px;
height: 17px;
text-align: center;
padding-top: 3px;
margin: 20px 0 16px 55px;
/* margin: 30px 0 20px 55px; These were the margins when the quote was in the right-hand column. */
}

/* These were the properties when the quote was in the right-hand column.
#quote { /* index */
/*font-size: 16px;
text-align: center;
width: 250px;
height: 70px;
margin: 50px 25px 0 0;
}
*/

#quote { /* index */
clear: both;
font-size: 16px;
text-align: center;
margin: 10px 0 0 0;
}
.quotemarks { /* index */
font-size: 24px;
}
#quote a { /* index */
color: #003399;
text-decoration: none;
}
#quote a:hover { /* index */
color: #FF6600;
text-decoration: none;
}

#front_page_picture_1 { /* index */
position: absolute;
background-image: url("images/Matrix shell in wheelchair 3.jpg");
width: 245px;
height: 310px;
margin: 15px 0 0 7px;
}
#front_page_picture_bg { /* index */
position: absolute;
background-color: #444;
width: 245px;
height: 310px;
margin: 15px 0 0 7px;
top: 4px;
left: 4px;
}
.relative { /* index */
position: relative;
}
.spacer2 { /* index */
width: 240px;
height: 326px;
}
#front_page_picture_2 { /* index */
background-image: url("images/headmaster_worn_80x96.jpg");
width: 80px;
height: 96px;
margin: 20px 0 0 7px;
float: left;
}
#front_page_picture_3 { /* index */
background-image: url("images/Flexion_Assisted_Offset_Swivel_147x98.jpg");
width: 148px;
height: 96px;
margin: 20px 0 0 109px;
}

#cellgraphic4 { /* index */
background-image: url("images/Matrix info graphic 4.gif");
width: 250px;
height: 66px;
}
.smallnews { /* index */
font-size: 11px;
padding-left: 8px;
padding-right: 8px;
}
.small10pt_marginright { /* index */
font-size: 10px;
margin: 0 20px 0 0;
}
#cellgraphic5 { /* index */
background-image: url("images/Matrix Training graphic 2.gif");
width: 250px;
height: 83px;
margin: 20px 0 0 0;
text-align: center;
font-size: 12px;
color: #3366cc;
}
.cellgraphic5padding { /* index */
padding: 15px;
}
.largefront { /* index */
font-size: 12px;
color: #3366cc;
}
.largefront:hover { /* index */
color: rgb(255,102,0);
}
#contact_us { /* index */
background-color: #d3f0ff;
width: 140px;
height: 24px;
padding-top: 6px;
margin-left: 15px;
text-align: center;
font-size: 14px;
font-weight: bold;
}
#contact_us a { /* index */
color: #0000ff;
}
#contact_us a:hover { /* index */
color: #ff6600;
}
.padding-and-bg { /* index */
padding: 10px;
background-color: #d3f0ff;
width: 220px;
margin: 0 0 20px 15px;
}
#frontpageline { /* index */
border-bottom: 1px solid #999999;
width: 860px;
clear: both;
margin-left: 20px;
}
#frontpagebox { /* index */
border: 1px solid #999999;
margin: -1px 0 0 100px;
padding: 3px 6px;
width: 130px;
font-size: 11px;
}
#frontpagebox a { /* index */
color: #999999;
}
#frontpagebox a:hover { /* index */
color: #000000;
}
.frontpagebrowser { /* index */
width: 300px;
float: left;
font-size: 11px;
text-align: justify;
margin: 20px 80px 30px 30px;
}
.adobegraphic { /* index */
float: left;
margin: 20px 0 0 0;
}
.adobetext { /* index */
font-size: 11px;
float: left;
margin: 20px 0 0 20px;
}

.mainarea { /* browsers opmatrix1 opmatrix2 opmatrix5 */
padding: 0 320px 0 60px;
text-align: justify;
}


.table, .table2 { /* browsers */
border: 1px solid #ccc;
border-collapse: collapse;
font-size: 12px;
text-align: left;
}
.table a { /* browsers */
color: #060;
}
.table a:hover { /* browsers */
color: #f60;
}
.tablepadding { /* browsers */
padding: 5px;
}
.table { /* browsers */
margin: 0 0 30px 0;
}
.table2 { /* browsers */
margin: 0 0 30px 80px;
}
.small_clear {
clear: both;
font-size: 10px;
margin: 0 0 30px 60px;
}

#home_page_news_box { /* index */
background-color: #cc9;
margin: 0 20px 0 0;
padding: 10px 8px 10px 8px;
font-size: 11px;
}
#new_product_box { /* index */
background-color: #eee;
margin: 54px 20px 0 0;
padding: 50px 30px 50px 30px;
text-align: center;
border: 1px solid #f60;
}
.heads_first_box {
background-color: #ddd;
margin: 20px 20px 15px 0;
padding: 10px 0 10px 0;
text-align: center;
border: 1px solid #9cf;
color: #f60;
}
.heads_first_box a {
color: #039;
}
.heads_first_box a:hover {
color: #f60;
}

/* Minor layout and presentation - ENDS */