body { margin: 0; font: 11px Verdana, Arial, Helvetica, sans-serif;	color: #333; line-height: 1.5em; background: #666 url(images/body_bg.png) center repeat-y; }

h1,h2,h3,h4,h5,p { margin: 0; padding: 0; }

* html a, * a { position: relative; cursor: hand; }


/*
-------------------------------------------------------------------*/

#frame { width: 100%; background: url(images/frame_bg.png) top repeat-x; position: relative; overflow: hidden; }


/*
-------------------------------------------------------------------*/

#header { width: 860px; height: 102px; margin: 0 auto; display: block; text-align: right; background: url(images/header_bg.png) no-repeat; }

#logo { width: 336px; height: 186px; margin: 0 0 0 -430px; display: block; background: url(images/logo.png) no-repeat; position: absolute; left: 50%; top: 0; text-align: left; z-index: 900; overflow: hidden; font-size: 0; }
#logo h1 { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 99999; }
#logo h1 a { width: 100%; height: 100%; display: block; position: relative; z-index: 1; }
#logo h1 a span { display: none; }


* html #logo { background-color: transparent; background-image: url(images/space.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/websites/jba/templates/jba/styles/images/logo.png", sizingMethod="scale"); } 



#header .date { display: none; }

/*
-------------------------------------------------------------------*/

#navigation { width: 500px; margin: 0 0 0 -110px; position: absolute; left: 50%; top: 67px; text-align: right; }
#navigation ul { margin: 0; padding: 0; list-style: none; text-align: right; }
#navigation ul li { padding: 0 15px; display: none; border-right: 1px solid #99A9BF; }
#navigation ul li a { font: 14px "Lucida Grande", arial, helvetica, sans-serif; color: #FFF; text-transform: uppercase; text-decoration: none; }

#navigation ul li a.selectedPage { border-bottom: 2px solid #FFF; }

#navigation .home,
#navigation .portfolio,
#navigation .aboutus,
#navigation .staff,
#navigation .contact { display: inline; }



/*
-------------------------------------------------------------------*/

#container { width: 860px; margin: 0 auto; display: block; background: url(images/body_bg.png) center repeat-y; position: relative; }

#container .container-inner { background: url(images/container_bg.png) repeat-y; min-height: 391px; }

* html #container .container-inner { height: 391px; }

* html #container .container-inner { background-color: transparent; background-image: url(images/space.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/websites/jba/templates/jba/styles/images/container_bg.png", sizingMethod="scale"); }

.home #container .container-inner { height: 391px; }

/*
#container #pagetitle { width: 100%; height: 51px; background: url(images/title_bg.png) no-repeat; text-align: right; overflow: hidden; }
*/
#container #pagetitle { width: 100%; height: 51px; background: url(images/title_bg.gif) repeat-x; text-align: right; overflow: hidden; }
#container #pagetitle h2 { width: 500px; margin: 0 52px 0 auto; font-size: 26px; color: #FFF; font-weight: normal; line-height: 57px; }

/*
-------------------------------------------------------------------*/

#feature, #mainCol, #subCol { width: 520px; display: block; margin: 0 42px 0 auto; }


#mainCol { font: 11px Arial, Helvetica, sans-serif; color: #666; line-height: 1.8em; }
#mainCol p { margin-top: 1.6em; }
#mainCol strong { color: #64779C; }
#mainCol a { color: #314A7C; }

#mainCol h1 { margin-top: 1.6em; padding-bottom: 3px; font-size: 22px; font-weight: normal; color: #64779C; background: url(images/h1_border.gif) left bottom no-repeat; }

#mainCol h1.title { margin-top: 1.6em; padding-bottom: 3px; font-size: 16px; font-weight: normal; color: #64779C; background: url(images/h1_border.gif) left bottom no-repeat; }

.home #flashcontent { width: 520px; height: 236px; margin-bottom: 25px; display: block; background: url(/websites/jba/templates/jba/images/noflash.jpg) no-repeat; overflow: hidden; }
.home #flashcontent strong { margin: 100px 0 0 0; display: block; color: #CAD9E6; font-weight: normal; text-align: center; }


.home #mainCol .container { margin: 0 0 0 20px; }
.home #mainCol .element { padding: 0 0 0 10px; }

.inside #mainCol .col-inner { padding: 0 25px; overflow: hidden; }

.inside #mainCol .col-inner a { }
.inside #mainCol .col-inner a img { border: none; }

#extraCol { width: 332px; height: 500px; margin: 0 0 0 -432px; display: block; background: url(images/sidebar_bg.png) no-repeat; position: absolute; left: 50%; top: 98px; }

* html #extraCol { background: url(images/sidebar_bg.gif) no-repeat; }

/*
#extraCol { width: 332px; height: 500px; margin: 0; display: block; background: url(images/sidebar_bg.png) no-repeat; }


* html #extraCol { background-color: transparent; background-image: url(images/space.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/websites/jba/templates/jba/styles/images/sidebar_bg.png", sizingMethod="scale"); }
*/

#extraCol .col-content { padding-top: 100px; }

/**/



#extraCol .nav { width: 236px; margin: 0 auto; padding: 0; }
#extraCol .nav li { width: 100%; height: 29px; margin: 0; padding: 0; display: block; list-style: none; }
#extraCol .nav li a { width: 216px; height: 29px; padding-right: 20px; display: block; background: url(images/sidenav_bg.png) no-repeat; font: 12px "Lucida Grande", arial, helvetica, sans-serif; color: #FFF; text-transform: uppercase; text-decoration: none; text-align: right; line-height: 28px; }

#extraCol ul a { cursor: hand; position: relative; z-index: 99999; }

#extraCol .nav li a:hover,
#extraCol .nav li a.selectedPage { background: url(images/sidenav_hover.png) no-repeat; }

* html #extraCol .nav li a { background-color: transparent; background-image: url(images/space.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/websites/jba/templates/jba/styles/images/sidenav_bg.png", sizingMethod="scale"); }

* html #extraCol .nav li a:hover,
* html #extraCol .nav li a.selectedPage { background-color: transparent; background-image: url(images/space.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/websites/jba/templates/jba/styles/images/sidenav_hover.png", sizingMethod="scale"); }


#extraCol .nav { width: 236px; margin: 0 auto; padding: 0; }
#extraCol .nav li { width: 100%; height: 29px; margin: 0; padding: 0; display: block; list-style: none; }
#extraCol .nav li a { width: 216px; height: 29px; padding-right: 20px; display: block; font: 12px "Lucida Grande", arial, helvetica, sans-serif; color: #FFF; text-transform: uppercase; text-decoration: none; text-align: right; line-height: 28px; }

#extraCol ul a { cursor: hand; position: relative; z-index: 99999; }


#extraCol .nav .home,
#extraCol .nav .portfolio,
#extraCol .nav .aboutus,
#extraCol .nav .staff,
#extraCol .nav .contact { display: none; }


#extraCol .content-inner { width: 210px; margin: 10px auto 15px auto; }

#extraCol .search { display: none; }


/*
-------------------------------------------------------------------*/

.clientPage #mainCol .feature-admin { display: block; height: 1%; background: #000; }
.clientPage #mainCol .feature-admin h1.title { margin: 0; padding: 0 0 10px 0; background: none; font-size: 24px; color: #FFF;  }
.clientPage #mainCol .feature-admin p { padding: 0; color: #CCC; font-size: 10px; line-height: 1.5em; }

.clientPage #mainCol .feature { width: 100%; height: 287px; display: block; background: url(images/client-showcase_bg.png) repeat-x; position: relative; }
.clientPage #mainCol .feature h1.title { width: 90%; margin: 0; padding: 0 0 10px 0; background: none; font-size: 24px; color: #FFF; position: absolute; left: 20px; top: 20px; }
.clientPage #mainCol .feature p { width: 90%; padding: 0; color: #CCC; font-size: 10px; line-height: 1.5em; position: absolute; left: 20px; top: 30px; }
.clientPage #mainCol .feature a { color: #FFF; }

.clientPage #mainCol .feature img { display: none; }

.clientPage #mainCol .feature .client-photos { width: 270px; height: 74px; display: block; position: absolute; left: 20px; bottom: 19px; }
.clientPage #mainCol .feature .client-photos .item-photo { width: 48px; height: 74px; display: block; float: left; overflow: hidden; position: relative; cursor: hand; }
.clientPage #mainCol .feature .client-photos .item-photo .item-overlay { width: 48px; height: 74px; display: block; background: url(images/client-photo.png) no-repeat; position: absolute; left: 0; top: 0; }

* html .clientPage #mainCol .feature .client-photos .item-photo .item-overlay { background-color: transparent; background-image: url(images/space.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/websites/jba/templates/jba/styles/images/client-photo.png", sizingMethod="scale"); }

.clientPage #mainCol .feature .client-photos .hover .item-overlay { background: url(images/client-photo_selected.png) no-repeat; }

* html .clientPage #mainCol .feature .client-photos .hover .item-overlay { background-color: transparent; background-image: url(images/space.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/websites/jba/templates/jba/styles/images/client-photo_selected.png", sizingMethod="scale"); }


.clientPage #mainCol .feature .client-photos .item-photo img { display: block; position: absolute; left: 0; top: 0; }

.clientPage #mainCol .feature .overlay { width: 100%; height: 287px; display: block; background: url(images/black-trans.png); position: absolute; left: 0; top: 0; z-index: 8888; }

* html .clientPage #mainCol .feature .overlay { background-color: transparent; background-image: url(images/space.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/websites/jba/templates/jba/styles/images/black-trans.png", sizingMethod="scale"); }

.clientPage #mainCol .feature .selected-image-container { width: 100%; height: 287px; text-align: center; display: block; position: absolute; left: 0; top: 0; z-index: 9999; }
.clientPage #mainCol .feature .selected-image-container img { margin: 14px auto 0 auto; display: block; border: 2px solid #FFF; background: #000 url(images/loading.gif) center center no-repeat; }

.clientPage #mainCol .feature .selected-image-container .controller { width: 100%; padding-top: 4px; display: block; text-align: center; text-decoration: none; }

/*
-------------------------------------------------------------------*/

#footer { width: 860px; height: 180px; margin: 0 auto; display: block; background: url(images/body_bg.png) center repeat-y; text-align: right; font-size: 9px; overflow: hidden; clear: both; }

#footer p { width: 500px; margin: 0 55px 0 auto; display: block; }

#footer .nav { width: 500px; margin: 0 55px 0 auto; padding: 12px 0 8px 0; display: block; text-align: right; }
#footer .nav li { padding: 0 6px; display: inline; border-right: 1px solid #CCC; }
#footer .nav li a { font-size: 10px; color: #FFF; text-decoration: none; }

#footer .locations { padding-top: 8px; padding-bottom: 8px; font: 9px Arial, Helvetica, sans-serif; color: #B2B2B2; border-top: 1px solid #737373; border-bottom: 1px solid #737373; line-height: 1.8em; text-transform: uppercase; }

#footer .copyright { padding-top: 8px; color: #FFF; }
#footer .credit { padding-top: 8px; color: #333; }
#footer .credit a { color: #333; }

/*
-------------------------------------------------------------------*/

.hide { display: none; }
.clear { height: 0; display: block overflow: hidden; clear: both; }

hr { width:100%; color:#ccc; height:1px; border:1px solid #ccc; clear:both; }


/*
-------------------------------------------------------------------*/


#scroller_container { display: none; }

.scroller-gallery { width: 100%; height: 75px; display: block; margin: 20px 0; padding: 0; list-style: none; }
.scroller-gallery li { display: inline; }
.scroller-gallery li a img { border: 1px solid #CCC; }

.scroller-gallery .previous,
.scroller-gallery .next { display: none; }


.scroller-list { width: 500px; height: 100px; display: block; background: #FFF; position: relative; overflow: hidden; }

.scroller-list ul { width: 500px; margin: 10px 0 0 10px; padding: 0; list-style: none; position: relative; }
.scroller-list ul li { width: 160px; margin: 0; padding: 0; position: absolute; left: 0; top: 0; }
.scroller-list ul li a { width: 150px; height: 75px; display: block; }
.scroller-list ul li a img { border: none; }

.scroller-list .grad-left { width: 170px; height: 100px; display: block; background: url(images/grad_left.png) repeat-y; position: absolute; left: 0; top: 0; }
.scroller-list .grad-right { width: 170px; height: 100px; display: block; background: url(images/grad_right.png) repeat-y; position: absolute; right: 0; top: 0; }

* html .scroller-list .grad-left { background-color: transparent; background-image: url(images/space.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/websites/jba/templates/jba/styles/images/grad_left.png", sizingMethod="scale"); } 
* html .scroller-list .grad-right { background-color: transparent; background-image: url(images/space.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/websites/jba/templates/jba/styles/images/grad_right.png", sizingMethod="scale"); } 


.scroller-list .previous { width: 25px; height: 25px; display: block; background: url(images/control_previous.png) no-repeat; position: absolute; left: 15px; top: 40px; }
.scroller-list .next { width: 25px; height: 25px; display: block; background: url(images/control_next.png) no-repeat; position: absolute; right: 15px; top: 40px; }

* html .scroller-list .previous { background-color: transparent; background-image: url(images/space.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/websites/jba/templates/jba/styles/images/control_previous.png", sizingMethod="scale"); } 
* html .scroller-list .next { background-color: transparent; background-image: url(images/space.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/websites/jba/templates/jba/styles/images/control_next.png", sizingMethod="scale"); } 

.scroller-list .previous span,
.scroller-list .next span { display: none; }

#output { display: none; }


/* 
-------------------------------------------------------------------*/

.rtpd-logo { width: 95px; height: 67px; margin: -80px 0 0 120px; display: block; background: url(images/logo_rtpd.gif) no-repeat; float: left; }

* html .rtpd-logo { margin-left: 60px; }


/* 
-------------------------------------------------------------------*/


.client-list { padding: 15px 0 10px 0; }

/* Admin
-------------------------------------------------------------------*/

.adminPage #mainCol { width: 774px; background: #FFF; }
.adminPage .col-inner { padding: 30px 25px 30px 25px }

html body #adminbar { width: 100% !important; display: block; }
html body #adminbar #toolbar,
html body #adminbar #pagebar { display: block; }