html		{font-size:62.5%; background-color:#f9f9f9;}

body		{margin:0; padding:5px 0 20px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; line-height:1.5; color:#444; background:#f9f9f9 url(/assets/images/bg_body.jpg) no-repeat center top;}

p, li, dt, dd, address, blockquote, textarea, input, legend, label, td, th {font:normal 1.2em/1.4 Arial, Helvetica, sans-serif;}

li p, p li, li input, li textarea, li label, li li {font-size:1em;}

p, ul, ol, h2, h3, h4, h5, form, blockquote, address {margin: 0 0 15px;}

ul, ol		{margin-left:2em;}
ul			{list-style:square;}
ol			{list-style:decimal;}

a			{text-decoration:none; outline:none;}
a:hover		{text-decoration:underline;}

img,
a img		{display:inline; border:none;}

acronym		{cursor:help;}

blockquote	{font:italic 1.4em Georgia, "Times New Roman", Times, serif;}

h1 {
	margin: 0 0 20px 0; padding: 0;
	font-size: 2.9em; font-weight: normal;
	line-height: 1;
	}

h2 {
	font-size: 1.8em; font-weight: normal;
	line-height: 1;
	}

h3 {
	font-size: 1.5em; font-weight: bold;
	line-height: 1;
	}

h4, h5, h6 {
	font-size: 1.4em; font-weight: bold;
	line-height: 1;
	}

.clear					{clear:both;}
.clearer				{clear:both; visibility:hidden; height:0; line-height:0; overflow:hidden;}
.clearafter				{overflow:hidden;}
.clearafter:after,
#quote li:after			{content:""; display:block; height:100%; clear:both; visibility:hidden;}

#wrapper		{position:relative; margin:0 auto; width:960px;}

#skip			{display:none;}

.disclaimer		{font-style:italic;}

/*-------------------------------------
	TYPOGRAPHY
---------------------------------------*/

h1, 
a, 
#sidebar a, 
#service-sidebar a		{color:#444;}

#static-main a, 
#service-main a, 
#home-menu-links a, 
.pdf a					{color: #369;}

/*---------------------------------------------------------------------------------------------------------------------------------------
	HEADER & NAV
-----------------------------------------------------------------------------------------------------------------------------------------*/

#header			{position:relative; margin:0 0 25px -20px; height:70px; overflow:hidden;}

#logo			{position:absolute; width:205px; text-indent:-9999px; background:url(/assets/images/bg_sprite.png) no-repeat left 10px;}
#logo a			{display:block; height:70px;}

#search					{position:absolute; top:30px; right:10px; margin:0; padding:0; z-index:2;}
#search .keywords		{position:absolute; right:40px; padding:3px 5px; width:200px; border:none;}
#search button			{position:absolute; right:0; width:33px; height:21px; text-indent:-9999em; border:none; background:none;}

#nav					{position:absolute; top:22px; right:0; margin:0; padding:0; width:773px; height:35px; list-style:none; background:url(/assets/images/bg_sprite.png) no-repeat -207px -12px;}
#nav li					{float:left; display:inline; margin-right:1px;}
#nav li a				{display:block; line-height:35px; color:#fff; text-indent:-9999px;}
#nav li a:hover,
#nav li a.active		{background:url(/assets/images/bg_sprite.png) no-repeat -207px -12px;}
	
#nav li.nav-store a				{width:88px;}
#nav li.nav-store a:hover,
#nav li.nav-store a.active		{background-position:-207px -72px;}

#nav li.nav-services a			{width:110px;}
#nav li.nav-services a:hover,
#nav li.nav-services a.active	{background-position:-296px -72px;}

#nav li.nav-about a				{width:93px;}
#nav li.nav-about a:hover,
#nav li.nav-about a.active		{background-position:-407px -72px;}
	
#nav li.nav-contact a			{width:105px;}
#nav li.nav-contact a:hover,
#nav li.nav-contact a.active	{background-position:-501px -72px;}
	
#nav li.nav-blog a				{width:80px;}
#nav li.nav-blog a:hover,
#nav li.nav-blog a.active		{background-position:-607px -72px;}

/*---------------------------------------------------------------------------------------------------------------------------------------
	HOMEPAGE
-----------------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------
	HOME - FEATURE
---------------------------------------*/

#spotlight				{position:relative; float:right; display:inline; margin-bottom:40px; width:400px; height:420px;}
#spotlight-images		{display:block; margin-bottom:5px; width:400px; height:380px; overflow:hidden; background:#e0edf5 url(/assets/images/bg_sprite.png) no-repeat -1000px top;}
#spotlight-nav			{position:relative;}
#spotlight-next			{position:absolute; right:178px; display:block; width:20px; height:20px; cursor:pointer; text-indent:-9999em; background:url(/assets/images/bg_sprite.png) no-repeat -1466px top;}
#spotlight-next:hover	{background-position:-1466px -30px;}
#spotlight-prev			{position:absolute; left:178px; display:block; width:20px; height:20px; cursor:pointer; text-indent:-9999em; background:url(/assets/images/bg_sprite.png) no-repeat -1419px top;}
#spotlight-prev:hover	{background-position:-1419px -30px;}
	
/*-------------------------------------
	HOME - WELCOME
---------------------------------------*/

#welcome		{position:relative; float:left; display:inline; margin-left:25px; width:475px; height:410px;}
#welcome p		{font-size:1.6em; color:#666;}

/*-------------------------------------
	HOME - MENUS
---------------------------------------*/

#home-menu {
	position: relative;
	padding-top: 20px;
	}
	
	.home-menu-close {
		height: 15px;
		background-color: #e4e4e4;
		border-bottom: 1px solid #ccc;
	}
	
	.home-menu-close a {
		float: right;
		display: block;
		width: 50px;
		font-size: 1.0em; font-weight: bold;
		line-height: 15px;
		text-transform: uppercase;
	}
	
	#home-menu-links {
		margin: 0; padding: 0;
		list-style: none;
	}
	
	#home-menu-links li {
		float: left; display: inline;
	}
	
	#home-store-toggle, 
	#home-services-toggle, 
	#home-spotlight-toggle {
		display: block;
		width: 155px; height: 20px;
		text-indent: -9999em;
		background-image: url(/assets/images/bg_sprite.png); background-repeat: no-repeat;
	}
	
	#home-store-toggle {
		background-position: -1420px -257px;
	}
	
	#home-services-toggle {
		background-position: -1420px -277px;
	}
	
	#home-spotlight-toggle {
		background-position: -1420px -297px;
	}

	.home-menu-title {
		margin: 0; padding: 0 10px;
		font-size: 1.1em;
		line-height: 30px;
		color: #fff;
		background: url(/assets/images/bg_sprite.png) no-repeat -435px -220px;
	}
	
	.home-menu-inner {
		margin: 0; padding: 10px 0;
		list-style: none;
		background-color: #f9f9f9;
		border-left: 1px solid #ccc; border-right: 1px solid #ccc;	
	}
	
	.home-menu-inner li {
		float: left; display: inline;
		margin: 0; padding: 0;
		width: 48%;
	}
	
	.home-menu-inner a {
		display: block;
		margin: 2px 20px; padding: 3px 0;
	}
	
	.home-menu-bottom {
		height: 5px;
		background: url(/assets/images/bg_sprite.png) no-repeat -435px -210px;
	}

