/*
	Theme Name: The Law Office of Donna Clark Frayne, LLC
	Theme URI: http://www.lexisnexis.com
	Description: A custom Theme Development for The Law Office of Donna Clark Frayne, LLC
	Author: Matt Nordstrom
	Version: 1.0
	License: LexisNexis
	License URI:
	Template: template
	Tags:
*/


@import url("../template/style-032013.css");


/* ----- START [4] Custom Styles ----- */




/* -- Body Styles -- */

body {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	color: #444;
	background: #fff url(img/bg-body.png) repeat-x scroll 0% 0%;
	}

	/* -- this eliminates the iframe on the Contact Us page that displaces the layout on webkit browsers */
	body > iframe {
		display:none;
		}



/* -- Header Styles -- */

header {

	}

header address {
	width: 55%;
	float: left;
	font-size: 85%;
	font-style: normal;
	color: #f1f1f1;
	display: block;
	margin: 15px 0 0 15px;
	}

header address span {
	margin: 0 10px;
	}

header .phoneBox {
	width: 40%;
	float: right;
	height: 47px;
	text-align: right;
	}

		header .phoneBox em {
			color: #d22e04;
			line-height: 100%;
			font-style: normal;
			font-weight: bold;
			text-transform: uppercase;
			display: block;
			margin-top: 5px;
			}

		header .phoneBox strong {
			font-family: helvetica;
			font-size: 182%;
			font-weight: normal;
			line-height: 100%;
			display: block;
			color: #F1F1F1;
			}




/* -- Main Navigation -- */

.container-12#navContainer {
	overflow: visible;
	z-index: 200;
	background: transparent url(img/bg-navContainer.png) no-repeat scroll 10px 0%;
	}

.container-12#navContainer .grid-4 img {
	margin-left: 15px;
	}

.grid-12#navBar {
	overflow: visible;
	z-index: 100;
	background: transparent url(img/bgrd-navBar.png) no-repeat scroll 0% 0%;
	height: 58px;
	}

.navWrapper {
	position: relative;
	z-index: 3000;
	margin-top: 47px;
	}

.main-nav {
    position: relative;
    text-align: left;
	display: block;
	overflow: visible;
	}

	.main-nav ul li a,
	.main-nav ul li a:visited,
	.main-nav ul li a:active,
	.main-nav ul li a:hover {
		font-size: 85%;
		font-weight: bold;
		color: #dadada;
		text-decoration: none;
		display: block;
		width: auto;
		text-transform: uppercase;
		padding: 40px 10px 34px 10px;
		}


		.lt-ie10 .main-nav ul li a {
			font-family: arial;
			}

	.main-nav ul li a:hover {
		color: #fff;
		background: transparent url(img/bg-main-nav-over.png) repeat-x scroll 0% 0%;
		}

	.main-nav ul li.current-menu-item a {
		color: #fff;
		}

	.main-nav ul {
		position: relative;
		z-index: 300000;
		margin: 0;
		padding: 0;
		}

	.main-nav ul li {
		float: left;
		vertical-align: middle;
		list-style: none;
		margin: 0;
		zoom: 1;
		padding: 0px 4px;
		}

		.lt-ie10 .main-nav ul li {
			padding: 0;
			}

	.main-nav ul li:last-child  {
		background-image: none;
		color:#ff0000;
		}



	.main-nav ul li:last-child a {
		font-size: 85%;
		font-weight: bold;
		text-decoration: none;
		display: block;
		width: auto;
		text-transform: uppercase;
		padding: 40px 10px 34px 10px;
		color: #FF0000;
	}

	.main-nav ul li.hover,
	.main-nav ul li:hover {
		position: relative;
		cursor: default;
		}

	.main-nav ul ul.sub-menu {
		visibility: hidden;
		position: absolute;
		left: 4px;
		width: 260px;
		margin: 0;
		padding: 10px 0 10px 0;
		background-color: #000;
		}

	.main-nav ul ul.sub-menu li {
		float: none;
		width: 100%;
		background-image: none;
		border-style: none;
		padding: 0;
		margin: 0;
		}

	.main-nav ul ul.sub-menu li a {
		font: normal 93%/125% Helvetica, Sans-Serif;
		color: #dadada;
		text-transform: uppercase;
		text-decoration: none;
		display: block;
		padding: 10px 5px 10px 20px;
		margin-bottom: 0;
		border-bottom: 1px solid #000;
		background: #000 url(img/bg-sub-menu-a.png) no-repeat scroll 10px 1.2em;
		}

	.main-nav ul ul.sub-menu li a:hover {
		color: #ff0505;
		background-color: #2e2e2e;
		}

		.main-nav ul li.current-menu-item ul.sub-menu li a,
		.main-nav ul ul.sub-menu li.current-menu-item a {
			color: #dadada;
			border-style: none;
			}

		.main-nav ul li.current-menu-item ul.sub-menu li a:hover,
		.main-nav ul ul.sub-menu li.current-menu-item a:hover {
			color: #ff0505;
			background-color: #2e2e2e;
			}

	.main-nav ul ul.sub-menu ul {
		top: 10px;
		left: 100%;
		}

	.main-nav ul li:hover > ul {
		 visibility: visible;
		}



