/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background: #FF9600 url(backgrounds/body_bg.gif) repeat-y top center;
}
body.splash {
	background-image: none;
}
body.splash #container {
	margin-top: 88px;
	padding-left: 0px;
	border: 3px solid #FFFFFF;
	border-bottom: none;
}
body.splash #banner { margin: 0px; padding: 0px; }
body.splash #banner a { display: block; width: 100%; height: 100%; }
body.splash #banner a span { display: none; }
body.splash #content {
	padding: 5px 150px 0px 20px;
	width: 402px;
	height: 340px;
	background: #F6730C url(splash/lisa_gelman.jpg) no-repeat top right;
}

body.splash p { font-size: 12px; }

h1 {
	display: inline;
	float: right;
	margin: 4px 5px 0px 0px;
	height: 22px;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	overflow: hidden;
}

h2 {
	display: inline;
	float: left;
	margin: 25px 0px 0px 20px;
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
	height: 21px;
	overflow: hidden;
}
body.law h2 { margin: 10px 0px 0px 20px; }

h3 {
	float: none;
	margin: 20px 0px 8px 0px;
	font-size: 17px;
	font-weight: normal;
}
h3 span { font-size: 12px; }
body.faq h3 { float: left; }

h5 {
	margin: 0px;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
}

p {
	margin: 10px 0px 4px 0px;
	line-height: 15px;
	color: #F5E3C5;
}

a { color: #FFFFFF; }

a.highlight { text-decoration: none; }
a:hover.highlight, p.highlight, body.team #content #content-body a.highlight { padding: 0px 2px; color: #433B67; text-decoration: none; background: #FFC627; }

#content strong { color: #FFFFFF; }
#content ol { list-style: lower-roman; color: #F5E3C5; }

#container {
	position: relative;
	top: 0px;
	left: auto;
	margin: 0px auto;
	padding-left: 0px !important; padding-left: 2px;
	width: 572px;
	overflow: hidden;
}

#header {
	position: absolute;
	top: 0px;
	right: 0px;
	display: inline;
	float: left;
	width: 572px;
	height: 60px;
	background: #433B67;
}
#header #address {
	position: absolute;
	top: 5px;
	left: 8px;
}
#header #address a { padding: 0px 2px; text-decoration: none; }
#header #address a:hover { color: #433B67; background: #FFC627; }
#header p {
	float: left;
	clear:left;
	margin: 0px;
	padding: 0px;
	line-height: 12px;
	color: #FFFFFF;
	text-transform: uppercase;
}
#header p.highlight { color: #433B67; padding: 0px 2px; }
#header #link-contact {
	clear: right;
	float: right;
	display: block;
	margin: 4px 0px 0px 0px;
	padding: 1px 5px 1px 40px;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
	background: #FF9600;
}
#header #link-contact:hover { background: #C65C09; }

#banner {
	position: relative;
	margin: 88px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 572px;
	height: 180px;
	background-position: bottom;
	background-repeat: no-repeat;
	border-bottom: 3px solid #FFFFFF;
}

body.splash #banner { background-image: url(banners/splash.jpg); }
body.profile #banner { background-image: url(banners/company_profile.jpg); }
body.law #banner { background-image: url(banners/areas_of_law.jpg); }
body.court #banner { background-image: url(banners/court_system.jpg); }
body.contact #banner { background-image: url(banners/contact.jpg); }
body.faq #banner { height: 145px; background-image: url(banners/faqs.jpg); }

body.profile #menu-main .profile,
body.law #menu-main .law,
body.team #menu-main .team,
body.court #menu-main .court,
body.faq #menu-main .faq,
body.contact #header #link-contact { background: #C65C09; }


#content {
	margin: 0px;
	padding: 5px 10px 0px 20px;
	width: 542px;
	height: 560px;
	background: #F6730C;
	border-bottom: 3px solid #FFFFFF;
}
#content #content-body {
	display: inline;
	float: right;
	margin-right: 5px;
	padding-right: 10px;
	width: 525px;
	height: 190px;
	overflow: auto;
	z-index: 1;
}
body.court #content #content-body {
	margin-top: 12px;
	height: 230px;
}
body.contact #content {
	font-size: 13px;
	text-transform: uppercase;
}
body.team #content {
	padding: 0px;
	height: 440px;
	width: 572px;
}
body.team #content img {
	float: left;
	width: 260px;
	height: 440px;
	overflow: hidden;
}
body.team #content #content-body {
	float: right;
	margin-right: 15px;
	width: 270px;
	height: 430px;
}
body.team #content #content-body a.highlight {
	position: relative;
	top: -3px;
	padding: 1px 3px;
	text-transform: uppercase;
}
a#nextButton, a#previousButton {
	position: absolute;
	bottom: 75px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
