body { margin:0px; color:#fff;font:75% Arial, Helvetica, sans-serif; background:#fff url(../images/bg.jpg) repeat-x;}
a { color:#fff; text-decoration:underline;}
a:hover { text-decoration:none;}
h1 { font-size:1.8em; margin:0 0 2px 0; padding:0 0 7px 0; border-bottom:1px dotted #7F7F7F;}
h2 { font-size:1.6em; margin:0 0 2px 0; padding:0 0 7px 0; }
h3 { font-size:1.5em; margin:0 0 2px 0; padding:0 0 7px 0; }
h4 { font-size:1.4em; margin:0 0 2px 0; padding:0 0 7px 0; }
h5 { font-size:1.3em; margin:0 0 2px 0; padding:0 0 7px 0; }
h6 { font-size:1.3em; margin:0 0 2px 0; padding:0 0 7px 0; }
img {border:none;}

/* - Index Navigation CSS Styles - */
.navbg_index {filter:alpha(opacity=70);background-color:#000;opacity:.5; width:848px; height:45px;position:relative; top:262px; z-index:1;}
#nav_pos { position:absolute; top:263px; margin-left:20px; z-index:100;}
#nav_pos ul{ margin:0px; padding:0px;}
#nav_pos li{ list-style:none; display:inline;}

div#swf_top { position:absolute; width:430px; height:220px; padding:15px 0 0 11px;}
div#swf_btm { float:right;width:440px; height:200px; margin:0; padding:40px 20px 0 0;}
div#index_image { width:240px; height:120px; position:absolute;top:280px; margin:0 0 0 710px; z-index:900;}


/* Gallery stuff */
div#gallery_container { width:765px; height:420px; padding:20px; margin:20px 0 0 20px; background:url(../images/gallery_bg.png) no-repeat;}
div#gallery_container h1{ margin:0 0 10px 0; padding:0 0 8px 0;}
div#gallery_container .thumbContainer {height:360px; overflow:auto; position:relative; z-index:0;}
div#gallery_container .thumbContainer h2{ color:#DE7123; margin:0; padding:10px 0 0 0; clear:both;}
div#gallery_container .thumbContainer p{margin:0; padding:0 0 15px 0;}
div#gallery_container .thumbContainer .thumb{ margin:5px 10px 5px 0; padding:10px; background:#34302c; float:left; position:relative;z-index:0;}
div#gallery_container .thumbContainer .thumb img.thumbl { padding:0 8px 0 0;}
div#gallery_container .thumbContainer .thumb div.text { clear:both; text-align:center;}
div#gallery_container .thumbContainer .thumb span.before { width:110px; margin:4px 0 0 0; float:left;}
div#gallery_container .thumbContainer .thumb span.after { width:100px; margin:4px 0 0 0; float:left;}

.thumbPopup{ display:none; position:absolute; top:-170px; z-index:99999; left:-150px; background:#fff; padding:10px 0 10px 10px; width:487px;}
.thumbPopup img{padding:0; margin:0 10px 0 0; border:1px solid #000;}


/* - Subpage Navigation CSS Styles - */
.navbg_sub { width:848px; height:60px; background:url(../images/subnav_bg.jpg) no-repeat;}
#subnav_pos { padding:5px 0 0 0;margin-left:15px; z-index:1100;}
#subnav_pos ul{ margin:0px; padding:0px;}
#subnav_pos li{ list-style:none; display:inline;}
#db_logo {position:absolute; display:inline; top:5px; margin-left:600px;}
#book_consultation { width:146px; height:145px; position:absolute;margin-left:702px; z-index:700;}

/* - Container/Wrappers CSS Styles - */
#page_wrapper { width:1070px; height:800px; margin:0px auto; background:#fff url(../images/bg2.jpg) no-repeat;}
#body_container { width:848px; height:584px;position:relative; top:60px; left:113px;}


ul#toptabs {width:604px; position:absolute; top:-56px; left:8px; color:#000; font-size:1.4em; height:39px;}
ul#toptabs li { text-decoration:none; display:inline; float:left;}
ul#toptabs li a { text-decoration:none; color:#000; margin:0; height:39px; float:left; text-indent:-99999px; overflow:hidden;}
ul#toptabs li a.linktop_test { background:url(../images/navtabs.jpg) no-repeat 0 0; width:169px;}
ul#toptabs li a.linktop_blog { background:url(../images/navtabs.jpg) no-repeat -169px 0; width:137px;}
ul#toptabs li a.linktop_press { background:url(../images/navtabs.jpg) no-repeat -466px 0; width:138px;}
ul#toptabs li a.linktop_team { background:url(../images/navtabs.jpg) no-repeat -306px 0; width:160px;}

ul#toptabs li a:hover.linktop_test, ul#toptabs li a.linktop_teston { background:url(../images/navtabs.jpg) no-repeat 0 -39px; width:169px;}
ul#toptabs li a:hover.linktop_blog, ul#toptabs li a.linktop_blogon { background:url(../images/navtabs.jpg) no-repeat -169px -39px; width:137px;}
ul#toptabs li a:hover.linktop_press, ul#toptabs li a.linktop_presson { background:url(../images/navtabs.jpg) no-repeat -466px -39px; width:138px;}
ul#toptabs li a:hover.linktop_team, ul#toptabs li a.linktop_teamon { background:url(../images/navtabs.jpg) no-repeat -306px -39px; width:160px;}


#index_header { width:848px; height:307px; background:url(../images/index_hd_bg.jpg) no-repeat;}
#footer { width:848px; height:42px; background:url(../images/footer.jpg) no-repeat; text-align:center;}
#footer span{ color:#4a453e; display:block; padding:11px 0 0 0;}
#footer_notice { width:810px; height:40px; margin:10px 0 0 0; font-size:8pt; text-align:right;color:#000;}
#footer_notice a{ color:#000; text-decoration:underline;}
#footer_notice a:hover{ color:#9e172c; text-decoration:none;}

#page_body { width:848px;background:#F8E9D2 repeat-y;;position:relative; z-index:600; overflow:hidden;}
#page_body .logo_index{width:263px; height:202px; float:left; padding:30px 0 0 40px;}
#subpage_body { width:848px;overflow:hidden;background:#F8E9D2 url(../images/subpage_bgimage.jpg) no-repeat;position:relative; z-index:600; min-height:481px;}

/* - Main Pages CSS Styles - */
div#sub_column_nav { width:270px; float:left; padding:30px 0 0 50px;}

img.jo-about { margin:12px 0 0 0;}

#sublogo { margin:15px 0 15px 0;width:263px; height:202px;}
div.smallCopy { width:230px; height:160px; overflow:auto;}
div.smallCopy2 { width:250px; height:170px; overflow:auto;}
div#column_copy { width:230px;  padding:20px 20px 0 20px; margin:0; height:185px; overflow:hidden; background:url(../images/col_bg.png) no-repeat;}
div#column_copy a{ color:#fff; text-decoration:none;}
div#column_copy a:hover {color:#de7224; text-decoration:underline;}
div#column_copy ul{ margin:0px; padding:0px 0 0 10px;}
div#column_copy li{ list-style:disc; display:block; margin:0 0 4px 0;}
div#column_copy li a{ color:#fff; text-decoration:none;}
div#column_copy li a:hover{ color:#de7224; text-decoration:none;}

div#column_navalt { width:270px; float:left; padding:0 0 0 50px; margin:42px 0 0 0;}
div#column_navalt .top { width:270px; background:url(../images/col_bgtop.png) no-repeat; height:39px;}
div#column_navalt .mid { width:230px; background:url(../images/col_bgblog.png) repeat; overflow:hidden; padding:0 20px;overflow:auto;}
div#column_navalt .btm { width:270px; background:url(../images/col_bgbtm.png) no-repeat; height:39px;}

#sub_column_main { width:450px; float:right; margin-top:42px; padding-right:39px;}
#sub_column_main .top { height:45px; width:450px; background:url(../images/mainbg_top.png) no-repeat;}
#sub_column_main .mid { width:390px; width:402px; line-height:19px; padding:0 24px 0 24px;  background:url(../images/mainbg_mid.png) repeat; overflow:hidden;}
#sub_column_main .btm { height:52px; width:450px; background:url(../images/mainbg_btm.png) no-repeat;}

/* Form Layout CSS Styles */
#formcontainer {padding:0; margin:0 0 0px 0; width:380px;}
#formcontainer h1 { margin:0; padding: 0px; font-size: 1.1em; }
#defaultform form { padding:0; margin:0; border:0; }
#defaultform form fieldset { border: 0px #d6d6d6 solid; margin:0px; padding:2px; }
#defaultform form li { padding:3px 5px 3px 0px; vertical-align: top; list-style: none; margin: 0; }
#defaultform form ol { margin: 0; padding: 0; }
#defaultform form legend { color: #555555; font-weight: bold; border: 0px; margin:0; padding:0;}
#defaultform form label {display: block;line-height: 1.8;vertical-align: top;width:150px;float: left;text-align: right;margin-right: 10px; font-weight:bold;}
#defaultform form em {font-style: normal;color: #FF0000;}
#defaultform form fieldset input, textarea, select, file {width: 180px;border: 1px solid #d6d6d6;padding:4px;color: #333;font:9pt Arial, Helvetica, sans-serif;background-color: #fff;}

#defaultform form li.formsections {width:400px; background:#87BB0D; color:#fff; font-weight:bold; padding:5px 0 5px 5px; margin:0 0 5px 0;}
#defaultform form select.day { width:68px;}
#defaultform form select.month { width:68px;}
#defaultform form select.year { width:68px;}
#defaultform form select.time { width:212px;}

#defaultform form .oneway { width:22px; border:none;}

#defaultform .checkbox { width: 20px; }
#defaultform .buttons { border: 0px; width: 100px; padding: 0px;}
#defaultform form input:focus, textarea:focus { background: #f6f8f8; color: #000;border: 1px solid #d6d6d6;}
#defaultform .textboxnumeric { width: 60px; text-align: right; }
#defaultform .buttonsubmit { width: 100px; border:0px; color:#fff; background:#DE7123;}
.textareawide {width: 400px;}
#formmessage {width: 450px; padding: 10px; background-color: #E4D6E5; border: 1px solid  #699bc9;font-weight: bold}
.require { color:#ca3a34; font-weight:bold;}

/* Blog Stuff */
div#BlogTitle { width:760px; margin:0 auto; margin-top:15px; color:#4C453F;}
div#BlogTitle h1{ padding:0; margin:0; border-bottom:none;}
div#BlogTitle h1 a{ text-decoration:none; color:#4C453F;}
div#BlogTitle p{ padding:0; margin:0;}

#Blog_column_main { width:450px; float:right; margin-top:20px; padding-right:39px; overflow:hidden;}
#Blog_column_main .top { height:45px; width:450px; background:url(../images/mainbg_top.png) no-repeat;}
#Blog_column_main .mid { width:390px; width:402px; line-height:19px; padding:0 24px 0 24px;  background:url(../images/mainbg_mid.png) repeat; overflow:hidden;}
#Blog_column_main .btm { height:52px; width:450px; background:url(../images/mainbg_btm.png) no-repeat;}

#Blog_column_main p.postmetadata { background:url(../images/col_bgblog.png) repeat; padding:5px 10px; font-weight:bold; line-height:normal;}
#Blog_column_main p.postmetadata a{ color:#cc0000; text-decoration:none; padding:0 5px 0 5px;}

.alignleft { float:left;}
.alignright { float:right;}
.navigation { overflow:hidden; margin:0 0 10px 0;}

div#Blog_column_nav { width:270px; float:left; padding:10px 0 0 50px;}
div#Blog_column_nav .top { width:270px; background:url(../images/col_bgtop.png) no-repeat; height:39px;}
div#Blog_column_nav .mid { width:230px; background:url(../images/col_bgblog.png) repeat; overflow:hidden; padding:0 20px;}
div#Blog_column_nav .btm { width:270px; background:url(../images/col_bgbtm.png) no-repeat; height:39px;}

div#Blog_column_nav .mid h2{ margin:0; padding:10px 0 0 0; color:#DE7123;}

div#Blog_column_nav .mid ul { margin:0; padding:0 0 5px 0; list-style:none;}
div#Blog_column_nav .mid ul form{margin:0; padding:0;}
div#Blog_column_nav .mid ul label{ font-weight:bold; margin:0 0 4px 0; font-size:110%; display:block;}
div#Blog_column_nav .mid ul input{ display:block; margin:0; padding:3px; width:200px;}
div#Blog_column_nav .mid ul input#searchsubmit { margin:5px 0 0 0; width:auto;}
div#Blog_column_nav .mid ul li ul { list-style:disc; margin:0 0 5px 18px; padding:0; border:none;}


ol.commentlist { list-style:none; margin:0; padding:0;}
ol.commentlist li{background:#3F3B37; padding:8px; margin:0 0 10px 0;}
ol.commentlist li .comment-author { background:url(../images/col_bgblog.png) repeat; padding:6px 6px 0 6px;}
ol.commentlist li .comment-author a, ol.commentlist li .comment-meta a{text-decoration:none;}
ol.commentlist li .comment-meta { background:url(../images/col_bgblog.png) repeat; padding:0 6px 6px 6px; font-size:0.9em;}
ol.commentlist li .comment-meta a{ color:#cc0000;}
