#page-wrapper div.about-us-wrapper
{
width           : 100%;
overflow        : hidden;
}



#page-wrapper div.about-us-wrapper div.col1
{
width           : 21%;
display         : block;
float           : left;
background-color: #FFF;
padding         : 50px 2% 2% 2%;
overflow		: hidden;
}

#page-wrapper div.about-us-wrapper div.col1 h2
{
height                  : 0px;
padding-top             : 25px;
overflow                : hidden;
color                   : #FF6600;
font-size               : 140%;
font-weight             : normal;
line-height             : 25px;
margin                  : 0px 0px 40px 0px;
background-repeat       : no-repeat;
}

#page-wrapper div.about-us-wrapper div.col1 p
{
color           : #333;
line-height     : 16px;
margin          : 0px 0px 16px 0px;
font-size       : 75%;
font-weight     : normal;
}

#page-wrapper div.about-us-wrapper div.col1 p a, #page-wrapper div.about-us-wrapper div.col1 p.header
{
color           : #FF6600;
}

#page-wrapper div.about-us-wrapper div.col1 p.header
{
font-weight		: bold;
}

#page-wrapper div.about-us-wrapper div.col2
{
width           : 25%;
display         : block;
float           : left;
background-color: #FF6600;
padding         : 50px 0px 0px 0px;
overflow		: hidden;
}

#page-wrapper div.about-us-wrapper div.col3
{
width           : 25%;
display         : block;
float           : left;
background-color: #FF791E;
padding         : 50px 0px 0px 0px;
overflow		: hidden;
}

#page-wrapper div.about-us-wrapper div.col4
{
width           : 25%;
display         : block;
float           : left;
background-color: #FF8430;
padding         : 50px 0px 0px 0px;
overflow		: hidden;
}

#page-wrapper div.about-us-wrapper div.col2 h2,
#page-wrapper div.about-us-wrapper div.col3 h2,
#page-wrapper div.about-us-wrapper div.col4 h2
{
height          : 0px;
padding-top     : 50px;
overflow        : hidden;
color           : #FFF;
line-height     : 24px;
margin          : 0px 0px 50px 20px;
font-size       : 140%;
font-weight     : normal;
background-repeat      : no-repeat;
}

#page-wrapper div.about-us-wrapper div.col2 p,
#page-wrapper div.about-us-wrapper div.col3 p,
#page-wrapper div.about-us-wrapper div.col4 p,
#page-wrapper div.about-us-wrapper div.col5 p
{
color           : #FFF;
line-height     : 16px;
margin          : 0px 20px 16px 20px;
font-size       : 75%;
font-weight     : normal;
}

#page-wrapper div.about-us-wrapper div.col2 p a,
#page-wrapper div.about-us-wrapper div.col3 p a,
#page-wrapper div.about-us-wrapper div.col4 p a
{
color           : #FFF;
text-decoration : none;
font-weight     : bold;
}

#page-wrapper div.about-us-wrapper div.col2 p a.biolink,
#page-wrapper div.about-us-wrapper div.col3 p a.biolink,
#page-wrapper div.about-us-wrapper div.col2 p a.pdflink
{
color			: #FF6600;
}

#page-wrapper div.about-us-wrapper div.col2 p a span,
#page-wrapper div.about-us-wrapper div.col3 p a span,
#page-wrapper div.about-us-wrapper div.col4 p a span
{
color           : #FFB36F;
}

#page-wrapper div.about-us-wrapper div.col2 div.image,
#page-wrapper div.about-us-wrapper div.col3 div.image,
#page-wrapper div.about-us-wrapper div.col4 div.image
{
width           : 100%;
margin          : 0px 0px 40px 0px;
display         : block;
min-height      : 170px;
}

* html #page-wrapper div.about-us-wrapper div.col2 div.image,
* html #page-wrapper div.about-us-wrapper div.col3 div.image,
* html #page-wrapper div.about-us-wrapper div.col4 div.image
{
height:170px;
}

* html #page-wrapper div.about-us-wrapper div.col2 div.on div.image,
* html #page-wrapper div.about-us-wrapper div.col3 div.on div.image,
* html #page-wrapper div.about-us-wrapper div.col4 div.on div.image
{
height:auto;
}

#page-wrapper div.about-us-wrapper div.col2 div.image {background : url(../images/about/bg-about-col2.jpg) top center no-repeat;}
#page-wrapper div.about-us-wrapper div.col3 div.image {background : url(../images/about/bg-about-col3.jpg) top center no-repeat;}
#page-wrapper div.about-us-wrapper div.col4 div.image {background : url(../images/about/bg-about-col4.jpg) top center no-repeat;}

/* ON Columns */

#page-wrapper div.on
{
width               : 100%;
background          : #FFF url(../images/about/grey-dot.jpg) 0px 42px repeat-x;
border-left         : 1px solid #FF6600;
border-right        : 1px solid #FF6600;
padding             : 0;
overflow            : hidden;
}

#page-wrapper div.on div.header
{
width               : 96%;
overflow            : hidden;
padding-left        : 4%;
}

#page-wrapper div.on div.header p.large-header
{
font-size               : 120%;
color                   : #FF6600;
line-height             : 22px;
margin                  : 20px 0px 10px 0px;
font-weight             : bold;
height                  : 0px;
padding-top             : 22px;
overflow                : hidden;
}