#home-store, 
#home-services, 
#home-spotlight {
	display: none;
	position: absolute;
	bottom: 20px; left: -5px;
	margin: 0; padding: 0;
	width: 425px;
	/*background-color: #f9f9f9;
	filter: alpha(opacity=95); -moz-opacity: .95; opacity: .95;*/
	}

/*---------------------------------------------------------------------------------------------------------------------------------------
	STATIC PAGES
-----------------------------------------------------------------------------------------------------------------------------------------*/

#static #content	{margin-left:20px;}
#static-main		{float:left; display:inline; width:475px;}
#static-pic			{float:right; display:inline; width:432px;}

/*---------------------------------------------------------------------------------------------------------------------------------------
	SERVICES PAGES
-----------------------------------------------------------------------------------------------------------------------------------------*/

#service #content {
	background: url(/assets/images/bg_sprite_repeat_y.gif) repeat-y -980px top;
	}

#service #content-bottom {
	width: 185px; height: 4px;
	background: url(/assets/images/bg_sprite.png) no-repeat left -210px;
	}

#service-sidebar {
	float: left; display: inline;
	margin-right: 30px;
	width: 185px;
	}
	
	#service-title {
		margin: 0 0 10px 0; padding-left: 10px;
		line-height: 30px;
		color: #fff;
		background: url(/assets/images/bg_sprite.png) no-repeat -240px -220px;
	}
	
	#service-subnav {
		margin: 0 1px; padding: 0;
		list-style: none;
	}
	
		#service-subnav li {
			/*border-bottom: 1px solid #ccc;*/
		}
	
		#service-subnav li a {
			display: block;
			/*padding: 6px 10px 4px 20px;*/
			padding: 5px 5px 5px 15px;
			text-decoration: none;
		}
	
		#service-subnav li a:hover,
		#service-subnav li.current_page_item a {
			font-weight: bold;
			background: url(/assets/images/bg_sprite.png) no-repeat -1574px -111px;
		}
		
