/* ---------------------------------------- 
   TXD Ltd Website - 10/07/2008
	Author: Chris Albutt
	Company: TXD Limited
	Web: http://www.txdlimited.co.uk
   ---------------------------------------- 
*/

/* -------- Cross Browser Zero - Stuee told me to do this :) cheers stu ------- */

*{
	margin: 0;
	padding: 0;
}


img, div, pre { 
	behavior: url(iepngfix.htc)
	}

body{
	text-align:center;
	background: url(images/clouds_bg.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

#TopLeftPlace {
	position:absolute;
	left:0px;
	top:0px;
	width:150px;
	height:150px;
	z-index:1;
}

#BodyWrapFader {
	text-align:center;
	background: url(images/bodywrap_fades.png);
	background-repeat: repeat-y;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	width:976px;
}

#BodyWrap {
	font: 12px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	width:960px;
	background-color: #000;
	line-height: 20px;
}

#BodyWrap p, form{
	margin-left: 14px;
	margin-right: 14px;
	margin-top: 5px;
	line-height: normal;
}

#BodyWrap h1{
	font: 20px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-weight:bold;
	margin-left:14px;
	margin-right:14px;
	margin-top:14px;
}

#BodyWrap h2{
	font: 14px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-weight:bold;
	margin-left:14px;
	margin-right:14px;
	margin-top:14px;
}

#BodyWrap pre{
	font: 13px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	padding-left:14px;
	padding-top:5px;
	padding-bottom:5px;
	background-image:url(images/pre_fade.png);
	background-color: #58B6F4;
	background-repeat: repeat-x;
	background-position: top;
}

#MainHeader {
	width:960px;
	height:91px;
	background-color: #000;
	float: left;
	display: inline;
	background-image:url(images/txd_header.jpg);
	position:relative;
}

/* Home, About, Contact Nav */


/* FIX THIS BIT!!! SO YOU CAN CLICK THE LOGO TO GO HOME */
#MainHeaderLogoHome{ 
	float: left;
	left:10px;
	top:10px;
	width:160px;
	height:70px;
	background: #000;
	clear: both;
}

#MainHeaderNav{
	font: 13px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	text-align: right;
	color:#FFFFFF;
	position:relative;
	left:610px;
	top:15px;
	width:350px;
	height:24px;
	clear: both;
}

#MainHeaderNav a{
	font: 13px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	text-decoration: none;
	color:#FFFFFF;
}

#MainHeaderNav a:hover{
	font: 13px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	text-decoration: none;
	color: #FFCC00;
}

/* -------------------------
MAIN TABS NAVIGATION
------------------------- */


#MainNavigation {
	float: left;
  	width: 960px;
	height: 51px;
	padding: 0;
	margin: 0;
}

#MainNavigation p{
	padding: 0;
	margin: 0;
}

.MainNavigationButton {
	cursor:pointer;
	float: left;
	width: 160px;
	height: 51px;
	padding:0; 
	margin:0;
	overflow:hidden;
	display:block;
}

.button_mobile {background:#000 url(images/buttons/Mobile.jpg) no-repeat top left;}
.button_email {background:#000 url(images/buttons/Email.jpg) no-repeat top left}
.button_web {background:#000 url(images/buttons/Web.jpg) no-repeat top left}
.button_marketing {background:#000 url(images/buttons/Marketing.jpg) no-repeat top left}
.button_text2screen {background:#000 url(images/buttons/Text2Screen.jpg) no-repeat top left}
.button_meettxd {background:#000 url(images/buttons/MeetTXD.jpg) no-repeat top left}

.button_mobile:hover, .button_email:hover, .button_web:hover, .button_marketing:hover, .button_text2screen:hover, .button_meettxd:hover, .currentPage {
	background-position:top right;
	cursor:pointer;
}

/* -------------------------
HOME DIVS GROUP START
------------------------- */

#WelcomeWindow { 
	/* The main welcome box, graphic or flash */ 
	width:638px;
	height:263px;
	background-color: #FFFFFF;
	float: left;
	margin-right: 2px;
	background-image: url(images/splash_screen.jpg);
}


#NewsWindow {
	width:320px;
	height:263px;
	float: left;
	background-color: #eee;
	overflow: hidden;
}

#NewsWindow form {margin:0px; padding:0px;}
#NewsWindow form fieldset {border:0; padding:0; margin:0;}
#NewsWindow form p {padding:0.5em; margin:5px;}
#NewsWindow form label {display:block; width:100px}
#NewsWindow form input {width:260px; padding:0.3em; border:3px solid #ddd}
#NewsWindow form .login {width:80px; padding:0.5em 0.2em; border:0; background-color:#555; color:#fff; font-weight:bold; cursor:pointer}
#NewsWindow form p.errMsg {margin:10px; padding:0.5em; width:260px; background:#e5e5e5; text-align:center}

#HalfWindow_Left {
	width:477px;
	height:230px;
	float: left;
	background-color: #FFFFFF;
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 1px;
	overflow: hidden;
	display: inline;
}
#HalfWindow_Right {
	width:477px;
	height:230px;
	float: left;
	background-color: #FFFFFF;
	margin-top: 2px;
	margin-left: 1px;
	margin-right: 2px;
	overflow: hidden;
	display: inline;
}
#Three_Window_Left {
	width:364px;
	height:370px;
	float: left;
	background-color: #FFFFFF;
	margin-top: 2px;
	margin-left: 2px;
	overflow: hidden;
	display: inline;
	
}
#Three_Window_Mid {
	width:444px;
	height:200px;
	float: left;
	background-color: #FFFFFF;
	margin-top: 2px;
	margin-left: 2px;
	overflow: hidden;
	display:inline;
}
#Three_Window_Right {
	width:144px;
	height:200px;
	float: left;
	background-color: #FFFFFF;
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 2px;
	overflow: hidden;
	display: inline;
}

