/* 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_index-Dec-2010 { /* index_Dec-2010 */
width: 230px;
float: left;
margin-top: 30px;
}
#centre_column_index-Dec-2010 { /* index_Dec-2010 */
/* background-color: #66FFCC; */
width: 330px;
float: left;
margin-top: 30px;
}
#right_column_index-Dec-2010 { /* index_Dec-2010 */
width: 340px;
float: left;
margin-top: 30px;
}

/* These columns actually go above the ones above */
#left_column2_index-Dec-2010 { /* index_Dec-2010 */
width: 350px;
float: left;
/* margin-top: 30px; */
}
#centre_column2_index-Dec-2010 { /* index_Dec-2010 */
/* background-color: #66FFCC; */
width: 280px;
float: left;
/* margin-top: 30px; */
}
#right_column2_index-Dec-2010 { /* index_Dec-2010 */
width: 270px;
float: left;
/* margin-top: 30px; */
}

/* These columns actually go above the ones above */
#left_column3_index-Dec-2010 { /* index_Dec-2010 */
width: 530px;
float: left;
}
#right_column3_index-Dec-2010 { /* index_Dec-2010 */
width: 370px;
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;
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Chrome */
border-radius: 5px; /* I'm not sure if this is currently used */
}

#spacer-homepage { /* index_Dec-2010 */
height: 15px;
width: 500px;
}

.intro { /* index_Dec-2010 */
position: relative; /* for PIE */
background-color: #dfe4ee;
width: 300px;
margin: 5px;
padding: 10px;
text-align: justify;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-pie-border-radius: 5px;
-pie-background: linear-gradient(#dfe4ee, #c3cddf);
behavior: url(PIE.htc);
}
#intro-heading {
font-size: 14px;
font-weight: bold;
background-color: #79a8f1;
color: #fff;
height: 24px;
padding-top: 6px;
padding-left: 30px;
width: 290px;
margin: 0 0 0 5px;
}
#main-picture { /* index_Dec-2010 */
position: relative; /* for PIE */
border: 1px solid #039;
-webkit-box-shadow: #666 4px 4px 5px;
-moz-box-shadow: #666 4px 4px 5px;
box-shadow: #666 4px 4px 5px;
-pie-box-shadow: #666 4px 4px 5px;
behavior: url(PIE.htc);
}
#main-picture-wrapper { /* index_Dec-2010 */
float: left;
margin: 0 15px 15px 15px;
}
#slideshow-left-margin { /* index_Dec-2010 */
margin: 0 0 0 50px;
}
#HF-box, #Matrix-box { /* index_Dec-2010 */
position: relative; /* for PIE */
width: 300px;
text-align: center;
padding: 30px 10px;
border: 1px solid #63C;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-color: #d1f9c3;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#99f7ff), to(#79a8f1)); /* I think this is necessary for Safari 4+, and Chrome 9 and LESS */
/* background-image: -webkit-linear-gradient(top, #99f7ff, #79a8f1); This may be necessary for Chrome 10 and ABOVE but it doesn't seem to be necessary now - 7th Sept 11 */
background-image: -moz-linear-gradient(#99f7ff, #79a8f1); /* Firefox 3.6 */
-pie-box-shadow: #666 0px 2px 3px;
-pie-background: linear-gradient(#99f7ff, #79a8f1);
behavior: url(/PIE.htc);
}
#HF-box { /* index_Dec-2010 */
font-size: 20px;
margin: 0 15px 15px 15px;
}
#Matrix-box { /* index_Dec-2010 */
font-size: 16px;
margin: 15px;
float: left;
}

#HF-box a { /* index_Dec-2010 */
font-size: 20px;
color: #000;
}
#Matrix-box a { /* index_Dec-2010 */
font-size: 16px;
color: #000;
}
#HF-box a:hover { /* index_Dec-2010 */
font-size: 20px;
color: #c00;
}
#Matrix-box a:hover { /* index_Dec-2010 */
font-size: 16px;
color: #c00;
}