#service-main {
	float: left; display: inline;
	width: 380px;
	}

#service-update {
	float: left; display: inline;
	width: 480px;
	}
	
#service-main-wide {
	float: left; display: inline;
	width: 740px;
	}

#service-pic {
	float: right; display: inline;
	width: 326px;
	}

#service-info {
	float: right; display: inline;
	width: 220px;
	border: 1px solid #444;
	padding: 10px 15px 10px 15px;
	background: #fff;
	}

#service-info ul {
	list-style: none;
	width: 130px;
	}

/*---------------------------------------------------------------------------------------------------------------------------------------
	BLOG PAGES
-----------------------------------------------------------------------------------------------------------------------------------------*/

#blog #content			{background:url(/assets/images/bg_sprite_repeat_y.gif) repeat-y left top;}
#blog #content-bottom	{height:4px; background: url(/assets/images/bg_sprite.png) no-repeat left -200px;}
#blog #main-inner		{padding:30px 20px;}

#blog .post					{margin-bottom:20px;}
#blog .post-info			{position:relative; display:block; margin-bottom:20px;}
#blog .post-title			{float:left; margin:0; padding-bottom:8px; width:65%; font-size:3.6em; font-weight:bold; border-bottom:4px solid #333;}
#blog .post-title a			{color:#444; text-decoration:none;}
#blog .post-title a:hover	{color:#369; text-decoration:none;}
#blog .post-meta			{position:absolute; right:0; bottom:0; padding-bottom:8px; width:35%; font-size:1.1em; text-align:right; border-bottom:4px solid #666;}
#blog .post-data			{margin:0; padding:5px 10px; background:#f9f9f9; border:1px solid #efefef;}
#blog .post-data a,
#blog .post-entry a			{color:#369;}

/*---------------------------------------------------------------------------------------------------------------------------------------
	STORE PAGES
-----------------------------------------------------------------------------------------------------------------------------------------*/

#store #content				{background:url(/assets/images/bg_sprite_repeat_y.gif) repeat-y left top;}
#store #content-bottom		{height:4px; background:url(/assets/images/bg_sprite.png) no-repeat left -200px;}

#store-feature,
#feature				{display:block; margin:0; padding:0; width:710px; height:250px; overflow:hidden; background:url(/assets/images/bg_body.jpg) no-repeat scroll -390px -100px;}
#store-feature img,
#feature img			{display:block;}

