/*
Theme Name: Burbidge & White
Theme URI: http://www.burbidgewhite.com/
Description: The Theme for Burbidge & White.
Version: 1.0
Author: David Van Komen
Author URI: http://www.burbidgewhite.com/

This theme is authorized for use by Burbidge and White only. Any other occurance of this theme violates copyright laws.
*/

/* This file contains most all css coding. */

/* Notes about z-indexing:

Layer -1: Anything that needs to be forced behind the structural elements (i.e. Backgrounds). (-100)
Layer 0: Content area background (the colors/gradients). (0)
Layer 1: Structural emlements (Header, footer, etc.). (100)
Layer 2: Anything that needs to be forced above the rest. (200)
*/

/* The following sets all Global presets */

body { margin: 0; padding: 0; background: #EDEFEB; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; }
a, a:visited, a:active{ color: #08549F/* some awesome link color */; font-weight: bold; text-decoration: none; border: none; }
a:hover{ color: #0A6ABC/* some awesome hover color */; text-decoration: underline; }
h1{ margin-top: 20px; margin-bottom: 10px; font-weight: normal; }
h2{ font-weight: normal; margin-top: 10px; margin-bottom: 10px; }
img{ border: 0; }
.aligncenter{ margin: 0 auto; }
.alignright{ float: right; }
.alignleft{ float: left; }
.textcenter{ text-align: center; }
.clear{ overflow: hidden; width:100%; clear: both; }
.miniheight{ height: 20px; }
div{ display: block; }

/* The basic layout is as follows:
[#top]
	[#logo-area]
	[#top-navi]
[#middle]
[#bottom]
*/

/* Top Width and Height stuff */
#top{ width: 100%; height: 330px; }
#top #top-wrapper{ background: url(images/headerbg.png) no-repeat #000; }
#top #top-wrapper #logo-wrapper{ height: 300px; width: 1000px; background: url(images/headers/image19.jpg); margin: 0 auto; }
/* Logo Area */
#top #top-wrapper #logo-area{ height: 200px; width: 1000px; background: url(images/logo.png) no-repeat; margin: 0 auto; position: relative; top: 70px; }
#top #top-wrapper .leftLogoShadow{ width: 1020px; background: url(images/leftshadowhead.png) repeat-y top left transparent; margin: 0 auto; }
#top #top-wrapper .rightLogoShadow{ width: 1020px; background: url(images/rightshadowhead.png) repeat-y top right transparent; margin: 0 auto; }

/* Navigation */
#top #top-wrapper #top-navi{ height: 30px; width: 100%; background: url(images/navibg.png); }
#top #top-wrapper #top-navi a, #top #top-wrapper #top-navi a:active, #top #top-wrapper #top-navi a:visited, #top #top-wrapper #top-navi a:hover{ color: white; }
#top #top-wrapper #top-navi ul.navigation{ list-style: none; height: 30px; cursor: pointer; width: 1000px; color: white; float: center; margin: 0 auto; }
#top #top-wrapper #top-navi ul.navigation li.dropdown-head{ float: left; line-height: 30px; vertical-align: middle; height: 30px; margin-right: 100px; margin-left: 10px; font-weight: normal; font-size: 13px; }
#top #top-wrapper #top-navi ul li ul.dropdown{ display: none; background: url(images/dropdownbg.png); width: 225px; z-index: 200; position: absolute; margin-left: -13px; color: #000; border: 1px solid #000; border-top: 0; padding-left: 10px; }
#top #top-wrapper #top-navi ul li ul li{ list-style: none; text-align: left; font-size: 12px; padding-left: 0px; line-height: 30px; vertical-align: center; }
#top #top-wrapper #top-navi ul li ul li a, #top #top-wrapper #top-navi ul li ul li a:hover, #top #top-wrapper #top-navi ul li ul li a:active, #top #top-wrapper #top-navi ul li ul li a:visited{ color: #000; }
#top #top-wrapper #top-navi ul li:hover ul.dropdown{ display: block; }

/* Middle Content */
#middle{ width: 1020px; float: center; margin: 0 auto; background-color: transparent; }
.left-shadow{ background: url(images/leftshadow.png) repeat-y top left transparent; width: 1020px; position: relative; }
.right-shadow{ background: url(images/rightshadow.png) repeat-y top right; width: 1020px; position: relative; }
#middle #main-content{ width: 1000px; float: center; margin: 0 auto; background: #fff; line-height: 160%; min-height: 600px; }
#main-content .column1{ width: 680px; float: left; margin-right: 20px; padding-left: 20px; }
#main-content .column2{ width: 260px; float: right; margin-left: 0px; padding-right: 20px; }
#main-content h1{ font-family: Garamond, Georgia, "Times New Roman", Times, serif; }
#main-content .column2 h1{ text-align: right; float: right; clear: both; margin-right: 0; width: 100%; }
.practiceareas{ list-style: none; padding-left: 5px;; font-size: 14px; }
.practiceareas{ padding: 0; margin: 0; text-align: right; }
.silder{ background: #fff; }
#sliderwrapper{ }
.column1 #slider{ background:url(images/loading.gif) no-repeat 50% 50%; }
/* Footer/Bottom Content */
#bottom{ width: 100%; height: 200px; background: url(images/footerbg.png) repeat-x #000; }
#bottom #bottom-wrapper{ width:1000px; margin:0 auto; color: #fff; font-size: 12px; font-weight: bold; text-align: center; }
#bottom #footer-address{ background: url(images/infobg.png) no-repeat transparent; height: 200px; margin: 0 auto; }
#bottom #footer-address #addressFoot{ padding-top: 40px; width: 240px; float: right; }
#bottom #bottom-wrapper #copyright{ height: 25px; text-align: center; position: relative; top: 54px; }

/* START OF AUXILLARY STYLING */

img.imgleft{ float: left; margin-right: 10px; }
.padLeft20{ padding-left: 20px; }
.marginright5{ margin-right: 5px; }
#pages-content{ padding: 0 20px; }
#pages-content h1{ clear: both; margin: 0; padding-top: 20px; padding-bottom: 10px; }
.biopic{ float: right; margin-left: 5px; }
h2 a, h2 a:visited, h2 a:hover{ color: #000; }
h1 a, h1 a:visited, h2 a:hover{ color: #000; }
span.tagline{ font-size: 18px; }
.contactspan{ text-align: right; }
.phoneNumber{ font-size: 20px; margin-bottom: 5px; clear: both; }
.addressHead{ font-size: 18px; clear: both; }
.largerFont{ font-size: 16px; }
.minibioFloat{ float: left; width: 500px; }
.ratings{ float: right; margin-top: 10px; }

.column1Location{ float: left; width: 425px; margin-right: 10px; }
.column2Location{ float: left; width: 525px; }
.areasWrap{ width: 500px; margin-right: 10px; float: left; }
.sliderAreas{ width: 450px;/* slider images have to be 2px less in width for the border! */
float: left; }
.nivoSlider{ border: 1px #000 solid; }
.accordionButton{ height: 40px; border-top:1px #000 solid; border-right: 1px #000 solid; border-left: 1px #000 solid; width: 478px; padding: 10px; cursor: pointer; }
.accordionContent{ width: 480px; padding: 10px; border-top: 1px #000 solid; }
.vSpan{ float: right; }