/*

Theme Name: Tints & Tunes

Theme URI: www.tintsandtunes.com

Description: 2008 Design for Tints & Tunes

Author: Point Click Media Productions

Author URI: http://www.pointclickmediaproductions.ca

Version: Alpha build 0.1

*/



/* -- This filters out different older broswsrs and pda so only the markup is shown then. */



	/* -- GENERAL REDECLARATIONS ---------------------------------------- */

	* 					{margin:0; padding:0;}

	body 				{font-size: 10pt; text-align:center; color: #333333;}

	body, tr, 

	td, input, 

	select, textarea 	{font-family: Verdana, Arial, Helvetica, sans-serif;}

	a:link,a:visited 	{text-decoration:underline; color:#FFFFFF; font-weight:bold;}

	a:hover 			{text-decoration:underline; color:#FFFFFF; font-weight:bold;}

	ul, ol	 			{margin:0 0 10px 25px;}

	dl 					{margin:0 0 10px;}

	dt 					{font-weight:bold;}

	dd					{margin:0 0 3px 10px;}

	p 					{margin:0 0 15px;}

	h1 					{font-size:large; margin:0 0 12px;}

	h2 					{font-size:medium; margin:8px 0;}

	h3 					{font-size:small; margin:6px 0 5px;}

	h4 					{font-size:x-small; margin:4px 0;}

	h5					{font-size:xx-small; margin:3px 0;}

	h6 					{font-size:xx-small; margin:0;}

	hr 					{color: #FFFFFF; height: 2px;}

	img 				{border:none;}

	acronym				{border-bottom: 1px dotted;}

	blockquote 			{margin:0 25px 20px 25px; font-style:italic;}

	





/*------- Basic Layout & Backgrounds ------------*/

	body {

		 background: url(images/background.jpg) no-repeat fixed center;

		 background-color: #696969;

		 text-align:center;

	}

/* ------------ Main Layouts ----------------*/

	#wrapper {

		 text-align:left;

		 width:960px;

		 margin:0 auto;

		 position:relative;

	}

	#tint_logo{

		left:199px;

		top:-24px;

		position:absolute;

		z-index:1;

	}



	.left_head_element {

		display:block;

		background:url(images/head_leftspeaker.png) no-repeat top left;

		width:283px;

		height:261px;

		position:absolute;

	}



	 #main_menu {

		  position:absolute;

		  left:725px;

		  z-index:2;

	}

	

	/* ============= Center Content holder ================== */

	#head_content {

background:url("images/head_bkg.gif") no-repeat scroll 0 0 transparent;

height:285px;

margin:25px auto 0;

/* padding:101px 0 0; */

width:899px;

	}



	#head_content_top {

		display:block;

		width:838px;

		height:33px;

		background:url(images/center_1_01.gif) left bottom no-repeat;

	}

	#head_content_mid, #head_content_mid_no { /*mid_no will be when there is no center content... look for style below that changse the height */

		display:block;

		width:838px;

		height:287px;

		background:url(images/center_1_02.jpg) left top no-repeat;

	}

	#head_content_mid_no {

		height:96px !important;

	}

	#head_content_mid table {

		margin:58px 0 0 10px;

		position:absolute;

		z-index:1;

	}

	

	#head_content_bot {

		display:block;

		width:838px;

		height:30px;

		background:url(images/center_1_03.gif) left bottom no-repeat;

	}

	#page_content {

		width:803px;

		margin:0px auto;

		background:url(images/bkgrnd.gif) top right repeat-y;

		position:relative;

	}

	#page_content h1, #page_content h2 {

		position: absolute;

		left: -999em;	

	}

 	#page_content #sub_title{

		display:block;

		/* background: url(images/subhead_home.gif) top left no-repeat; */

		width:610px;

		height:173px;

		position:absolute;

		top:-100px;

		left:-21px;

	}

	#page_content #left_col {

		width:523px;

		padding:75px 0px 5px 14px;	

		float:left;	

	}

	#page_content #right_col {

		margin:0px 0px 0px 553px;

		padding:35px 0px 206px 0px;

		width:232px;

	}

	.alignright {

		float:right;

	}

	.alignleft {

		float:left;

	}

	.botanchor{

		clear:both;

		background: url(images/payoptions.gif) left top no-repeat;

		margin:0px 0px 0px 14px;

		width:420px;

		height:99px;

		

	}

	.botanchor_fr{

		clear:both;

		background: url(images/payoptions_fr.gif) left top no-repeat;

		margin:0px 0px 0px 14px;

		width:420px;

		height:99px;

		

	}



	.bot_rightimg{

		background:url(images/bot_right.gif) right bottom no-repeat;

	}

	#footer{

		height:131px;

		width:806px;

		margin:0pt auto;

		background: url(images/foot_bkgrnd.gif) left top no-repeat;

	}

	#footer p{

		/* margin:0px 0px 10px 0px;

		padding:22px 0px 0px 17px;	*/

		color:#000000;

		position:absolute;

		bottom:80px;

		left:400px;

	}

	#pcmpbadge {

		display:block;

		padding:24px 0px 0px 14px;

	}

	

	/*==== Q Translate styles ==== */

	.qtrans_language_chooser {

-moz-border-radius:0 0 10px 10px;
-webkit-border-radius:0 0 10px 10px;;
-khtml-border-radius:0 0 10px 10px;;
border-radius:0 0 10px 10px;;
background:none repeat scroll 0 0 #434245;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
padding:11px 0 7px 15px;
position:absolute;
right:14px;
text-align:center;
top:-14px;
		/* top:0px;

		position:absolute;

		right:0;

		text-align:center;

		font-family:Arial, Helvetica, sans-serif;

		font-size:14px;

		font-weight:bold; */

	}

	.qtrans_language_chooser li {

		display:inline;

		margin-right:15px;

	}

	.qtrans_language_chooser li.active a{

		color:#FFF;

	}

	.qtrans_language_chooser li a{

		color:#FFF;

		text-decoration:none;

	}

	.qtrans_language_chooser li a:hover{

		color:#FFF;

		text-decoration:underline;