@charset "UTF-8";
/* CSS Document */

body { text-align: center; font-family: Arial, Helvetica, sans-serif; margin-top: 0px; margin-bottom: 22px; background-color: #b59069; }

#form { padding-top: 0px; position: relative; margin: 0 auto; text-align: left; color: #000000; width: 640px; }

/* link elements */
a { color: #1111B1; }
a:link, a:visited { outline: none; }
a:hover { color:#C00 }

/* typography elements */
h1 { font-size: 20px; line-height: 24px; color: #663333 }
h2 { font-size: 14px; color: #47292B; }
h3 { font-size: 14px; color: #47292B; line-height: 18px }
h4 { font-size: 14px; color: #663333; padding-bottom: 0; }
h5 { font-size: 14px; color: #663333; margin-bottom: 8px; }
h6 { font-size: 13px; color: #FFFFFF; }

/* general elements */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
.clearboth { clear: both; }
.spacer { height: 10px; clear: both; }
span.small { font-size: .8em; }
.border { border: 1px solid #55413A; }

.imageRight { float:right; margin-left: 11px; margin-bottom: 4px; }
.imageLeft { float:left; margin-right: 11px; margin-bottom: 4px; }

#container { width: 868px; background-image: url(images/KUBIKIAN_bg3.gif);background-repeat: repeat-y; position: relative; margin-left: auto; margin-right: auto; overflow: auto; text-align: center; }

#homeFlash { width: 838px; height: 343px; text-align: center; position: relative; margin-left: auto; margin-right: auto; }

.topHeader { width: 838px; height: 142px; position: relative; margin-left: auto; margin-right: auto; }

.topNav { width: 838px; height: 22px; background-image: url(images/navBg.gif); background-repeat: repeat-x; text-align: center; margin-left: auto; margin-right: auto; position: relative; padding-top: 4px; }
.topNav a { display: inline; }

.topNav2 { z-index: 350; width: 805px; height: 22px; background-image: url(images/navBg.gif); background-repeat: repeat-x; text-align: center; margin-left: auto; margin-right: auto; position: relative; padding-bottom: 4px; padding-left: 33px; }
.topNav2 a { display: inline; }

.leftNavList { margin-left: 4px; }

#contentRow { width: 838px; position: relative; margin-left: auto; margin-right: auto; overflow: auto !important; overflow: visible; padding: 22px 0px 22px 0px; height: auto; }

.leftCol { position: relative; float: left; width: 220px; text-align: left; font-size: 12px; line-height: 16px; height: auto; margin: 0px 18px 0px 26px !important; margin: 0px 18px 0px 16px; background-color: #FFF; }
.leftCol ul { margin-left: 8px; padding-left: 5px; }
.leftCol li { list-style-type: square; padding-bottom: 3px; color: #cc0033; }

.Content { width: 532px; height: auto; text-align: left; position: relative; float: left; font-size: 13px; line-height: 18px; margin: 0px 22px 0px 6px; }

.page-right { float: right; margin-left: 11px; margin-bottom: 4px; padding: 0px 0px 5px 10px; width: 200px; background-color: #FCF1DF; border: 1px solid #8B5D55; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; }

#page-container { float: left; width: 832px; margin-left: auto; margin-right: auto; overflow: auto !important; overflow: visible; padding: 22px 0px 22px 0px; height: auto; }
.pagecontent { float: left; width: 832px; text-align:left; font-size:13px; line-height:18px; margin: 0px 0px 0px 6px; }
.page-content { float: left; width: 532px; text-align:left; font-size:13px; line-height:18px; margin: 0px 0px 0px 6px; }
.left-column { float: left; width:220px; text-align:left; font-size:12px; line-height:16px; height: auto; margin:0px 18px 0px 26px !important; margin:0px 18px 0px 16px; background-color:#FFF; }
.left-column ul { margin-left: 8px; padding-left: 5px; }
.left-column li { list-style-type: square; padding-bottom: 3px; color:#cc0033; }

.text-column { float: left; width: 245px; margin-right: 10px; }

.textBlack { color:#000; }



/* footer elements */
.footer { width: 868px; height:28px; text-align:center; background-color:#b18e68; background-image:url('http://www.sjperio.com/images/footer_bg.gif'); background-repeat:repeat; color:#917051; font-size:11px; padding-top:9px; margin-left:auto; margin-right:auto; position:relative; }
.footer a { color:#1111B1; text-decoration:none; }
.footer a:hover { color:#F93; }

.sub-footer { padding-top: 7px; padding-bottom: 5px; display: block; margin-left:auto; margin-right:auto; width: 838px; background-color: #FFF; }
.sub-footer ul { margin: 0px; }
.sub-footer li { margin-right: 60px; display: inline; list-style-type: none; }
.sub-footer img { border: 1px solid #663333; }

/* subnav elements */
.inside-subnav { margin: 0px 0px 15px 0px; padding: 0px 0px 2px 0px; background-color: #FCF1DF; border: 1px solid #8B5D55; border-top-right-radius: 12px; -moz-border-radius-topright:12px; -webkit-border-top-right-radius: 12px; border-bottom-right-radius: 12px; -moz-border-radius-bottomright:12px; -webkit-border-bottom-right-radius: 12px; }
.inside-subnav ul li { list-style-type: none; margin: 0px; padding: 0px; line-height: 1.6em; font-weight: bold; }
.inside-subnav a:link, .inside-subnav a:visited { text-decoration: none; color: #8B5D55; }
.inside-subnav a:hover { color: #B59069; }

.inside-subnav-right ul { margin: 0px; padding: 0px 0px 0px 0px; }
.inside-subnav-right a { float: right; width: 150px; margin: 5px 0px 0px 0px; padding: 10px 5px 10px 10px; background-color: #444; border: 1px solid #8B5D55; 
border-top-left-radius: 12px; border-bottom-left-radius: 12px; 
-moz-border-radius-topleft:12px; -moz-border-radius-bottomleft:12px;  
-webkit-border-top-left-radius: 12px; -webkit-border-bottom-left-radius: 12px; }
.inside-subnav-right ul li { list-style-type: none; margin: 0px; padding: 0px; line-height: 1.2em; font-weight: bold; }
.inside-subnav-right a:link, .inside-subnav-right a:visited { text-decoration: none; color: #ffffff; }
.inside-subnav-right a:hover { color: #B59069; }

/* header elements */
.header1 { font-size:14px; font-weight:bold; color:#b78420; }

.caseRight { width:532px; height:auto; text-align:left; float:right; font-size:13px; line-height:18px; margin: 0px 22px 0px 6px; }
.facilitypics { width:700px; text-align:left; margin-left:70px; float:left; }

/* form elements */
.contactform { background-color: white; width: 600px; padding: 15px; text-align: left; margin-top: 10px; }
.contactform p { color: #47292B; clear: left; font-size: 13px; margin: 0; padding: 8px 1px 10px 1px; border-top: 1px dashed #F5E7D7; }
.contactform label { font-weight: bold; float: left; width: 290px; }
.contactform input, .contactform textarea [type="text"] { width: 180px; }
.contactform textarea { width: 180px; height: 100px; }
input#reset { width : 110px; margin-right : 5px; }
input.button { width: 186px; color: #222; }
input {margin-top : 2px; margin-bottom : 5px; }
.contactform select { width: 186px; }
label.error { display: block; color: red; font-style: italic; font-weight: normal; }
input.error { border: 2px solid red; }

#contentRow .contact-info { width: 275px; height:auto; text-align:left; position:relative; }
.contact-info h1 { margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; }

.current-hours { float:left; width: 250px;}
.current-hours h2 { margin-bottom: 30px; }
.new-hours { float:left; width: 250px;}

.hours-container { float:left; width: 520px; border-bottom: 1px dashed #D5C8AA; font-size: .9em; padding: 0px 0px 13px 0px; }

.contact-current-hours { float: left; width: 160px;}
.contact-current-hours h3, .contact-new-hours h3 { font-size: 1.1em; }
.contact-current-hours h3, .current-hours h2 { margin: 13px 0px 8px 0px; }
.contact-new-hours { float: left; width: 160px;}

#q-blocks { position: absolute; width: 200px; height: 141px; margin-left: 235pt; top: 17px; z-index: 200; }
#q-block1 a, #q-block2 a, #q-block3 a { font-size: .95em; line-height:18px; clear: right; list-style-type: none; text-align: center; background-color: #917051; border: 2px outset #55413A; margin-bottom: 5px; padding-top: 4px; padding-bottom: 4px; width: 185px; float: right; z-index: 1000;}
#q-block1 a:link, #q-block1 a:visited, #q-block2 a:link, #q-block2 a:visited, #q-block3 a:link, #q-block3 a:visited { color: white; text-decoration:none; }
#q-block1 a:hover, #q-block2 a:hover, #q-block3 a:hover { background-color: #55413A; border: 2px outset #917051; }

/* index button elements */
#ourtechnology { position: relative; z-index: 2000; }
.ourtechnology { position: absolute; top: 340px; margin-left: 30px; z-index: 2000; }
.ourtechnology li { list-style-type: none; font-family :"Arial", "Helvetica", sans-serif; font-size: 13px; color: #ffffff; }
.ourtechnology li a  { color: #fff; background-color: #8B5D55; text-align: center; list-style-type: none; width: 275px; display: block; padding: 10px; text-decoration: none; -moz-border-radius:12px;-webkit-border-radius:12px; border-radius:12px; }
.ourtechnology a:link, .ourtechnology a:visited { color:#fff; }
.ourtechnology a:hover { color:#fff; background-color: #b59069; }
.ourtechnology h6 { margin: 0px 0px 2px 0px; padding: 0px; text-transform: uppercase; }
.ourtechLeft, .ourtech, .ourtech-bottom { border: 1px solid #663333; }
.ourtechLeft { margin-bottom: 10px; }
img.ourtech-bottom { display: block; margin-left: auto; margin-right: auto; }

/* list elements */
.techlist-container { width: 255px; }
ul.techlist { margin: 10px 0px 5px 13px;; padding: 0px 0px 0px 0px; }
ul.techlist li { color: #917051; }
.techlist span { color:#000;}

.insurance-list { float: left; }
.insurance-list li { list-style-type:none; line-height: 23px; }
.insurance-list ul { margin: 0px 80px 0px 0px; padding: 0px; }

.course-list ul { font-size: .95em; margin: 0px 10px 0px 0px; padding: 0px; display: block; float: left; width: 250px; list-style-type: none; }
.course-list li { display:block;float:left; width: 240px; list-style-type: none; }
.doctors-list-location { color: #8B5D55; margin-left: 5px; font-style: italic; }

.course-highlights { padding: 0px 0px 0px 14px; }

/* pr elements */
.prcontainer img { border: 1px solid #8B5D55; }
.prcontainer ul { padding: 0px; float:left; font-size:12px; padding: 0px; margin: 0px; }
.prcontainer li { text-align: center; line-height: 1.1em; list-style-type: none; color: #9DA373; margin: 0px 20px 0px 0px; float:left; }
.prcontainer a:link, .prcontainer a:visited { margin-top: 5px; color: #8B5D55; text-decoration : none; outline: none;}
.prcontainer a:hover { color: #717173; }

.se-container img { border: 1px solid #8B5D55; }
.se-container ul { padding: 0px; float:left; font-size:12px; padding: 0px; margin: 0px 0px 10px 0px; width: 120px; }
.se-container li { text-align: center; line-height: 1.1em; list-style-type: none; color: #9DA373; margin: 0px 20px 0px 0px; float:left; }
.se-container a:link, .se-container a:visited { margin-top: 5px; color: #8B5D55; text-decoration : none; outline: none;}
.se-container a:hover { color: #717173; }

/* resources elements */
.resources-video-column { float: left; width: 250px; }
.resources-video { margin: 10px 10px 0px 0px; border: 1px solid #8B5D55; }
.resources-video img { width: 100%; }

/* page elements */
.pageright { float:right; width: 170px; }
.pageright img { display:block; margin: 0 auto; }
.pageleft { float:left; width: 360px;}

/* video elements */
.video-image { width: 150px; height: 81px; float: left; border: 1px solid #8B5D55; }
.video-item { width: 500px; float: left; margin-bottom: 20px; }
.video-text { display:block; width: 275px; float: left; margin-left: 10px; font-size: 1.1em; }

.video-left { background-color: #8B5D55; padding: 8px 0px 0px 10px; border: 1px dashed #FCF1DF; border-top-right-radius: 12px; -moz-border-radius-topright:12px; -webkit-border-top-right-radius: 12px; border-bottom-right-radius: 12px; -moz-border-radius-bottomright:12px; -webkit-border-bottom-right-radius: 12px; }
.video-left h3 { margin: 0px 0px 9px 0px; padding: 0px 0px 1px 0px; width: 185px; color: #FCF1DF; border-bottom: 1px solid #FCF1DF; }
.video-image-left { width: 150px; height: 81px; border: 1px solid #8B5D55; }
.video-item-left { margin-bottom: 20px; margin-left: 0px; }
.video-text-left p { margin: 5px 0px 0px 0px; font-size: 1em; color: #FFFFFF; }
.video-left a:link, .video-left a:visited { color: #F1ECE2; }
.video-left a:hover {color: #D5C8AA; }

.video-left-test { background-color: #8B5D55; padding: 12px 0px 0px 4px; margin: 0px; border: 1px dashed #FCF1DF; display: block; height: 185px;
border-top-right-radius: 12px; -moz-border-radius-topright:12px; -webkit-border-top-right-radius: 12px; border-bottom-right-radius: 12px; -moz-border-radius-bottomright:12px; -webkit-border-bottom-right-radius: 12px; }
.video-left-test h3 { margin: 0px 0px 8px 0px; padding: 0px 0px 1px 0px; width: 206px; color: #FCF1DF; border-bottom: 1px solid #FCF1DF; }
.video-image-left-test { border: 1px solid #8B5D55; margin: 0px; }
.video-item-left-test { margin: 0px 5px 0px 0px; float: left; width: 100px; }
.video-text-left-test p { margin: 0px 0px 5px 0px; font-size: 12px; color: #FFFFFF; line-height: 1.4em;}
.video-left-test a:link, .video-left-test a:visited { color: #F1ECE2; }
.video-left-test a:hover {color: #D5C8AA; }

/* before and after elements */
.case-row-1 { float: left; width: 240px; margin-right: 47px; }
.case-row-2 { float: left; width: 240px; }
.case-container { float: left; width: 240px; padding: 0px 0px 10px 0px; margin: 5px 0px 0px 0px; }
#case-wrap h2 { font-size: 1em; border-bottom: 1px solid #8B5D55; padding: 0px; margin: 0px; }

h2.caseheader { text-align:left;margin:0px 0px 0px 30px;padding:15px 0px 5px 0px;font-size:17px;border-bottom: 1px solid #B59069; width:300px; }

.pagetop { float: right; margin: 20px 25px 0px 0px; font-size: 13px; border-bottom: dashed 1px #B5A28D; }
.pagetop a:link, .pagetop a:visited { color: #612F32; text-decoration: none; outline: none; }
.pagetop a:hover { color: #B59069; }

/* case elements */
#case-wrap-long { margin-left: 30px; margin-top: 5px; text-align: left; }
.case-row-1-long { float: left; width: 380px; margin-right: 25px; }
.case-row-2-long { float: left; width: 380px; }
.case-st-container { float: left; width: 375px; padding: 0px; margin: 5px 0px 0px 0px; }
#case-wrap-long h2 { font-size:13px; border-bottom: 1px solid #8B5D55; padding: 0px 0px 5px 0px; margin: 0px; }
#case-wrap-long h2 .bigger { font-size: 15px; font-weight: bold; }
#case-wrap-long h3 { font-size: 12px; }
#case-wrap-long h3, #case-wrap-long h2 { font-weight: normal; }
#case-wrap-long h3 strong, #case-wrap-long h2 strong { font-weight: bold; }
.case-images { float: left; width: 150px; height: 90px; margin: 0px; padding: 0px; }
.case-text { float: right; width: 220px; }
.case-text p { font-size: 11px; line-height: 12px; margin: 0px; padding: 0px; }
.case-images ul { padding: 0px; margin: 0px; }
.case-images li { list-style-type: none; display: inline; margin-right: 10px; padding: 0px; }

.case-button { padding: 0px; width: 215px; clear: both; float: left; margin: 5px 0px 0px 0px; list-style-type: none; font-family :"Arial", "Helvetica", sans-serif; font-size: 11px; color: #ffffff; line-height: 13px; }
.case-button a  { text-align: center; color: #fff; background-color: #8B5D55; list-style-type: none; display: block; padding: 4px 9px 4px 9px; text-decoration: none; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; border: 1px dashed #FCF1DF; }
.case-button a:link, case-button a:visited  { color: #fff; }
.case-button a:hover { color:#fff; background-color: #b59069; }

.view-button a { font-size: 13px; line-height: 13px; clear: both; list-style-type:none; text-align: center; background-color: #8B5D55; border: 2px outset #8B5D55; padding-top: 4px; padding-bottom: 4px; width: 100px; float: left; z-index: 1000;}
.view-button a:link, .view-button a:visited { color: white; text-decoration:none; }
.view-button a:hover { background-color: #917051; border: 2px outset #917051; }

table { font-size: 13px; }

.line-sep { color: #8B5D55; border-width: 1px 0px 0px 0px; border-style: dashed; height: 1px; margin-top: 15px; padding-bottom: 5px; margin-left: auto; margin-right: auto; display: block; }