/* ----- Global reset ----- */
* {padding:0;margin:0;}

/* basics
------------------------------------------------------------------*/
body{margin:0; padding:0; height:100%; background-color:#fff; background-image:url(../images/bg.png); background-repeat:repeat-x; text-align:left; font-family:Arial,Helvetica,sans-serif; font-size:.9em}
a:link{color:#CA3315; text-decoration:none}
a:visited{color:#BB9B40; text-decoration:none}
a{color:#CA3315; text-decoration:none; font-weight:bold; outline:none}
a:hover{color:#BB9B40; text-decoration:none}
blockquote{margin:1em; padding:5px 50px 5px 50px; background-color:#fdfcf7; border:1px solid #DAD5B1; background-image:url(../images/66_light.gif); background-repeat:no-repeat; background-position:left}
blockquote p{margin:.2em}

.newsquote{margin:1em; padding:5px 50px 5px 50px; background-color:#fdfcf7; text-align:center; border:1px solid #DAD5B1; background-image:url(../images/newsquote_light.gif); background-repeat:no-repeat; background-position:center}
.newsquote p{margin:0.2em 3em 0.2em 3em;}

/* structure
------------------------------------------------------------------*/
#navwrapper{margin:0 auto 0 auto; width:877px; height:97px; background-color:#fff; min-height:100%; height:auto !important; text-align:left;}

#wrapper{margin:0 auto 0 auto; background-image:url(../images/title_shade2.png); background-repeat:repeat-x; background-position:top; width:877px; background-color:#fff; min-height:100%; height:auto !important; text-align:left; border-left:1px solid #58514C; border-right:1px solid #58514C}

/* logo+navigation
------------------------------------------------------------------*/
#header{background-image:url(../images/logo.png); background-repeat:no-repeat; background-position:top left; width:877px; height:96px; background-color:#fff; position:relative;}

#logo {margin:0; position:absolute; left:0; bottom:0; padding:0;}
#logo li {margin:0; padding:0; list-style:none;}
#logo li a { display:block; width:340px; height:96px;}

#nav-abouthome {margin:0; position:absolute; right:240px; bottom:0; padding:0; z-index:100;}
#nav-abouthome li{margin:0; padding:0; list-style:none; float:left; font:bold 14px arial; text-align:center; background:url(../images/navtab_bg.png) bottom left no-repeat; overflow:hidden; }
#nav-abouthome li a{display:block; margin:72px 1px 0 -5px; padding:4px 10px; width:105px; color:#D3CDAB;text-decoration:none}
#nav-abouthome li a:hover{background:transparent;}
#nav-abouthome div{position:absolute; z-index:30; visibility:hidden; margin:0; margin-left:5px; padding:0; border:1px solid #36352B; border-width:0px 1px 1px 1px; width:109px;}
#nav-abouthome div a{position:relative; display:block; margin:0; padding:5px 10px; width:auto; white-space:nowrap; text-align:left; text-decoration:none;  background:url(../images/semitrans.png) top left no-repeat; _background-color:#1A1A15; color:#fff; font:12px arial; border-bottom:1px dotted #333;}
#nav-abouthome div a:hover{background:#000; color:#FFF}
#nav-abouthome div{position:absolute; z-index:30; visibility:hidden; margin:0; margin-left:5px; padding:0; border:1px solid #36352B; border-width:0px 1px 1px 1px; width:109px;}

#nav-about {margin:0; position:absolute; right:240px; bottom:0; padding:0; z-index:0;}
#nav-about li{margin:0; padding:0; list-style:none; float:left; font:bold 14px arial; text-align:center; background:url(../images/navtab_bg.png) bottom left no-repeat; overflow:hidden; }
#nav-about li a{display:block; margin:72px 1px 0 -5px; padding:4px 10px; width:105px; color:#D3CDAB;text-decoration:none}
#nav-about li a:hover{background:transparent;}
#nav-about div{position:absolute; visibility:hidden; margin:0; margin-left:5px; padding:0; border:1px solid #36352B; border-width:0px 1px 1px 1px; width:109px;}
#nav-about div a{position:relative; display:block; margin:0; padding:5px 10px; width:auto; white-space:nowrap; text-align:left; text-decoration:none;  background:url(../images/semitrans.png) top left no-repeat; _background-color:#1A1A15; color:#fff; font:12px arial; border-bottom:1px dotted #333;}
#nav-about div a:hover{background:#000; color:#FFF}

#nav-mexicohome {margin:0; position:absolute; right:121px; bottom:0; padding:0; z-index:100;}
#nav-mexicohome li{margin:0; padding:0; list-style:none; float:left; font:bold 14px arial; text-align:center; background:url(../images/navtab_bg_mex.png) bottom left no-repeat; overflow:hidden; }
#nav-mexicohome li a{display:block; margin:72px 1px 0 -5px; padding:4px 10px; width:105px; color:#9ee7ff;text-decoration:none}
#nav-mexicohome li a:hover{background:transparent;}
#nav-mexicohome div{position:absolute; visibility:hidden; margin:0; margin-left:5px; padding:0; border:1px solid #36352B; border-width:0px 1px 1px 1px; width:109px;}
#nav-mexicohome div a{position:relative; display:block; margin:0; padding:5px 10px; width:auto; white-space:nowrap; text-align:left; text-decoration:none;  background:url(../images/semitrans.png) top left no-repeat; _background-color:#1A1A15; color:#9ee7ff; font:12px arial; border-bottom:1px dotted #333;}
#nav-mexicohome div a:hover{background:#000; color:#FFF}

#nav-mexico {margin:0; position:absolute; right:121px; bottom:0; padding:0; z-index:0;}
#nav-mexico li{margin:0; padding:0; list-style:none; float:left; font:bold 14px arial; text-align:center; background:url(../images/navtab_bg_mex.png) bottom left no-repeat; overflow:hidden; }
#nav-mexico li a{display:block; margin:72px 1px 0 -5px; padding:4px 10px; width:105px; color:#9ee7ff;text-decoration:none}
#nav-mexico li a:hover{background:transparent;}
#nav-mexico div{position:absolute; visibility:hidden; margin:0; margin-left:5px; padding:0; border:1px solid #36352B; border-width:0px 1px 1px 1px; width:109px;}
#nav-mexico div a{position:relative; display:block; margin:0; padding:5px 10px; width:auto; white-space:nowrap; text-align:left; text-decoration:none;  background:url(../images/semitrans.png) top left no-repeat; _background-color:#1A1A15; color:#9ee7ff; font:12px arial; border-bottom:1px dotted #333;}
#nav-mexico div a:hover{background:#000; color:#FFF}

#nav-chinahome {margin:0; position:absolute; right:3px; bottom:0; padding:0; z-index:100;}
#nav-chinahome li{margin:0; padding:0; list-style:none; float:left; font:bold 14px arial; text-align:center; background:url(../images/navtab_bg.png) bottom left no-repeat; overflow:hidden; }
#nav-chinahome li a{display:block; margin:72px 1px 0 -5px; padding:4px 10px; width:105px; color:#d9181d;text-decoration:none}
#nav-chinahome li a:hover{background:transparent;}
#nav-chinahome div{position:absolute; visibility:hidden; margin:0; margin-left:5px; padding:0; border:1px solid #36352B; border-width:0px 1px 1px 1px; width:109px;}
#nav-chinahome div a{position:relative; display:block; margin:0; padding:5px 10px; width:auto; white-space:nowrap; text-align:left; text-decoration:none;  background:url(../images/semitrans.png) top left no-repeat; _background-color:#1A1A15; color:#d9181d; font:12px arial; border-bottom:1px dotted #333;}
#nav-chinahome div a:hover{background:#000; color:#FFF;}

#nav-china {margin:0; position:absolute; right:3px; bottom:0; padding:0; z-index:0;}
#nav-china li{margin:0; padding:0; list-style:none; float:left; font:bold 14px arial; text-align:center; background:url(../images/navtab_bg.png) bottom left no-repeat; overflow:hidden; }
#nav-china li a{display:block; margin:72px 1px 0 -5px; padding:4px 10px; width:105px; color:#d9181d;text-decoration:none}
#nav-china li a:hover{background:transparent;}
#nav-china div{position:absolute; visibility:hidden; margin:0; margin-left:5px; padding:0; border:1px solid #36352B; border-width:0px 1px 1px 1px; width:109px;}
#nav-china div a{position:relative; display:block; margin:0; padding:5px 10px; width:auto; white-space:nowrap; text-align:left; text-decoration:none;  background:url(../images/semitrans.png) top left no-repeat; _background-color:#1A1A15; color:#d9181d; font:12px arial; border-bottom:1px dotted #333;}
#nav-china div a:hover{background:#000; color:#FFF;}

/* SIFR Hacks
------------------------------------------------------------------*/
.sIFR-active object {display: block;}

/* HeaderPics
------------------------------------------------------------------*/
hr{margin:0 0 0 0; padding:10px; border:none; color:#fff}
hr.divider {margin:20px 10px 1px 10px; _margin:0px 10px 1px 10px; padding:1px; height:2px; background:url(../images/hr_hor.gif); clear:both;}

#headerpic{margin:0 auto; margin-top:-15px; *margin-top:-10px; width:854px; height:340px; background:url(../images/loading.gif) no-repeat center #FFFFFF; position:relative; z-index:0; }
#mexicopic {margin: 0 auto; margin-left:0px; _margin-left:0px; width:854px;height:299px;background:url(../images/headerall.jpg) no-repeat 0px 0px #FFFFFF; text-align:right; z-index:0;}
#chinapic  {margin: 0 auto; margin-left:0px; _margin-left:0px; width:854px;height:299px;background:url(../images/headerall.jpg) no-repeat 0px -299px #FFFFFF; text-align:right; z-index:0;}
#chinapic .content { float:left; width:500px;}
#chinapic .content h4 {text-align:right;margin:0;padding:80px 28px 15px 0;font-family:Arial, serif;font-weight:200;color:#fff;font-size:20px;letter-spacing: -2px;line-height:18px;}
#chinapic .content p {padding: 10px;color: #fff; margin-top:-15px; text-align:justify;}
#chinapic .video { float:left; margin:10px; width:322px; height:280px;}
#dentaltourism {margin:0 auto; margin-left:0px; _margin-left:0px; width:854px;height:299px;background:url(../images/headerall.jpg) no-repeat 0px -598px #FFF; text-align:right; z-index:0;}
#whatwedo {margin:0 auto; margin-left:0px; _margin-left:0px; width:854px;height:299px;background:url(../images/headerall.jpg) no-repeat 0px -897px #FFFFFF; text-align:right; z-index:0;}

.spacer { background:url(../images/spacer.gif) no-repeat top; color:#35342A; padding:0px; height:22px; margin:16px auto; }

/* CODA SLIDER -------------------------------- */
p.intro{border-bottom:1px solid #ccc; margin-bottom:20px; padding:20px 0 30px 0; text-align:center; width:100%}
p#cross-links{text-align:center}
p#cross-links{border-bottom:1px solid #ccc; margin-bottom:30px; padding-bottom:30px}
noscript p, noscript ol{color:#a00; font-size:13px; line-height:1.4em; text-align:left}
noscript a{color:#a00; text-decoration:underline}
noscript ol{margin-left:25px}
a:focus{outline:none}
.stripViewer .panelContainer .panel ul{text-align:left; margin:0}
.slider-wrap{/* This div isn't entirely necessary but good for getting the side arrows vertically centered */ margin: 15px auto; padding:0; margin-right:5px; position:relative;}
.slider-wrap .prevnext { display:none; width:200px; height:20px; position:absolute; bottom:1px; left:-50px;}
/* These 2 lines specify style applied while slider is loading */
.csw{width:100%; height:460px; background:#fff; overflow:hidden;}
.csw .loading{margin:200px 0 300px 0; text-align:center; background:url(../images/ajax-loader.gif) center center no-repeat;}
.stripViewer{/* This is the viewing window */position:relative; overflow:hidden; /* this is the border. should have the same value for the links */margin:0 auto; width:854px; /* Also specified in  .stripViewer .panelContainer .panel  below */height:299px; clear:both;}
.stripViewer .panelContainer{/* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */position:relative; list-style-type:none; /* -moz-user-select:none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful,crazy fools. */}
.stripViewer .panelContainer .panel{/* Each panel is arranged end-to-end */float:left; height:100%; position:relative; width:854px; /* Also specified in  .stripViewer  above */}
.stripViewer .panelContainer .panel .wrapper{/* Wrapper to give some padding in the panels,without messing with existing panel width */padding:10px}
.stripNav{/* This is the div to hold your nav (the UL generated at run time) */margin:auto; margin-left:3px;}
.stripNav ul{/* The auto-generated set of links */list-style:none; position:absolute; top:299px; left:5px; _left:0px;}
.stripNav ul li{float:left; margin-right:2px; /* If you change this,be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */}
.stripNav a{/* The nav links*/ font-size:12px; font-weight:bold; text-align:center; line-height:32px; width:179px; background:#c6e3ff; color:#fff; text-decoration:none; display:block; padding:0 15px}
.stripNav li.tab1 a{background:url(../images/codatab_bg.gif) top right no-repeat; color: #999}
.stripNav li.tab2 a{background:url(../images/codatab_bg.gif) top right no-repeat; color: #999}
.stripNav li.tab3 a{background:url(../images/codatab_bg.gif) top right no-repeat; color: #999}
.stripNav li.tab4 a{background:url(../images/codatab_bg.gif) top right no-repeat; color: #999}
.stripNav li.tab5 a{background:url(../images/codatab_bg.gif) top right no-repeat; color: #999}
.stripNav li a:hover{background:url(../images/codatab_activebg.gif) top right repeat-x; color:#fff}
.stripNav li a.current{background:url(../images/codatab_activebg.gif) top right repeat-x; color:#fff}
.stripNavL, .stripNavR{/* The left and right arrows */position:absolute; text-indent:-9000em; z-index:100;}
.stripNavL a, .stripNavR a{display:block; height:40px; width:40px}
.stripNavL{left:-50px; bottom:130px;}
.stripNavR{right:-55px; bottom:130px;}
.stripNavL{ background:url("../images/arrow-left.gif") no-repeat center}
.stripNavR{ background:url("../images/arrow-right.gif") no-repeat center}


.experiencepic{margin:0 auto; margin-bottom:20px; width:854px; height:158px; background:url(../images/mexchinpic.jpg) no-repeat #FFF; text-align:right;}
.experiencepic_chin{margin:0 auto;  margin-bottom:20px; width:854px; height:158px; background:url(../images/contactpic2.jpg) no-repeat #FFF; text-align:right;}
.mediapic{margin:0 auto;  margin-bottom:20px; width:854px; height:158px; background:url(../images/mediapic.jpg) no-repeat #FFF; text-align:right;}
.ratespic{margin:0 auto;  margin-bottom:20px; width:854px; height:158px; background:url(../images/ratespic.jpg) no-repeat #FFF; text-align:right;}
.ratespic_mex{margin:0 auto;  margin-bottom:20px; width:854px; height:158px; background:url(../images/experiencepic_mex.jpg) no-repeat #FFF; text-align:right;}
.testimonialspic{margin:0 auto;  margin-bottom:20px; width:854px; height:158px; background:url(../images/testimonialspic.jpg) no-repeat #FFF; text-align:right;}
.testimonialspic_mex{margin:0 auto;  margin-bottom:20px; width:854px; height:158px; background:url(../images/testimonialspic_mex.jpg) no-repeat #FFF; text-align:right;}
.gallerypic{margin:0 auto;  margin-bottom:20px; width:854px; height:158px; background:url(../images/gallerypic.jpg) no-repeat #FFF; text-align:right;}
.gallerypic_mex{margin:0 auto;  margin-bottom:20px; width:854px; height:158px; background:url(../images/gallerypic_mex.jpg) no-repeat #FFF; text-align:right;}
.camarapic_mex{margin:0 auto;  margin-bottom:20px; width:854px; height:158px; background:url(../images/camarapic_mex.jpg) no-repeat #FFF; text-align:right;}
.faqpic{margin:0 auto;  margin-bottom:20px; width:854px; height:158px; background:url(../images/faqpic.jpg) no-repeat #FFF; text-align:right;}
.contactpic{margin:0 auto;  margin-bottom:20px; width:854px; height:158px; background:url(../images/contactpic.jpg) no-repeat #FFF; text-align:right;}


#chinapic h1.hide, #mexicopic  h1.hide, #dentaltourism h1.hide, #whatwedo h1.hide { display:none;}
#chinapic h2, #mexicopic h2, #dentaltourism h2, #whatwedo h2 {text-align:right;margin:0;padding:10px 15px 15px 0;font-family:Arial, serif;font-weight:200;color:#fff;font-size:20px;letter-spacing: -2px;line-height:18px;}
#chinapic h4, #mexicopic h4, #dentaltourism h4, #whatwedo h4 {text-align:right;margin:0;padding:80px 40px 15px 0;font-family:Arial, serif;font-weight:200;color:#fff;font-size:20px;letter-spacing: -2px;line-height:18px;}
#chinapic p, #mexicopic p, #dentaltourism p, #whatwedo p { width:465px; float:right; padding: 1px 40px 10px 200px;color: #fff; margin-top:-5px; text-align:right;}
#chinapic a, #mexicopic a, #dentaltourism a, #whatwedo a { color: #fff;}
#chinapic a:hover, #mexicopic a:hover, #dentaltourism a:hover, #whatwedo a:hover { color: #fff; text-decoration:underline;}

.mexicopic {margin: 4px auto; width:854px;height:305px;background:url(../images/mexicopic.jpg) no-repeat #FFFFFF; text-align:right; z-index:0;}
.chinapic  {margin: 4px auto; width:854px;height:305px;background:url(../images/chinapic.jpg) no-repeat #FFFFFF; text-align:right; z-index:0;}
.chinapic h1, .mexicopic  h1 { display:none;}
.chinapic h2, .mexicopic h2 {text-align:right;margin:0;padding:10px 15px 15px 0;font-family:Arial, serif;font-weight:200;color:#fff;font-size:20px;letter-spacing: -2px;line-height:18px;}
.chinapic h4, .mexicopic h4 {text-align:right;margin:0;padding:80px 40px 15px 0;font-family:Arial, serif;font-weight:200;color:#fff;font-size:20px;letter-spacing: -2px;line-height:18px;}
.chinapic p, .mexicopic p { width:465px; float:right; padding: 1px 40px 10px 200px;color: #fff; margin-top:-5px; text-align:right;}

.experiencepic p, .mediapic p, .ratespic p, .contactpic p, .reservepic p, .faqpic p, .experiencepic_mex p, .mediapic_mex p, .ratespic_mex p, .reservepic_mex p, .faqpic_mex p{color:#fff; font-family:Arial,Helvetica,sans-serif; font-size:14px; padding:5px 15px 5px 5px; text-align:right}

/* HeaderPic Nav
------------------------------------------------------------------*/
.cat { float:right; text-align:right; margin:0px 15px 0px 15px; _margin:0px 8px 0px 15px}
.cat ul{float:left; width:400px; list-style:none; }
.cat ul.first{text-align:left; margin:0; padding:0}
.cat ul li{font-size:14px; background:url(../images/right_16x16.gif) left no-repeat; padding-left:15px;}
.cat ul li a{display:block; height:10px; font-weight:200; color:#FFF; border-bottom:1px dotted #fff; padding:5px 15px 7px 10px}
.cat ul li a:link, .cat ul li a:visited{color:#fff;}
.cat ul li a:hover{ color:#38362C; height:10px; border-bottom:1px dotted #fff; padding:5px 15px 7px 10px; text-decoration:none}

/* All Subpics Nav
------------------------------------------------------------------*/
.sub{text-align:right; margin-top:0px}
.sub ul{float:right; width:220px; list-style:none}
.sub ul.first{text-align:right; margin:0; padding:0}
.sub ul li{height:21px; font-size:12px;}
.sub ul li a{margin-right:1px; display:block; height:10px; padding:7px; _padding:4px;}
.sub ul li a:link, .sub ul li a:visited{color:#fff; border-bottom:1px dotted #7F7B65; font-weight:normal}
.sub ul li a:hover{color:#CCC; border-bottom:1px dotted #7F7B65; padding:7px; _padding:4px; text-decoration:none;}
.sub ul li a#active{font-weight:bold; color:#fff; background:url(../images/right_16x16.gif) left no-repeat; text-decoration:none}
/* content
------------------------------------------------------------------*/
.content_1{margin-top:1px; margin-left:6px; padding:1px 8px 8px 8px; float:left; width:300px; background-color:#fff; border-right:0px dotted #58514C}
.content_2{margin-top:1px; padding:1px 8px 8px 8px; float:left; width:298px; _width:290px; background-color:#fff; border-right:0px dotted #58514C}
.content_3{margin-top:1px; padding:1px 4px 8px 8px; float:left; width:218px; background-color:#fff}

.content_sub{margin-top:15px; margin-left:6px; padding:3px 8px 8px 8px; float:left; width:610px; height:100%; background-color:#fff; border-right:1px dotted #58514C}

.content_sub img.nopad {padding:0px;}

.content_1 .content_a{margin:0px 0px 10px 0px; width:96%; height:210px; float:left; background:url(../images/corner_shade.gif) top right no-repeat; background-color:#fff;}
.content_1 .content_b{margin:0px; width:96%; height:210px; float:left; background:url(../images/corner_shade.gif) top right no-repeat; background-color:#fff; border-top:0px dotted #58514C}

.content_2 .content_a{margin:0px 0px 10px 0px; width:96%; height:210px; float:left; background:url(../images/corner_shade.gif) top right no-repeat; background-color:#fff;}
.content_2 .content_b{margin:0px; width:96%; height:210px; float:left; background:url(../images/corner_shade.gif) top right no-repeat; background-color:#fff; border-top:0px dotted #58514C}

.content_3 .content_a{margin:0px 0px 10px 0px; width:96%; height:210px; float:left; background:url(../images/corner_shade.gif) top right no-repeat; background-color:#fff;}
.content_3 .content_b{margin:0px; width:96%; height:170px; padding:16px 10px 10px 10px; float:left; background: url(../images/bubble.gif) -3px -20px no-repeat #fff; border-top:0px dotted #58514C}
	.content_3 .content_b h3 {margin:0; padding:5px 15px 5px 15px; color:#58514C; font-size:15px; letter-spacing:-1px; line-height:14px}
	.content_3 .content_b a { color:#CA3315; text-decoration:underline;}
	.content_3 .content_b a:hover  { color:#D3CDAB; text-decoration:underline;}	
	.content_3 .content_b .small  { margin-top:40px;}

.content_c{margin:0px;width:96%;float:left;background-color:#fff; border-top:1px dotted #58514C;}
.alreadychina{margin:13px 0 0 0; width:96%; padding:3px 5px 3px 5px; float:left; text-align:left; background:url(../images/alreadychina_bg.gif) no-repeat top; border:1px dotted #58514C}
.alreadychina p { font-size:12px;}
.alreadymexico{margin:10px 0 0 0; width:96%; padding:3px 5px 3px 5px; float:left; text-align:left; background:url(../images/alreadymexico_bg.gif) no-repeat top; border:1px dotted #58514C}

.content_d { margin:0px; width:96%; padding:3px 5px 3px 5px; float:left; text-align:left; background:url(../images/content_d_bg.gif) repeat-x top left; border:1px dotted #58514C;}

.content_e{margin:0px; width:96%; padding:3px 5px 20px 5px; float:left; text-align:left; background-image:url(../images/content_e_bg.gif); background-position:top left}

.content_g{margin:0px; width:96%; padding:10px; float:left; background: url(../images/bubble2.gif) top left no-repeat;}
	.content_g h3 {margin:0; padding-left:4px; padding:25px 15px 20px 15px; color:#58514C; font-size:15px; letter-spacing:-1px; line-height:14px}
	.content_g a { color:#CA3315; text-decoration:underline;}
	.content_g a:hover  { color:#D3CDAB; text-decoration:underline;}	
	.content_g .small  { margin-top:45px;}

.content_1 a:hover, .content_2 a:hover, .content_3 a:hover, .content_a a:hover, .content_b a:hover, .content_c a:hover, .content_sub a:hover{text-decoration:underline}
.content_1 h1, .content_2 h1, .content_3 h1, .content_a h1, .content_b h1, .content_sub h1{margin:0; padding-left:4px; padding-top:10px; padding-bottom:15px; font-family:Arial,serif; color:#58514C; font-size:24px; letter-spacing:-1px; line-height:18px}
.content_1 h2, .content_2 h2, .content_3 h2, .content_a h2, .content_b h2, .content_sub h2{margin:0 0 0 0; padding-left:4px; padding-top:10px; padding-bottom:8px; font-family:Arial,serif; color:#58514C; font-size:18px; letter-spacing:-1px; line-height:18px}
.content_1 h3, .content_2 h3, .content_3 h3, .content_a h3, .content_b h3, .content_sub h3{margin:0; color:#807C66; padding-left:4px; padding-top:10px; padding-bottom:4px; font-family:Arial,serif; font-size:15px; letter-spacing:-1px; line-height:14px}
.content_1 p, .content_2 p, .content_sub p{padding:4px 8px 5px 5px; text-align:left; color:#58514C; font-size:12px}
.content_3 p {padding:4px 8px 5px 5px; text-align:left; color:#58514C; font-size:10px}
.content_c p { text-align:left;}
.content_1 img, .content_2 img{padding:5px; background:#DAD5B1; margin-right:5px; margin-bottom:3px}
.content_sub img{padding:5px; background:#D3CDAB; margin:0px 10px 10px 10px; clear:both;}
.content_3 em{text-align:justify; color:#58514C; letter-spacing:-1px; font-size:14px; line-height:14px; font-style:italic}
.content_sub ul{background-color:#FDFCF7; border:1px dotted #DAD5B1; padding:10px 35px; line-height:16px; text-align:left; color:#58514C; font-size:12px}
small, .small{margin-top:5px; padding-right:10px; text-align:right; color:#58514C; letter-spacing:-1px; font-size:11px}
smallRed, .smallRed{margin-top:5px; padding:10px; text-align:left; color:#CA3315; letter-spacing:-1px; font-size:12px}
.button p{margin:0 auto}
.button img{padding:2px; background:#fff; margin:0 auto; margin-top:0px}
.bigbutton p{margin:0 auto}
.bigbutton img{border-top:0px dotted #58514C; padding:2px; background:#fff; margin:0 auto; margin-top:3px}
.subscribe, .subscribe img{vertical-align:middle; text-align:left; padding:1px; background:#fff; margin-top:3px; margin-right:1px; margin-bottom:1px}
.right{float:right; margin:5px; padding:2px}
.left{float:left; margin:5px; padding:2px}
.center{width:auto; margin-left:auto; margin-right:auto}

.whatwedo_china { float:left; width:43%; background-color:#f9f9f9; border:1px solid #D3CDAB; padding:10px;}
.whatwedo_mexico { float:right; width:43%; margin-right:10px; background-color:#f9f9f9; border:1px solid #D3CDAB; padding:10px;}
.whatwedo_china img, .whatwedo_mexico img { padding:5px; background:#fff; margin-right:10px; margin-bottom:3px}

.china_icon_link { margin:2px 0px 2px 20px; float:left; width:370px; font-size:90%; background:url(../images/china_icon.gif) no-repeat left #FFF; text-align:right; padding:0px 0px 0px 15px;}
.mexico_icon_link { margin:2px 0px 2px 20px; float:left; width:379px; font-size:90%; background:url(../images/mexico_icon.gif) no-repeat left #FFF; text-align:right; padding:0px 0px 0px 15px;}

.contact_thumb { float:left; margin:0px 10px;}
.contact_thumb img { margin:0px; clear:both;}
.contact_thumb p { margin-left:0px;}

/* footer
------------------------------------------------------------------*/
.footer{width:100%; margin:0 auto; margin-top:5px; line-height:4em; font-size:.7em; border-top:1px solid #58514C; border-bottom:1px solid #58514C; background-color:#807C66}
.footer p{padding:20px 10px 10px 25px; text-align:left; font-size:12px; color:#fff; font-family:Helvetica,Arial,sans-serif; letter-spacing:-1px; line-height:18px}
.footer a{font-size:13px; font-weight:600; color:#fff}
.footer a:hover{text-decoration:none; background-color:#fff; color:#58514C}
.logos{padding:10px; width:180px; float:right}
.cglogo{float:right}
.paypal{float:left}
.cglogo a{width:80px; height:44px; padding:0; display:block; background-color:#807C66; background:url("../images/cglogo.gif") 0 0 no-repeat}
.cglogo a:hover{background-position:0 -44px}
.paypal a{width:80px; height:44px; padding:0; display:block; background-color:#807C66; background:url("../images/paypal.gif") 0 0 no-repeat}
.paypal a:hover{background-position:0 -44px}
/* Galleries
------------------------------------------------------------------ */
.gallery{margin:0 auto; padding:5px; background:url("../images/gallery_str.gif") 0 0 repeat-x #736F5B; width:500px; height:100%}
.gallery h2{margin-top:10px; padding-left:4px; padding-top:10px; padding-bottom:0px; font-family:Arial,serif; color:#FFF; font-size:18px; letter-spacing:-1px}
.gallery p{padding:10px 0px 5px 5px; margin-bottom:-10px; text-align:left; color:#FFF; font-size:11px}
/* misc 
------------------------------------------------------------------*/
.clear, .clearer{height:0; clear:both}

.left{float:left}
.right{float:right}
.middle{margin:0 auto; padding:10px 10px 10px 50px}
hr.dotted{margin-top:5px; margin-right:5px; margin-bottom:20px; margin-left:5px; border-bottom:1px dotted #BB9B40}
em{padding-left:4px; font-size:13px; color:#58514C; letter-spacing:-1px}
acronym{ border-bottom:1px dotted #999;  cursor:help}

/* Rounded Corners
------------------------------------------------------------------ */
.roundcont{background-color:#58514C; color:#fff}

.roundcont p{margin:0 3px 0 0; padding-left:8px; padding-top:4px; color:#fff; font-size:11px; text-align:right}
.roundcont a{color:#fff}
.roundcont a:hover{text-decoration:underline}
.roundtop{background:url(../images/tr.gif) no-repeat top right}

.roundbottom{background:url(../images/br.gif) no-repeat top right; margin-bottom:18px}

img.corner{ width:15px;  height:15px;  border:none;  display:block !important}

/* Bar Graph
------------------------------------------------------------------ */
.bargraph {margin:0 auto; margin-top:15px; margin-left:0px; font:0.6em/2em Arial; color:#58514C; border-collapse:collapse; width:356px}
.bargraph td{padding:0; margin:0; vertical-align:bottom; text-align:center; background:#fff url(../images/gridline.gif) 15px bottom}
.bargraph th{font-size:12px; letter-spacing:-1px; line-height:11px; text-align:center; background:#fff}
.bargraph .caption{padding-top:6px; font-size:14px; letter-spacing:0px; line-height:14px; text-align:center; background:#fff; color:#58514C}
.bargraph .small{padding-top:6px; font-size:11px; letter-spacing:0px; line-height:11px; text-align:left; font-weight:200; background:#fff; color:#58514C}
.bargraph img{display:block; border-right:1px solid #000; padding:0}

/* Round Box
------------------------------------------------------------------ */
.round_box{border:1px dotted #CA3315; margin-left:15px; float:left; width:47px; height:48px; background-image:url(../images/round_box_light.gif); background-repeat:no-repeat; background-position:left}
.day{font-weight:bold; width:47px; margin:0 auto; padding:2px 0 0 0; color:#57504B; font-family:Arial,Helvetica,sans-serif; font-size:10px; text-align:center}
.number{width:47px; margin:0 auto; color:#57504B; font-family:Arial,Helvetica,sans-serif; font-size:30px; letter-spacing:-2px; text-align:center}
.numberDual{width:47px; margin:0 auto; padding-top:2px; color:#57504B; font-family:Arial,Helvetica,sans-serif; font-size:24px; letter-spacing:-3px; text-align:center}
.dayDescrip{border-top:1px dotted #57504B; padding-top:5px; margin-left:10px; width:520px; height:48px; float:left; font-family:Arial,Helvetica,sans-serif; font-size:12px; text-align:justify; color:#58514C}

/* Accordion---------------------------------
#accordion{ height:299px; position:relative !important; display:block; overflow:hidden; text-align:left;}
#accordion ul { margin:5px 0px 0px 5px;}
#accordion ul li {list-style-type:none; font-size:95%; padding:3px; }
#accordion ul li a { color:#fff; font-weight:bold; display:block; background:url(../images/document.gif) no-repeat left; padding:2px 2px 2px 20px;}
#accordion ul li a:hover { color:#D3CDAB; background-color:#000; background:url(../images/document.gif) no-repeat left; padding:2px 2px 2px 20px;}
h3.accordion1{ font-size:150%; padding:6px 6px 4px 35px; margin:0; color:#fff; cursor:pointer; display:block; background:url(../images/tab-left.gif) top left no-repeat; border-right:1px solid #fff;}
h3.accordion2{ font-size:150%; padding:6px 6px 4px 35px; margin:0; color:#fff; cursor:pointer; display:block; background:url(../images/tab-left.gif) top left no-repeat; border-left:1px solid #fff;}
#visible{background-image:url(../images/tab-left-active.gif); border-bottom:1px solid #D3CDAB; _background-color:#1A1A15;}
.panel_body{height:160px; display:block; _background-color:#1A1A15; position:relative; color:#FFF;}
.panel_body div{padding:3px 5px; _background-color:#1A1A15;}
.panel{bottom:0px; margin:0px 0px 0px 0px; padding:0px; border-bottom:1px solid #fff; background:url(../images/semitrans_light.png) top right repeat-x; _background-color:#1A1A15; border-right:1px solid #fff;}
.wrapper{bottom:0px; position:absolute;}

AJAXselector----------------------------------
.ajaxtabs{ position:absolute; bottom:-20px; left:0px; padding:0; margin:0; list-style-type:none; text-align:left; width:854px; }
.ajaxtabs li{display:inline; margin:0;}
.ajaxtabs li a{text-decoration:none; z-index:1; padding:9px 50px; margin:0px; background:url(../images/str_bg.gif) repeat-x top left; border:1px solid #1C273D; border-width:0px 1px 1px 1px;}
.ajaxtabs li a:visited{ text-decoration:none;}
.ajaxtabs li a:hover{text-decoration:underline; color:fff}
.ajaxtabs li a.selected{padding:9px 50px; bottom:1px; margin:0px; background:url(../images/bg_str.gif) repeat-x left; color:#FFFFFF}
.ajaxtabs li a.selected:hover{text-decoration:underline; color:#fff;}

#slider{width:854px;margin:0 auto;position:relative; z-index:-5;}
.scroll{height:320px;width:854px;overflow:auto;overflow-x:hidden;position:relative;clear:left;}
.scrollContainer div.mexico{padding:0px;height:280px;_width:824px; }
.scrollContainer div.china{padding:0px;height:280px;_width:824px; }
.scrollContainer div.contact{padding:0px;height:280px;_width:824px; }
#shade{background:#EDEDEC url(http://jqueryfordesigners.com/demo/images/shade.jpg) no-repeat 0 0;  height:50px}
ul.navigation{ list-style:none;margin:0;padding:0;padding-bottom:9px; float:left;}
ul.navigation li{ display:inline;margin-right:10px}
ul.navigation a{ padding:10px;color:#000;text-decoration:none}
ul.navigation a:hover{ background-color:#f6f6f6}
ul.navigation a.selected{ background-color:#fff}
ul.navigation a:focus{ outline:none}
.scrollButtons{ position:absolute;top:150px;cursor:pointer}
.scrollButtons.left{ left:-20px}
.scrollButtons.right{ right:-20px}
.hide{ display:none}*/


/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide{ display:none}
/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber{}
.tabberlive{ margin-top:1em;}
/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav{ margin:0px; width:855px; padding:5px 0px 5px 0px; position:absolute; bottom:11px; *bottom:-3px; left:-1px; _left:4px;}
ul.tabbernav li{list-style:none; width:100px; display:inline; margin:0px;}
ul.tabbernav li a{ padding:5px; margin-left:1px; text-decoration:none; color:#37352B; background:#E0DECC url(../images/nav_off.gif) top repeat-x; outline:none; font-size:12px;}

.tabberlive ul.tabbernav li a#nav1{ padding:5px 40px 5px 45px;}
.tabberlive ul.tabbernav li a#nav2{ padding:5px 40px 5px 45px;}
.tabberlive ul.tabbernav li a#nav3{ padding:5px 40px 5px 46px;}
.tabberlive ul.tabbernav li a#nav4{ padding:5px 40px 5px 46px;}

ul.tabbernav li a:hover{color:#ddd; background:#39362D}
ul.tabbernav li.tabberactive a{color:#333; background:#39362D}
ul.tabbernav li.tabberactive a:hover{color:#ddd; background:#39362D}

/* 1 */
.tabberlive ul.tabbernav li a#nav1:hover, 
.tabberlive ul.tabbernav li.tabberactive a#nav1, 
.tabberlive ul.tabbernav li.tabberactive a#nav1:hover{ color:#fff;}
/* 2 */
.tabberlive ul.tabbernav li a#nav2:hover, 
.tabberlive ul.tabbernav li.tabberactive a#nav2, 
.tabberlive ul.tabbernav li.tabberactive a#nav2:hover{ color:#fff; }
/* 3 */
.tabberlive ul.tabbernav li a#nav3:hover, 
.tabberlive ul.tabbernav li.tabberactive a#nav3, 
.tabberlive ul.tabbernav li.tabberactive a#nav3:hover{ color:#fff;}
/* 4 */
.tabberlive ul.tabbernav li a#nav4:hover, 
.tabberlive ul.tabbernav li.tabberactive a#nav4, 
.tabberlive ul.tabbernav li.tabberactive a#nav4:hover{ color:#fff;}


/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab{ padding:5px;  border:0px solid #aaa;  border-top:0;  /* If you don't want the tab size changing whenever a tab is changed    you can set a fixed height */  height:200px;  /* If you set a fix height set overflow to auto and you will get a    scrollbar when necessary */ /* overflow:auto; */}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2{ display:none}
.tabberlive .tabbertab h3{ display:none}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1{ background-color:blue;}
.tabberlive#tab2{ background-color:yellow;}
.tabberlive#tab2 .tabbertab{ height:200px;  overflow:auto}


/*ul#toc{list-style:none; margin:0; padding:0;}
ul#toc a{background:url(../images/tab_inactive.gif) repeat-x 0 10px; width:100%; color:#ACA78B; display:block; float:left; margin-top:-10px; text-decoration:none;}
ul#toc a span { padding:5px 10px; _padding:14px 10px;}
ul#toc li.first{ margin-left:0px; float:left; background-color:blue; width:425px;}
ul#toc li{float:left; margin:0 0 0 0px; float:right; background-color:red; width:425px; }
ul#toc li.current a{background:url(../images/tab.gif) repeat-x 0 0px; color:#fff; border:0px solid #D3CDAB; font-weight:bold;}
ul#toc li.current a:hover{background-position:0 -55px;}
ul#toc a:hover{background-position:0 -55px; color:#ccc;}
ul#toc span{cursor:pointer; display:block; float:left; line-height:2.3em; padding-right:10px}
ul#toc span img { border:2px solid #CEC7A2; margin:0px 15px -2px 0px;}*/