/* CSS Document 2008 MezzanineCreative www.mezzaninecreative.co.uk */
/*=================MAIN START==============*/

* {padding:0; margin:0;}
html {background:#16141F;}
body {font:12px Myriad, Arial, Helvetica, sans-serif; color:#FFF;}

a:link {color:#FFF; text-decoration:none;}
a:visited {color:#FFF; text-decoration:none;}
a:hover {color:#FFF; text-decoration:none;}
a:active {color:#FFF; text-decoration:none;}

#content #menuSide ul li a:link {color:#C7C6C6; text-decoration:none;}
#content #menuSide ul li a:visited {color:#C7C6C6; text-decoration:none;}
#content #menuSide ul li a:hover {color:#FFF; text-decoration:none;}
#content #menuSide ul li a:active {color:#FFF; text-decoration:none;}

p {padding:0; margin:0 0 20px 0; line-height:1.5;}

h1 {font-size:26px; color:#8E7DBA; padding:0; margin:0 0 20px 0; font-weight:normal;}
h2 {font-size:18px; color:#C7C6C6; padding:0; margin:0; font-weight:normal; text-transform:uppercase;}
h3 {font-size:18px; color:#C7C6C6; padding:0; margin:0; font-weight:normal;}
h4 {}
h5 {}
h6 {}

#wrapper {width:900px; margin:30px auto; overflow:hidden; position:relative;}

.xxxsmall {font-size: 9px;}
.xxsmall {font-size: 10px;}
.xsmall {font-size: 12px;}
.small {font-size: 14px;}
.medium {font-size: 16px;}
.medium-large {font-size: 19px;}
.large {font-size: 22px;}
.xlarge {font-size: 26px;}
.xxlarge {font-size: 32px;}

.marginLeft {margin-left:20px;}
.marginRight {margin-right:20px;}
.marginTop {margin-top:20px;}
.marginBottom {margin-bottom:20px;}
.marginLeftHalf {margin-left:10px;}
.marginRightHalf {margin-right:10px;}
.marginTopHalf {margin-top:10px;}
.marginBottomHalf {margin-bottom:10px;}
.marginBottomNone {margin-bottom:0;}

.contentImageLeft {float:left;}
.contentImageRight {float:right;}

.bold {font-weight:bold;}
.italic {font-style:italic;}
.textLeft {text-align:left;}
.textRight {text-align:right;}

/*PURPLE*/ .colorOne {color:#6A577F;}
/*MID GREY*/ .colorTwo {color:#808285;}
/*LILA*/ .colorThree {color:#8E7DBA;}
/*RED*/ .colorFour {color:#AA0000;}
/*WHITE*/ .colorFive {color:#FFF;}
/*BROWN*/ .colorSix {color:#6F2700;}
/*LIGHT RED*/ .colorSeven {color:#FF0000;}

/*LILA BACK*/ .bckColorFive {color:#FFF; background:#8E7DBA;padding:1px 2px;}

.quote {padding:10px;width:320px;background:#333;color:#DDD;border:1px solid #666;font-variant:small-caps;}
.offerBox {width:320px;background:#EFE0E0;border:1px solid #FFF;padding:10px;margin:0 0 20px 0;color:#AA0000;overflow:hidden;}
.offerBoxWide {width:660px;background:#EFE0E0;border:1px solid #FFF;padding:10px;margin:0 0 20px 0;color:#AA0000;overflow:hidden;font-size:larger;}
.offerBox p, .offerBoxWide p {padding:0;margin:0;}
.offerBox a, .offerBoxWide a {color:#AA0000;}

/*=================MAIN END==============*/

/*=================HEADER START==============*/

#header {width:900px; float:left;}
#topHeader {width:860px;height:75px;text-transform:uppercase;padding:10px 20px 0 20px;background:#FFF;line-height:1.4;font-size:11px;}
#topHeader img {float:left;}
#topHeader a {color:#818286;}
#dentalShop {position:absolute; top:20px; right:20px; border:none;}
#topMenu {width:900px; height:60px; padding:0; margin:0; background:url(../_images/topmenuback2.png) repeat-x 0 0;}
.phoneBack {color:#6A577F;background:url(../_images/phone_back.jpg) 100% 0 no-repeat;padding:1px 20px;}
.emergencyBack {color:#AA0000;background:url(../_images/emergency_back.jpg) 100% 0 no-repeat;padding:2px 20px;}
#header-btn-holder {float:right; width:400px; height:70px; position:relative;}
a#header-btn-email { position:absolute; top: 0px; height: 60px; left: 366px; width: 34px; background:url(../_images/header-bck-email.png); color:#FFF; font-size:10px; text-align:center; padding-top:5px; }
a#header-btn-phone { position:absolute; top: 0px; height: 36px; left: 210px; width: 199px; background:url(../_images/header-bck-phone.png); color:#FFF; font-size:24px; text-align:center; }
a#header-btn-emergency { position:absolute; top: 40px; height: 22px; left: 210px; width: 199px; background:url(../_images/header-bck-emergency.png); color:#FFF; font-size:14px; text-align:center; text-transform:none; padding-top:3px; }
a#header-btn-book { position:absolute; top: 0px; height: 17px; left: 82px; width: 122px; background:url(../_images/header-bck-book.png); color:#FFF; font-size:12px; text-align:center; text-transform:none; padding-top:3px; }
a#header-btn-callback { position:absolute; top: 23px; height: 17px; left: 82px; width: 122px; background:url(../_images/header-bck-book.png); color:#FFF; font-size:12px; text-align:center; text-transform:none; padding-top:3px; }
a#header-btn-join { position:absolute; top: 46px; height: 17px; left: 82px; width: 122px; background:url(../_images/header-bck-book.png); color:#FFF; font-size:12px; text-align:center; text-transform:none; padding-top:3px; }

/*====SUCKERFISH TOP MENU START=====*/

/* all lists */
ul#nav {padding: 0; margin: 0; list-style: none;}
/* all list items */
ul#nav li {float:left; width:120px; position:relative; font-size:12px;}
/* all list items */
ul#nav li.short {float:left; width:77px; position:relative;}
ul#nav li a {display:block; height:40px; padding:20px 0 0 0; color:#FFF; text-align:center;}
/* second-level lists */
li ul {display: none; position: absolute; top: 60px; left: 0;}
/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
ul#nav li>ul {top: auto; left: auto; z-index:99;}
ul#nav li:hover, li.over {background:#452F5F; color:#FFF;}
 /* lists nested under hovered list items */
ul#nav li:hover ul, li.over ul {display:block;width:180px;list-style:none;padding:20px 10px 30px 10px;background:#E8E8E8 url(../_images/dropdown_back.png) no-repeat 100% 100%;font-weight:bold;}
ul#nav li ul li a {color:#444; margin:0; width:180px; font-size:11px; padding:4px 0 0 0; height:18px; text-align:left;}
ul#nav li ul li a:hover {color:#6E2A8D; background:#FFF;}
.invisalign a {background:url(../_images/invisalign_dropdown_logo.png) 90% 50% no-repeat;}
.invisalign a:hover {color:#6E2A8D;background:url(../_images/invisalign_dropdown_logo.png) 90% 50% no-repeat;}

/*====SUCKERFISH TOP MENU END=====*/

/*=================HEADER END==============*/

/*=================CONTENT START==============*/

#content {width:900px; float:left; padding:0;}

/*======LEFT COLUMN START======*/

#leftColumn.sub {float:left; width:190px; padding:0;}
#menuSide span.menuSideHeader {font-size:22px; color:#FFF;}
#menuSide {float:left;width:180px;}
#content #menuSide ul {margin:10px 0 0 0; padding:0; list-style-type:none; list-style-position:outside;} 
#content #menuSide ul li {font-size:12px; height:20px; margin:4px 0; padding:0; line-height:1.6;}
#content #menuSide ul li a {display:block; height:20px;}

/*======LEFT COLUMN END======*/


/*======RIGHT COLUMN START======*/

#rightColumn {float:left; width:900px; text-align:left;padding:0;}
#rightColumn.sub {float:left; width:710px; text-align:left; padding:0;}
#rightColumn.sub.testi {height:750px;}
#rightColumn.sub ul {margin-left:20px;padding:0;}
#rightColumn.tes {float:left; width:690px; text-align:left; padding:0 0 20px 20px;}
#rightColumn .mainImage {float:right;margin:0 0 20px 20px;width:338px;}
#rightColumn img.portfolio {float:right; margin:0 20px 20px 0;}
a#prev, a#next {display:block; float:left; width:55px; height:15px; padding:5px; margin:0 20px 0 0; background:#333; color:#DDD; font-size:14px; border:1px solid #666;}
a#prev:hover, a#next:hover {color:#333; background:#DDD; border:1px solid #FFF;}
#portButtons {float:left; padding:0 50px 26px 87px;}
div.tesOdd {padding:10px 10px 0 10px; margin:20px 0 0 50px; background:#333; color:#DDD; border:1px solid #666;}
div.tesEven {padding:10px 10px 0 10px; margin:20px 0 0 50px; color:#DDD; border:1px solid #666;}
#loader {width:338px;height:400px;}

/*======RIGHT COLUMN END======*/

/*=================CONTENT END==============*/

/*=================FOOTER START==============*/

#footer {text-align:center; margin:20px 0 80px 0; color:#6A577F;}
#footerLinks {margin:0 0 10px 0; font-size:11px;}
#footerLinks a {padding:3px; background:#514362; color:#FFF; margin:10px 0;}
#footerLinks a:hover {background:#FFF; color:#514362;}

/*=================FOOTER END==============*/

/*=================OFFERS PAGE==============*/

ul#nav li.offers:hover, li.over.offers {background:#AA0000;}
#content.offers {width:890px;background:#660000;padding:0 0 0 10px;}
#rightOffers {width:700px;float:left;}
#content.offers #leftColumn.sub {padding:10px 0 0 0;}
#rightOffers h1 {color:#FFF;margin-top:10px;}
#rightOffers h2, #rightOffers h3, .offerBox h3 {color:#555;text-transform:uppercase;}
#rightOffersRight {float:right;width:340px;}
#rightOffersRight .offerBox {width:300px;}
#offersTermsHolder {width:680px;clear:both;float:left; margin-bottom:20px;}
ul.offersTerms {width:300px;float:left;padding-right:40px; font-size:10px;}

/*STICKY FOOTER*/
#stickyFooter
	{
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 50px;
	background-color: #AA0000;
	text-align:center;
	}
	
#offersSticky {
	width:900px;
	height: 50px;
	margin:0 auto;
	background:#AA0000;
	color:#AAA;
	position:relative;
	}	
	
#offersSticky img {
	border:none;
	margin:0;
	padding:0;
	position:absolute;
	left:0;
	top:0;
	z-index:5;
	}	
    
/*=================FOLIO PAGE START==============*/

#folioWrapper {border:1px solid #E7E3D2;padding:15px;margin:30px 20px;width:865px;height:500px;}
#folioInclude {background:#E7E3D2;height:500px;position:relative;}
#testiLeftInclude {background:#E7E3D2;height:500px;width:265px;float:left;}
#testimonialsInclude {background:#E7E3D2;height:500px;width:600px;float:right;position:relative;}
div.folioFragments {position:relative;}
#testiTabs, #folioTabs {float:right;width:140px;margin:20px 0 0 0;}
#rightColumn.sub #testiTabs ul, #rightColumn.sub #folioTabs ul {margin:0;padding:0;list-style:none;}
#testiTabs ul li, #folioTabs ul li {margin:0;padding:0;}
#testiTabs ul li a {display:block;margin:0;width:130px;height:35px;padding:3px 5px;text-align:right;color:#CCC;}
#folioTabs ul li a {display:block;margin:0;width:130px;height:12px;padding:3px 5px;text-align:right;color:#CCC;}
#testiTabs ul li a:hover, #testiTabs ul li.ui-tabs-selected a span, #folioTabs ul li a:hover, #folioTabs ul li.ui-tabs-selected a span {color:#FFF;}
#testiTabs ul li a span, #folioTabs ul li a span {color:#CCC;font-size:11px;font-weight:bold;}
#testiTabs ul li#fragment-a-1 a {background:url(../_images/sig01.png) 100% 0 no-repeat;}
#testiTabs ul li#fragment-a-1 a:hover, #testiTabs ul li#fragment-a-1.ui-tabs-selected a {background:url(../_images/sig01h.png) 100% 0 no-repeat;}
#testiTabs ul li#fragment-a-2 a {background:url(../_images/sig02.png) 100% 0 no-repeat;}
#testiTabs ul li#fragment-a-2 a:hover, #testiTabs ul li#fragment-a-2.ui-tabs-selected a {background:url(../_images/sig02h.png) 100% 0 no-repeat;}
#testiTabs ul li#fragment-a-3 a {background:url(../_images/sig03.png) 100% 0 no-repeat;}
#testiTabs ul li#fragment-a-3 a:hover, #testiTabs ul li#fragment-a-3.ui-tabs-selected a {background:url(../_images/sig03h.png) 100% 0 no-repeat;}
#testiTabs ul li#fragment-a-4 a {background:url(../_images/sig04.png) 100% 0 no-repeat;}
#testiTabs ul li#fragment-a-4 a:hover, #testiTabs ul li#fragment-a-4.ui-tabs-selected a {background:url(../_images/sig04h.png) 100% 0 no-repeat;}
#testiTabs ul li#fragment-a-5 a {background:url(../_images/sig05.png) 100% 0 no-repeat;}
#testiTabs ul li#fragment-a-5 a:hover, #testiTabs ul li#fragment-a-5.ui-tabs-selected a {background:url(../_images/sig05h.png) 100% 0 no-repeat;}
#testiTabs ul li#fragment-a-6 a {background:url(../_images/sig06.png) 100% 0 no-repeat;}
#testiTabs ul li#fragment-a-6 a:hover, #testiTabs ul li#fragment-a-6.ui-tabs-selected a {background:url(../_images/sig06h.png) 100% 0 no-repeat;}
#folioTabs ul li a {outline:none;}


.folioL {position:absolute;width:350px;height:170px;left:100px;top:40px;}
.folioLarge {position:absolute;width:520px;height:380px;left:60px;top:50px;font-size:12px;}
.testiLarge {position:absolute;width:520px;height:700px;left:60px;top:30px;font-size:12px;}
.folioD {position:absolute;width:350px;height:170px;left:100px;top:230px;}
#folioM {position:absolute;width:192px;height:240px;left:320px;top:165px;}
#folioR {position:absolute;width:192px;height:240px;left:524px;top:165px;}
#secImg {margin:8px 0 0 0;}
.folioD p {color:#A4967A;font-size:16px;}
.folioL p {font-size:36px;color:#A4967A;padding:20px;}

div#testimonialsInclude div.folioFragments div.folioL {position:absolute;width:308px;height:385px;left:0px;top:20px;}
div#testimonialsInclude div.folioFragments div.folioD {position:absolute;width:395px;height:140px;left:20px;top:240px;}

/*=================FOLIO PAGE END==============*/