/* ---------------------------------------- 
   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: #376A05;
	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: #333333;
	background-repeat: repeat-x;
	background-position: top;
}

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

/* 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: #ffcc00;
	clear: both;
}

#MainHeaderNav{
	font: 13px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	text-align: right;
	color:#FFFFFF;
	position:absolute;
	right:0;
	top:25px;
	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;
}

.button_mobile {background:#376A05 url(images/buttons/Mobile.jpg) no-repeat top left}
.button_email {background:#376A05 url(images/buttons/Email.jpg) no-repeat top left}
.button_web {background:#376A05 url(images/buttons/Web.jpg) no-repeat top left}
.button_marketing {background:#376A05 url(images/buttons/Marketing.jpg) no-repeat top left}
.button_text2screen {background:#376A05 url(images/buttons/Text2Screen.jpg) no-repeat top left}
.button_meettxd {background:#376A05 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: #e9ffd2;
	overflow: hidden;
	display:inline;
}
#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:350px;
	height:380px;
	float: left;
	background-color: #FFFFFF;
	margin-top: 2px;
	margin-left: 2px;
	overflow: hidden;
	display: inline;
	
}
#Three_Window_Mid {
	width:350px;
	height:380px;
	float: left;
	background-color: #FFFFFF;
	margin-top: 2px;
	margin-left: 2px;
	overflow: hidden;
}
#Three_Window_Right {
	width:252px;
	height:380px;
	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;
	display:inline;
}

#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 {
	width:717px;
	float: left;
	background-color: #FFFFFF;
	margin-top: 2px;
	margin-left: 1px;
	margin-right: 2px;
	display: inline;
}

* html #Page_Content_Window {width:703px;}

/* -------------------------
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: #9ACD32;
	margin-top: 0px;
	margin-left:14px;
	margin-right:14px;
	display: block;
	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: gray;
	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 img.client{
	margin-left:0px;
	margin-right:0px;
	margin-top: 0px;
	margin-bottom: 2px;
}

#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;
}

#NewsWindow a img {border:0; outline:0; margin:0; padding:0;}

.homebut{
display:block;height:63px;width:200px;position:relative;top:14px;left:16px;border:0;
}