#text-box { /* index_Dec-2010 */
position: relative; /* for PIE */
width: 578px;
float: left;
margin: 70px 0 0 15px;
padding: 20px 30px 20px 30px;
font-size: 16px;
border: 1px solid #3662ec;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ebedff), to(#96adf8));
background-image: -moz-linear-gradient(#ebedff, #96adf8);
-pie-background: linear-gradient(#ebedff, #96adf8);
behavior: url(/PIE.htc);
}

#company-intro-box { /* index_Dec-2010 */
position: relative; /* for PIE */
height: 34px;
border: 2px solid #ccc;
margin: 0 15px 10px 15px;
padding: 10px;
background-color: #eee;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
behavior: url(/PIE.htc);
}
#company-intro-box-left-column { /* index_Dec-2010 */
font-size: 14px;
font-family: Verdana, Geneva, sans-serif;
float: left;
width: 636px;
}
#company-intro-box-centre-column { /* index_Dec-2010 */
float: left;
width: 100px;
font-size: 11px;
font-weight: bold;
border: 1px solid #009; /* Previously #606 */
background-color: #c2c2ff; /* Previously #ccafe9 */
padding: 3px;
margin-right: 20px;
}
#company-intro-box-right-column { /* index_Dec-2010 */
float: left;
width: 68px;
font-size: 11px;
font-weight: bold;
border: 1px solid #009;
background-color: #c2c2ff; /* Previously #9494fe */
padding: 3px;
}
#company-intro-box-centre-column a { /* index_Dec-2010 */
color: #00a;
}
#company-intro-box-right-column a { /* index_Dec-2010 */
color: #00a;
}

/* Work done on new front page from Sept 2011 */
#company-intro-box-centre-column a:hover { /* index_Dec-2010 */
color: #c00;
}
#company-intro-box-right-column a:hover { /* index_Dec-2010 */
color: #c00;
}



#advanced-course, #advanced-course_new-index { /* 2-day advanced Matrix training course by Hans Candeborn */
border: 2px solid #ccc;
padding: 10px;
font-size: 14px;
background-color: #ffc;
text-align: center;
position: relative; /* for PIE */
border-radius: 5px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
-pie-box-shadow: #666 0px 2px 3px;
behavior: url(/PIE.htc);
}
#advanced-course {
margin: 0 15px 0 0;
}
#advanced-course a {
color: #039;
font-weight: bold;
}
#advanced-course_new-index a {
color: #039;
font-weight: bold;
}
#advanced-course a:hover {
color: #f60;
font-weight: bold;
}
#advanced-course_new-index a:hover {
color: #f60;
font-weight: bold;
}
#advanced-course_new-index {
margin: 0 15px 0 15px;
}


#front-page-picture_new-index-1 {
margin: 15px 0 0 20px;
}
#front-page-picture_new-index-2 {
margin: 15px 0 0 24px;
}


#video {
margin: 0 0 0 25px;
}
#video-note {
background-color: #eee;
margin: 5px 0 0 0;
padding: 2px;
}



.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: 20px 120px 20px 120px;
background-color: #dce6f7;
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Chrome */
border-radius: 10px; /* I'm not sure if this is currently used */
}
.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_1b { /* index_Dec-2010 */
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;
-moz-border-radius-topright: 10px; /* Firefox */
-webkit-border-top-right-radius: 10px; /* Chrome */
border-radius-topright: 10px; /* I'm not sure if this is currently used */
-moz-border-radius-topleft: 10px; /* Firefox */
-webkit-border-top-left-radius: 10px; /* Chrome */
border-radius-topleft: 10px; /* I'm not sure if this is currently used */
}
#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;
-moz-border-radius-topright: 10px; /* Firefox */
-webkit-border-top-right-radius: 10px; /* Chrome */
border-radius-topright: 10px; /* I'm not sure if this is currently used */
}

.padding-and-bg_2 { /* index_Dec-2010 */
padding: 10px;
background-color: #d3f0ff;
width: 190px;
margin: 0 0 20px 15px;
-moz-border-radius-topright: 10px; /* Firefox */
-webkit-border-top-right-radius: 10px; /* Chrome */
border-radius-topright: 10px; /* I'm not sure if this is currently used */
}

#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;
}


#address-change {
background-color: #ffe0cc;
border: 3px solid #f60;
padding: 20px;
margin: 15px;
}
.address-change_small {
font-size: 11px;
text-align: right;
}
.address-change_stretched {
font-size: 16px;
letter-spacing: 5px;
text-align: center;
}
.address-change_large {
font-size: 20px;
}
#address-change p {
margin: 5px;
}


#Internet-Explorer-6_message {
background-color: #ffd2d2;
border: 1px solid #f00;
padding: 10px;
margin: 10px 100px;
}



/* Minor layout and presentation - ENDS */