/* Colours 

#2b2b5a - Dark Blue - Main Nav Text, Header links
#f5f5f5 - Pale Grey - Background
#edefef - Light Grey - Navigation Background
#666667 - Dark Grey - Quote Marks, Body Text
#09095b - Dark Blue - Logo (Klein)
#003399 - Lighter Blue - Logo (Solicitors)
#9d9d9d - Light Grey - Credits, Copyright

*/

/* Reset CSS v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; font-family:Georgia, "Times New Roman", Times, serif; color:#888888; font-size:13px;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}

/* remember to define focus styles! */
:focus {outline:0;}

/* remember to highlight inserts somehow! */
ins {text-decoration:none;}
del {text-decoration:line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse; border-spacing:0;}

/* Global Tags */
body {background:#f5f5f5;}
a img {display:block;}
a {display:inline-block; text-decoration:none;}
a:hover {color:#003399;}
p {line-height:22px; margin:15px 0; text-align:justify;}
p span {color:#252525; font-weight:bold;}
p a {color:#2b2b5a;}

h1, h2, h3, h4 {color:#2b2b5a; font-weight:normal;}
h1 {font-size:24px; margin-bottom:10px;}
h1 span {color:#7b9c2d; font-size:18px;}
h2 {font-size:16px; margin:40px 0 20px;}
h3 {font-size:16px; margin:24px 0 18px;}
h4 {font-size:22px; margin-bottom:14px;}

h5 {color:#106aa0; font-size:18px; margin-bottom:8px;}
h6 {color:#106aa0; font-size:16px; margin:16px 0 4px;}

/* Clearfix */
.cf:after,
.section:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.cf,
.section {display:inline-block;}
html[xmlns] .cf,
html[xmlns] .section {display:block;}
* html .cf,
* html .section {height:1%;}

/* Global styles */
.section {padding:30px; width:900px;}

.bullet-list {clear:both; display:block;}
.bullet-list li {background:url('/cms/uploads/images/bullet-disc.gif') no-repeat 0px 6px; color:#2b2b5a; float:left; font-size:11px; font-style:italic; line-height:22px; list-style-position:inside; margin:0 15px 15px 0; padding-left:20px; width:195px;}
.bullet-list li a {color:#2b2b5a; font-size:11px; font-style:italic; line-height:22px;}
.bullet-list li a:hover {color:#003399;}
.top {border-top:1px solid #dddddd; margin-top:15px; padding-top:15px;}
.bottom {border-bottom:1px solid #dddddd; margin-bottom:15px;}

#background {background:#f5f5f5; float:left; padding:15px 0; width:100%;}
#outerContainer {background:#ffffff; margin:0px auto; width:960px;}
#innerContainer {background:#ffffff;  
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
	
    -webkit-box-shadow: 0 2px 2px 2px #eaeaee;
    -moz-box-shadow: 0 2px 2px 2px #eaeaee;
    box-shadow: 0 2px 2px 2px #eaeaee;
}

/* Header */
#header {width:900px;}
#logo {display:block; float:left; width:156px;}
#banner {margin:0px auto; width:901px;}

/* Menu */
#menu {float:right; width:718px;}

/* Top Links */
#topLinks {float:right; margin:2px 0 20px; width:718px;}
#topLinks li {background:url('/cms/uploads/images/bullet-round.gif') no-repeat left 5px; display:inline; float:right; padding:0 8px 0 14px; width:auto;}
#topLinks li.first {background:none;}
#topLinks li.last {padding-right:0px;}
#topLinks li a {color:#2b2b5a; font-size:12px; text-transform:uppercase;}
#topLinks li a:hover {color:#003399;}

/* Top Navigation */
#navigation {background:#edefef; float:right; height:35px; width:718px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#navigation li {border-right:1px solid #d1d5dc; border-left:1px solid #ffffff; display:inline; float:left; height:35px; line-height:35px; position:relative;} 
#navigation li:hover {background:#6c768b; border-left:1px solid #6c768b;} 
#navigation li:hover a {color:#fff;}
#navigation li:hover ul {display:block;} 
#navigation li.first {border-left:none !important;
	-webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
} 
#navigation li.first a {padding:0px 20px;} 
#navigation li.last {border-right:none;
	-webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}
#navigation li.last a {padding:0 19px;}
#navigation li.menuactive {background:#6c768b; border-left:1px solid #6c768b;}
#navigation li.menuactive a {color:#fff;}
#navigation li a {color:#2b2b5a; display:inline; float:left; font-size:14px; height:35px; line-height:35px; padding:0px 19px; width:auto;} 
#navigation li a:hover {color:#fff;} 

#navigation .level2 {background:#edefef; display:none; left:-1px; padding:5px 15px; position:absolute; top:35px; width:230px; z-index:2;

	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    -webkit-box-shadow: 0 1px 2px 1px #9e9ea4;
    -moz-box-shadow: 0 1px 2px 1px #9e9ea4;
    box-shadow: 0 1px 2px 1px #9e9ea4;
}
#navigation .level2 li {border:none; border-bottom:1px solid #d1d5dc; display:block; line-height:normal; height:auto; width:100%;}
#navigation .level2 li:hover {background:#edefef;}
#navigation .level2 li.last {border-bottom:none;}
#navigation .level2 li.menuactive {background:none;}
#navigation .level2 li.menuactive a {color:#666666;}
#navigation .level2 li a {color:#000066; font-size:11px; line-height:normal; height:auto; padding:6px 0; width:100%;}
#navigation .level2 li a:hover {color:#666666;}

/* Sub navigation */
#sub-navigation {float:left; width:180px;}
#sub-navigation li,
#sub-navigation li.menuactive a {display:none;}
#sub-navigation li.menuactive,
#sub-navigation li.menuactive li,
#sub-navigation li.menuactive li a {display:inline-block;}
#sub-navigation li.menuactive li a {color:#2b2b5a; font-size:11px; margin-bottom:5px; padding:5px;}
#sub-navigation li.menuactive li a:hover {background:#6c768b; color:#ffffff;}
#sub-navigation li.menuactive li a.menuactive {background:#6c768b; color:#ffffff;}

/* Global Content */
#main {padding:40px 0 80px; position:relative; width:900px;}

#mainImage {float:left; padding-bottom:60px; width:380px;}
#homeImage,
.imgBorder {margin:5px 0 10px; padding:10px;

	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    -webkit-box-shadow: 0 2px 2px 2px #eaeaee;
    -moz-box-shadow: 0 2px 2px 2px #eaeaee;
    box-shadow: 0 2px 2px 2px #eaeaee;
}
.imgLeft {float:left; margin-right:20px; width:auto;}
.imgRight {float:right; margin-left:20px; width:auto;}

#rightArea {float:right; padding-left:50px; width:450px;}
#rightArea a {color:#156798; margin-bottom:10px; text-decoration:underline;}
#rightArea a:hover {color:#f3120a; text-decoration:none;}
#rightArea .top {margin-top:5px;}
#rightArea h1 {font-size:30px;}
#rightArea h2 {margin:20px 0 10px;}

.quoted {background:url('/cms/uploads/images/quote-start.gif') no-repeat left 10px; position:relative;}
.endQuote {background:url('/cms/uploads/images/quote-end.gif') no-repeat left center; bottom:170px; height:27px; position:absolute; right:0px; width:33px; }

/* Footer */
#footer {background:#edefef; width:900px;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
#footer p {font-size:10px; line-height:16px; text-align:center;}
#footer p span {color:#09095b; font-size:13px;}
#address {float:left; width:390px;}
#contactDetails {float:left; margin-top:30px; width:220px;}
#contactDetails a {color:#09095b;}
#contactDetails a:hover {text-decoration:underline;}
#associates {float:right; width:180px;}

/* Subfooter */
#subfooter {margin-top:8px; width:900px;}
#subfooter p {color:#bbbbbb; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:normal; margin:0px;}
#subfooter p a {color:#bbbbbb; font-size:11px;}
#subfooter p a:hover {color:#999999;}
#copyright {float:left; width:400px;}
#credits {float:right; text-align:right; width:200px;}


/* Article Page */
#articlePage {float:left; margin-left:15px; width:700px;}
#articlePage h1 {font-size:30px; margin-bottom:20px;}
#articlePage p {text-align:justify;}
#articlePage a:hover {text-decoration:underline;}

#articleImage {float:right; margin:0 0 20px 20px; width:auto;}
#articleImage img {padding:10px;}
#articleImage p {font-size:11px; margin:2%; text-align:center; width:96%;}

/* Clients */
#clients img {margin:5px 9px 8px 0; padding:4px;

	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    -webkit-box-shadow: 0 0 3px 2px #eaeaee;
    -moz-box-shadow: 0 0 3px 2px #eaeaee;
    box-shadow: 0 0 2px 3px #eaeaee;
}
#clients a:hover img {margin:5px 9px 8px 0; padding:4px;

	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;

    -webkit-box-shadow: 0 0 3px 2px #003399;
    -moz-box-shadow: 0 0 3px 2px #003399;
    box-shadow: 0 0 2px 3px #003399;
}