/*
Theme Name: Sounds Fantastic
Theme URI: www.soundsfantastic.com
Description: 2010 Design for Sounds Fantastic
Author: Point Click Media Productions
Author URI: http://www.pointclickmedia.ca
Version: STATIC 2 build 0.1
*/

/* -- This filters out different older broswsers and pda so only the markup is shown then. */
@media screen, projection {
	.be-nice-to-Mac-IE5 {
		font-family: "\"}\"";
		font-family: inherit;
	}
	
	/* -- GENERAL REDECLARATIONS ---------------------------------------- */
	* 					{margin:0; padding:0;}
	body 				{font-size: 85%; text-align:center; color:#000; background-color:#222222;} 
	body, tr, 
	td, input, 
	select, textarea 	{font-family: Arial, Helvetica, sans-serif;}
	a:link,a:visited 	{text-decoration:underline;} 
	a:hover 			{text-decoration:none;}
	ul, ol	 			{margin:0px 0px 0px 0px;} 
	dl 					{margin:0 0 10px;}
	dt 					{font-weight:bold;}
	dd					{margin:0 0 3px 10px;}
	p 					{margin:10px 0 10px 0;}
	h1 					{font-size:36px; font-weight:bold; color:#FFF; margin:0px; font-family:Arial Black, Arial, Helvetica, sans-serif;}
	h2 					{font-size:15px; font-weight:bold; color:#666666; margin:10px 0; font-family:Arial, Helvetica, sans-serif;}
	h3 					{font-size:small; margin:0;}
	h4 					{font-size:x-small; margin:0;}
	h5					{font-size:xx-small; margin:0;}
	h6 					{font-size:xx-small; margin:0;}
	hr 					{display:none;}
	img 				{border:none;}
	acronym				{border-bottom: 1px dotted;}
	blockquote 			{margin:0 25px 20px 25px; font-style:italic;}
	
}


/*------- Menus, Layout & Backgrounds ------------*/



	/* ===== MENUS ===== */
	/* -- Main Menu -- */
	#menu{
		width:160px;
		height:538px;
		float:left;
		position:relative;
		background:url(images/men_bg.jpg) top left;
		color:#FFF;
	}
	#menu ul{
		
	}
	#menu ul li{
		list-style:none;
		position:relative;
	}
	#menu ul li a{
		display:block;
		width:121px;
		border-bottom:1px #fff solid;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:15px;
		text-decoration:none;
		color:#fff;
		text-transform:uppercase;
		padding: 10px 20px;
	}
	#menu ul li a.alt_link {
		color:#7b8192;
	}
	#menu ul li a:hover{
		text-shadow:1px 1px 32px #FFFFFF;
		color:#fff;
	}
	#menu ul li ul li a:hover{	
	color:#1c2e4d;
	}
	
	#menu ul li ul{
/*		position:absolute;
		right:160px;		
		display:none;
		margin:0;
		margin-top:-34px;
		width:160px;	
		border-top:1px solid #fff;
		border-left:1px solid #fff;
		background:url(images/semi_trans_bg.png); */