#page-wrapper div.on div.header p.close
{
text-align              : right;
font-size               : 75%;
color                   : #333;
line-height             : 32px;
margin                  : 0px 0px 1px 0px;
overflow                : hidden;
padding                 : 5px 2% 6px 2%;
width                   : 96%;
}

#page-wrapper div.on div.header p.close a
{
color                   : #333;
text-decoration         : none;
}

#page-wrapper div.on div.header p.close a span
{
background-color        : #FF6600;
color                   : #FFF;
font-weight             : bold;
width                   : 20px;
padding                 : 0px 4px 0px 4px;
}

#page-wrapper div.on div.header h2
{
font-size               : 140%;
color                   : #FF6600;
line-height             : 15px;
margin                  : 15px 0px 20px 0px;
overflow                : hidden;
}

#page-wrapper div.on div.header p
{
font-size               : 75%;
color                   : #333;
line-height             : 16px;
margin                  : 0px 0px 16px 0px;
overflow                : hidden;
width                   : 600px;
}



#page-wrapper div.on div.sub-col1
{
width                   : 20%;
display                 : block;
float                   : left;
background-color        : #FFF;
padding-right           : 3%;
padding-left            : 3%;
}

#page-wrapper div.technology div.sub-col1
{
padding-top             : 20px;
width                   : 58%;
}

#page-wrapper div.on div.sub-col2
{
width                   : 20%;
display                 : block;
float                   : left;
background-color        : #FFF;
padding-right           : 3%;
}

#page-wrapper div.technology div.sub-col2
{
width           : 32%;
background      : #EEE url(../images/about/technology/) top left no-repeat;
min-height      : 400px;
padding-right   : 0%;
}

#page-wrapper div.on div.sub-col3
{
width                   : 20%;
display                 : block;
float                   : left;
background-color        : #FFF;
padding-right           : 3%;
}

#page-wrapper div.technology div.sub-col3
{
width                   : 24%;
padding                 : 30px 4% 0% 4%;
min-height              : 400px;
background              : #FFF1E7 url(../images/about/technology/Mrs-x-sample.jpg) bottom center no-repeat;
}

#page-wrapper div.on div.sub-col4
{
width                   : 20%;
display                 : block;
float                   : left;
background-color        : #FFF;
padding-right           : 3%;
}

#page-wrapper div.on div.sub-col1 div.image,
#page-wrapper div.on div.sub-col2 div.image,
#page-wrapper div.on div.sub-col3 div.image,
#page-wrapper div.on div.sub-col4 div.image
{
width                   : 100%;
display                 : block;
margin                  : 0px 0px 15px 0px;
min-height              : 5px;
padding                 : 105px 0px 0px 0px;
overflow                : hidden;
}

#page-wrapper div.on div.sub-col1 div.image {background : url(../images/about/theteam/2.jpg) top center no-repeat;}
#page-wrapper div.on div.sub-col2 div.image {background : url(../images/about/theteam/jill.jpg) top center no-repeat;}
#page-wrapper div.on div.sub-col3 div.image {background : url(../images/about/theteam/1.jpg) top center no-repeat;}
#page-wrapper div.on div.sub-col4 div.image {background : url(../images/about/theteam/liezl.jpg) top center no-repeat;}


#page-wrapper div.environment div.sub-col1 div.image {background : url(../images/about/environment/reception.jpg) top left no-repeat;}
#page-wrapper div.environment div.sub-col2 div.image {background : url(../images/about/environment/relax.jpg) top left no-repeat;}
#page-wrapper div.environment div.sub-col3 div.image {background : url(../images/about/environment/surgery.jpg) top left no-repeat;}

#page-wrapper div.on div.image a
{
display                 : block;
width                   : 55px;
background              : #EEEDED url(../images/generic/icon-enlarge.jpg) 5px 3px no-repeat;
color                   : #333;
padding                 : 0px 0px 0px 18px;
margin                  : 0px 0px 0px 0px;
height                  : 15px;
font-size               : 70%;
text-decoration         : none;
float                   : right;
}

#page-wrapper div.on div.sub-col1 p,
#page-wrapper div.on div.sub-col2 p,
#page-wrapper div.on div.sub-col3 p,
#page-wrapper div.on div.sub-col4 p
{
font-size               : 75%;
color                   : #333;
line-height             : 15px;
margin                  : 0px 0px 15px 0px;
overflow                : hidden;
}

#page-wrapper div.on div.sub-col1 p.header,
#page-wrapper div.on div.sub-col2 p.header,
#page-wrapper div.on div.sub-col3 p.header,
#page-wrapper div.on div.sub-col4 p.header
{
font-size               : 75%;
color                   : #FF6600;
line-height             : 15px;
margin                  : 0px 0px 10px 0px;
font-weight             : bold;
}

#page-wrapper div.on div.sub-col1 p.large-header
{
font-size               : 120%;
color                   : #FF6600;
line-height             : 22px;
margin                  : 0px 0px 10px 0px;
font-weight             : bold;
height                  : 0px;
padding-top             : 22px;
overflow                : hidden;
}

#page-wrapper div.on div.sub-col3 p span
{
color                   : #FF6600;
}

#page-wrapper div.on div.sub-col3 div.quote p a 
{
color                   : #FF6600;
}