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

author: David Goadby 
tag: thedaveyb
site:  gtcmanagment.co.uk
web: www.gtcmanagment.co.uk 
email: david@thedaveyb.co.uk
client: d4hcreative.com

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


/* CLEAR BROWSER DEFAULTS */
html { height: 100%; margin-bottom: 1px; }  
html,body{height:100% !important}
p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6, label, input, form, select, dt, dl, dd {margin: 0 0 0 0;padding: 0 0 0 0;color:#666; font: 10px/11px verdana, arial, helvetica, sans-serif;}


/* SET BODY DEFAULTS  ---------------------------------------------------------------*/
body {margin: 0 0 0 0;padding: 0 0 0 0;text-align:center;}





#container {width: 729px;margin:auto; text-align:center;border:#666666 1px solid;}

#wrap {
	position: relative;
	width: 785px;
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}



#footer {
	background-image: url(../img/footer1.gif);
	background-repeat: no-repeat;
	position: relative;
	width: 729px;
	height: 73px;
}



br.clear {
	line-height: 1px;
	height: 1px;
	overflow: hidden;
	clear: both;
	display: block;
}

#mainleft {
	float: left;
	text-align: left;
	width: 350px;
	margin: 0 0 0 5px;
}

#mainright {
	float: left;
	text-align: left;
	width: 350px;
	/* margin: 0 0 0 5px;*/
}


#login {
top: 27px;
position:relative;
}
#login label {
font-family:"Arial Narrow", Arial;
color:#999999;
font-size:14px;
font-weight:bold;
}

#container #contentcontain #left {
	float: left;
	position: relative;
	width: 700px;
	text-align: left;
}

#container #contentcontain #left_long {
	float: left;
	position: relative;
	width: 550px;
	text-align: left;
}



#container #contentcontain #right {
	float: left;
	text-align: left;
	width: 270px;
	background-image:url(../img/slicebg.gif);
	background-repeat: repeat-y;
}

#contentcontain {
	background-repeat:no-repeat;
	background-image: url(../img/watermarkbg.jpg);
}


#container #ndnav {
	background-image: url(../img/2ndnav1.gif);
	background-repeat: no-repeat;
	position: relative;
	height: 75px;
	width: 727px;
	left: 1px;
}
#container #ndnav #navpos {
	text-align: left;
}

#terms {
width: 450px;
position:relative;
margin: 10px 10px 10px 10px;
}

/* HTML Styles / Footer / Credits */
#credits {
	position: relative;
	width: 726px;
	text-align: center;
	margin: auto;
	top: 10px;
	color: #999999;
	font: normal 11px Arial Narrow;
}
#credits a {
	color: #CCCCCC;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
/* HTML Styles / Formatting */
p {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
	line-height: 18px;
	margin: 15px 25px 0 25px;
}
#contentmain li {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 11px;
	line-height: 18px;
	margin: 15px 25px 0 25px;
}
.name {
	font-family: Arial, Helvetica, sans-serif;
	color: #59749F;
	font-size: 11px;
	line-height: 18px;
}
h2 {
	color: #59749F;
	font-size: 14px;
	font-family: "Arial Narrow", Arial;
	font-weight: bold;
}
h2.replace {
	color: #59749F;
	font-size: 20px;
	line-height: 20px;
	margin: 3px 0 0 0;
	font-family: "Arial Narrow", Arial;
}
.headband {
	padding: 0 0 0 0;
	margin: 0 0 10px 10px;
   position: relative;
   /*height: 34px;*/
	display: block;
	float: left;
	text-align: left;
	color: White;
}
.headbandrght {
	padding: 0 0 0 0;
	margin: 0 0 10px 20px;
   position: relative;
   /*height: 34px;*/
	display: block;
	float: left;
	text-align: left;
	color: White;
}

a {
color:#59749F;
text-decoration:none;

}



/*Contact Form ================================== */
.multiline-field {
	width: 202px;
	height: 98px;
	margin: 3px 0 2px 0;
	padding: 0 0 0 0;
	display: inline;
	font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #59749F;
	color: #FFFFFF;
}
#form-container {
	float: left;
	/*width: 450px;*/
}