background:url("images/semi_trans_bg.png") repeat scroll 0 0 transparent;
border-left:1px solid #FFFFFF;
border-top:1px solid #FFFFFF;
display:none;
position:absolute;
right:160px;
text-align:right;
top:0;
width:160px;
z-index:99;
	}
	#menu ul li:hover ul, #menu ul li.sfhover ul{
		display:block;
	}
	#menu ul li ul.men_audio {		
		height:346px;
		width: 330px;
	}
	#menu ul li ul.men_newprod {	
		height:313px;
	}
	#menu ul li ul.men_links {	
		height:280px;
	}
	#menu ul li ul.men_wireless {	
		height:247px;
	}
	#menu ul li ul.men_alarm {	
		height:214px;
	}
	
	#menu .submen {
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#000;
		padding:10px;
	}
	.submen h2 {
		color:#333;
		margin:5px 0;
	}
	#menu .submen ul{
		position:static;
		background:none;
		border:none;
		margin:0;
		margin-left:20px;
	}
	#menu .submen ul li {
		list-style:disc;
	}
	#menu .submen ul li a, #menu ul ul li a{		
		display:inline;
		border:none;
		color:#000;
		font-weight:bold;
		font-size:11px;
		padding:0;
		padding-right:8px;
		line-height:20px;
	}
	#menu .submen ul li a:hover{
		text-decoration:underline;
	}

	.submen_col{
		width:152px;
		float:left;
	}
		
	
	#menu #hours{
		width:121px;
		height:109px;
		position:absolute;
		bottom:0;
		border-top:1px solid #fff;
		padding:5px 20px;
		font-size:9px;
		overflow:hidden;
	}
	#menu .men_buttons{
		bottom:3px;
		left:19px;
		position:absolute;		
	}
	#menu .men_buttons a{
		width:52px;
		height:82px;
		overflow:hidden;
		display:block;
		text-indent:-9999em;
		float:left;
		margin-right: 13px;
	}
	#menu .men_buttons .but_blog{
		background: url(images/but_rss.png) top left no-repeat;
	}
	#menu .men_buttons .but_blog:hover{	
		background-position:bottom;
	}
	#menu .men_buttons .but_facebook{
		background:url(images/but_facebook.png) top left no-repeat;
	}
	#menu .men_buttons .but_facebook:hover{	
		background-position:bottom;	
	}

	/* ===== Main Body ===== */
	body{
		background:url(images/site_bg.jpg) top repeat-x #5488dd;
	}
	#wrapper{
		width:960px;
		margin:0 auto;
		margin-top:90px;
		margin-bottom:90px;
		text-align:left;
		position:relative;
	}
	#header{
		width:960px;
		height:160px;
		z-index:999;
		position:relative;
		text-align:center;
	}
	.head_home{
		background:url(images/head_home.jpg) top left no-repeat;
	}
	.head_theatre{
		background:url(images/head_theatre.jpg) top left no-repeat;
	}
	.head_music{
		background:url(images/head_music.jpg) top left no-repeat;
	}
	#sub_head{
		/*border-bottom:4px solid #fff;
		border-top:4px solid #fff;
		background:#01060f;
		text-align:center;
		height:14px;
		color:#afd2fd;
		line-height:14px;
		font-weight:bold;
		text-transform: uppercase; */
background:none repeat scroll 0 0 #01060F;
border-bottom:2px solid #AFD2FD;
border-top:2px solid #AFD2FD;
color:#FFFFFF;
font-weight:bold;
height:20px;
line-height:20px;
text-align:center;
text-transform:uppercase;		
	}
	
	#col_wrapper {
		/* margin-top:-69px; */
	}
	#leftcol{
		width:799px;
		height:538px;
		color:#eee;
		float:left;
		position:relative;
		overflow:hidden;
	}
	#leftcol #content_window{
		height:481px;
		overflow:hidden;
	}
	#leftcol .content{
		background:url(images/content_bg.jpg) top left no-repeat;
	}
	#leftcol .links{	
		background:url(images/photo1.jpg) top left no-repeat;
	}
/*	#leftcol .the_post{
		padding:70px 50px 0 85px;
	}
	#leftcol .the_post p{
		font-size:10px;
	}
	#leftcol .the_post a{
		color:#eee;
	}
	#leftcol .the_post a:hover{	
		color:#fff;
		text-decoration:none;
	} */
	
	#leftcol #foot_imgs{
		width:799px;
		height:120px;
		background: url(images/images1.jpg) top left no-repeat;
	}
	



	

	
		
	/* ##################--- SUBPAGES --############################## */
	
	/* --- Content Pages -- */	
	.post_cols{
		position:relative;
		background:url(images/subpg_bg.jpg) top left no-repeat;
	}
	#post_content_wrap {
		width:562px;
		min-height: 540px;
		margin-left:213px;
		/* border-left:1px solid;
		border-right:1px solid;
		border-color:#fff; */
	}
	
	#post_content_wrap #the_postbg{
		/* background:url(images/contentbg_mid.jpg) repeat-y; */
		height:100%;
	}
	
	#post_content_wrap #the_postbg .the_post_bgtop{
		display:block;
		/* background:url(images/contentbg_top.jpg) top left no-repeat; */
	}
	
	#post_content_wrap #the_postbg .the_post_bgbottom{
		display:block;
		/* background:url(images/contentbg_bot.jpg) bottom left no-repeat; */
	}
	#post_content_wrap .the_post {
		color:#1577b8;
		font-size:0.9em !important;