/* -- Marketing Area Styles -- */

.marketing-area {
	background-color: #e8e8e8;
	}

body.home .marketing-area,
body.page-id-396 .marketing-area,
body.page-id-394 .marketing-area,
body.page-id-388 .marketing-area,
body.page-id-281 .marketing-area,
body.page-id-28 .marketing-area,
body.page-id-38 .marketing-area,
body.page-id-36 .marketing-area,
body.page-id-220 .marketing-area,
body.page-id-14 .marketing-area,
body.blog .marketing-area {
	background: transparent url(img/bg-marketing-area.jpg) repeat-x scroll center 0%;
	}


.marketing-area strong.pageTitle {
	font-size: 167%;
	font-weight: normal;
	color: #414141;
	display: block;
	padding: 15px 0 40px 15px;
	text-transform: uppercase;
	}


.marketing-area nav.secNav ul {
	margin-top: 10px;
	float: right;
	}

.marketing-area nav.secNav li {
	float: left;
	}

	.marketing-area nav.secNav a,
	.marketing-area nav.secNav a:visited {
		font-size: 85%;
		font-weight: bold;
		color: #bf0404;
		text-decoration: none;
		text-transform: uppercase;
		padding: 0px 12px;
		}

	.marketing-area nav.secNav a:hover,
	.marketing-area nav.secNav a:active,
	.marketing-area nav.secNav a:focus {
		color: #2e2e2e;
		text-decoration: none;
		}


.marketing-area .grid-12#banner {
	position: relative;
	padding-top: 10px;
	}

	body.home .marketing-area .grid-12#banner {
		background: transparent url(img/bg-grid-12-banner.jpg) no-repeat scroll 0% 0%;
		height: 359px;
		padding: 0;
		}

.marketing-area .grid-12#banner .upsBox {
	width: 540px;
	float: right;
	}

.marketing-area .grid-12#banner .upsBox img {
	display: block;
	}

.marketing-area .grid-12#banner .upsBox ul {
	margin: 10px 0 0 10px;
	padding: 0;
	width: 258px;
	float: left;
	}

.marketing-area .grid-12#banner .upsBox li {
	font-size: 100%;
	color: #414141;
	background: transparent url(img/bg-ups-li.png) no-repeat scroll left .25em;
	list-style: none;
	padding-left: 10px;
	margin-bottom: 5px;
	}


