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

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

#page-wrapper div.services-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 15px 0px;
background-repeat       : no-repeat;
}

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

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

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

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

#page-wrapper div.services-us-wrapper div.col5
{
width           : 20%;
display         : block;
float           : left;
background-color: #FF9343;
padding         : 50px 0px 0px 0px;
overflow		: hidden;
}

#page-wrapper div.services-us-wrapper div.col2 h2,
#page-wrapper div.services-us-wrapper div.col3 h2,
#page-wrapper div.services-us-wrapper div.col4 h2,
#page-wrapper div.services-us-wrapper div.col5 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.services-us-wrapper div.col2 p,
#page-wrapper div.services-us-wrapper div.col3 p,
#page-wrapper div.services-us-wrapper div.col4 p,
#page-wrapper div.services-us-wrapper div.col5 p
{
color           : #FFF;
line-height     : 16px;
margin          : 0px 20px 16px 20px;
font-size       : 75%;
font-weight     : normal;
}

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

#page-wrapper div.services-us-wrapper div.col1 p a.orange 
{
font-weight		: bold;
text-decoration	: none;
}

#page-wrapper div.services-us-wrapper div.col1 p a.orange,
#page-wrapper div.services-us-wrapper div.col2 p a.orange,
#page-wrapper div.services-us-wrapper div.col3 p a.orange,
#page-wrapper div.services-us-wrapper div.col4 p a.orange,
#page-wrapper div.services-us-wrapper div.col5 p a.orange
{
color           : #FF6600;
}

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

#page-wrapper div.services-us-wrapper div.col2 ul,
#page-wrapper div.services-us-wrapper div.col3 ul,
#page-wrapper div.services-us-wrapper div.col4 ul,
#page-wrapper div.services-us-wrapper div.col5 ul
{
margin          : 0px 20px 0px 20px;
padding         : 0px;
}


#page-wrapper div.services-us-wrapper div.col2 ul li,
#page-wrapper div.services-us-wrapper div.col3 ul li,
#page-wrapper div.services-us-wrapper div.col4 ul li,
#page-wrapper div.services-us-wrapper div.col5 ul li
{
color           : #333;
line-height     : 16px;
margin          : 0px 0px 10px 10px;
font-size       : 75%;
font-weight     : normal;
}

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

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

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

#page-wrapper div.services-us-wrapper div.col2 div.image {background : url(../images/services/cosmetic-dentistry.jpg) top center no-repeat;}
#page-wrapper div.services-us-wrapper div.col3 div.image {background : url(../images/services/a-wedding-smile.jpg) top center no-repeat;}
#page-wrapper div.services-us-wrapper div.col4 div.image {background : url(../images/services/teeth-whitening.jpg) top center no-repeat;}
#page-wrapper div.services-us-wrapper div.col5 div.image {background : url(../images/services/appointments.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.sub-col
{

}

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

#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                 : 10px 2% 0 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                   : 28%;
display                 : block;
float                   : left;
background-color        : #FFF;
padding-right           : 4%;
padding-left            : 4%;
}

#page-wrapper div.appointments div.sub-col1
{
padding-top             : 20px;
}

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

#page-wrapper div.cosmeticdentistry div.sub-col1 div.goldensmile
{
overflow				: hidden;
background-color		: #ffe4d0;
}



#page-wrapper div.cosmeticdentistry div.sub-col1 div.goldensmile p
{
float					:left;
color					:#ff6600;
margin					:9px;
}

#page-wrapper div.aweddingsmile div.sub-col1
{
padding-top             : 20px;
}

#page-wrapper div.teethwhitening div.sub-col1
{
padding-top             : 20px;
}

#page-wrapper div.on div.sub-col1 ul
{
margin          : 0px 20px 0px 20px;
padding         : 0px;
}

#page-wrapper div.on div.sub-col1 li
{
color           : #333;
line-height     : 16px;
margin          : 0px 0px 16px 10px;
font-size       : 75%;
font-weight     : normal;
}

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

#page-wrapper div.appointments div.sub-col1
{
width           : 62%;
padding-right   : 2%;
}

#page-wrapper div.cosmeticdentistry div.sub-col2
{
width           : 32%;
/*background      : #FFF url(../images/Services/CosmeticDentistry/girl.jpg) top left no-repeat;*/
background      : #EEE;
min-height      : 400px;
padding-right   : 0%;
float           : left;
}

#page-wrapper div.aweddingsmile div.sub-col2
{
width           : 32%;
background      : #FFF url(../images/Services/AWeddingSmile/wedding_image.jpg) top center no-repeat;
min-height      : 400px;
padding-right   : 0%;
float           : left;
}

#page-wrapper div.teethwhitening div.sub-col2
{
width           : 32%;
background      : #FFF url(../images/Services/TeethWhitening/teeth_whitening.jpg) top center no-repeat;
min-height      : 400px;
padding-right   : 0%;
float           : left;
}

#page-wrapper div.appointments div.sub-col2
{
width           : 32%;
background      : #FFF url(../images/Services/Appointments/appointments2.jpg) top center no-repeat;
min-height      : 400px;
padding-right   : 0%;
float           : left;
}

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

#page-wrapper div.cosmeticdentistry div.sub-col3
{
width                   : 24%;
padding                 : 30px 4% 0% 4%;
min-height              : 400px;
background              : #FFF url(../images/services/CosmeticDentistry/cosmetic_dentistry.jpg) top center no-repeat;
}

#page-wrapper div.aweddingsmile div.sub-col3
{
width                   : 24%;
padding                 : 30px 4% 0% 4%;
min-height              : 400px;
background              : #FFF1E7 url(../images/services/AWeddingSmile/stephanie_quote.jpg) bottom center no-repeat;
}

/*#page-wrapper div.aweddingsmile div.sub-col3 p.quote
{
	margin-top:200px;
}*/


#page-wrapper div.teethwhitening div.sub-col3
{
width                   : 24%;
padding                 : 30px 4% 0% 4%;
min-height              : 400px;
background              : #FFF1E7 url(../images/services/TeethWhitening/) bottom center no-repeat;
}

#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
{
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/bg-about-col2.jpg) top left no-repeat;}
#page-wrapper div.on div.sub-col2 div.image {background : url(../images/about/bg-about-col3.jpg) top left no-repeat;}
#page-wrapper div.on div.sub-col3 div.image {background : url(../images/about/bg-about-col4.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-col2 div.caption
{
background-color		:#FF6600;
opacity					: 0.9;
}

#page-wrapper div.on div.sub-col2 div.caption p
{
padding					: 6px;
color					: #fff;
}

#page-wrapper div.on div.sub-col1 p,
#page-wrapper div.on div.sub-col2 p,
#page-wrapper div.on div.sub-col3 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
{
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 p.nb
{
color					:#999;
}