.main-title				{margin:0; padding-left:10px; line-height:30px; font-size:1.5em; font-weight:bold; color:#fff; background:url(/assets/images/bg_sprite.png) no-repeat left -250px;}

#breadcrumbs-wrap			{margin-bottom:-1px; border-bottom:1px solid #ccc;}
#breadcrumbs				{margin:0; padding:0 0 0 10px; height:28px; list-style:none;}
#breadcrumbs li				{float:left;}
#breadcrumbs li a			{padding:0 8px; line-height:30px;}
#breadcrumbs-share			{float:right; display:inline; margin:0 20px 0 0; padding-top:8px; width:130px;}
#breadcrumbs-share a		{display:block;}

.pagination					{margin:0; padding:0 20px 0 0; line-height:34px; text-align:right; border-top:1px solid #ccc;}
.pagination span			{cursor:pointer;}
.pagination-next,
.pagination-previous		{font-weight:bold;}
.pagination-number			{margin:0 2px; padding:2px 6px; background-color:#f9f9f9; border:1px solid #ccc;}
.pagination-number:hover,
.pagination-number.active	{background-color:#ccc;}

#subnav						{margin:0 1px; padding:0 0 10px 0; list-style:none; font-weight:bold;}
#subnav li a				{display: block; padding-right:10px; line-height:22px; text-decoration:none;}
#subnav li a:hover			{background-color:#f9f9f9;}
#subnav li a:hover, 
#subnav li a.active			{font-weight:bold; background-image:url(/assets/images/bg_sprite.png); background-repeat:no-repeat;}

.subnav-level-1				{padding-left:20px;}
.subnav-level-1:hover,
.subnav-level-1.active		{background-position:-1575px -142px;}

.subnav-level-2				{padding-left: 35px;}
.subnav-level-2:hover, 
.subnav-level-2.active		{background-position:-1560px -142px;}

.subnav-level-3				{padding-left:50px;}
.subnav-level-3:hover,
.subnav-level-3.active		{background-position:-1545px -142px;}
	
.subnav-level-4				{padding-left:65px;}
.subnav-level-4:hover,
.subnav-level-4.active		{background-position:-1530px -142px;}

#subnav ul					{margin:0; padding:0; list-style:none;}
	
.side-title {
	margin: 0 0 10px 0; padding-left: 10px;
	line-height: 30px;
	color: #fff;
	background-image: url(/assets/images/bg_sprite.png);
	background-repeat: no-repeat;
	}
	
	.side-cap {
		background-position: left -220px;
	}
	
	.side-mid {
		background-position: -10px -250px;
	}

.add-to-cart {
	display: block;
	width: 105px; height: 27px;
	text-indent: -9999em;
	border: none;
	background: url(/assets/images/bg_sprite.png) no-repeat -1420px -120px;
	}
	
.get-a-quote {
	display: block;
	width: 105px; height: 27px;
	text-indent: -9999em;
	background: url(/assets/images/bg_sprite.png) no-repeat -1420px -147px;
	}

.get-info {
	display: block;
	width: 105px; height: 27px;
	text-indent: -9999em;
	background: url(/assets/images/bg_sprite.png) no-repeat -1420px -174px;
	}

#minicart {
	padding: 5px 15px 15px; 
	}

/*-------------------------------------
	STORE - HOME
---------------------------------------*/

#store-products ul {
	margin: 0; padding: 0;
	list-style: none;
	}
	
	#store-products li {
		float: left; display: inline;
		/*width: 25%;*/ width: 177px;
		text-align: center;
		border-top: 1px solid #ccc;
	}
	
	.store-products-border-left {
		height: 215px;
		border-left: 1px solid #ccc;
	}
	
	.store-products-title {
		padding: 15px;
		font-weight: bold;
	}
	
	.store-products-photo {
		height: 80px;
	}
	
	.store-products-price {
		padding: 15px;
		font-weight: bold;
	}

/*-------------------------------------
	STORE - ROOT CATEGORY
---------------------------------------*/

#store-intro		{padding:20px;}

#store-cat			{margin:0 20px 20px; padding:0; list-style:none;}
#store-cat li		{float:left; display:inline; width:33.3%; font-size:1.6em; font-weight:bold; text-align:center;}
#store-cat a		{display:block; padding:20px 0;}
#store-cat a:hover	{text-decoration:none; color:#036;}
#store-cat-title	{margin:0; padding:0 20px; line-height:36px; font-size:1.8em; font-weight:normal; border:1px solid #ccc; background:#f2f2f2;}

/*-------------------------------------
	STORE - PRODUCT DETAIL
---------------------------------------*/

#product-detail {
	padding: 25px;
	}