/* --- Search Bar Styles --- */

	.grid-4#searchBox .search {
		position: relative;
		text-align: right;
		margin: 8px 0 0 0;
		width: 225px;
		float: right;
		}

	.grid-4#searchBox .search ol {
			list-style: none;
			margin: 0px;
			padding: 0px;
			}

	.grid-4#searchBox .search ol li,
	.grid-4#searchBox form#searchform div {
			display: inline;
			margin: 0px;
			padding: 0px;
			}

	.grid-4#searchBox .search label {
			font-size: 88%;
			display: none;
			}

	.grid-4#searchBox .search input.search-field,
	.grid-4#searchBox form#searchform input#s {
			font: normal 85%/100% Helvetica, sans-serif;
			color: #424242;
			border: 1px solid #e8e8e8;
			background: #fff;
			padding: 2px 3px 3px 10px;
			width: 90%;
			}

	.grid-4#searchBox .search input[type=submit].ir,
	.grid-4#searchBox form#searchform input#searchsubmit {
			position: absolute;
			top: 1px;
			right: 0px;
			width: 20px;
			height: 20px;
			background: transparent url(img/icon-search.png) no-repeat scroll 0% 0%;
			border: none;
			color: #c4c4c4;
			}

	.grid-4#searchBox .search input[type=submit].ir:hover,
	.grid-4#searchBox form#searchform input#searchsubmit:hover {
			background: transparent url(img/icon-search.png) no-repeat scroll 0% 0%;
			}


		/* -- Conditional Browser Hacks for Search Form Alignment -- */



			.lt-ie10 .grid-4#searchBox form#searchform input#s {
				padding-top: 5px;
				padding-bottom: 5px;
				}


/* --- Homepage Buckets Styles --- */

.home-buckets {
	height: 128px;
	background: transparent url(img/bg-home-buckets.png) repeat-x scroll 0% 0%;
	}

.home-buckets .container-12 {
	background: transparent url(img/bg-homeBuckets-container-12.png) no-repeat scroll center 0%;
	}

	.home-buckets a.grid-3,
	.home-buckets a.grid-3:visited {
		color: #373737;
		text-decoration: none;
		height: 128px;
		}

		.home-buckets a.grid-3#one {
			background: transparent url(img/bg-homeBucket01.png) no-repeat scroll 0% 0%;
			}

		.home-buckets a.grid-3#two {
			background: transparent url(img/bg-homeBucket02.png) no-repeat scroll 0% 0%;
			}

		.home-buckets a.grid-3#three {
			background: transparent url(img/bg-homeBucket03.png) no-repeat scroll 0% 0%;
			}

		.home-buckets a.grid-3#four {
			background: transparent url(img/bg-homeBucket04.png) no-repeat scroll 0% 0%;
			}

	.home-buckets a.grid-3#one:hover,
	.home-buckets a.grid-3#one:active,
	.home-buckets a.grid-3#one:focus,
	.home-buckets a.grid-3#two:hover,
	.home-buckets a.grid-3#two:active,
	.home-buckets a.grid-3#two:focus,
	.home-buckets a.grid-3#three:hover,
	.home-buckets a.grid-3#three:active,
	.home-buckets a.grid-3#three:focus,
	.home-buckets a.grid-3#four:hover,
	.home-buckets a.grid-3#four:active,
	.home-buckets a.grid-3#four:focus {
		background-position: -220px;
		color: #373737;
		text-decoration: none;
		}

/* -- Mid-Section Styles -- */


.mid-section {

	}


/* -- Main Content Block -- */

.content {
	padding: 40px 20px 35px 0;
	font-size: 100%;
	}