/* -------------------------
HOME DIVS GROUP END
------------------------- */


/* -------------------------
PAGE DIVS GROUP START
------------------------- */

#Page_Option_Header_Window {
	background-image:url(images/pre_fade.png);
	background-repeat: repeat-x;
	background-position: top;
	width:960px;
	height:230px;
	float: left;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	overflow: hidden;
}

#Page_Option_Window {
	width:237px;
	float: left;
	height: 400px;
	background-color: #FFFFFF;
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 1px;
	display: inline;
}

#Page_Content_Window {
	background:url(images/pre_fade.jpg) top left repeat-x #fff;

	width:717px;
	float: left;

	margin-top: 2px;
	margin-left: 1px;
	margin-right: 2px;
	display: inline;
}

/* -------------------------
PAGE DIVS GROUP END
------------------------- */

#Page_Option_Window ul{
	margin-left: 14px;
	padding-left: 18px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #FFFFFF;
	list-style-type: square;
	
}

#Page_Option_Window a, #Page_Option_Window a:visited {
	text-decoration: none;
	display:block;
	font: 12px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	color: #333333;
	border-bottom: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #EAF2D3;
}

#Page_Option_Window a:hover {
	display:block;
	background-color: #EAF2D3;
	color: black;
	text-decoration: underline;
}

#Page_Content_Window p{
	margin-left: 14px;
	margin-right: 14px;
	line-height: 1.8em;
}

#Page_Content_Window h1 {
	font: 36px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	letter-spacing: -2px;
	text-align: left;
	color: #202C46;
	margin-top: 0px;
	margin-left:14px;
	margin-right:14px;
	display: block;
	padding:10px 0 0 0;
	border-bottom: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #A5BC8F;
}

#Page_Content_Window h2{
	font: 20px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	letter-spacing: -1px;
	color: #202C46;
	margin-left:14px;
	margin-right:14px;
	margin-top: 5px;
	margin-bottom: 10px;
}

#Page_Content_Window img{
	margin-left:10px;
	margin-right:10px;
	margin-top: 0px;
	margin-bottom: 10px;
}

#Page_Content_Window ul{
	margin-left:30px;
	margin-right:10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#Footer {
	background-image:url(images/pre_fade.png);
	background-repeat: repeat-x;
	background-position: top;
	font: 10px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	text-align:center;
	color:#FFFFFF;
	width:940px;
	clear: both;
	padding: 10px;
}

#Footer a{
	color:#FFFFFF;
}
#Footer a:hover{
	color:#FFCC00;
	cursor: pointer;
}


/* -------------------------
KATE'S TEAM PAGES CSS
------------------------- */

#Left_Column {
	float:left;
	width:200px;
	display:inline;
}

#Right_Column {
	float:right;
	width:240px;
	display:inline;
}

/* -------------------------
BUTTONS FOR VARIOUS USES
------------------------- */

.GreenButton {
	font-size: 11px;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	text-align: center;
	color: #FFFFFF;
	width: 120px;
	height: 24px;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 6px;
	border-right-width: 6px;
	
	background-color: #428000;
	border-color: #428000;
	border-left-color: #356600;
	border-right-color: #54A100;
}

