/* BEGIN CORBOY CSS ----------------------------------------------> */

/*-------------------------- SECTIONS ------------------------------*/
/* #1 General Layout */
/* #2 Header */
/* #3 Main Navigation */
/* #4 Sub Navigation (backlink) */
/* #5 Home Page */
/* #6 Banner (bg, search, top links) */
/* #7 Content */
/* #8 Forms */
/* #9 Footer */
/*------------------------------------------------------------------*/

/*------------------------- FONT COLOR -----------------------------*/
/* Content text: #666666; */
/* Content link: #336699; */
/* Footer text: #fff; */
/* Footer link: #fff7bf; */
/*------------------------------------------------------------------*/



/* General Layout ------------------------------------------------> */

html {
	padding: 7px;
}

body {
	position: relative;
	width: 971px;
	background: #c4bf9d;
	margin: 0 auto;
	padding: 0px;
	border-top: 1px solid #938d68;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #333;
	line-height: 17px;
}

p {
	margin: 0px;
	padding: 0px;
}

/* IE needs this hasLayout/italic fix 
	or pages with italics start doing
	all kinds of fun stuff */

* p {
	overflow: hidden;
	o\verflow: visible;
	width: 100%;
	w\idth: auto;
	zoom: 1;
}

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

a:hover {
	text-decoration: underline;
}

/* The h styles must be updated in sp_wysiwyg.css!!! */

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0px;
	padding: 0px;
}

h1 {
	margin-bottom: 15px;
	color: #336699;
	font-size: 170%;
	line-height: normal;
}

h2 {
	margin-bottom: 15px;
	font-size: 125%;
	font-weight: normal;
	line-height: 21px;
}

h3 {
	font-size: 110%;
}

.contentMainCol h3 {
	height: 13px;
	margin: 5px 0 10px 0;
	background: #f1f3db;
	border-left: 6px solid #c08507;
	font-size: 120%;
	line-height: 100%;
}

.contentMainCol h3 span.mainCol {
	padding: 0px 9px 0px 9px;
	background: #fff;
}

h4 {
	margin: 5px 0 10px 0;
	color: #938d68;
	font-size: 110%;
	font-weight: normal;
	line-height: normal;
	text-transform: uppercase;
}

h5 {
	
}

/* Reserved for Print Pilot */
h6 {
	
}

ul,
ul li {
	padding: 0;
	margin: 0;
}

img {
	border: 0;
}

table {
	margin: 5px 0 20px 0;
}

em {
		
		
	}

sub,
sup {
	font-size: 9px;
}



/* Header --------------------------------------------------------> */

#header {
	height: 85px;
	background: #fff;
	margin: 0 0 0px 0;
	padding: 28px 20px 0 20px;
	border-right: 1px solid #938d68;
	border-left: 1px solid #938d68;
}

#logo {
	float: left;
	border: 0px;
}

#searchBox {
	position: absolute;
	top: 85px;
	left: 729px;
	width: 221px;
	height: 36px;
	background: url('../i/search_background.png');
}

#homeSearchForm {
	margin: 8px 0 0 64px;
	background: url('../i/search_input_bg.png') no-repeat;
}

input.homeSearch {
	width: 120px;
	height: 20px;
	margin: 0;
	padding: 2px 0 0 3px;
	background: none;
	border: none;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #333;
}

.homeSearchButton {
	vertical-align: top;
	margin: 0 0 0 6px;
}

#topLinks {
	float: right;
	width: 200px;
	padding: 17px 22px 0 0;
	color: #666666;
}



/* Main Navigation -----------------------------------------------> */

#menuWrapper {
	position: absolute;
	z-index: 1000;
	top: 85px;
	left: 20px;
	width: 704px;
	height: 40px;
	background: #fff;
}

#udm {
	width: 704px;
	height: 36px;
	background: url('../i/nav_back.png');
}

span.handheld {
	display: none;
}


/* Our Firm */
#nav_0 { 
	width: 81px; 
	background: url('../i/nav_firm.png') no-repeat;
}

/* Our Record of Success */
#nav_1 { 
	width: 168px;
	background: url('../i/nav_success.png') no-repeat;
}