.content img.attyPic {
	float: left;
	border: 1px solid #BF0404;
	margin: 5px 10px 10px 0;
	}


	.content hr {
		}

	.content blockquote {
		}

	.content a,
	.content a:visited {
		color: #b50303;
		text-decoration: underline;
		}

	.content a:hover,
	.content a:active,
	.content a:focus {
		color: #b50303;
		text-decoration: none;
		}

	.content p {
		font-size: 100%;
		line-height: 135%;
		margin: 0 0 15px 0;
		}

	.content h1 {
		font-size: 138.5%;
		font-weight: normal;
		line-height: 125%;
		color: #bf0404;
		margin: 0 0 5px 0;
		display: block;
		padding-bottom: 5px;
		}

	.content h2 {
		font: bold 108%/125% Arial, Helvetica, Sans-Serif;
		color: #414141;
		margin: 0 0 5px 0;
		}

	.content h3 {
		font-size: 100%;
		line-height: 125%;
		margin: 0 0 5px 0;
		}

	.content h4 {
		}

	.content h5 {
		}

	.content ul {
		margin: 0 0 15px 20px;
		}

	.content ul li ul {
		margin: 5px 0 15px 5px;
		}

	.content li {
		line-height: 135%;
		background: transparent url(img/content-li.png) no-repeat scroll left 0.45em;
		list-style: none outside none;
		padding: 0 0 0 12px;
		margin: 0 0 10px 0;
		}

	.content ul li ul li {
		font-size: 100%;
		}

	.content table {
		margin-bottom: 10px;
		border-style: none;
		}

	.content td ul {
		margin-bottom: 0;
		}


/* -- Sidebar Styles -- */

aside {
	padding-top: 20px;
	}

aside .sideBox {
	margin-bottom: 20px;
	background-color: #e5e5e5;
	padding-top: 20px;
	min-height: 200px;
	}

	aside .sideBox#faqs {
		min-height: 300px;
		background: #e5e5e5 url(img/bg-aside-faqs.png) no-repeat scroll right bottom;
		}

	aside .sideBox#awards {

		}

		aside .sideBox strong {
			display: block;
			height: 41px;
			margin-bottom: 15px;
			}

			aside .sideBox#awards strong {
				background: transparent url(img/bg-aside-awards-strong.png) no-repeat scroll 0% 0%;
				}

			aside .sideBox#video strong {
				background: transparent url(img/bg-aside-video-strong.png) no-repeat scroll 0% 0%;
				}

			aside .sideBox#faqs strong {
				background: transparent url(img/bg-aside-faqs-strong.png) no-repeat scroll 0% 0%;
				}

			aside .sideBox#video {
				padding-bottom: 5px;
				}

			aside .sideBox#video img {
				display: block;
				margin: 20px auto;
				}


/* -- Sidebar Awards Slider -- */

.awards-slider {
	position:relative;
	}

	.awards-slider ul.slides {
		list-style:none;
		margin:0px;
		padding:0px 0 0 0;
		}

	.awards-slider ul.slides li {
		display:none;
		margin:0px;
		padding:0px;
		}

		.awards-slider ul.slides li p {
			font-size: 93%;
			line-height: 125%;
			color: #444;
			padding: 0px 120px 20px 15px;
			}

			.awards-slider ul.slides li p em {
				font-style: normal;
				color: #000;
				}

	.awards-slider ul.slides li img {
		display: block;
		margin: 10px auto;
		}


	/* - So only the first slide will display while the script is loading - */
	.awards-slider ul.slides li:first-child {
		display:block;
		}

	/* -- Next/Prev -- */

	.awards-slider ul.flex-direction-nav {
		list-style:none;
		margin:0px;
		padding:0px;;
		}

	.awards-slider ul.flex-direction-nav li {
		display:inline;
		margin:0px;
		padding:0px;
		}

		.awards-slider ul.flex-direction-nav a.flex-prev,
		.awards-slider ul.flex-direction-nav a.flex-next {
			position:absolute;
			top: 50px;
			display:block;
			width: 20px;
			height: 20px;
			color:#fff;
			text-decoration:none;
			font-weight:bold;
			text-indent: -9999px;
			}

		.awards-slider ul.flex-direction-nav a.flex-prev {
			right: 45px;
			background: transparent url(img/bg-slide-prev.png) no-repeat scroll 0% 0%;
			}

		.awards-slider ul.flex-direction-nav a.flex-next {
			right: 20px;
			background: transparent url(img/bg-slide-next.png) no-repeat scroll 0% 0%;
			}

		.awards-slider ul.flex-direction-nav a.flex-prev:hover,
		.awards-slider ul.flex-direction-nav a.flex-next:hover {

			}

	/* -- Pagination -- */

	.awards-slider ol.flex-control-nav {
		display: none;
		}


	.sideBox a.read,
	.sideBox a.read:visited {
		font: bold italic 93%/100% Georgia, serif;
		color: #c21515;
		text-decoration: underline;
		display: block;
		position: absolute;
		bottom: 10px;
		left: 15px;
		z-index: 500;
		}

	.sideBox a.read:hover,
	.sideBox a.read:active,
	.sideBox a.read:focus {
		color: #c21515;
		text-decoration: none;
		}