#product-detail-photo {
	float: left; display: inline;
	width: 250px;
	text-align: center;
	}
	
#product-detail-text {
	float: right; display: inline;
	width: 375px;
	}
	
	#product-detail-title {
		font-size: 2.1em; 
 	}
	
	#product-detail-short {
		font-size: 1.5em;
 	}
	
	#product-detail-price {
		font-weight: bold; 
 	}
	
	#product-detail-description {
		
 	}
	
	#product-detail-qty {
		/*float: left; display: inline;
		margin-right: 15px;*/
		width: 25px;
 	}

#product-tabs {
	padding-top: 20px;
	}

#tabs {
	margin: 0; padding: 0 10px;
	list-style: none;
	height: 28px;
	}
	
	#tabs li {
		float: left; display: inline;
		margin-right: 10px;
		width: 120px;
	}
	
	#tabs li a {
		display: block;
		line-height: 28px;
		text-align: center;
		background: url(/assets/images/bg_sprite.png) no-repeat -720px -250px;
	}
	
	#tabs li a {
		font-weight: bold;
		color: #27537A;
		text-decoration: none;
		white-space: nowrap;
	}
	
	#tabs .ui-tabs-selected a, 
	#tabs li a:hover {
		padding-bottom: 1px;
		color: #444;
		background-position: -840px -250px;
	}
	
	.ui-tabs-hide {
		display: none;
	}

	.ui-tabs-panel {
		padding: 20px 10px;
		border-top: 1px solid #ccc;
	}

/*-------------------------------------
	STORE - PRODUCT LIST
---------------------------------------*/

#product-list {
	
	}
	
	.product-list-item {
		padding: 10px 25px;
		border-top: 1px solid #ccc;
	}
	
	.product-list-photo {
		float: left; display: inline;
		margin-right: 25px;
		width: 80px;
		text-align: center;
	}
	
	.product-list-text {
		float: left; display: inline;
		width: 425px;
	}
	
		.product-list-title a, {
			margin: 0 0 10px 0;
			font-size: 1.2em; font-weight: bold;
		}
		
		.product-list-price {
			margin: 0;
			font-weight: bold;
		}
	
	.product-list-button {
		float: right; display: inline;
		/*padding-top: 10px;*/
		width: 105px; height: 50px;
	}

/*-------------------------------------
	STORE - PRODUCT NONE
---------------------------------------*/

#product-none {
	padding: 25px;
	}

/*---------------------------------------------------------------------------------------------------------------------------------------
	CHECKOUT
-----------------------------------------------------------------------------------------------------------------------------------------*/

#checkout {
	padding: 25px;
	}

/*-------------------------------------
	CHECKOUT - CART
---------------------------------------*/

#cart-form {
	
	}
	
	#cart-intro {
		font-size: 1.3em; font-weight: bold;
	}

	#cart-table {
		margin-bottom: 10px;
		width: 100%;
		border: 1px solid #ccc;
		border-collapse: collapse;
	}
		
		#cart-table th, 
		#cart-table td {
			padding: 5px;
			border: 1px solid #ccc;
			border-collapse: collapse;
		}
		
		#cart-table .number {
			text-align: right;
		}
		
		#cart-table .pic, 
		#cart-table .qty {
			text-align: center;
		}

	.cart-hdr th {
		font-size: 1.3em; font-weight: bold;
		background-color: #ccc;
	}
	
	.cart-subtotal td {
		font-size: 1.3em; font-weight: bold;
	}
	
	.cart-update {
		float: left;
		width: 150px; height: 30px;
		cursor: pointer;
	}
	
	.cart-checkout {
		display: block;
		float: right;
		width: 150px; height: 30px;
		cursor: pointer;
	}

