/* ----------------------------------------------- 
	Spectrum Law Site Stylesheet
	Author: Justin Luk
	Created on: January 25, 2010
	
	- GLOBAL RESET
	- BASIC ELEMENTS
	- CONTAINER
	- HEADER
	- MAIN
	- SIDEBAR
	- FOOTER
	- CUSTOM CLASSES
	- SEARCH

-------------------------------------------------- */


/* GLOBAL RESET 
------------------------------------------------- */

/* 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;
}
body {
	line-height: 1;
}
ol, ul {
	list-style-type: 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;
}


/* BASIC ELEMENTS
------------------------------------------------- */
html {

}

body {
	background: #fff;
	font: 12px/1.2em Arial, Helvetica, sans-serif;
	text-align: center;
}
.print { display: none; }

/* CONTAINER
------------------------------------------------- */
#BgContainer {
	background: #d1e0f1 url(/themes/spectrum/images/interior-bg.jpg) repeat-x;
}
#home #BgContainer {
	background: #5985c3 url(/themes/spectrum/images/home-bg.jpg) repeat-x;
}
#Container {
	margin: 0 auto;
	text-align: left;
	width: 996px;
	overflow: hidden;
}

/* HEADER
------------------------------------------------- */
#Header {
	height: 35px;
	overflow: hidden;
}
#Navigation li {
	float: left;
}
#Navigation li a {
	float: left;
	color: #fff;
	text-decoration: none;
	display: block;
	height: 26px;
	padding: 9px 27px 0;
	font-size: 11px;
	text-transform: uppercase;
}
#Navigation li.first a { margin-left: 0; }
#Navigation li.last a { margin-right: 0; }
/*#Navigation li.first a { padding-left: 0; }*/
/*#Navigation li.last a { padding-right: 0; }*/
#Navigation li a:hover,
#Navigation li a.current,
#Navigation li a.section {
	background: transparent url(/themes/spectrum/images/nav-arrow.gif) no-repeat center bottom;
	color: #f8981d;
}
/* MAIN
------------------------------------------------- */
#Content,
#BioContent,
#LawyerContent,
#ContactContent {
	width: 600px;
	float: right;
	margin: 0 117px 60px 0;
	padding-top: 45px;
	color: #3e4b5a;
	display: inline;
} 
#home #Content {
	width: 996px;
	height: 363px;
	overflow: hidden;
	float: none;
	margin: 0;
	padding: 0;
}
#home #hero {
	background: #fff url(/themes/spectrum/images/home-hero-1.gif) no-repeat;
	width: 996px;
	height: 363px;
	text-indent: -1000em;
}
#BioContent,
#ContactContent {
	width: 488px;
	margin-right: 0;
}
#BioContent img { 
	margin: 20px 0 28px;
}
#LawyerContent {
	width: 705px;
	margin-right: 14px;
}

#lawyer-accordion ul {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}

#lawyer-accordion li {
	/* these are required, but the values are up to you (must be pixel) */
	width: 113px; /* for 6 items per row..... OR */  /*width: 84px; for 8 items ....  OR */  /*width: 67px;  for 10 items */
	height: 290px;
	margin: 0;
	
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 1px; /*Set to same as spacing option. */	
	float: left;
	
	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}


/* Don't need #lawyer-accordion on these, just for my overwriting*/
/*#lawyer-accordion #evelyn-ackah {
	background-color: #53b388;
}
#lawyer-accordion #christopher-brown {
	background-color: #5a69a9;
}
#lawyer-accordion #christopher-brown {
	background-color: #c26468;
}
#lawyer-accordion #will-cascadden { 
	background-color: #bf7cc7;
}*/

#lawyer-accordion .last {
	margin-left: 0;
	padding-left:0;
	
	 /* cancel margin on last kiwck (if you set a margin above) */
}


#lawyer-accordion li {
	
}

#lawyer-accordion li a {
	display: block;
	float: left;
	height: 290px;
	margin-right: 1px;
	text-indent: -1000em;
	width: 343px; /*Max width of item*/
}


#lawyer-accordion #evelyn-ackah { background: url("/assets/Uploads/Lawyer-page-bios/evelyn-ackah.jpg") no-repeat scroll 0 0 transparent; }
#lawyer-accordion #christopher-brown { background: url("/assets/Uploads/Lawyer-page-bios/christopher-brown.jpg") no-repeat scroll 0 0 transparent; }
#lawyer-accordion #will-cascadden { background: url("/assets/Uploads/Lawyer-page-bios/will-cascadden.jpg") no-repeat scroll 0 0 transparent; }
#lawyer-accordion #colin-galinski { background: url("/assets/Uploads/Lawyer-page-bios/colin-galinski.jpg") no-repeat scroll 0 0 transparent; }

#lawyer-accordion #meika-lalonde { background: url("/assets/Uploads/Lawyer-page-bios/meika-lalonde.jpg") no-repeat scroll 0 0 transparent; }

