/**********************************************************************************************************/
/* CSS DOCUMENT FOR TALKSTRAIGHT.CO.UK */

/* CSS Designed and built by Tim Holmes (-www.timbronze.co.uk-)*/
/* SITE Built and Designed by Tim holmes and Neil Whitaker */
/* If you wish to contact either Tim or Neil, please visit thier respective websites for contact details. */

/* Version		- 1.0 */
/* DATE			- 3rd July 2007 */
/* CLIENT		- TalkStraight.co.uk */

/**********************************************************************************************************/

body, html	
		{
		background-color		: #333;
		min-height				: 100%;
		height					: auto !important;
		height					: 100%
		}
		
p
		{
		color					: #333;
		font-family				: Arial, Helvetica, sans-serif;
		font-size				: 0.7em;
		font-weight				: normal;
		text-align				: justify;
		margin					: 0px 0px 20px 0px;
		}

a:hover, a, a:visited
		{
		text-decoration : none;
		color           : #000055;
		border-bottom   : 1px dotted #000077;
		}
ul		
		{
		color					: #333;
		font-family				: Arial, Helvetica, sans-serif;
		font-size				: 0.7em;
		font-weight				: normal;
		text-align				: justify;
		margin					: 20px 0px 20px 0px;
		}

h1		
		{
		color					: #333;
		font-family				: Arial, Helvetica, sans-serif;
		font-size				: 1.2em;
		font-weight				: bold;
		text-align				: justify;
		margin : 0px 0px 5px 0px;
		}

h2		
		{
		color					: #333;
		font-family				: Arial, Helvetica, sans-serif;
		font-size				: 0.8em;
		font-weight				: bold;
		text-align				: justify;
		margin : 0px 0px 5px 0px;
		}
b
		{
		color					: #333;
		font-family				: Arial, Helvetica, sans-serif;
		font-size				: 0.9em;
		font-weight				: bold;
		text-align				: justify;
		}

#pdf{
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size: 0.7em;
margin: 0px 20px 0px 0px;
}

#submenu
		{
		width					: 168px;
		height					: 200px;
		float					: left;
		background-color		: #333;
		/*border					: 1px solid #ffcc00;*/
		margin					: 109px 0px 0px 0px;
		}
		
#submenu ul
		{
		list-style-type			: none;
		margin : 0px 0px 0px -45px;
		
		}		

#submenu ul li
		{
		width					: 163px;
		height					: 10px;
		display					: block;
		list-style-type			: none;
		text-align				: right;
		margin					: 0px 0px 6px 0px;
		padding					: 0px 5px 0px 0px;
		}

#submenu ul li a:link, #submenu ul li a:visited
		{
		color					: #FFFFFF;
		font-family				: Arial, Helvetica, sans-serif;
		font-size				: 12px;
		width					: 163px;		
		padding					: 0px 5px 0px 0px;
		height					: 10px;
		display					: block;
		text-decoration			: none;
		border-bottom			: none;
		}
		
#submenu ul li a:hover
		{
		color					: #000;
		font-family				: Arial, Helvetica, sans-serif;
		font-size				: 12px;
		width					: 163px;		
		padding					: 0px 5px 0px 0px;
		height					: 15px;
		display					: block;
		background-color		: #999999;
		text-decoration			: none;
		border-bottom			: none;
		}

#submenu ul li a.subsubmenu
		{
		color					: #86D0F3;
		font-family				: Arial, Helvetica, sans-serif;
		font-size				: 11px;
		width					: 163px;		
		padding					: 0px 5px 0px 0px;
		height					: 15px;
		display					: block;
		text-decoration			: none;
		border-bottom			: none;
		}

#submenu ul li a:hover.subsubmenu
		{
		color					: #000;
		font-family				: Arial, Helvetica, sans-serif;
		font-size				: 11px;
		width					: 163px;		
		padding					: 0px 5px 0px 0px;
		height					: 15px;
		display					: block;
		background-color		: #86D0F3;
		text-decoration			: none;
		border-bottom			: none;
		}

#submenu ul li a.current
		{
		color					: #000;
		font-family				: Arial, Helvetica, sans-serif;
		font-size				: 12px;
		width					: 163px;		
		padding					: 0px 5px 0px 0px;
		height					: 15px;
		display					: block;
		background-color		: #999999;
		text-decoration			: none;
		border-bottom			: none;
		}