/*-------------------------------------
	CHECKOUT - FORM
---------------------------------------*/

#checkout-form {
	
	}
	
	#checkout-form fieldset {
		float: left; display: inline;
		margin-bottom: 30px;
		width: 50%;
	}
	
	#checkout-form legend {
		margin-bottom: 10px;
		width: 70%;
		font-size: 1.5em; font-weight: bold;
		border-bottom: 1px solid #ccc;
	}
	
	#checkout-form label {
		display: block;
	}
	
	#checkout-form input, 
	#checkout-form textarea {
		width: 70%;
	}
	
	#checkout-form .field {
		margin-bottom: 4px;
	}
	
	#checkout-form .card-date {
		width: 40px;
	}

	.checkout-continue {
		float: right;
		width: 200px; height: 30px;
		cursor: pointer;
	}
	
	#checkout-errors {
		color: #c00;
	}

/*---------------------------------------------------------------------------------------------------------------------------------------
	CONTENT
-----------------------------------------------------------------------------------------------------------------------------------------*/

#content {
	position: relative;
	margin-bottom: 10px;
	}

.page-title {
	position: relative;
	margin: 0 0 15px 0;
	font-size: 2.4em;
	}
	
	#title-home {
		background-position: left top;
		height: 29px;
	}
	
	#title-services { background-position: left -40px; }
	#title-about { background-position: left -70px; }
	#title-contact { background-position: left -100px; }
	#title-consultation { background-position: left -130px; }
	#title-design { background-position: left -160px; }
	#title-build { background-position: left -190px; }
	#title-multitrack { background-position: left -220px; }
	#title-recording { background-position: left -250px; }
	#title-rentals { background-position: left -280px; }
	#title-terms { background-position: left -310px; }
	#title-privacy { background-position: left -340px; }
	#title-projects { background-position: left -370px; }
	#title-management { background-position: left -400px; }

#main {
	float: right; display: inline;
	margin: 0; padding: 0;
	width: 710px;
	}

	.img-left {
		float: left;
		margin: 5px 30px 30px 0;
	}

	.img-right {
		float: right;
		margin: 0 0 30px 30px;
	}

	.img-noborder {
		border: none;
		background-color: transparent;
	}

	.intro {
		margin-bottom: 20px;
	}

#quote {
	
	}
	
	#quote li {
		margin-bottom: 10px;
	}
	
	#quote label {
		float: left; display: inline;
		width: 130px;
		font-weight: bold;
	}
	
	#quote input {
		float: left; width: 200px;
	}
	
	#quote textarea {
		width: 475px; height: 150px;
	}
	
	#quote button {
		display: block;
		width: 150px; height: 30px;
		cursor: pointer;
	}

.hiddenFields, .hidden {
	display: none;
	}

.required {
	color: #f60;
	}

.pdf a {
	display: inline-block;
	padding-left: 22px;
	font-weight: bold;
	line-height: 20px;
	background: url(/assets/images/bg_sprite.png) no-repeat -1580px 0;
	}
	
	.pdf span {
		margin: 0 15px;
	}

.rebates a {
	display: block;
	padding-left: 20px;
	font-weight: bold;
	line-height: 20px;
	color: #c00;
	background: url(/assets/images/bg_sprite.png) no-repeat -1580px -28px;
	}

span.rebates {
	padding-left: 20px;
	font-weight: bold;
	line-height: 20px;
	color: #c00;
	background: url(/assets/images/bg_sprite.png) no-repeat -1580px -30px;
	}

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

#sidebar {
	float: left; display: inline;
	width: 230px;
	}

/*---------------------------------------------------------------------------------------------------------------------------------------
	FORMS
-----------------------------------------------------------------------------------------------------------------------------------------*/

form {
	margin: 0; padding: 0;
	}

form ol, form ul {
	margin: 0; padding: 0;
	list-style: none;
	}

#content label {
	display: block;
	font-weight: bold;
	}

form button {
	cursor: pointer;
	}

