/* site layout */
html
{
background: #5984a1 url(http://www.drdevin.com/images/bg.png) left top repeat-x;
margin: 0 0 0 0;
padding: 0 0 0 0;
vertical-align: top;
font-size: 100%;
}
body 
{
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
text-align: center;
margin: 0 0 50px 0;
padding: 0 0 0 0;
vertical-align: top;
width: 100%;
}
div.bgimg
{
background: url(http://www.drdevin.com/images/bg-floral-bg.png) top center no-repeat;
z-index: 0;
}
#layoutsite
{
position: relative;
top: 10px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0; 
margin-left: auto;
padding: 0 0 0 0;
width: 942px;
background: #fff;
border: 8px #0c3754 solid;
text-align: left;
}
.pglayout
{
clear: both;
border-bottom: double #b3d5e6 8px;
padding: 0 0 0 0;
margin: 0 0 50px 0;
}
.hpglayout
{
clear: both;
border-bottom: double #b3d5e6 8px;
padding: 0 0 0 0;
margin: 0 0 50px 0;
}
img
{
border: none;
}
h1
{
font-face: arial, helvetica, sans-serif;
font-size: 150%;
font-weight: bold; 
line-height: 110%;
color: #3c63a3;
text-align: center;
margin: 0 0 2px 0;
padding: 0 0 5px 0;
border-bottom: 10px #3c63a3 solid;
width: 99%;
}
h1 span.hdrmtxt
{
font-face: arial, helvetica, sans-serif;
font-size: 75%;
font-weight: normal;
}
h2.topn
{
font-face: arial, helvetica, sans-serif;
font-size: 120%;
font-weight: bold; 
color: gray;
border-top: 3px #c0c0c0 solid;
margin: 0 0 8px 0;
padding: 10px 0 2px 0;
width: 720px;
text-align: center;
width: 99%;
}
h2
{
font-face: arial, helvetica, sans-serif;
font-size: 120%;
font-weight: bold; 
color: gray;
border-top: 1px #d9d9d9 solid;
margin: 0 0 8px 0;
padding: 20px 0 2px 0;
width: 720px;
text-align: center;
width: 99%;
}
h2.hdrgry
{
font-face: arial, helvetica, sans-serif;
font-size: 70%;
font-weight: normal;
color: gray;
border-top: 1px #d9d9d9 solid;
margin: 0 0 8px 0;
padding: 5px 0 2px 0;
width: 530px;
text-align: right;
}
h3
{
font-face: arial, helvetica, sans-serif;
font-size: 100%;
color: #50869b;
text-indent: 10px;
margin: 15px 0 8px 0;
padding: 2px 0 2px 0;
}
/* links */

a:link
{
color: #69adc7;
}
a:hover
{
color: blue;
}
a:visited
{
color: #6eb5d1;
}
/* end links */
/* common layout */
p.backtop
{
clear: both;
text-align: right;
}
.floatl
{
float: left;
}
.floatr
{
float: right;
}
iframe
{
border: 4px solid silver;
margin: 2px 0 2px 140px;
padding: 0 0 0 0;
}
ul, ol
{
width: 95%;
}
ul li, ol li
{
width: 95%;
margin: 2px 0 2px 0;
padding: 0 0 0 0;
}
ul.lstl
{
list-style-type: none; 
float: left;
width: 305px;
}
ul.lstl
{
display: inline;
}

.boxcont
{
clear: both;
text-align: left;
background: #b1dbf4;
border: 2px #547ab1 solid;
margin: 5px 0 5px 30px;
padding: 0 0 0 0;
width: 90%;
color: #47718b;
}
.boxcont div.whiteln
{
border: 2px #fff solid;
}
.boxconttxt
{
margin: 0 0 0 0;
padding: 25px 10px 0 10px;
height: 85px;
}
.boxcont img
{
margin: 15px 5px 15px 10px;
padding: 0 0 0 0;
}
.boxconttxt a:link, .boxconttxt a:visited
{
color: #4695a2;
}
div.row p
{
width: 99%;
}
.row
{
clear: both;
text-align: left;
background: #e8f4ff;
margin: 10px 0 10px 10px;
padding: 10px 10px 10px 20px;
width: 90%;
}
.quote
{
clear: both;
text-align: left;
font-size: 90%;
text-align: justify;
background: #3371aa;
border: 6px solid #78adde;
color: #fff;
margin: 10px 0 10px 15px;
padding: 6px 10px 6px 30px;
width: 90%;
}
.quotealt
{
clear: both;
text-align: left;
font-size: 90%;
text-align: justify;
background: #78adde;
border: 6px solid #3371aa;
color: #fff;
margin: 10px 0 10px 15px;
padding: 6px 10px 6px 30px;
width: 90%;
}
.quote p, .quotealt p
{
margin: 2px 0 2px 0;
padding: 0 0 0 0;
}
div.quote p
{
width: 95%;
}
div.quotealt p
{
width: 95%;
}
.altrow
{
background: #f2fbfe;
width: 98%;
}
p.bookprice
{
text-align: center;
color: navy;
font-size: 120%;
}
p.bookprice span
{
font-size: 120%;
font-weight: bold;
color: green;
}

/* page layout */
/* Dr Devin Container */
.drdevincont
{
background: #0c3754 url(http://www.drdevin.com/images/Chiropractor-DrLuzod.png) no-repeat;
border-top: 4px #005173 solid;
border-right: none;
border-bottom: none;
border-left: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 938px;
height: 106px;
}
.drdevintxt
{
float: left;
font-weight: bolder;
text-align: left;
margin: 0 0 0 0;
padding: 65px 0 0 90px;
}
.drdlrgtxt
{
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: bolder;
color: #0c3754;
}
.drdmedtxt
{
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight: bolder;
color: #50869b;
}
.smtxt
{
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
}
h1.titlehdr
{
background: #fff url(http://www.drdevin.com/images/logo-pg.png) no-repeat;
font-size: 110%;
font-weight: bold;
text-align: right;
color: #2d327f;
margin: 0 0 0 0;
padding: 10px 0 0 0;
line-height: 110%;
width: 530px;
height: 48px;
}
.subhdr
{
font-size: 95%;
margin: 0 0 0 0;
padding: 0 0 0 0;
color: #72bf44;
}
div.hdrgry
{
font-family: Arial, Helvetica, sans-serif;
font-size: 75%;
text-align: right;
color: #858689;
margin: -10px 0 0 0;
padding: 0 0 0 0;
width: 530px;
}
div.hdr
{
background: #0c3754;
border-top: 4px #005173 solid;
border-right: 3px #005173 solid;
border-bottom: none;
border-left: 4px #005173 solid;
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 937px;
}
div.hdrcont
{
background: #0c3754;
border-top: none;
border-right: none;
border-bottom: 4px #005173 solid;
border-left: none;
height:78px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.logocont
{
float: left;
}
.contactcont div
{
float: right;
margin: 0 0 0 0;
padding: 20px 15px 10px 0;
text-align: right;
}
.contactinfo
{
font-family: verdana, helvetica, sans-serif;
font-size: 75%;
color: #a9c1d9;
}
.phone 
{
font-family: arial, helvetica, sans-serif;
color: #a9c1d9;
font-weight: bold;
font-size: 120%;
}
.lrgtxt
{
font-family: arial, helvetica, sans-serif;
color: #a9c1d9;
font-size: 110%;
}
.flash
{
clear: both;
background: #005173 url(http://www.kschachinger.com/images/hdr-people.png) no-repeat;
border-top: #005173 solid 2px;
border-right: none;
border-bottom: #0c3754 solid 2px;
border-left: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
height: 155px;
}
.hdrimg
{
clear: both;
background-color: #0777b9;
text-align: center;
border-top: none;
border-right: none;
border-bottom: 8px #005173 solid;
border-left: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 937px;
}
table
{
vertical-align: top;
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 945px;
}
td
{
vertical-align: top;
}
td.lcol
{
font-family: Arial, Helvetica, sans-serif;
background: #b1dbf4;
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 185px;
}
.rcol
{
font-family: Arial, Helvetica, sans-serif;
line-height: 115%;
color: #272924;
margin: 0 0 0 0;
padding: 20px 0 0 15px;
width: 755px;
}
.rcolint
{
font-family: Arial, Helvetica, sans-serif;
line-height: 115%;
color: #656565;
margin: 0 0 0 0;
padding: 10px 0 0 15px;
}
.pgcontent
{
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
margin: 0 0 0 0;
padding: 10px 4px 0 0;
width: 730px;
}
.pgcontent ul
{
list-style-type: disc;
}
.rtcoltxt div.rtcolvid, .rtcoltxt div.hpgcontent
{
display: inline;
}
div.hpgcontent
{
float: left;
font-family: Arial, Helvetica, sans-serif;
margin: 0 0 0 0;
padding: 10px 0 5px 0;
border-top: none;
border-right: 4px solid #dceef7;
border-bottom: none;
border-left: none;
width: 555px;
}
div.hpgcontent p
{
text-align: left;
font-size: 80%;
}
div.rtcolvid
{
float: left;
width: 165px;
vertical-align: top;
margin: -80px 0 0 0;
padding: 0 0 5px 15px;
}
div.rtcolvidcont
{
background: #c9dfb2;
border: 4px solid #9baeda;
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
text-align: center;
width: 150px;
}
h2.vidhdr
{
background: url(http://www.drdevin.com/images/icon-tv.png) no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
color: #6291ab;
line-height: 105%;
margin: 0 0 10px 0;
padding: 0 0 0 35px;
font-weight: bold; 
border-top: none;
width: 120px;
text-align: center;
}
div.youtubecont
{
margin: 5px 0 5px 0;
padding: 0 12px 0 12px;
height: 145px;
width: 128px;
}
div.youtube
{
border: 4px #fff solid;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
div.caption
{
background: white;
}
.youtubebtncont
{
background: #fff;
border-top: 1px silver solid;
border-right: none;
border-bottom: none;
border-left: none;
width: 150px;
}
/* end you tube col */
.pgcontent p
{
margin: 0 0 0 0;
padding: 10px 0 25px 10px;
width: 710px;
}
.hpgcontent p
{
margin: 0 0 0 0;
padding: 15px 0 20px 10px;
width: 530px;
}
h2.notehdr
{
background: url(http://www.drdevin.com/images/icon-note.png) no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 120%;
color: #53904c;
margin: 10px 10px 0 10px;
padding: 8px 5px 5px 30px;
}
.hpglayout h2.notehdr
{
background: url(http://www.drdevin.com/images/icon-note.png) no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 120%;
color: #53904c;
margin: 10px 10px 0 10px;
padding: 8px 5px 5px 30px;
width: 530px;
}
div.note
{
clear: both;
background: #eaf6fd url(http://www.drdevin.com/images/icon-note.png) no-repeat;
margin: 15px 0 10px 40px;
padding: 15px 25px 15px 15px;
width: 620px;
}
div.note p
{
font-family: Arial, Helvetica, sans-serif;
font-size: 110%;
line-height: 135%;
color: #53904c;
margin: 0 0 0 0;
padding: 0px 25px 15px 15px;
text-align: center;
width: 575px;
}
.note a:link, .note a:visited
{
font-family: Arial, Helvetica, sans-serif;
font-size: 105%;
font-weight: bolder;
color: #2d8aae;
margin: 0 0 0 0;
padding: 0 0 5px 0;
}
h2.hpfeaturehdr
{
clear: both;
color: #72bf44;
border: none;
background: #fff url(http://www.drdevin.com/images/icon-note.png) no-repeat;
text-align: center;
margin: 5px 0 2px 0;
padding: 20px 0 0 0;
width: 540px;
height: 20px;
}
/* nav */
.navcont
{
background: #b1dbf4;
font-weight: normal;
margin: 10px 2px 0 0;
padding: 0 0 5px 0;
width: 180px;
}
.navlst li
{
margin: 4px 0 4px 0;
padding: 0 0 0 0;
text-indent: 2px;
text-align: left;
list-style-position: outside;
}
.twitter
{
background: url(http://www.drdevin.com/images/twitter.png) no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 65%;
color: navy;
border: 1px solid #455094;
height: 39px;
margin: -2px 0 0 5px;
padding: 1px 0 0 35px;
}
.smicons
{
background: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 65%;
color: navy;
border-top: none;
border-right: 1px solid navy;
border-bottom: 1px solid navy;
border-left: 1px solid navy;
margin: 0 0 0 5px;
padding: 10px 0 10px 8px;
}
/* skip */
#skip a, #skip a:hover, #skip a:visited 
{ 
position:absolute; 
left:0px; 
top:-500px; 
width:1px; 
height:1px; 
overflow:hidden;
} 

#skip a:active, #skip a:focus 
{ 
font-weight: bold;
position:static; 
width:auto; 
height:auto; 
margin: 2px 0 0 10px;
padding: 0 0 0 0;
width: 150px;
}
/* skip */
.navhdr
{
background: url(http://www.drdevin.com/images/navbar.png) no-repeat;
color: #b1dbf4;
font-size: 90%;
font-weight: bold;
margin: 0 0 0 5px;
padding: 4px 0 5px 5px;
vertical-align: top;
}
.navlst li.selected
{
background: url(http://www.drdevin.com/images/icon-arrow.png) no-repeat;
width: 176px;
height: 100%;
text-indent: 10px;
}
.navlst a:link
{
color: #194869;
text-decoration: none;
}
.navlst li a:hover
{
color: blue;
}
.navlst a:visited
{
color: #194869;
text-decoration: none;
}
.navlst .selected a
{
text-decoration: none;
color: navy;
font-weight: bolder;
margin: 0 0 0 0;
padding: 0 0 4px 0;
line-height: 120%;
}
.navlst .selected a:hover
{
text-decoration: none;
color: blue;
font-weight: bolder;
margin: 0 0 0 0;
padding: 0 0 4px 0;
line-height: 120%;
}
.selected a:link, .selected a:visited
{
color: navy;
}
.selected a:hover 
{
color: navy;
}
ul.navlst
{
font-family: arial, helvetica, sans-serif;
font-size: 75%;
color: #8c7f89;
list-style-type: none;
line-height: 130%;
margin: 0 0 0 5px;
padding: 0 0 5px 0;
width: 180px;
}
ul.subnav
{
width: 140px;
margin: 0 0 0 20px;
padding: 0 0 0 0;
}
ul.subnav li
{
list-style-position: outside;
list-style-type: circle;
margin: 5px 0 0 0;
padding: 0 0 0 0;
width: 160px;
}
ul.subnav li.selected
{
list-style-type: none;
background: #fff;
margin: 4px 0 0 -15px;
padding: 0 0 0 0;
width: 170px;
text-indent: 15px;
}

/* bottom promo boxes */
.promobox
{
display: inline;
}
.lftpromo
{
float: left;
width: 358px;
margin: 0 2px 0 0;
padding: 0 0 0 0;
}
.rtpromo
{
float: left;
}
/* image floats */
.imgcontl 
{
clear: right;
float: left;
margin: 2px 12px 2px 2px;
padding: 2px 0 2px 4px;
border: 1px silver solid;
width: 345px;
}
div.imgcontl img
{
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.center
{
text-align: center;
}
.copyrightsm
{
font-size: 65%;
color: blue;
}
.imglft
{
float: left;
margin: 2px 8px 2px 2px;
padding: 2px 2px 2px 2px;
border: 1px silver solid;
}
.imgrt
{
float: right;
margin: 2px 2px 2px 8px;
padding: 2px 2px 2px 2px;
border: 1px silver solid;
}
.imgcont
{
text-align: center;
}
p.quotehdr
{
color: #fff;
font-weight: bold;
text-align: center;
margin: 2px 0 2px 0;
padding: 5px 0 0 0;
}
/* footer */
/* footer nav */
#footernavcont
{
clear: both;
color: #fff;
width: 750px;
text-align: center;
margin-top: 20px;
margin-right: auto;
margin-bottom: 0; 
margin-left: auto;
padding: 0 0 0 0;
}
.footerlst li 
{
display: inline-block;
display: inline;
color: #fff;
}
.footerlst a
{
font-family:Arial, Helvetica, sans-serif;
color: #fff;
font-size: 80%;
font-weight: bold;
}
.faddress
{
font-size: 90%;
}
.faddress .contactinfo
{
font-family: arial, helvetica, sans-serif;
font-size: 75%;
color: #fff;
letter-spacing: 1px;
}
.faddress .phone 
{
font-family: arial, helvetica, sans-serif;
color: #a9c1d9;
font-weight: bold;
font-size: 100%;
}
.faddress span span.lrgtxt
{
font-family: arial, helvetica, sans-serif;
color: #a9c1d9;
font-size: 100%;
}
.copyright
{
text-align: center;
font-family:Arial, Helvetica, sans-serif;
color: #fff;
font-size: 80%;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
/* homepage only */
.apptcont
{
background: #fff url(http://www.drdevin.com/images/appointmentbox.png) no-repeat;
margin: 0 0 5px 0;
padding: 10px 0 0 0;
width: 540px;
height: 92px;
}
.apptcont div
{
display: inline;
}
div.appttxt
{
margin: 0 0 0 0;
padding: 0 0 0 0;
height: 92px;
}
p.appthdr
{
font-family: arial, helvetica, sans-serif;
font-weight: bold;
color: #414885;
margin: 0 0 0 58px;
padding: 5px 0 4px 0;
vertical-align: top;
width: 350px;
}
p.apptpromo
{
font-family: arial, helvetica, sans-serif;
font-size: 118%;
font-weight: bolder;
color: #4e728b;
margin: 0 0 0 56px;
padding: 0 0 0 0;
width: 350px;
vertical-align: top;
}
p.apptbtxt
{
font-family: arial, helvetica, sans-serif;
color: #42656f;
font-size: 90%;
font-weight: bold;
margin: 0 0 0 58px;
padding: 2px 0 0 0;
width: 350px;
}
div.apptbtn
{
float: right;
}
div.apptbtn img
{
border: none;
margin: 5px 0 0 0;
padding: 0 20px 0 0;
}
.freetxt
{
background: #b7d9e2;
font-family: arial, helvetica, sans-serif;
font-size: 118%;
font-weight: bolder;
color: #2d327f;
margin: 0 0 0 0;
padding: 0 2px 0 2px;
}
.apptcont p
{
font-family: arial, helvetica, sans-serif;
line-height: 100%;
}