#submenu ul li a.subcurrent
		{
		color					: #000;
		font-family				: Arial, Helvetica, sans-serif;
		font-size				: 11px;
		width					: 163px;		
		padding					: 0px 5px 0px 0px;
		height					: 15px;
		display					: block;
		background-color		: #86D0F3;
		text-decoration			: none;
		border-bottom			: none;
		}
		
#container
		{
		width					: 1024px;
		height					: auto;
		background-color		: #333;
		margin					: 5% auto;
		padding-right			: 10%;
		} 

#txtcontainer
		{
		width					: 854px;
		height					: auto;
		min-height: 300px;
		float				 	: right;
		background-color		: #FFFFFF;
		}



#header	
		{
		margin					: 42px 0px 0px 0px;
		background-image		: url(../images/logo_banner.jpg);
		background-repeat		: repeat-x;	
		height					: 48px;
		width					: auto;	
		}

#contentlink
		{
		font-family				: Arial, Helvetica, sans-serif;
		font-size				: 0.7em;
		font-weight				: normal;

		height					: 20px;
		width					: 650px;
		margin					: 0px;
		padding-left			: 105px;
		background-color		: #FFF;
		border-bottom			: 0px !important;
		text-decoration			: none;
		}

#contentlink a
		{
		border-bottom			: 0px !important;
		text-decoration			: none;
		}
		
#logo	
		{
		margin					: 0px 0px 0px 50px;
		background-image		: url(../images/logo.jpg);
		background-repeat		: no-repeat;	
		height					: 48px;
		width					: auto;
		}
		
#phoneNum
		{
		
		margin					: 0px 20px 0px 0px;
		background-image		: url(../images/phone_num.gif);
		background-repeat		: no-repeat;	
		height					: 48px;
		width					: 219px;
		float:right;
		}
		
#content	
		{
		width					: 814px;
		height					: auto;
		min-height: 400px;
		background-color		: #FFFFFF;
		padding					: 20px;
		
		background-image:url(../images/backwater.gif);
		background-repeat:no-repeat;
		}
		
#homecontent	
		{
		width					: 854px;
		height					: auto;
		min-height: 300px;
		background-color		: #FFFFFF;
		
		padding					: 9px 0px 0px 0px;
		}
		
#home_content_left
		{
		height					: 250px;
		width					: 373px;
		float					: left;
		margin					: 0px;
		padding					: 0px 0px 0px 2px;
		background-color:#fff;
		}
		
#content_left
		{
		height					: 250px;
		width					: 373px;
		float					: right;
		margin					: 0px 0px 0px 0px;
		padding					: 0px 1px 65px 10px;
		}
		
#home_content_right
		{
		height					: 180px;
		width					: 319px;
		float					: right;
		margin					: 0px 50px 0px 0px;
		_margin					: 0px 50px 0px 0px;
		padding					: 30px;
		}
		
#home_content_right_white
		{
		height					: 130px;
		width					: 319px;
		float					: right;
		margin					: -220px 0px 0px 200px;
		padding					: 30px;
		background-color		: #ccc;
		/*border: 1px solid #ccc;*/
		background-image:url(../images/straighttalking.gif);
		}

#home_content_right_green
		{
		height					: 130px;
		width					: 319px;
		float					: right;
		margin					: -220px 0px 0px 200px;
		padding					: 30px;
		background-color		: #ccc;
		/*border: 1px solid #ccc;*/
		background-image:url(../images/untangle.gif);
		}

#content_right
		{
		height					: auto;
		width					: 439px;
		float					: right;
		margin					: 0px;
		padding					: 10px 20px 20px 20px;
		background-color		: #FFF;
		}
		
#welcome
		{
		height					: auto;
		width					: 554px;
		float					: left;
		margin					: 0px;
		padding					: 0px;
		background-color		: #FFF;
		}

#welcome_title
		{
		height					: 40px;
		width					: 554px;
		margin					: 0px;
		padding					: 0px;
		background-color		: #CCC;
		border-top				: 1px solid #33;
		}

#welcome_title h1
		{
		color					: #333;
		font-family				: Arial, Helvetica, sans-serif;
		font-size				: 1.0em;
		font-weight				: bold;
		text-align				: right;
		margin					: 15px 15px 0px 0px;
		}
		