/*---------------------------------------------------------------------------------------------------------------------------------------
	FOOTER
-----------------------------------------------------------------------------------------------------------------------------------------*/

#footer {
	position: relative;
	margin-bottom: 10px; padding: 18px 20px;
	height: 40px;
	text-align: right;
	background: url(/assets/images/bg_sprite.png) no-repeat left -120px;
	}
	
	#footer p, #footer ul {
		margin-bottom: 10px;
		font-size: 1.0em;
		color: #fff;
	}

	#footer a {
		text-decoration: none;
		color: #fff;
	}

	#footer a:hover {
		text-decoration: underline;
	}

#fnav {
	
	}
	
	#fnav a {
		padding: 0 5px;
	}

#footer-social {
	margin: 0 auto;
	}

#copyright {
	
	}

#seals {
	margin: 0 auto;
	width: 220px;
	}
	
	#authorize, 
	#comodo {
		float: left; display: inline;
		margin: 0 10px;
		width: 90px;
	}

/*---------------------------------------------------------------------------------------------------------------------------------------
	THICKBOX
-----------------------------------------------------------------------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(/assets/images/bg_hack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}


/*---------------------------------------------------------------------------------------------------------------------------------------
	CAROUSEL
-----------------------------------------------------------------------------------------------------------------------------------------*/

/*-- required & default rules --*/

.loading {
	position: absolute;
	top: 74px; left: 210px;
	}

#slide_holder {
	background-image: url(images/bg_slideshow.png);
	background-repeat: no-repeat;
	height: 253px;
	overflow: hidden;
	position: relative;
	text-align: left;
	width: 524px;
	/* -- width: 1533px; */
	z-index: 1000;
	}

	#slide_holder_inner {
		position: absolute;
		width: 400px; height: 410px;
		overflow: hidden;
		z-index: 2000;
		}

#intro, .intro {
	position: absolute;
	z-index: 9000;
	}

/*-- for slide divs --*/

#slide_holder_inner div {
	position: absolute;
	}

/*-- for divs in html slides to position relative --*/

div#slide_holder_inner div.slide div {
	position: relative;
	}

div#carousel_controls {
	bottom:0;
	height:22px;
	left:165px;
	position:absolute;
	width:70px;
	z-index:4000;
	}

/*-- for slide buttons --*/

#slide_buttons li:hover, #pause_button, .prev_button, .next_button, #hover_next_button, #hover_prev_button, #first_button, #last_button {
	cursor: pointer;
	cursor: hand;
	z-index: 5000;
	}

#carousel_controls #button_selected, #carousel_controls .prev_button_disabled, #carousel_controls  .next_button_disabled, #carousel_controls  .first_button_diabled, #carousel_controls  .last_button_disabled {
	cursor: auto;
	}

#slide_buttons li span, #pause_button span, .prev_button span, .next_button span, #first_button span, #last_button span, #hover_next_button span, #hover_prev_button span, #water_mark span {
	margin-left: -10000px;
	}

#slide_buttons li, #pause_button, .prev_button, .next_button, #first_button, #last_button, #water_mark {
	background-repeat: no-repeat;
	overflow: hidden;
	top: 0px;
	}

ul#slide_buttons {
	padding: 15px 7px 15px 15px;
	position: absolute;
	left: 250px;
	top: -7px;
	z-index: 5000;
	}

ul#slide_buttons li {
	background-image: url(/assets/images/button.png);
	display: block;
	float: left;
	height: 9px;
	list-style: none;
	margin: 0 0 0 3px;
	padding: 2px;
	width: 10px;
	}

ul#slide_buttons li:hover {

	}

ul#slide_buttons li#button_selected {
	background-image: url(/assets/images/button_selected.png);
	}

ul#slide_buttons li#button_selected:hover {

	}

/*-- first & last buttons --*/

#first_button {
	background:url(/assets/images/bg_sprite.gif) no-repeat -1418px -120px;
	height: 29px;
	left: 354px;
	width: 34px;
	}

#first_button:hover {
	background-position: 0 0;
	}