/* Current Cases */
#nav_2 { 
	width: 113px; 
	background: url('../i/nav_cases.png') no-repeat;
}

/* Practice Areas */
#nav_3 { 
	width: 116px; 
	background: url('../i/nav_practices.png') no-repeat;
}

/* Attorneys */
#nav_4 { 
	width: 88px; 
	background: url('../i/nav_attorneys.png') no-repeat;
}

/* Media Center */
#nav_5 { 
	width: 113px; 
	background: url('../i/nav_news.png') no-repeat;
}

#nav_0,
#nav_1,
#nav_2,
#nav_3,
#nav_4 { 
	height: 36px;
	margin-right: 5px;
}

#nav_5 { 
	height: 36px;
	margin-right: 0px;
}

#nav_0:hover, #nav_0.udmY,
#nav_1:hover, #nav_1.udmY,
#nav_2:hover, #nav_2.udmY,
#nav_3:hover, #nav_3.udmY,
#nav_4:hover, #nav_4.udmY,
#nav_5:hover, #nav_5.udmY { 
	background-position: 0 -36px;
}

/* Light up the main nav image for this sub link */

#udm .udmR {
	background-position: 0px -36px !important;
}

#udm li ul {
	padding-bottom: 10px;
}



/* Sub Navigation (backlink)---------------------------------------> */

ul.submenu {
	width: 190px;
}

.practices-item ul.submenu,
.cases-item ul.submenu {
	border-top: 1px solid #e6ddbc;
}

ul.submenu li.submenuOuter, 
ul.submenu li.submenuOuterDouble, 
ul.submenu li.backOuter {
	list-style-type: none;
	list-style-image: none;
	float: left;
	width: 190px; 
	height: 28px;
	margin: -1px 0 0 0;
	background: url('../i/submenu_item_bg.png') 0 -28px no-repeat;
}

ul.submenu li.submenuOuterDouble { 
	height: 43px;
	margin: 0 0 0 0;
	background: url('../i/submenu_double_bg.png') 0 -43px no-repeat;
}

ul.submenu li.backOuter { 
	height: 82px;
	margin: 0 0 0 0;
	background: url('../i/submenu_back_bg.png') 0 -82px no-repeat;
}

ul.submenu li.submenuOuter a, 
ul.submenu li.submenuOuterDouble a, 
ul.submenu li.backOuter a {
	display: block;
	width:100%; 
	height:100%;
	margin: 0; 
	padding: 0;
	overflow:hidden;
	text-decoration: none;
	background: url('../i/submenu_item_bg.png') top left no-repeat;
	color: #c08407;
}

ul.submenu li.submenuOuterDouble a {
	background: url('../i/submenu_double_bg.png') top left no-repeat;
}

ul.submenu li.backOuter a {
	background: url('../i/submenu_back_bg.png') top left no-repeat;
}

ul.submenu li.submenuOuter span,
ul.submenu li.submenuOuterDouble span,
ul.submenu li.backOuter span {
	display: block;
	margin:0; 
	padding: 7px 25px 0 13px;
	font-weight: bold;
}

ul.submenu li.backOuter span {
	padding: 32px 0 0 20px;
	font-weight: normal;
}

ul.submenu li.submenuOuter a:hover,
ul.submenu li.submenuOuterDouble a:hover,
ul.submenu li.backOuter a:hover {
	background-image: none;
	color: #fff;
}

ul.submenu li.submenuOuter a.onNav,
ul.submenu li.submenuOuterDouble a.onNav {
	background-position: 0 29px;
	color: #fff;
}

ul.submenu li.submenuOuterDouble a.onNav {
	background-position: 0 43px;
}




/* Home Page ------------------------------------------------------> */

#index #banner,
#index #extraLinks,
#index .contentNavbar {
	display: none;
}

#index #content {
	background: #fff;
	border-bottom: 1px solid #938d68;
}

#index #contentWrapper {
	background: url('../i/blue_home.gif') 0px 196px no-repeat;
}

#index .contentMainCol {
	width: 691px;
	margin: 0 0 0 0;
	padding: 0px 0px 10px 0px;
}

#index .contentMainCol p {
	width: 620px;
	margin: 0 0 0px 0;
}