#welcome_text
		{
		height					: 120px;
		width					: 524px;
		margin					: 0px;
		padding					: 15px;
		background-color		: #FFF;
		}

#news
		{
		height					: auto;
		width					: 300px;
		float					: right;
		margin					: 14px 0px 0px 0px;
		padding					: 0px;
		background-color		: #FFF;
		}
		
#news_title
		{
		height					: 40px;
		width					: 300px;
		margin					: 0px;
		padding					: 0px;
		background-color		: #999;		
		border-top				: 1px solid #333;
		}

#news_title h1
		{
		color					: #CCC;
		font-family				: Arial, Helvetica, sans-serif;
		font-size				: 1.0em;
		font-weight				: bold;
		margin					: 15px 0px 0px 15px;
		}

#news_text
		{
		height					: 120px;
		width					: 270px;
		margin					: 0px;
		padding					: 15px;
		background-color		: #FFF;
		}
		
		
#footer	
		{
		width					: 854px;
		height					: 32px;
		background-color		: #333;
		margin					: 0px 0px 0px 170px;
		/*border				: 1px solid #ff0000;*/		
		}
		
#foot_left p
		{
		float					: left;
		color					: #FFFFFF;
		font-family				: Arial, Helvetica, sans-serif;
		font-size				: 14px;
		font-weight				: normal;
		text-align				: left;
		padding					: 10px 0px 0px 15px;
		}
		
#foot_right p
		{
		float					: right;
		color					: #FFFFFF;
		font-family				: Arial, Helvetica, sans-serif;
		font-size				: 14px;
		font-weight				: normal;
		text-align				: left;		
		padding					: 10px 15px 0px 0px;
		}
		
/* Main Menu */
#menucontainer{position:relative;height:45px;color:#E0E0E0;background:#fff;
width:100%;font-family: Arial, Helvetica, sans-serif;}

#menunav{position:relative;height:45px;font-size:13px;text-transform:uppercase;
font-weight:boldest;background:#333 url(../images/menu_bg.gif) repeat-x bottom left;
padding:0 0 0 20px;font-family: Arial, Helvetica, sans-serif;}

#menunav ul{margin:0;padding:0px;list-style-type:none;width:auto;float:left;}

#menunav ul li{display:block;float:left;margin:5px 0px 0px 0px;}

#menunav ul li a{display:block;float:left;color:#fff;text-decoration:none; border-bottom: none;
padding:0 0 0 20px;height:45px;}

#menunav ul li a span{padding:12px 12px 0 0;_padding:0px 12px 0 0;height:35px;float:left; border-bottom: none;}

#menunav ul li a:hover{color:#fff; height:45px;
background:transparent url(../images/menu_bg-OVER.gif) repeat-x bottom left; border-bottom: none; margin: -5px 0px 0px 0px;}

#menunav ul li a:hover span{display:block;width:auto;cursor:pointer; border-bottom: none;}

#menunav ul li a.current,#menunav ul li a.current:hover{color:#fff; border-bottom: none;
background:#fff url(../images/menu_left-ON.gif) no-repeat top left;line-height:175%;margin: -5px 0px 0px 0px;}}

#menunav ul li a.current span{display:block;padding:10px 20px 0px 0px;width:auto; border-bottom: none;
background:#1D6893 url(../images/menu_right-ON.gif) no-repeat top right;height:32px;}


.contentlink a:link 	{
		color					: #333;
		font-family				: Arial, Helvetica, sans-serif;
		font-size				: 0.7em;
		font-weight				: normal;
		text-align				: justify;
		margin					: 0px 0px 20px 0px;
		border-bottom: 1px dashed #dadada;
		}


.contentlink a:hover{
		color					: #333;
		font-family				: Arial, Helvetica, sans-serif;
		font-size				: 0.7em;
		font-weight				: normal;
		text-align				: justify;
		margin					: 0px 0px 20px 0px;
		border-bottom: 1px dashed #ffcc00;
		}
		
.contentlink a:visited 	{
		color					: #333;
		font-family				: Arial, Helvetica, sans-serif;
		font-size				: 0.7em;
		font-weight				: normal;
		text-align				: justify;
		margin					: 0px 0px 20px 0px;
		border-bottom: 1px dashed #ffcc00;
		}

.square
		{
		margin:-9px 0px 0px 0px;
		_margin:-1px 0px 0px 0px;
		}