width:562px;		
/* margin:0 0 0 35px; */
/* padding:10px 20px 20px 0; */
overflow: hidden;
	}
	#post_content_wrap .the_post .date_single{
		margin-top:20px;
	}
	#post_content_wrap .the_post p{	
	line-height:21px;
	margin:10px 17px 0 0;
	}
	#post_content_wrap .the_post a{
		color:#333333;
		font-weight:bold;		
	}
	#post_content_wrap .the_post a:hover{
		color:#000;
		text-decoration:none;
	}

	.post_head_bg{
		/* background:url(images/main_img_dropshadow.png) top no-repeat; */
	}
	#post_content_wrap h1{
		font-family:Arial, Helvetica, sans-serif;
		font-size:17px;
		font-weight:bold;
		color:#414141;
		margin-top:12px;
	}
	#post_content_wrap .breadcrumb{
		color:#a4a4a5;
		font-size:12px;
	}
	#post_content_wrap .breadcrumb a{
		color:#a4a4a5;
		font-weight:bold;
	}
	#post_content_wrap .breadcrumb a:hover{
	}
	
	/* --- Post Menus -- */	
	#post_menu_wrap{
		/* position:absolute; */
		width:342px;
	}


  	
	#post_menu{
background:none repeat scroll 0 0 #E9EBEF;
list-style:none outside none;
padding:10px 0;
position:absolute;
left:13px;
width:176px;
z-index:9;		
		
		
		
     -moz-box-shadow: 0px 0px 10px #838888; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 10px #838888; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 10px #838888; /* Opera 10.5, IE 9.0 */

		/*width:178px;
		background:#e9ebef;
		padding:10px 0 ;
		margin-left:143px;
		margin-top:126px;
		list-style:none;
		z-index:9; */
	}
	#post_menu li{
		/* color:#afb1b4;
		border-top:1px solid;
		border-bottom: 1px solid;
		border-color:#e9ebef;
		padding-left:25px; */
border-bottom:1px solid #DDDDDD;
border-color:#DDDDDD #E9EBEF;
border-top:1px solid #DDDDDD;
color:#AFB1B4;
padding:2px 0 2px 25px;		
	}
	#post_menu li:hover, #post_menu li.current_page_item, #post_menu li.current_page_parent{
		border-color:#989a9a;
		background-color:#fff;
	}	
	#post_menu li a{
		display:block;
		/*color:#afb1b4; */
		color:#666666;
		font-size:15px;
		font-weight:bold;
		text-transform:uppercase;
		text-decoration:none;
		line-height:20px;
	}	
	#post_menu li a:hover, #post_menu li.current_page_item a, #post_menu li.current_page_parent a{
		color:#000;
	}		



	#post_menu ul {