#index .contentSide {
	padding: 0px 0 0 0;
}

#index #newsBox {
	height: 265px;
	overflow: hidden;
	padding: 0px 9px 0px 9px;
	background: #f1f3da;
	border: 1px solid #ddd8b4;
}

#index ul.home li {
	list-style: none url(../i/bullet_home.png);
	!list-style: none url(../i/bullet_home_ie.png);
	margin: 0 0 7px 12px;
	line-height: 16px;
}

#index ul.home li a {
	color: #c08407;
}

#index img.homeNews {
	padding: 17px 0 0 0;
}

#index #contactBox {
	margin: 15px 0 0 0;
}

#index #flashContent {
	padding: 0 0 12px 0;
}

#index .footer {
	margin:  0 0 0 16px;
}




/* Banner --------------------------------------------------------> */

#banner {
	position: relative;
	z-index: 5;
	width: 930px;
	height: 82px;
	background: #fff;
	overflow: hidden;
}

.contact-main #banner,
.contact-item #banner {
	height: 167px;
}

#infoStripe {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 930px;
	height: 30px;
}

.blueTransLeft,
.blueTransRight {
	height: 30px;
	background: #336699;
	filter:alpha(opacity=75); 
	-moz-opacity: 0.75; 
	opacity: 0.75;
}

.blueTransLeft {
	float: left;
	width: 704px;
}

.blueTransRight {
	float: right;
	width: 221px;
}

#breadCrumb {
	position: absolute;
	z-index: 10;
	top: 131px;
	left: 20px;
	width: 692px;
	font-size: 10px;
	font-weight: bold;
	color: #bcddff;
	text-align: right;
}

#breadCrumb a {
	color: #bcddff;
}

span.bread {
	color: #fff;
}

#extraLinks {
	position: absolute;
	z-index: 10;
	top: 131px;
	left: 740px;
	font-weight: bold;
}

#extraLinks a {
	padding: 0 0 0 18px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
}

a.pdf {
	background: url('../i/pdf.png') no-repeat;
}

a.emailpage {
	background: url('../i/emailpage.png') no-repeat;
	!background-position: 0px 1px;
}





/* Content -------------------------------------------------------> */

#content {
	padding-bottom: 4px;
	background: #fff url('../i/footer_stripe.png') bottom no-repeat;
	border-right: 1px solid #938d68;
	border-left: 1px solid #938d68;
}

#contentWrapper {
	padding: 12px 20px 20px 19px;
	background: url('../i/blue_inside.gif') 0px 8px no-repeat;
	
	/* make div stretch to height of content */
	overflow: hidden;
	!height: 100%;
	!overflow: visible;
}

#blueBlock {
	position: absolute;
	z-index: 1;
	top: 121px;
	left: 1px;
	background: #fff url('../i/blue_inside.gif') no-repeat;
	width: 210px;
	height: 34px;
}

.contentNavbar {
	float: left;
	background: #fff;
	width: 191px;
	padding: 24px 0 28px 0;
}

.contentMainCol {
	width: 467px;
	margin: 0 0 25px 211px;
	_margin: 0 0 25px 209px;
	padding: 24px 0px 20px 0px;
}

.contentMainCol p {
	margin: 0 0 15px 0;
}

.contentSide {
	position: relative;
	z-index: 5;
	float: right;
	width: 221px;
	padding: 24px 0 0 0;
}

.contentSide p {
	padding: 0 0 15px 0;
}

#contactBox {
	padding: 0 0 0 20px;
	border-left: 1px solid #ddd8b4;
	font-size: 11px;
	line-height: 16px;
}

.contentSide ul,
.contentMainCol ul {
	padding: 3px 0 20px 0;
}

.contentSide ul {
	padding: 3px 15px 20px 0;
}

.contentSide ul li,
.contentMainCol ul li {
	list-style: none url(../i/bullet_default.png);
	!list-style: none url(../i/bullet_default_ie.png);
	margin: 0 0 3px 12px;
	line-height: 14px;
}

.contentMainCol ul li {
	margin: 0 0 5px 12px;
	line-height: 15px;
}