/* -- Blog Styles -- */

section.blog-sidebar {
	padding-bottom: 20px;
	}

.blog-sidebar h2 {
	font: bold 108%/125% Arial, Helvetica, Sans-Serif;
	color: #414141;
	margin: 0 0 5px 0;
	}

.blog-sidebar ul {
	margin-bottom: 10px;
	}

.blog-sidebar li {
	line-height: 135%;
	background: transparent url(img/content-li.png) no-repeat scroll left 0.45em;
	list-style: none outside none;
	padding: 0 0 0 12px;
	margin: 0 0 10px 0;
	}

           .blog-sidebar a,
           .blog-sidebar a:visited {
           	color: #b50303;
           	text-decoration: none;
           	}

           .blog-sidebar a:hover,
           .blog-sidebar a:active,
           .blog-sidebar a:focus {
           	color: #b50303;
           	text-decoration: underline;
           	}


/* -- Client Center -- */

iframe.client-center {
	width:940px;
	min-height:900px;
	overflow-y: scroll;
	overflow-x: hidden;
	border:none;
	}

body.page-id-220 section.mid-section .container-12 .grid-4 {
	display: none;
	}

body.page-id-220 section.mid-section .container-12 .grid-8 {
	width: 940px;
	}



/* -- Footer Styles -- */

footer {
	background-color: #2e2e2e;
	padding-bottom: 25px;
	}

footer .grid-8#geoBlock p {
	font-size: 85%;
	line-height: 125%;
	color: #c3c3c3;
	margin: 0;
	padding: 75px 20px 0 45px;
	}

footer .grid-8#geoBlock address {
	font-size: 100%;
	font-weight: bold;
	font-style: normal;
	color: #f1f1f1;
	display: block;
	float: left;
	margin: 15px 0 0 45px;
	}

footer .socialBox {
	width: 112px;
	float: right;
	padding-top: 12px;
	}

footer .socialBox img {
	margin-left: 5px;
	}

footer .container-12#footNavBox {
	padding-top: 55px;
	}

footer .container-12#footNavBox nav strong {
	font-size: 123.1%;
	color: #bf0404;
	display: block;
	margin-bottom: 20px;
	}

	footer .container-12#footNavBox nav ul {

		}

	footer .container-12#footNavBox nav li {
		background: transparent url(img/bg-footNavBox-nav-li.png) no-repeat scroll 0% .4em;
		padding-left: 10px;
		margin-bottom: 10px;
		}

			footer .container-12#footNavBox nav a,
			footer .container-12#footNavBox nav a:visited {
				font-size: 90%;
				color: #d4d4d4;
				text-decoration: none;
				}

			footer .container-12#footNavBox nav a:hover,
			footer .container-12#footNavBox nav a:active,
			footer .container-12#footNavBox nav a:focus {
				color: #bf0404;
				text-decoration: none;
				}

			footer .container-12#footNavBox nav li.current-menu-item a {
				color: #7b7b7b;
				text-decoration: none;
				}

footer .container-12#disclaimer {
	padding-top: 20px;
	}

footer .container-12#disclaimer p {
	font-size: 85%;
	line-height: 125%;
	color: #bebebe;
	}