list-style:none;
/* top:0; */
display:none;
/* height:800px; */
left:176px;
position:absolute;
width:112px;
z-index:5;
margin-top:-21px;
background-color:#F4F5F7;

     -moz-box-shadow: 0px 0px 10px #838888; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 10px #838888; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 10px #838888; /* Opera 10.5, IE 9.0 */

	}
	#post_menu li:hover ul {
		/* display:block; */
	}	
	#post_menu ul li{
		background-color:#f4f5f7;
		border-color:#f4f5f7;
		margin:0 0 3px 0;
	}
	#post_menu ul li:hover{
		background:#fff;
	}	
	#post_menu ul li a{
		font-size:13px;
		line-height:18px;
		margin:2px 0;		
	}	
	#post_menu ul li a:hover{}
	
	
	
	/* --- Specials Page -- */	
	.specials_cols{
		background-color:#03050d;
	}
	.specials_cols 	#specials_title{
		border-bottom:solid 1px #FFF;
		text-align:center;
	}
	.specials_cols 	#specials_title h1{
		font-size:16px;
		font-family:Arial, Helvetica, sans-serif;
		text-transform:uppercase;
	}
	
	.specials_col{
		width:398px;
		height:519px;
		background:url(images/special_prod_bg.jpg) top left no-repeat;
		border-right:1px solid #fff;
		padding-top:25px;
		float:left;
	}
	.specials_col .item_wrap{
		width:252px;
		margin:0 auto;

	}
	.specials_col .item_head{
		height:66px;
	}
	.specials_col .item_head .logo_text{
		display:block;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:18px;
		padding:5px 0;
	}
	.specials_col .item_wrap .item_img{
		position:relative;
	}
	.specials_col .item_wrap .sold{
		width:56px;
		height:56px;
		background:url(images/sold_flag.png) no-repeat;
		position:absolute;
		right:0;
		top:0;
	}
	
	.specials_col .item_head h2{
		font-size:14px;
		font-family:Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		color:#fff;
		margin:0;
	}
	.specials_col .item_head .specials_cat{
		font-size:9px;
		text-transform:uppercase;
		font-weight:bold;
	}
	.specials_col .item_content{
		height:218px;		
		background:url(images/prod_infobg.png) repeat;
		font-size:11px;
		font-weight:bold;
	}
	.specials_col .item_content .specials_price{
		display:block;
		text-align:center;
		font-size:17px;
		line-height:30px;
		font-weight:bold;
		text-shadow: 1px 1px 6px #000;
		border-bottom:1px solid #fff;
		margin-bottom:5px;
	}
  	
	.specials_col .item_content p, .specials_col .item_content ul, 	.specials_col .item_content p, .specials_col .item_content li{
		margin:0 6px 0 11px;
	}

	.specials_cols #navi_left, .specials_cols #navi_right{	
		width:40px;
		height:258px;
		background:url(images/navi_bg.png) repeat;
		position:absolute;
		top:130px;
		z-index:99;
	}	
	.specials_cols #navi_left{
		left:0;
     -moz-border-radius: 0px 15px 15px 0px; /* FF1+ */
  -webkit-border-radius: 0px 15px 15px 0px; /* Saf3+, Chrome */
          border-radius: 0px 15px 15px 0px; /* Opera 10.5, IE 9 */
	}
	.specials_cols #navi_right{
		right:0;
     -moz-border-radius: 15px 0px 0px 15px; /* FF1+ */
  -webkit-border-radius: 15px 0px 0px 15px; /* Saf3+, Chrome */
          border-radius: 15px 0px 0px 15px; /* Opera 10.5, IE 9 */		
	}
	.specials_cols .navi_but{
		display:block;
		width:19px;
		height:101px;
		margin:0 auto;
		margin-top:82px;
	}
	.specials_cols #navi_right .navi_but{
		background:url(images/navi_sprite_right.png) center left no-repeat;
	}
	.specials_cols #navi_left .navi_but{
		background:url(images/navi_sprite_left.png) center left no-repeat;		
	}
	.specials_cols #navi_left:hover .navi_but, .specials_cols #navi_right:hover .navi_but{
		background-position:bottom;
	}
	.specials_cols .prev:hover, .specials_cols .next:hover{
		cursor:pointer;
	}
	.specials_cols .disabled{
		cursor:default !important;
	}
	.specials_cols .disabled .navi_but{
		background-position:top!important;
	}
	.specials_cols a{
		color:#fff;
	}
	.specials_cols .fiance_blurb{
		font-size:11px;
	}
	.specials_cols .prod_download{
		display:block;
		margin:10px 8px;
		color:#fff;
	}
	/* --- Scrollable -- */
	/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 799px;
	height:518px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items .specials_col {
	float:left;
}


	/* ##################--- Sitemap --############################## */
	#sitemap{
		width:512px;
		height:399px;
		background:url(images/sitemap_bg.png) top left no-repeat;
		position:absolute;
		left:242px;
		z-index:9999;
		color:#333;
		
		display:none;
	}
	#sitemap #sitemap_content{
		margin:0 20px;
	}
	#sitemap h2{
		color:#2b4573;
		font-size:16px;
		text-transform:uppercase;
		text-shadow:0px 0px 10px #ffffff;
		font-family:Arial, Helvetica, sans-serif;
		margin:10px 0;
	}
	#sitemap h3{
		color:#2b4573;
		font-size:13px;
		text-transform:uppercase;
		font-family:Arial, Helvetica, sans-serif;
		height:28px;
		margin:0 0 6px 0;
	}
	#sitemap hr{
		display:block;
		height:1px; 
		color:#2b4573;
		margin:0 0 10px 0;
	}
	#sitemap .sitemap_col{
		border-right:1px solid #b2bccc;
		float:left;
		/*padding:0 10px 0 0; */
		margin:0 12px 0 0;
		width:144px;
		font-size:12px;
		color:#333;		
	}
	#sitemap .sitemap_col a{ 
		color:#333;
		text-decoration:none;
		font-weight:bold;
	}
	#sitemap .sitemap_col a:hover{ 
		color:#2b4573;
		text-decoration:underline;
	}
	#sitemap .sitemap_col ul, #sitemap .sitemap_col ol{
		margin:0 0px 15px 15px;
	}
	#sitemap .lastcol{
		border:none!important;
	}
	#sitemap #but_close{
		clear:both;
		position:absolute;
		bottom:5px;
		right:6px;
		color:#222;
		font-weight:bold;
		text-decoration:none;
	}
	#sitemap_but {
		bottom:-25px;
		color:#AFC5EB;
		font-weight:bold;
		position:absolute;
		right:83px;
		text-decoration:none;
		text-transform:uppercase;
	}
	#sitemap_but:hover {
		color:#ddd;
	}
		
	
	/* ##################--- Galleries Pages --############################## */	
	#galleries #top_image{
		height:400px;
		width:799px;
		overflow:hidden;
	}
	
	/* --- Scrollable -- */
	/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable2 {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 799px;
	height:137px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable2 .items, .scrollable_large .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.scrollable2 .items div, .scrollable_large .items div {
	float:left;
}
	
	
	
	/* ############################--- News Pages --############################## */	
	#leftcol #sidebar{
		width:176px;
		position:absolute;
		top:0px;
		left:13px;
		color:#333;
		font-size:11px;
		background:none repeat scroll 0 0 #E9EBEF;
		list-style:none outside none;
		padding:10px 0;
		z-index:9;		
		-moz-box-shadow: 0px 0px 10px #838888; /* FF3.5+ */
		-webkit-box-shadow: 0px 0px 10px #838888; /* Saf3.0+, Chrome */
		box-shadow: 0px 0px 10px #838888; /* Opera 10.5, IE 9.0 */
	}
	#leftcol #sidebar h2{
		background-color:#FFFFFF;
		border-bottom:1px solid #555;
		border-top:1px solid #555;
		color:#555;
		font-size:15px;
		font-weight:bold;
		line-height:20px;
		padding:0 0 0 10px;
		text-decoration:none;
		text-transform:uppercase;
		margin:0 0 10px 0;
	}
	#leftcol #sidebar a{
		color:#666666;
		font-size:12px;
		font-weight:bold;
		text-decoration:none;		
	}
	#leftcol #sidebar a:hover{
		color:#333;
		text-decoration:underline;
	}
	#leftcol #sidebar form{		
		margin-left:10px;
	}
	#leftcol #sidebar ul, #leftcol #sidebar form{
		list-style:none;
		margin-bottom:20px;
	}
	#leftcol #sidebar ul li{
		margin-bottom:20px;		
	}
	#leftcol #sidebar ul li p{	
		margin: 10px 10px;
	}
	#leftcol #sidebar ul li ul {
		margin-bottom:0;
	}
	#leftcol #sidebar ul li ul li{
		margin-bottom:0;
		margin-left:10px;
	}
	#leftcol #sidebar ul li ul li ul li{	
		margin-left:0;
	}
	
	.post_list_item{
		margin:20px 0;
	}
	#post_content_wrap .post_list_item h2{
		color:#414141;
	}
	#post_content_wrap .post_list_item h2 a{
		color:#414141;
		text-decoration:none;
	}
	#post_content_wrap .post_list_item h2 a:hover{	
		text-decoration:underline;
	}
	.post_list_item a{
		color:#254784;
	}
	.post_list_item a:hover {
		text-decoration:none;
		color:#0d1525;
	}
	.post_list_item .more-link{
		display:block;
		margin: 10px 0 0 0;
	}
	
	
	/* ############################--- Contact Page --############################## */		
	.post_left{
		float:left;
		width:276px;
	}
	.post_right{
		float:left;
	}
	.post_clear{
		clear:both;
	}
	
	
	/* ===== Footer ===== */
	#footer{
		clear:both;
	}



	/* ===== CONSTANTS ===== */	
	.wp-caption, img.alignleft, img.alignright	{
		background-color:#f9f7f7;
		padding:5px;
		text-align:center;
		font-weight:bold;
		color:#666;

     -moz-box-shadow: 0px 0px 10px #BBBBBB; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 10px #BBBBBB; /* Saf3.0+, Chrome */
          box-shadow: 0px 0px 10px #BBBBBB; /* Opera 10.5, IE 9.0 */

	}
	.alignleft{	
		float:left;
		margin:15px 15px 6px 7px;
	}
	.alignright{
		float:right;
		margin:15px 0px 5px 10px;		
	}
	#myplayer{
		display:block;
		height:310px;
	}
	.clear{
		clear:both;
	}
	
	/* ===== 404 Page ===== */
	#post_content_wrap h1.h1_404 {
		font-size:70px;
		margin:10px 0 5px 0;
	}
	.post_404{
		padding-top:20px;
		font-weight:bold;
	}