.contentSide ul li.color,
.contentMainCol ul li.color,
.contentSide ul li.prac_bullet_parent,
.contentSide ul li.prac_bullet_child,
.contentSide ul li.prac_bullet_gchild {
	list-style: none url(../i/bullet_link.png);
	!list-style: none url(../i/bullet_link_ie.png);
	margin: 0 0 3px 12px;
	line-height: 14px;
}

/* item pages */
.attorneys-item #contentWrapper,
.practices-item #contentWrapper,
.news-item #contentWrapper ,
.news-pressreleases-item #contentWrapper,
.news-publications-item #contentWrapper,
.success-item #contentWrapper,
.cases-item #contentWrapper {
	padding-bottom: 0;
	background: url('../i/bg_stripe.gif') 208px 0 repeat-y;
}

.attorneys-item .contentMainCol,
.practices-item .contentMainCol,
.news-item .contentMainCol,
.news-pressreleases-item .contentMainCol,
.news-publications-item .contentMainCol,
.success-item .contentMainCol,
.cases-item .contentMainCol {
	width: 718px;
	padding: 185px 0 0 0;
	background: url('../i/bio_box.png') 0px 23px no-repeat;
}

.attorneys-item .contentMainCol p,
.practices-item .contentMainCol p,
.news-item .contentMainCol p,
.news-pressreleases-item .contentMainCol p,
.news-publications-item .contentMainCol p,
.success-item .contentMainCol p,
.cases-item .contentMainCol p {
	padding-right: 20px;
}

.practices-item .contentMainCol,
.news-item .contentMainCol,
.news-pressreleases-item .contentMainCol,
.news-publications-item .contentMainCol,
.success-item .contentMainCol,
.cases-item .contentMainCol {
	padding: 23px 0 0 0;
	background: none;
}

.attorneys-item .contentSide,
.practices-item .contentSide,
.news-item .contentSide,
.news-pressreleases-item .contentSide,
.news-publications-item .contentSide,
.success-item .contentSide,
.cases-item .contentSide {
	clear: left;
	float: left;
	width: 191px;
	padding: 0px 0 0 0;
}

.attorneys-item #contactBox {
	position: absolute;
	top: 247px;
	left: 725px;
	width: 200px;
	border: none;
	color: #fff;
	font-size: 11px;
}

.attorneys-item .fullBioOff {
	display: none;
}

.attorneys-item .fullBioOn {
	margin: 15px 0 0 0;
}

a#bioDis {
	cursor: pointer;
	!cursor: hand;
}

.attorneys-item img.bioPic {
	position: absolute;
	top: 230px;
	left: 231px;
	width: 125px;
	height: 137px;
	overflow: hidden;
}

.attorneys-item .bioName {
	position: absolute;
	top: 247px;
	left: 375px;
	font-size: 170%;
	font-weight: bold;
	color: #fff;
	line-height: normal;
}

.attorneys-item .bioTitle {
	position: absolute;
	top: 268px;
	left: 375px;
	color: #8fb6dd;
	font-size: 15px;
}

.attorneys-item .bioLinks {
	position: absolute;
	top: 317px;
	left: 375px;
}

.attorneys-item .bioLinks a {
	padding: 0 0 0 18px;
	color: #fff;
	font-size: 10px;
}

.attorneys-item a.attyEmail {
	background: url('../i/emailpage.png') no-repeat;
	!background-position: 0px 1px;
	font-weight: bold;
}

.attorneys-item a.vcard {
	background: url('../i/vcard.png') no-repeat;
	!background-position: 0px 1px;
	font-weight: bold;
}

.attorneys-item #bioPhone {
	position: absolute;
	top: 317px;
	left: 746px;
	width: 200px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
}

#bumpLeft {
	left: 250px;
}


/* Atty Directory */

.bioListItem {
	margin: 0 0 15px 0;
	padding: 0px;
	
	overflow: hidden;
	!height: 100%;
	!overflow: normal;
}

.bioListItem div {
	width: 50%;
	float: left;
}

.bioListHeader {
	height: 13px;
	margin: 0px 0 2px 0;
	background: #f1f3db;
	border-left: 6px solid #c08507;
	font-size: 120%;
	line-height: 100%;
}