#lawyer-accordion #catherine-mcateer { background: url("/assets/Uploads/Lawyer-page-bios/catherine-mcateer.jpg") no-repeat scroll 0 0 transparent; }

#lawyer-accordion #craig-natsuhara { background: url("/assets/Uploads/Lawyer-page-bios/craig-natsuhara.jpg") no-repeat scroll 0 0 transparent; }

#lawyer-accordion #janet-nystedt { background: url("/assets/Uploads/Lawyer-page-bios/janet-nystedt.jpg") no-repeat scroll 0 0 transparent; }
#lawyer-accordion #kristin-smith { background: url("/assets/Uploads/Lawyer-page-bios/kristin-smith.jpg") no-repeat scroll 0 0 transparent; }
#lawyer-accordion #scott-sweatman { background: url("/assets/Uploads/Lawyer-page-bios/scott-sweatman.jpg") no-repeat scroll 0 0 transparent; }
#lawyer-accordion #shana-wolch { background: url("/assets/Uploads/Lawyer-page-bios/shana-wolch.jpg") no-repeat scroll 0 0 transparent; }
#lawyer-accordion #michael-wolpert { background: url("/assets/Uploads/Lawyer-page-bios/michael-wolpert.jpg") no-repeat scroll 0 0 transparent; /*xwidth: 55px;*/ }

/* LEFT SIDEBAR
------------------------------------------------- */

#Sidebar {
	width: 195px;
	color: #fff;
	float: left;
	text-align: right;
	margin: 60px 0 0 0;
}
#SidebarContent {
	margin-left: 30px;
}
ul#SideNavigation { 
	text-align: left; 
	margin-left: 17px;
}
ul#SideNavigation li { 
	background: none;
	padding: 0 0 0 12px; 
}
ul#SideNavigation li { padding-left: 12px; } 	
ul#SideNavigation ul {
	margin: 12px 0 16px 0;
}
ul#SideNavigation ul li {
	margin: 0 0 2px 0;
	padding: 0 0 0 12px;
}
ul#SideNavigation ul li a { padding-left: 0; }
#SideNavigation {

}
#SideNavigation a { font-size: 13px; }
#SideNavigation a,
#SideNavigation li.current li a {	color: #3E4B5A; } 
#SideNavigation li.current { background: transparent url(/themes/spectrum/images/sidenav-arrow.gif) no-repeat 0 4px; }
#SideNavigation li li.current { background: transparent url(/themes/spectrum/images/sidenav-arrow.gif) no-repeat 0 4px; }
#SideNavigation a:hover,
#SideNavigation li.current a,
#SideNavigation li.current a:hover { 
	color: #fff; 
	text-decoration: none; 
}

#SideNavigation a.levelb {
	background: none;
	font-size: 11px;
	padding-left: 0;
}

/* RIGHT SIDEBAR
------------------------------------------------- */
#RightSidebar {
	width: 205px;
	float: right;
	margin: 111px 0 60px 25px;
}
#RightSidebar a { color: #49658c; }

/* FOOTER
------------------------------------------------- */
#Footer {
	position: relative;
	font-size: 10px;
	text-transform: uppercase;
	color: #898989;
	padding: 34px 30px;
	width: 936px;
	height: 34px;
	margin: 0 auto;
	text-align: left;
	clear: both;
}
#Footer #Logo { float: left; margin-right: 39px; }
#Footer #Logo a {
	background: #fff url(/themes/spectrum/images/logo.jpg) no-repeat;
	display: block;
	width: 209px;
	height: 34px;
	text-indent: -1000em;
}
#Footer ul { margin-bottom: 7px;}
#Footer li {  }
#Footer li a { 
	color: #898989;
	text-decoration: none;
	border-right: 1px solid #898989;
	padding: 0 8px;
}
#Footer li.first a { padding-left: 0; }
#Footer li.last a { 
	padding-right: 0; 
	border-right: none;
}
#Footer li a:hover,
#Footer li a.current {
	text-decoration: underline;
} 
#Footer #Copyright {
	position: absolute;
	left: 278px;
	top: 51px;
	margin: 0 0 0 0;
}
/* CUSTOM CLASSES
------------------------------------------------- */

/* SEARCH RESULTS STYLES
------------------------------------------------ */
ul#SearchResults {
	margin: 10px 0;
}
	ul#SearchResults li {
		list-style: none;
		margin: 5px 0;
		font-size: 1em;
	}

/* SEARCH FORM 
-----------------------------------------------*/
html #SearchForm_SearchForm {
	float: right;
	width: 240px;
	margin: 5px;
}
html #SearchForm_SearchForm .middleColumn {
	float: left;
	width: 164px;
	margin: 0 5px 0 0;
	padding: 2px;
	background-color: #51a9df;
	
}
	html #SearchForm_SearchForm .middleColumn input.text {
		width: 160px;
		border: none;
		color: #666;
	}
html #SearchForm_SearchForm #SearchForm_SearchForm_action_results {
	float: left;
	margin-top: 2px;
}