#form-container form p, form#formname #form-container p{
	clear: both;
	margin: 3px 0 2px 0;
}
#form-container form p label, form#formname #form-container p label{
  float: left;
  width: 29%;
  text-align: right;
  margin-top: 5px;
}
#form-container form p.wide label, form#formname #form-container p.wide label{
  width: 100%;
  text-align: left;
}
#form-container form p span.formw, form#formname #form-container p span.formw{
  float: right;
  width: 70%;
  text-align: left;
}
.singleline-field {
	width: 200px;
	height: 14px;
	font: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 3px 0 2px 0;
	padding: 0 0 0 0;
	display: inline;
	background-color: #59749F;
	color: #FFFFFF;
}
select.singleline-field {
	width: 206px;
	height: 20px;
	background-color: #59749F;
}
.darktxt {
	color: #FF0000;
	font-weight: bold;
}
#wrap #container #contentcontain #left #tabs {
	background-image: url(../img/namebg.gif);
	background-repeat: no-repeat;
	width: 450px;
}
.tabs {
	background-image: url(../img/namebg.gif);
	background-repeat: no-repeat;
	width: 450px;
	margin: 15px 0 25px 0;
	
}
#loginmain {
	background-image: url(../img/loginbg.gif);
	position: relative;
	height: 185px;
	width: 428px;
	background-repeat: no-repeat;
	margin: 10px 10px 0 15px;
}

/* These are standard sIFR styles... do not modify */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.execframe{
width:auto;
height:auto;
padding:2px;
border:1px solid #59749F;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h2.replace {
	visibility: hidden;
	padding-left: 10px;
	padding-bottom: 2px;
	font-size: 18px;
	line-height: 22px;
	text-align:center;
}
.sIFR-hasFlash .headbandrght h2.replace  {
	padding-left: 0;
}


/* H1 - Image Replace Text? */

#contentcontain h1 span {
	position: absolute; 
	background: url(../img/gtc-betterforyou.gif) no-repeat;
	float: left;
	width: 415px;
	height: 85px;
	color:#FFFFFF;

}

#contentcontain h1 span.electrics { /* Electrics */
	position: absolute; 
	background: url(../img/gtc-betterforyou-electrics.gif) no-repeat;
	float: left;
	width: 415px;
	height: 100px;
	color:#FFFFFF;

}

#contentcontain h1 span.gas { /* Gas */
	position: absolute; 
	background: url(../img/gtc-betterforyou-gas.gif) no-repeat;
	float: left;
	width: 415px;
	height: 85px;
	color:#FFFFFF;

}

#contentcontain h1 span.mobiles { /* Mobiles */
	position: absolute; 
	background: url(../img/gtc-betterforyou-mobiles.gif) no-repeat;
	float: left;
	width: 415px;
	height: 85px;
	color:#FFFFFF;

}

#contentcontain h1 span.telcoms { /* Telecoms */
	position: absolute; 
	background: url(../img/gtc-betterforyou-telecom.gif) no-repeat;
	float: left;
	width: 415px;
	height: 85px;
	color:#FFFFFF;

}

#contentcontain #cata h1 {
	padding:0 0 0 0;
	color:#FFFFFF;
	display: block;
	/*background: url(../img/gtc-betterforyou.gif) no-repeat top;*/
}


.directors {
	float: left;
	width: 125px;
	height: 153px;
	padding-right: 10px;
	margin: 0 0 8px 20px ;
}

.directorstxt {
	width: 360px;
	float: left;
	background: url(../img/vline.gif) repeat-y left;

}

.directorstxt p
{
margin: 0 0 10px 10px;

}

.breakline {
	float:left;
	background: transparent url(../img/break.gif) repeat-x;
	width: 100%;
	overflow: hidden;
	height: 10px;
}

.testimage
{
width: 110px;
height: auto;
float: left;
margin-top:5px;
margin-bottom:5px;
margin-left: 20px;
}

.testitext
{
width: 300px;
height: auto;
float: left;
}

.testimonialtext
{
width: 730px;
height: auto;
float: left;
clear:both;
}

.cform
{
margin-left: 30px;
margin-top: 20px;
font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;}
	
	
/* NEW TOP NAV  ---------------------------------------------------------------*/
#topnav {float:left; display:block; width:100%;}
#topnav li { float:left; list-style:none;}
#topnav li a { font: bold 12px Arial Narrow; color:#FFFFFF; display:block; padding: 10px 34px 10px 33px; text-transform:uppercase; background: no-repeat url(../img/bg_db.gif) bottom right; margin:1px;}
#topnav li a.one { background-color: #0568B9;}
#topnav li a.two { background-color:#99CC00;}
#topnav li a.three { background-color:#FF9900;}
#topnav li a.four { background-color:#65422F;}
#topnav li a.five { background-color:#FF66CC;}
#topnav li a.six { background-color:#59749F;}

#topnav li a:hover { text-decoration:underline;background-color:#59749F;}