.bioListHeader span.bioList {
	padding: 0px 9px 0px 9px;
	background: #fff;
}

.listAtty {
	height: 35px;
}

.bioListName {
	float: left;
	width: 220px;
	height: 1px;
	font-weight: bold;
}

.bioListTitle {
	float: left;
	width: 120px;
	height: 20px;
	padding: 0 0 0 15px;
	border-left: 1px solid #d8d8a7;
}

.bioListEmail {
	float: left;
	width: 40px;
	height: 20px;
	padding: 0 0 0 15px;
	border-left: 1px solid #d8d8a7;
}

.bioListVcard {
	float: right;
	width: 40px;
	height: 1px;
	text-align: right;
}

.bioLetters {
	width: 200px;
	height: 122px;
	margin: 0 0 20px 0;
	padding: 20px 0 0 20px;
	background: #fff url('../i/letter_block.png') no-repeat;
}

.letterShow,
.letterHide {
	float: left;
	width: 15px;
	margin: 2px;
	padding: 0px 2px 0px 2px;
	background: #d6a643;
	color: #fff;
	text-align: center;
}

.letterHide {
	color: #c08407;
}


ul.multiList {
	float: left;
	width: 228px;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #ddd8b4;
}

ul#multi2 {
	margin: 0 0 0 8px;
}

ul.multiList li {
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 5px;
	background: #f1f3da;
	border-left: 1px solid #ddd8b4;
	border-right: 1px solid #ddd8b4;
	border-bottom: 1px solid #ddd8b4;
}

ul.multiList li a {
	color: #c08407;
}

/* db 9-09-08: Temp removed for Janice
.upTopBox {
	clear: both;
	width: 190px;
	height: 60px;
	margin: -38px 0 0 0;
	background: #fff url('../i/up_top.gif') 189px 0px no-repeat;
	text-align: right;
}

.upTopBox a {
	margin: 0 20px 0 0;
	font-weight: bold;
}
*/

/* db 9-09-08: Temp removed for Janice */
.upTopBox {
	display: none;
}

.newsItem {
	margin: 0 0 22px 0;
	padding: 0 0 0 17px;
	border-left: 1px solid #d8d7a7;
	
	/* make div stretch to height of content */
	overflow: hidden;
	!height: 100%;
	!overflow: normal;
}

.newsItem ul li {
	list-style-type: none;
	list-style-image: none;
}

.clearb {
	clear: both;
	height: 1px;
	line-height: 1px;
}

.officeAddress {
	height: 154px;
	padding: 22px 0 0px 26px;
	background: #c08507 url('../i/contact_us.jpg') bottom no-repeat;
	color: #fff;
	font-weight: bold;
}

.officeAddress a {
	color: #fff;
}

.pressArchives {
	display: block;
	position: absolute;
	top: 237px;
	left: 400px;
	width: 300px;
	height: 30px;
	font-weight: bold;
	text-align: right;
}





/* Forms ---------------------------------------------------------> */

.stndForm {

}

.stndForm input.txt,
.stndForm select.txt,
.stndForm .textarea,
.stndForm .emailtxt {   
	width: 218px;
	!width: 216px;
	background: #f1f3db;
	border: 1px solid #babcbb; 
	!border: 1px solid #91aac2; /* default blue */
	color: #555;
	font: normal 11px Arial, Helvetica, sans-serif;
}

.stndForm input.txt {
	height: 14px;
	!height: 15px;
}

.stndForm select.txt {  
	width: 220px;  
}

.stndForm .textarea,
.stndForm .emailtxt {   
	width: 360px; 
}

.stndForm p { 
	display: block; 
	padding: 3px 0; 
	margin: 0;  
}

.stndForm p label { 
	float: left; 
	width: 140px; 
}

.stndForm label { 
	font-size: 11px; 
	font-weight: bold; 
}

.stndForm .submitButton {
	background: #3a72ad;
	border: 1px solid #2a629d;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	!cursor: hand;
}

/* Blog --------------------------------------------------------> */

.error
{
	color: red;	
}

#blog #banner
{
	height: 99px;	
}