.GreenButton:hover {
   color:#FFCC00;
	cursor: pointer;
}

.GreyButton {
	font-size: 11px;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	text-align: center;
	color: #FFFFFF;
	width: 120px;
	height: 24px;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 6px;
	border-right-width: 6px;
	background-color: Gray;
	border-color: Gray;
	border-left-color: #696969;
	border-right-color: Silver;
}

.GreyButton:hover {
   color:#FFCC00;
	cursor: pointer;
}

.MoreButton {
	font-size: 10px;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	text-align: center;
	color: #696969;
	width: 50px;
	height: 18px;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 6px;
	border-right-width: 6px;
	background-color: #F5F5F5;
	border-color: #F5F5F5;
	border-left-color: Silver;
	border-right-color: #FAFAFA;
}

.MoreButton:hover {
   color:#FFCC00;
	cursor: pointer;
}


.logoLink {position:absolute; width:300px; height:75px; top:5px; left:5px; outline:0;}

/*--- homepage madoodles ---*/


	#benefitLinks ul {list-style:none; margin:0; padding:0; float:left; width:295px; margin:0 5px;}
		#benefitLinks ul li {padding:0 0 20px 60px; margin:0;}
		.clear{clear:both}
		
		.integrate {background:url(images/benefit_icon_at.jpg) top left no-repeat; }
		.access {background:url(images/benefit_icon_access.jpg) top left no-repeat; }
		.time {background:url(images/benefit_icon_time.jpg) top left no-repeat; }
		.does_work {background:url(images/benefit_icon_work.jpg) top left no-repeat; }
		.open_rates {background:url(images/benefit_icon_integrate.jpg) top left no-repeat; }
		.success {background:url(images/benefit_icon_sucess.jpg) top left no-repeat; }
		.anything {background:url(images/benefit_icon_phone.jpg) top left no-repeat; }
		
		
	    #benefitsBox, #benefitsBox1, #benefitsBox2, #benefitsBox3, #benefitsBox4 
		{border:1px solid #ddd; margin:0 0 10px 25px; width:440px; float:left; display:inline; min-height:250px; height:auto; padding:0;}
		* html #benefitsBox, * html #benefitsBox1, * html #benefitsBox2, * html #benefitsBox3, * html #benefitsBox4 {height:250px}
		#benefitsBox h2, #benefitsBox1  h2, #benefitsBox2  h2, #benefitsBox3  h2, #benefitsBox4  h2 {background:#eee; margin:0; padding:10px;}
		#benefitsBox ul, #benefitsBox1  ul, #benefitsBox2  ul, #benefitsBox3  ul, #benefitsBox4  ul
		{list-style:none; margin:0; padding:10px 20px;}
		#benefitsBox ul li, #benefitsBox1  ul li, #benefitsBox2  ul li, #benefitsBox3  ul li, #benefitsBox4  ul li
		{background:url(images/bul.jpg) center left no-repeat; padding-left:20px; margin:0;}
		.clear{clear:both}
		
		.benefits {padding:0 15px}
		
		
		/* --- contact form --- */
		
		#contact-form {float:left; display:inline; padding:20px 0 20px 20px}
		#contact-form form {background:url(images/contact-form.jpg) top left no-repeat; margin:0; padding:0; width:400px;}
		#contact-form fieldset {border:0; margin:0px; padding:65px 10px 20px 25px;}
		#contact-form label {display:block; float:left; width:140px;} 
		
		#contact-form input, #contact-form textarea {width:175px; padding:3px; border:1px solid #DDEFD3;}
		
		#checks {background:#DDEFD3; width:335px; margin:10px}
		#checks input {float:left; display:inline; width:auto; }
		#checks label {width:auto;padding-left:20px;}
		
		#contact-form input.checkBox {width:30px}
		#contact-form label.checkBoxB {width:300px}
		
		.clear {clear:both}
		
		#contact-form p {clear:left;}
		#contact-form #checks p {clear:none; }
		
		#contact-form input.submiter {width:120px; height:35px; padding:0; margin:0 0 0 140px; background-color:#006600; color:#FFFFFF;}
		
		hr {clear:both; color:#fff; background:#fff; width:95%; height:1px; margin:5px 0}
		
		#contact-form input.subcont {background:url(images/send_btn.jpg) top left no-repeat; width:110px; height:40px; cursor:pointer; padding:0; margin-left:140px;}
		
		
		ol {padding:30px}
		
		blockquote {width:310px; color:#fff; padding:5px;}
		.err {background:#990033}
		.con {background:#A4D389}
		
		.blue {color:blue; font-weight:bold;}