a#nextButton:hover, a#previousButton:hover { color: #FFC627; }
a#nextButton { right: 25px; }
a#previousButton { right: 280px; }


#test { position: absolute; top: 0px; left: 0px; z-index: 20; }

/* Main menu */

#menu-main {
	position: absolute;
	top: 57px;
	left: 0px !important; left: 2px;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px;
	width: 575px;
}
#menu-main li {
	position: relative;
	display: inline;
	float: left;
}
#menu-main a {
	position: relative;
	display: inline;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 8px 3px 3px 0px;
	width: 109px;
	height: 11px;
	color: #FFFFFF;
	font-size: 10px;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	background: #FF9600;
	border: 3px solid #FFFFFF;
	border-left: none;
	overflow: hidden;
}
#menu-main a:hover { background: #C65C09; }
#menu-main ul {
	position: absolute;
	display: none;
	top: 25px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	width: 112px;
	overflow: hidden;
}
#menu-main ul.show { display: block; }
#menu-main ul a {
	display: block;
	float: left;
	clear: both;
	padding: 3px 3px 3px 0px;
	height: auto;
	font-size: 9px;
	border: none;
	border-top: 1px solid #FFFFFF;
}


/* Sub menu */

#menu-sub {
	margin: 0px;
	width: 100%;
	height: 60px;
	background: #FF9600;
	border-bottom: 3px solid #FFFFFF;
	overflow: hidden;
}
#menu-sub ul {
	display: inline;
	float: left;
	margin: 32px 0px 0px 12px;
	padding: 0px;
	width: auto;
}
#menu-sub li {
	display: inline;
	padding: 0px 0px 0px 5px;
}
#menu-sub li a {
	padding: 1px 2px 1px 9px;
	font-size: 9px;
	text-decoration: none;
	text-transform: uppercase;
	background: url(symbols/bullet_arrows.gif) no-repeat center left;
}
#menu-sub li a:hover {
	background-color: #F6730C;
}
body.law #menu-sub ul {
	clear: left;
	margin: 3px 0px 0px 12px;
	width: auto !important; width: 100%;
}


/* Team menu */

#menu-team {
	margin: 0px;
	padding: 88px 0px 0px 0px;
	width: 100%;
	height: 55px;
	background: #C65C09;
	border-bottom: 3px solid #FFFFFF;
}

#menu-faq {
	display: block;
	padding: 9px 0px 0px 20px;
	height: 23px;
	background: #F78220;
	border-bottom: 3px solid #FFFFFF;
}
#menu-faq:hover { background: #C65C09; }
#menu-faq a { text-decoration: none; }

#links { margin: 5px 0px 0px -1px; padding: 0px; list-style: none; }
#links li { margin: 2px 0px; }
#links a { padding: 1px 2px; color: #F5E3C5; text-decoration: none; }
#links a:hover { background: #FF9600; }

.menu-faq ul {
	float: left;
	margin: 20px 0px 0px 30px;
	padding: 0px;
	list-style: none;
}
.menu-faq li { display: inline; }
.menu-faq ul a {
	display: block;
	float: left;
	margin-right: 15px;
	padding-top: 3px;
	width: 22px;
	height: 17px;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #FFFFFF;
}
.menu-faq ul a:hover {
	color: #433B67;
	border: 1px solid #FFC627;
	border-bottom: 4px solid #FFC627;
	background: #FFC627;
}

.menu-faq div {
	display: none;
	position: absolute;
	top: 379px;
	left: 20px;
	padding: 10px;
	width: 491px;
	color: #433B67;
	font-size: 12px;
	line-height: 16px;
	background: #FFC627;
	z-index: 999;
}
.menu-faq div.show { display: block; }
#content .menu-faq div strong { color: #433B67; }


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

.sIFR-hasFlash h1 {
	font-size: 20px;
	margin: 4px 5px 0px 0px;
}

#footer {
	margin: 0px;
	width: 100%;
	background: #FF9600;
	text-align: center;
	border-bottom: 3px solid #FFFFFF;
	overflow: hidden;
}