.view_more
{
	margin-top: -20px;
	margin-bottom: 20px;
	padding: 10px 0 0 11px;
	border-left: 1px solid #ddd8b4;
}

.view_more a
{
	display: inline-block;
	padding: 0 7px;
	
	background: #f1f3da;
	border: 1px solid #ddd8b4;

	font-size: 11px;
	color: #c08407;
}

#blogNavbar h3
{
	border: 1px solid #ddd8b4;
	background: #f1f3da;
	padding: 5px 11px;
	
	color: #4a4a4a;
	font-size: 1em;
}

#blog .contentSide ul,
#blog .contentSide ul li,
#blogNavbar ul,
#blogNavbar ul li
{
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
}

#blog .contentSide ul,
#blogNavbar ul
{
	margin: 10px 0 20px 0;
	padding-left: 11px;
	border-left: 1px solid #ddd8b4;
}

#blog .contentSide ul li,
#blogNavbar ul li
{
	margin-bottom: .5em;
	line-height: normal;
}

.blogpost
{
	padding-bottom: 30px;
}

.blogpost .byline
{
	border-left: 5px solid #c08507;
	padding-left: 5px;
	margin-bottom: 10px;
	
	line-height: 1.1;
	font-size: .9em;
	color: #848484;
}

.blogpost .postdate
{
	color: #4a4a4a;
}

.blogpost h1
{
	margin-bottom: 10px;
}

.blogpost h1 a
{
	color: #3a73ad;
}

.readMore a
{
	color: #c08407;
}

.shareLink
{
	border-top: 1px solid #d8d8a7;
	padding-top: 5px;
}

.shareLink img
{
	vertical-align: text-bottom;
}

.commentsButton
{
	display: inline-block;
	border-right: 1px solid #b5b5b5;
	padding: 0 6px;
	margin: 0 2px 0 0;
	line-height: .9 !important;
}

#comments, #postComment
{
	margin-top: 20px;	
}

input#publish
{
	margin-top: 1em;
	clear: left !important;	
}

#historyLinks a
{
	display: inline-block;
	padding: 3px 7px;
	margin-right: 3px;

	border: 1px solid #2a639d;
	background: #3a73ad;
	
	color: white;	
}

#postComment label
{
	display: block;
	font-weight: bold;
	margin: 8px 0 0 3px;
}

#postComment label span
{
	font-weight: normal;	
}

#postComment div
{
	clear: both;
}

#postComment 
{
	clear: both;
}

.commentItem
{
	margin-bottom: 20px;	
}

.commentContent
{
	margin-top: 10px;
	padding-left: 11px;
	border-left: 1px solid #ddd8b4;	
}

.blogHomeLink
{
	display: inline-block;
	margin-bottom: 1em;
	font-weight: bold;
}

#field_comment_name, 
#field_comment
{
	width: 210px;
}

#field_comment
{
	width: 340px;
	height: 200px;
}

#field_agree
{
	float: left;
	vertical-align: text-bottom;
}

/*used to catch spammers */
#postComment .email_form
{
	display: none;
}

#blog .contentSide h3
{
	padding: 5px 9px;
	background: #c08407 url(../i/orange-corner.png) top right no-repeat;
	
	color: white;
	font-weight: normal;
	font-size: 14px;
}


/* Footer --------------------------------------------------------> */

.footer {
	margin: 0 0 0 225px;
	font-size: 11px;
	
	/* make div stretch to height of content */
	overflow: hidden;
	!height: 100%;
	!overflow: visible;
}

.footer ul,
.footer ul li
{
	display: block;
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;	
	color: #fff;
}

.footer ul li {
	float: left;
	padding: 0px 0 5px 5px;
}

.footer ul li a {
	color: #fff7bf;
}

/* email pop-up disclaimer */
body#email-popup
{
	width: auto;
	padding: 10px;
	border: none;
}

body#email-popup #email-content
{
	padding: 10px;
	border: 1px solid #999;
	overflow: hidden;
	height: 100%;
}

/* - ( Search ) - */
.searchfoundtext { font-weight: bold; }
.searchheader { font-size: 9pt; font-weight: bold; }

.mobile
{
	display:none !important;
}
/* END CORBOY CSS ------------------------------------------------> */