/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126  License: none (public domain) */
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;} body {line-height:1;} ol, ul {list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;} table {border-collapse:collapse; border-spacing:0;}

body {font-family:Arial, Helvetica, sans-serif; border-top:5px solid #206b9a;}

.alignme {width:940px; margin:0 auto; position:relative;}
.clearme {clear:both; height:2px; font-size:2px;}

#header {height:150px;}
	#logo {float:left; height:150px; width:280px;}
		#logo a {display:block; margin:35px 0 0 0; height:70px; width:280px; background:url(../images/logo.png) 0 0 no-repeat; text-indent:-7777px;}
		#logo a:hover {opacity:0.8;}
	#motd {float:right; width:640px; height:100px; text-align:right;}
		#motd p {font-size:14px; color:#999; line-height:1.3;}
		#motd strong {display:block; font-size:22px; color:#125687;}
		#motd strong span {font-size:14px; color:#666; font-weight:normal;}
	#menu {float:right; width:640px; height:50px; text-align:right;}
		#m {margin:10px 0 0 0;}
		#m li {display:inline; position:relative; border-right:1px solid #ccc;}
		#m li a {padding:4px 14px; color:#999; font-size:14px;}	
		#m li a:hover {color:#000;}		
		#m li.active a {color:#000;}
		#m li .dropme {display:none; position:absolute; top:20px; left:0; padding:6px 0 0 0; background:#fff; z-index:500;}
		#m li:hover .dropme {display:block; }	
		#m li ul {width:140px; width:170px; text-align:left; border-left:1px solid #999; border-right:1px solid #999; border-bottom:2px solid #999;}
		#m li ul li {display:block; border-bottom:1px dotted #ccc;} #m li ul li.last {border:none;}
		#m li ul li a {display:block; padding:14px 42px 14px 10px;}	

#story {margin:0 auto; width:960px; position:relative;} #story p {margin:0;} #story img {border:5px solid #e6e6e6;}
	#story a {}	
	#story #type {position:absolute; top:140px; left:0; display:block; width:420px; height:60px; padding:10px 20px 40px 20px; background:rgba(0,0,10,0.6);}
	#story #type p {color:#fff; text-shadow:1px 1px 0 #111; font-size:14px;} #type p strong {color:#fff; font-size:18px; font-weight:normal;} #type p a {color:#fff;} #type p a:hover {opacity:0.75;}

#patentbox {display:block; margin:20px auto 10px auto; width:950px; height:150px; background:url(../images/patentbox.jpg) 0 0 no-repeat; position:relative; border:5px solid #e6e6e6;}
	#patentbox #type {position:absolute; top:20px; right:0; display:block; width:460px; height:60px; padding:10px 20px 40px 20px; background:rgba(0,0,10,0.6);}
	#patentbox #type p {color:#fff; text-shadow:1px 1px 0 #111; font-size:14px;} #type p strong {color:#fff; font-size:18px; font-weight:normal;} #type p a {color:#fff;} #type p a:hover {opacity:0.75;}

#display {margin:0; padding:0; z-index:100;}

	#copy {float:right; width:700px;}
	
	#sidebar {float:left; width:220px;}
		#sidebar ul {margin:10px 0 0 0; border-top:1px solid #e7e7e7;}
		#sidebar ul li {border-bottom:1px solid #e7e7e7;}
		#sidebar ul li a {display:block; padding:13px 5px; font-size:18px; color:#125687;}
		#sidebar ul li a:hover {color:#000;}
		.office {margin:10px 0; padding:10px 0; border-top:1px solid #e7e7e7;}
		.office h2 {color:#125687;}
		.office label {float:left; width:35px;}


h1, h2, h3, h4 {font-weight:normal; color:#999;}
h1 {font-size:24px; padding:5px 0;}
h2 {font-size:18px; padding:5px 0;}
h3 {font-size:16px; padding:5px 0;}
h4 {font-size:14px; padding:5px 0;}

p {margin:10px 0; color:#666; line-height:1.5; font-size:12px;}
.first {font-size:16px; margin:10px 0 20px 0;}

a {color:#125687; text-decoration:none;}
a:hover {color:#000;}
a img:hover {opacity:0.9;}

strong {color:#333; font-weight:bold;}
em {font-style:italic;}

hr {border:none; background:#e7e7e7; height:1px;}

.tTeam {margin:10px 0 0 0; border-top:1px solid #e7e7e7;}
.tTeam tr td {padding:20px 10px 20px 0; vertical-align:top; border-bottom:1px solid #e7e7e7;}

#enquiry {width:560px; margin:20px 0 0 50px; background:#eceff1; padding:20px 20px 50px 20px;}
#enquiry label {float:left; width:100px; text-align:right; padding:0 10px 0 0; font-weight:bold; line-height:24px;}
#enquiry input {width:300px; padding:4px;}
#enquiry select {width:310px; padding:4px;}
#enquiry textarea {margin:0; width:427px; max-width:427px; height:100px; padding:10px;}
#enquiry textarea, #enquiry select, #enquiry input {background:#fff; border:1px solid #b5bac3; border-radius:2px; color:#666;}
#enquiry p.instruct {padding:0 0 10px 110px; line-height:1.5; font-size:10px;}
#enquiry #submit {float:right; display:block; width:200px; height:30px; line-height:22px; border:none; background:url(../images/enquiry.png) 0 0 no-repeat; color:#fff; text-shadow:1px 1px 0 #003366; font-size:15px; letter-spacing:1px;}
#enquiry #submit:hover {opacity:0.9; cursor:pointer;}

.imageleft {float:left; margin:0 0 20px 20px;}
.imageright {float:right; margin:0 0 20px 20px;}


.brochure {}
	#homepage-left {float:left; width:460px;} #homepage-right {float:right; width:460px;}
	.blog-featured h1 {visibility:hidden;} #homepage-left h1, #homepage-right h1 {visibility:visible;}
	#brochure1 {border-bottom:1px solid #e7e7e7;} #brochure2 {border-bottom:1px solid #e7e7e7}
	.brochure div {display:block; width:420px; height:120px; padding:0 0 0 25px; position:relative;}
	.brochure div a {position:absolute; bottom:20px; left:25px; display:block; width:115px; height:26px; line-height:26px; text-indent:13px; font-size:12px; color:#fff; background:url(../images/learnmore.png) 0 0 no-repeat; text-shadow:1px 1px 0 #1b4876;}
	.brochure div a:hover {opacity:0.9;}
	.ui-accordion {margin:10px 0 20px 0 !important;}
	.ui-accordion-header {position:relative; margin:0 !important; padding:0 0 0 25px !important; background:#fff url(../images/arrow_down.png) left 15px no-repeat !important; border-top:1px solid #e7e7e7}
	.ui-accordion-header a {position:relative; font-size:18px !important; color:#125687 !important; height:40px; line-height:40px;}
	.ui-accordion-header a span {position:absolute; left:300px; width:300px; font-size:14px; font-weight:normal;}
	.ui-accordion-header:hover {cursor:pointer !important;}
	.ui-accordion-header:hover a {color:#333 !important;}
	.ui-accordion-content {padding:0 0 0 0; border:none !important; background:#fff !important;}
	.ui-accordigooglon-header:hover a {color:#333 !important;}
	.ui-state-active {background:#fff url(../images/arrow_up.png) left 15px no-repeat !important;}





#footer {clear:both; margin:40px 0 0 0; padding:10px 0 0 0; background:#f7f7f7; border-top:1px solid #e7e7e7; font-size:12px;}
	#footer a {color:#666;} #footer a:hover {color:#000;} #footer ul li {margin:10px 0;}
	#fStrategy {float:left; width:220px;}
	#fPractice {float:left; width:220px; margin:0 0 0 20px;}
	#fAbout {float:right; width:460px; color:#666; line-height:1.5; padding:0 0 60px 0; background:url(../images/accolades.png) right bottom no-repeat;}
	#fAbout p {margin:0;}
	#toes {clear:both; margin:20px 0 0 0; border-top:1px solid #e7e7e7; height:30px; line-height:30px; color:#999;}
		#toes a {color:#999;}
		#copyright {float:left; width:450px; font-size:10px;}
		#credit {float:right; width:450px; font-size:10px; text-align:right;}


.imageleft {float:left; margin:0 20px 20px 0;}
.imageright {float:right; margin:0 0 20px 20px;}


#ourpages {margin:0 0 0 40px;}
#ourpages li {list-style:circle; margin:5px 0; font-size:14px;}
#ourpages ul {margin:0 0 0 40px;}

/* LAYOUT
*********************************************/
/* Floats */
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.ie7 .group {
  zoom: 1;
}

/* Media Queries
*********************************************/
/* Retina */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
  
}
/* Landscape phones and down */
@media (max-width: 480px) {
  
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  
}
/* Large desktop */
@media (min-width: 1200px) {
  
}