footer img.lnLogo {
	float: right;
	margin-left: 20px;
	}


	footer .container-12#disclaimer p a,
	footer .container-12#disclaimer p a:visited {
		color: #767676;
		text-decoration: none;
		}

	footer .container-12#disclaimer p a:hover,
	footer .container-12#disclaimer p a:active,
	footer .container-12#disclaimer p a:focus {
		color: #bf0404;
		text-decoration: none;
		}


/* ----- Quick Contact Form - BUTTON ----- */

a.qcButton {
	background: transparent url(img/bg-qc-button.png) no-repeat scroll 0% 0%;
	width: 103px;
	height: 163px;
	display: block;
	}

#qc-button {
	position: fixed;
	top: 180px;
	right: 0;
	z-index: 100000000;
	}

/* ----- Quick Contact Form - POP-UP ----- */

#qc-hidden {
	display:none;
	position: fixed;
	z-index:15000;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;

	/* fallback */
	background: url(img/qc-shadowbox-background.png);

	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0)), to(#000));

	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #000, rgba(255,255,255,0));

	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #000, rgba(255,255,255,0));

	/* IE 10 */
	background: -ms-linear-gradient(top, #000, rgba(255,255,255,0));

	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #000, rgba(255,255,255,0));

	}

/* .qc-container background/color styles can be modified to match your design */

.qc-container {
	margin: 10% auto 0px auto;
	width: 220px;
	padding: 5px 15px 15px 15px;
	color: #257c99;
	background: #bcbcbc url(img/qc-header.jpg) no-repeat scroll center 0%;
	-webkit-box-shadow:0px 0px 10px rgba(0,0,0,.3);
	-moz-box-shadow:0px 0px 10px rgba(0,0,0,.3);
	box-shadow:0px 0px 10px rgba(0,0,0,.3);
	}

	.qc-container h2 {
		margin: 35px 0px 10px 0;
		padding: 0px;
		font: normal 18px/100% Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		text-align: center;
		color: #000;
		display: block;
		}

		.qc-container h2 span {
			color: #914b27;
			}

	.qc-container a#qc-close {
		display: block;
		float: right;
		padding: 2px 5px 2px 5px;
		border:1px solid #000;
		font-weight: bold;
		color: #000;
		text-decoration: none;
		margin: 5px 0;
		clear: both;
		}

	.qc-container a#qc-close:hover {
		color: #801132;
		text-decoration:none;
		}

	.qc-container p {
		font: normal 100%/150% Calibri, Verdana, Ariel, sans-serif;
		color: #fff;
		padding-bottom: 10px;
		text-shadow: 0.1em 0.1em 0.2em #000;
		margin-bottom: 0;
		}

.qc-container img.qcTitle	{
	display: block;
	margin: 90px 0 0 40px;
	}



/* ----- Quick Contact Form - FORM STYLES ----- */

