/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on Twenty Ten)
Version: 3.0
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";


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

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

 * { margin: 0; padding: 0 }

p { padding: 5px 10px 10px 0; line-height: 1.6em; font-size: 1.4em; color: #000; }

h1, h2, h3, h4, h5, h6 { font-size: 1.6em;  color: #124e1d; letter-spacing: 1px; padding: 15px 0 5px 0 }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #124e1d; letter-spacing: 1px; padding: 15px 0 5px 0 }

.h2style { color: #fff; padding: 25px 0 5px 30px}

body { font-size:62.5%; font-family:"Times New Roman", Times, serif; background-color: #f1f1f1; font-weight: lighter; }

.fontstyle { color:#124e1d; font-weight: bold; }

a { text-decoration: none; color: #000; }

.uppercase {text-transform: uppercase;}

/********* 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 { padding: 3px 0 10px 0; 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 *********/

.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; }

.content { 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; }

#rss { background: url(/images/rss.gif) no-repeat; height: 160px; width: 266px; float: right; }

.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/logo.gif) no-repeat; height: 67px; width: 259px; }
#bodylogo { width: 266px; height: 150px; float: left; clear: 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 */

/********* 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: 150px; 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 }

#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;}

/* wordpress*/

.wpmain {  width: 584px; min-height: 300px; overflow: hidden; float: left; padding: 20px 0 10px 0 }
.wpfooter {}
.wpside {  width: 266px; min-height: 300px; overflow: hidden; float: right; padding: 40px 0 10px 0}


#searchsubmit {background-color:#fff; color: #124e1d; border: none;}
#searchsubmit:hover {color: #000}
.screen-reader-text {display: block; width: 75px;}