/********* broadbents Styles *********/

/********* Main Presets *********/

 * { margin: 0; padding: 0 }
p { padding: 5px 10px 10px 0; line-height: 1.6em; font-size: 1.4em; color: #000; }
.content p { text-align: center; }
h1, h2, h3, h4, h5, h6 { font-size: 1.6em; color: #124e1d; letter-spacing: 1px; padding: 15px 0 5px 0 }
.h2style { color: #fff; padding: 25px 0 5px 30px }
.h3style { color: #fff; padding: 25px 0 5px 30px }
body { font-size:62.5%; font-family:"Times New Roman", Times, serif; background-color: #f1f1f1; }
.fontstyle { color:#124e1d; font-weight: bold; }
a { text-decoration: none; color: #124e1d; text-decoration:underline; }
a:hover { text-decoration:underline }
.uppercase { text-transform: uppercase; }
.listpstyle { font-size: 1.6em; color: #124e1d; letter-spacing: 1px; padding: 5px 0 5px 0; list-style-position:inside; list-style-type: none; font-weight: bold; }
.imagenav1 h3 { font-size: 1.4em; color: #124e1d; letter-spacing: 1px; padding: 15px 0 5px 0 }
.imagenav2 h3 { font-size: 1.4em; color: #124e1d; letter-spacing: 1px; padding: 15px 0 5px 0 }
.imagenav3 h3 { font-size: 1.4em; color: #124e1d; letter-spacing: 1px; padding: 15px 0 5px 0 }
/********* End of Main Presets *********/

/********* Wrapper Styles *********/

#wrapper { margin: 0 auto; overflow: hidden; width: 924px; background-color: #fff; background: url(images/drop-shadow.gif) repeat-y; }
#wrappercontent { background-color: #FFF; width: 850px; margin: 0 auto; }
/********* End of Wrapper Styles *********/

/********* Navigation Styles *********/


#navigation { margin: 0 auto 0 auto; background-color: #124e1d; height: 55px; width: 900px; overflow:hidden }
#navigation li { display:inline; float:left; list-style:none; list-style-position:outside; letter-spacing: 1px; }
#navigation li a { font-size: 1.2em; display:block; background:transparent url(images/navigationsprite6.gif) no-repeat; height:55px; text-align:center; color:#fff; text-decoration:none; padding: 20px 0 0 0; }
#navigation li a:hover { color:#fff; }
#navigation li#nav-home a { width:70px; }
#navigation li#nav-home a:hover { background-position:50% -55px; }
.home #navigation li#nav-home a { background-position:50% -55px; }
#navigation li#nav-about a { width:70px; }
#navigation li#nav-about a:hover { background-position:50% -55px; }
.about #navigation li#nav-about a { background-position:50% -55px; }
#navigation li#nav-family a { width:190px; }
#navigation li#nav-family a:hover { background-position:50% -55px; }
.family #navigation li#nav-family a { background-position:50% -55px; }
#navigation li#nav-criminal a { width:110px; }
#navigation li#nav-criminal a:hover { background-position:50% -55px; }
.criminal #navigation li#nav-criminal a { background-position:50% -55px; }
#navigation li#nav-employment a { width:130px; }
#navigation li#nav-employment a:hover { background-position:50% -55px; }
.employment #navigation li#nav-employment a { background-position:50% -55px; }
#navigation li#nav-conveyancing a { width:110px; }
#navigation li#nav-conveyancing a:hover { background-position:50% -55px; }
.conveyancing #navigation li#nav-conveyancing a { background-position:50% -55px; }
#navigation li#nav-wills a { width:120px; }
#navigation li#nav-wills a:hover { background-position:50% -55px; }
.wills #navigation li#nav-wills a { background-position:50% -55px; }
#navigation li#nav-contact a { width:100px; }
#navigation li#nav-contact a:hover { background-position:50% -55px; }
.contact #navigation li#nav-contact a { background-position:50% -55px; }
/********* End of Navigation Styles *********/

/********* Head Styles *********/
.criminalimage { background: url(images/criminallaw-headimg.jpg) no-repeat; width: 655px; height: 220px; }
.aboutimage { background: url(images/aboutus-headimg.jpg) no-repeat; width: 655px; height: 220px; }
.familyimage { background: url(images/family-headimg.jpg) no-repeat; width: 655px; height: 220px; }
.employmentimage { background: url(images/employment-headimg.jpg) no-repeat; width: 655px; height: 220px; }
.conveyancingimage { background: url(images/conveyancing-headimg.jpg) no-repeat; width: 655px; height: 220px; }
.willsimage { background: url(images/wills-probate-headimg.jpg) no-repeat; width: 655px; height: 220px; }
#imagesectionright { background-color:#000; height: 220px; width: 655px; float: left; }
#imagesectionleft { background: url(images/ul-image.gif) no-repeat; height: 220px; width: 195px; float: left; }
#imagesection { height: 220px; width: 850px; float: left; }
#pointerimage { list-style-image:url(images/list-image.gif); width: 160px; font-size: 1.3em; list-style-position:outside; margin: 20px 0 0 0; padding-left: 22px; clear: left; float:left; color: #124e1d; }
#pointerimage li { line-height: 1.6em; width: 150px; }
#head { width: 850px; height: 100px; }
#headborder { margin: 0 0 0 12px; height: 12px; width: 900px; float: left; background: url(images/headborder.gif) repeat-x; }
#head a img { border: none; float:left; width: 259px; }
#head a { border: none; }
#areanumbers { width: 591px; overflow: hidden; float: left; margin-top: 13px;}
.areanumbers { float: right; padding: 0 0 0 20px; font-size: 1.4em; color: #666;}
.p { color: #124e1d; font-weight: bold; }
#areanumbers .branchname { padding: 7px 15px 0 0; float: right; line-height: 1.1; color:#124e1d; font-weight: bold; }
#areanumbers .branchnumber { padding: 0 15px 0 0; line-height: 1; float: right; text-align: right; width: 103px; }
#areanumbers .branchname5 { padding: 7px 0 0 0; float: right; color:#124e1d; font-weight: bold; line-height: 1.1; }
#areanumbers .branchnumber5 { padding: 0 0 0 0; line-height: 1; float: right; text-align: right; width: 103px; }
.areanumberstyle { width: 94.5px; float: left; display: inline; }
.areanumberstyle5 { float: left; display: inline; padding-left: 5px; width: 113px;}
/********* End of Head Styles *********/

/********* Subhead Styles *********/

#flasharea { height: 281px; width: 850px; float: left; }
#flashright { height: 281px; width: 655px; float: left; }
#flashleft { background: url(images/ul-image.gif) no-repeat; height: 281px; width: 195px; float: left; }
#pointer { list-style-image:url(images/list-image.gif); width: 100px; font-size: 1.3em; list-style-position:outside; margin: 20px 0 0 0; padding-left: 22px; clear: left; float:left; color: #124e1d; }
#flashleft li { padding: 0 0 20px 0; width: 160px }
/********* End of Subhead Styles *********/

/********* Body Styles *********/
#right{ float:right;}
.servicebullets { padding: 15px 0 10px 20px; }
.servicebullets li { font-size: 1.4em; color: #124e1d; list-style-type: disc; list-style-position: inside; line-height: 1.6em }
#bodycontents { width: 850px; float: left; padding: 20px 0 10px 0 }
#mainleft { width: 584px; overflow: hidden; float: left; }
.content1 { width: 170px; overflow:hidden; float: left; clear:left }
.clicksection { padding-left: 95px; }
#leftnav a { display:block; background:transparent url(images/lawsprites.jpg) no-repeat; height:170px; width: 170px; float: left; margin: 0 10px 0 0 }
#leftnav .imagenav1 a { width:170px; }
#leftnav .imagenav1 a:hover { background-position:0 -170px; }
.imagenav1 h2 { width: 170px; clear: left; }
.imagenav1 { float: left; overflow: hidden; }
#leftnav .imagenav2 a { width:170px; background-position:-170px 0; }
#leftnav .imagenav2 a:hover { background-position: -170px -170px; }
.imagenav2 h2 { width: 170px; clear: left; }
.imagenav2 { float: left; }
#leftnav .imagenav3 a { width:170px; background-position:-340px 0; }
#leftnav .imagenav3 a:hover { background-position:-340px -170px; }
.imagenav3 h2 { width: 170px; clear: left; }
.imagenav3 { float: left; }
#mainright { width: 266px; overflow: hidden; float: right; }
#contactform { background: url(images/contactform.gif) no-repeat; height: 160px; width: 266px; float: right; margin: 10px 0 0 0; }
#subenquiry { width: 230px; padding: 0 0 0 30px; }
.formstyle { width: 200px; margin: 0 0 8px 0; padding: 2px 0 2px 0; }
.subformsubmit { display: block; width: 205px; background-color: #333; border: solid 1px #FFF; color: #FFF; padding: 2px 0 2px 0; }
.subformsubmit:hover { background-color: #000; }
/* About Styles */

#imagespace { width: 584px; height: 200px; clear: left; float: left; padding: 10px 0 15px 0; }
/* End of About Styles*/


/* Jquery Slider Styles */

#contactlogo { background: url(images/solicitors.gif) no-repeat; height: 67px; width: 259px; }
#bodylogo { width: 266px; height: 150px; float: left; background: url(images/200years.jpg) no-repeat; }
#products { margin-left: 10px; height: 200px; width: 250px; clear: left; }
.infiniteCarousel { text-align: center; width: 250px; position: relative; left: 0; right: 0; }
/* Mask */
.infiniteCarousel .wrapper { top:0; left:0; width: 250px; height: 250px; position: absolute; margin-left: auto; margin-right: auto; }
.infiniteCarousel p { font-size: 1.4em; color: #505050; text-decoration: none; line-height: 5px; }
.infiniteCarousel .pstyle { color: #999; }
.infiniteCarousel h3 { padding: 0 0 10px 0; }
.infiniteCarousel .wrapper ul { overflow: hidden; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding: 0; position: absolute; top: 0; left: 0 }
.infiniteCarousel ul li { display:inline; float:left; width: 200px; padding: 0 25px 0 25px; }
.infiniteCarousel .arrow { background-color: #FFFFFF; display: block; height: 250px; width: 25px; position: absolute; right: 0; cursor: pointer; outline: 0; }
.infiniteCarousel .forward { background: url(images/arrow-forward.gif); position: absolute; right: 0; margin: 0; padding: 0; }
.infiniteCarousel .back { background: url(images/arrow-back.gif); position: absolute; left: 0; margin: 0; padding: 0; }
/* End of Jquery Slider */

#container {width:162px; height:276px; float:right; display:inline; }
#slideshow {width:493px; float:left; display:inline; }

/********* End of Body Styles *********/

/********* Footer Styles *********/

#footer { width: 850px; overflow: hidden; margin: auto; overflow: hidden; clear: both; padding-top: 20px; }
#footshadow { background: url(images/footdropshadow.gif) no-repeat; clear: both; height: 36px; width: 924px; }
.ruler2 { width: 850px; height: 12px; background: url(images/ruler2.gif) repeat-x; clear: left; }
#footleft { width: 425px; height: 180px; float: left; position: relative; }
#footleft a { color: #000; }
#footleft a:hover { color: #124e1d }
#footright { width: 425px; height: 150px; float: right; text-align: right; }
.footnav { display: inline; border-right: 1px solid #666; padding: 0 5px 0 0; margin-right: 5px; }
#navleft { float: left; font-size: 1.2em; line-height: 1.8em; height: 150px; width: 420px; }
#footlogo { background: url(images/cert-logos.jpg) no-repeat; width: 339px; height: 69px; position: absolute; bottom: 0; left: 10px; }
.rightfooter { font-size: 1.2em; text-align: right; padding: 0; }
#footright a { color: #000; font-size: 1.2em; }
#footright a:hover { color: #124e1d }
/********* End of Footer Styles *********/


/* Contact Form */

.formstyle3 { width: 240px; padding: 0 0 5px 0; color: #000; }
.formstylesubmit { display: block; width: 100px; background-color: #333; border: none; color: #FFF; padding: 3px 0 3px 0; margin-top: 10px }
.formstylesubmit:hover { background-color: #000; }
#maincontactform { width: 300px; padding: 20px 0 10px 0 }
.contactp { padding:10px 0 0; color: #124e1d; }
.contact-fail-box { font-size: 1.2em; line-height: 1.4em; text-align: left; padding: 8px 0 5px 5px; margin: 0; }
.failbox { font-size: 1.2em; line-height: 1.4em; text-align: left; padding: 8px 0 5px 5px; margin: 0; }
#googlemap { width: 355px; height: 130px; padding: 0 0 20px 20px; float: left; margin-bottom: 25px; }
#googlemap a { font-size: 1em; color: #000 }
#googlemap a:hover { color: #124e1d; }
#contactmainleft { width: 300px; overflow: hidden; float: left; }
#contactmainright { width: 550px; overflow: hidden; float: right; padding: 20px 0 30px 0; }
.branchid { width: 550px; height: 150px; padding: 0 0 15px 0; }
.branch { width: 175px; float: left; text-align: center; }
.branch ul { text-align: center; list-style: none; font-size: 1.2em; color: #000; line-height: 1.4em; padding: 0 }
.branchimage { width: 355px; float: left; padding-left: 20px }
.branchhead { font-size: 1.2em; color: #124e1d; text-align: center; padding: 0 }
/* Resources */

#resourceleft { width: 300px; overflow: hidden; float: left; }
#resourceleft ul li { font-size: 1.4em; line-height: 1.4em }
#resourceleft ul li a { color: #666; }
#resourceleft ul li a:hover { color: #124e1d; }
#linkbox { display: block; width: 290px; overflow: hidden; background-color: #124e1d; }
#linkbox p { text-align: center; color: #fff; font-size: 1.2em; padding-top: 10px }
.subtext { font-size: 1em; }
/* rss */


#rss { background: url(images/rss.gif) no-repeat; height: 160px; width: 236px; float: left; padding: 10px 0 0 25px; }
#rsslist { line-height: 0.7em; list-style-image:url(images/rsslist.jpg); width: 236px; height: 17px; font-size: 1em; list-style-position:inside; float:left; color: #124e1d; }
#rsslist li { font-size: 1.4em; }
#rsslist li a { color: #666; }
/* 404 */

#error { width: 300px; overflow: hidden; float: left; }
#error ul { font-size: 1.4em; line-height: 1.4em }
#error ul li a { color: #666; }
#error ul li a:hover { color: #124e1d; }
#goog-wm-qt { width: 230px }
#goog-wm-sb { float: left; color: #0d1f43; border: none; padding: 5px 0 0 0; background: none; }
#goog-wm-sb:hover { color: #0953c2 }
.other-things { padding: 10px 0 0 0; }
.linknews { width: 180px; overflow: hidden; color: #000; text-decoration: none; outline: none; padding: 0 0 10px 0; float: left; font-size: 1.4em; line-height: normal; margin: 0; }
.linknews a:hover { color: #124e1d; }
#rss a { clear: left; }
#position { margin: 0 auto 10px auto; font-size: 1.4em; text-align: center; }

.facebook {text-align:center; }