#last_button {
	background-image: url(/assets/images/last.png);
	height: 29px;
	left: 474px;
	width: 34px;
	background-position: 0 -36px;
	}

#last_button:hover {
	background-position: 0 0;
	}

/*-- end first & last buttons --*/

/*-- next & prev buttons --*/

#nex_prev_buttons {
	position: absolute;
	left: 0;
	z-index: 5000;
	}

#next_button {
	position:absolute;
	right: 0;
	width: 20px; height: 20px;
	cursor: pointer;
	background:url(/assets/images/bg_sprite.png) no-repeat -1466px top;
	}
	
	#next_button:hover {
		background-position: -1466px -30px;
	}


#prev_button {
	position:absolute;
	left: 0;
	width: 20px; height: 20px;
	cursor: pointer;
	background:url(/assets/images/bg_sprite.png) no-repeat -1419px top;
	}
	
	#prev_button:hover {
		background-position: -1419px -30px;
	}

.pause_button {
	position: absolute;
	left: 25px;
	width: 20px; height: 20px;
	cursor: pointer;
	background: url(/assets/images/bg_sprite.png) no-repeat -1442px top;
	}

	.pause_button:hover {
		background-position: -1442px -30px;
	}

.paused_button {
	position: absolute;
	left: 25px;
	width: 20px; height: 20px;
	cursor: pointer;
	background: url(/assets/images/bg_sprite.png) no-repeat -1494px top;
	}

	.paused_button:hover {
		background-position: -1494px -30px;
	}

/*-- hover next & hoverprev buttons --*/

#hover_next_button, #hover_prev_button {
	height: 125px;
	background-repeat: no-repeat;
	display: none;
	overflow: hidden;
	width: 77px;
	top: 35px;
	z-index: 6000;
	}

#hover_next_button span {

	}

#hover_next_button {
	background-image: url(/assets/images/hover_next.png);
	background-position: 21px 35px;
	padding: 30px 0 30px 30px;
	right: 0;
	}

#hover_prev_button {
	background-image: url(/assets/images/hover_prev.png);
	background-position: 8px 35px;
	padding: 30px 30px 30px 0;
	left: 0;
	}

/*-- end next & prev buttons --*/

/*-- rules for slide captions --*/

#slide_captions {
	color: #333;
	left: 8px;
	overflow: visible;
	top: 5px;
	z-index: 6000;
	}

#slide_captions span {
	font-family: Tahoma;
	font-size: 15px;
	height: 20px;
	line-height: 20px;
	overflow: visible;
	}

/*-- end rules for slide captions --*/

/*-- rules for watermark --*/

#water_mark {
	background-image: url(/assets/images/water_mark.png);
	height: 30px;
	left: 202px;
	width: 246px;
	top: 208px;
	z-index: 6000;
	}

#water_mark span {

	}

/*-- end rules for slide captions --*/

/*-- slide number display --*/

#slide_number_display {
	background-image: url(/assets/images/bg_swatch.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	height: 23px;
	padding: 4px;
	right: 7px;
	text-align: center;
	top: 208px;
	width: 37px;
	z-index: 5000;
	}

/*-- for carousel view --*/

#row_of_slides {
	position: absolute;
	top: 0;
	}

#row_of_slides .slide {
	display: none;
	position: absolute;
	}

#row_of_slides #slide_1 {
	display: block;
	z-index: 0;
	}

/*-- end for carousel view --*/				

/*-- end number display --*/

/*-- end required & default rules --*/

/*-- example rules --*/

#slide_holder {
	margin: 20px auto 0 auto;
	}

/*---------------------------------------------------------------------------------------------------------------------------------------
	PRINT STYLES
-----------------------------------------------------------------------------------------------------------------------------------------*/

@media print {
  html, body {
    color : #000000;
    background : #ffffff;
    font-family : "Times New Roman", Times, serif;
    font-size : 12pt;
    }
  a {
     text-decoration : underline;
    color : #0000ff;
    }
  #header, #nav {
    display : none;
  } 
}

@media handheld {

}