form.quick-contact-form {
	padding-top: 10px;
	}

	form.quick-contact-form ul {
		list-style:none;
		margin:0px;
		padding:0px;
		}

	form.quick-contact-form ul li {
		display:block;
		margin:0px;
		padding:1px 0px;
		}

	form.quick-contact-form ul li.gfield#field_3_6 {
		display: none;
	}

	form.quick-contact-form label {
		display: none;
		}

		form.quick-contact-form li.captcha td label {
			display:block;
			}

	form.quick-contact-form input,
	form.quick-contact-form textarea,
	form.quick-contact-form select {
		font: normal 13px Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
		color: #404040;
		width: 212px;
		padding: 5px 3px 5px 3px;
		border: 1px solid #fff;
		background: #fff;
		font-size: 100%;
		margin-bottom: 5px;
		}

		form.quick-contact-form textarea {
			height:90px;
			overflow:auto;
			}

		form.quick-contact-form select {
			width:auto;
			}

		form.quick-contact-form input[type=radio],
		form.quick-contact-form input[type=checkbox] {
			background:none;
			border:none;
			padding:0px;
			}

	/* --- QC Submit Button --- */

	form.quick-contact-form div.gform_footer {
		text-align:right;
		}

		form.quick-contact-form input[type=submit] {
			background-color: #b10404;
			width: 118px;
			height: 31px;
			display: block;
    		padding: 4px 5px 4px;
			border-style: none;
			font: bold 108%/100% Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			color: #fff;
			margin: 10px 0 0 55px;
			*margin:10px 40px 0px 55px;
			}

		form.quick-contact-form input[type=submit]:hover {
			text-decoration: none;
			background-color: #000;
			color: #fff;
			}



	/* --- QC Error Messages -- */

		/* ----- main error message ----- */

			form.quick-contact-form div.validation_error {
				clear:both;
				display:block;
				padding:7px;
				border:1px solid #6c0000;
				background:#b80000;
				color:#fff;
				font-weight:bold;
				}

		/* ----- field-specific error messages ----- */

			form.quick-contact-form li.gfield_error {
				}

			form.quick-contact-form div.gfield_description,
			form.quick-contact-form div.validation_message {
				clear:both;
				display:block;
				margin:3px 0px;
				padding:7px;
				border:1px solid #db9595;
				background:#ebcaca;
				color:#000;
				}

			form.quick-contact-form div.instruction {
				font-style:italic;
				}







/* -- Shadowbox Styles -- */

#sb-container, #sb-wrapper { text-align:left; }
#sb-container, #sb-overlay { position:absolute; top:0; left:0; width:100%; margin:0; padding:0; }
#sb-container { height:100%; display:none; visibility:hidden; z-index:999; }
body>#sb-container { position:fixed; }
#sb-overlay { height:expression(document.documentElement.clientHeight+'px'); }
#sb-container>#sb-overlay { height:100%; }
#sb-wrapper { position:relative; }
#sb-wrapper img { border:none; }
#sb-body { position:relative; margin:0; padding:0; overflow:hidden; border:1px solid #303030; height:100%; }
#sb-body-inner { position:relative; height:100%; }
#sb-content.html { height:100%; overflow:auto; }
#sb-loading { position:absolute; top:0; width:100%; height:100%; text-align:center; padding-top:10px; }
#sb-body, #sb-loading { background-color:#060606; }
#sb-title, #sb-info { position:relative; margin:0; padding:0; overflow:hidden; }
#sb-title-inner, #sb-info-inner { position:relative; font-family:'Lucida Grande', Tahoma, sans-serif; line-height:16px; }
#sb-title, #sb-title-inner { height:26px; }
#sb-title-inner { font-size:16px; padding:5px 0; color:#fff; }
#sb-info, #sb-info-inner { height:20px; }
#sb-info-inner { font-size:12px; color:#fff; }
#sb-nav { float:right; height:16px; padding:2px 0; width:45%; }
#sb-nav a { display:block; float:right; height:16px; width:16px; margin-left:3px; cursor:pointer; }
#sb-nav-close { background-image:url(img/shadowbox/close.png); background-repeat:no-repeat; }
#sb-nav-next { background-image:url(img/shadowbox/next.png); background-repeat:no-repeat; }
#sb-nav-previous { background-image:url(img/shadowbox/previous.png); background-repeat:no-repeat; }
#sb-nav-play { background-image:url(img/shadowbox/play.png); background-repeat:no-repeat; }
#sb-nav-pause { background-image:url(img/shadowbox/pause.png); background-repeat:no-repeat; }
#sb-counter { float:left; padding:2px 0; width:45%; }
#sb-counter a { padding:0 4px 0 0; text-decoration:none; cursor:pointer; color:#fff; }
#sb-counter a.sb-counter-current { text-decoration:underline; }
div.sb-message { font-family:'Lucida Grande', Tahoma, sans-serif; font-size:12px; padding:10px; text-align:center; }
div.sb-message a:link, div.sb-message a:visited { color:#fff; text-decoration:underline; }






/* ----- END [4] Custom Styles ----- */