/* styles */
/*
make sure we all start at the same place eh? 
********************************************/

*, html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, dd, li, a {
font-family:Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
border:0px;
}

body {
	 background-color:#504f4d;
	 margin:0px;
	 padding:0px;
	 font-size:.8em;
	 color:#565656;
	 font-family: Arial, Helvetica, sans-serif;
}
a:link,
a:visited {
	color:#fcb910;
	font-weight:bold;
	text-decoration:none;
	font-size:1em;
}

a:hover {
	text-decoration:underline;
}

abbr {
     border-bottom:dashed 1px #565656;
}

#header {
	 width:790px;
	 height: 70px;
	 background-color:#424242;
	 text-align:center;
	 margin: 0px auto 0px auto;
}

#banner {
	background-color:#FFFFFF;
	width: 100%;
	height: 160px;
	margin: 0;
	text-align:center;	
}	

#banner .bannerText {
	background-image: url(img/TES_Logo.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 130px;
	padding-top:30px;
}	

#banner h1 {
	padding-top:5px;
	margin-left:-10000px;
}

#content {
	background-color:#ffffff;
	width:790px;
	margin: 0px auto 0px auto;
	text-align:center;
	padding-top:30px;
	background-image: url(img/bg-gradient.gif);
	background-repeat: repeat-x;
}	

#content p {
	margin-bottom:10px;
}
#content .do {
	font-size: 1.4em;
	color: #3c660e;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(img/header-do.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 29px;
	padding-left: 39px;
	padding-top: 4px;
	margin-bottom:20px;
	text-indent:-10000px;
}

#content .services {
	font-size: 1.4em;
	color: #3c660e;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(img/header-services.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 29px;
	padding-left: 39px;
	padding-top: 4px;
	margin-bottom:20px;
	text-indent:-10000px;
}
#content .servicesWeb {
	color: #3c660e;
	background-image: url(img/header-services-web.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 35px;
	padding-left: 39px;
	padding-top: 4px;
	margin-bottom:20px;
	margin-top:10px;
	text-indent:-10000px;
}

#content .deriverables {
	color: #3c660e;
	background-image: url(img/header-deriverables.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 35px;
	padding-left: 39px;
	padding-top: 4px;
	margin-bottom:20px;
	text-indent:-10000px;
}

#content .clients {
	color: #3c660e;
	background-image: url(img/header-clients.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 35px;
	padding-left: 39px;
	padding-top: 4px;
	margin-bottom:20px;
	text-indent:-10000px;
}
#content .testimonials {
	color: #3c660e;
	background-image: url(img/header-testimonials.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 35px;
	padding-left: 39px;
	padding-top: 4px;
	margin-bottom:20px;
	text-indent:-10000px;
}
#content .contact {
	color: #3c660e;
	background-image: url(img/header-contact.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 35px;
	padding-left: 39px;
	padding-top: 4px;
	margin-bottom:20px;
	text-indent:-10000px;
}
#content .form {
	color: #3c660e;
	background-image: url(img/header-form.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 35px;
	padding-left: 39px;
	padding-top: 4px;
	margin-bottom:20px;
	text-indent:-10000px;
}
#content .location {
	color: #3c660e;
	background-image: url(img/header-location.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 35px;
	padding-left: 39px;
	padding-top: 4px;
	margin-bottom:20px;
	text-indent:-10000px;
}
#content .news {
	color: #3c660e;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(img/header-news-2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 29px;
	padding-left: 39px;
	padding-top: 4px;
	margin-bottom:20px;
	text-indent:-10000px;
}
#content .message {
	font-weight:bold;
	color:#fcb910;
}
#content .contentMain {
	float:left;
	margin:0px 0px 0px 20px;
	width:480px;
	text-align:left;
}

#content .contentMain p {
	padding-left:15px;
}

#content .contentRight {
	width:250px;
	text-align:left;
	float:right;
	margin-right:15px;
}	

#content .contentRight p {
	padding-left:15px;
}

#content ul {
	padding-left:45px;
	margin-bottom:20px;
	list-style-image: url(img/list-bullet.gif);
}

.imgServices {
    border:solid 1px #565656;
    padding:8px;
    margin: 4px 14px 4px 0;
    background:#FFFFFF;
    float:left;
}	
	
	
#footer {
	margin: 0px auto 0px auto;
	width:790px;
	border-top: solid 1px #565656;
	padding-top:5px;
	padding-bottom:30px;
} 

#footer p {
	font-size:.8em;
	color:#242223;
}	

.imgAustralia {
	text-align:center;
	border:solid 1px #898989; 
	margin-bottom:10px;
	margin-top: auto;
	margin-left: auto;
}
/*******************************************************/
/*top navigation styles */
/*******************************************************/
#navTop {
	padding:45px 25px 0px 0px;
	text-align:right;
	color:#FFFFFF;
    font-weight:bold;
    font-size:1em;
}

#navTop ul{
	margin:0px;
	padding:0px;
}

#navTop li {
	display:inline;
	margin:0px;
	padding:0px;
}

#navTop a{
    font-size:1em;
}

#navTop a:link,
#navTop a:visited {
	text-decoration:none;
	color:#8e8e8e;
	padding:0 5px 0 5px;
}

#navTop a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}
/*******************************************************/
/*bottom navigation styles */
/*******************************************************/

#navBottom {
	text-align:center;
	color:#565656;
    font-size:.8em;
}

#navBottom ul{
	margin:0 0 10px 0;
	padding:0px;
}

#navBottom li {
	display:inline;
	margin:0px;
	padding:0px;
}
#navBottom a{
    font-size:.9em;
}
#navBottom a:link,
#navBottom a:visited {
	text-decoration:underline;
	color:#565656;
	padding:0 5px 0 5px;
}

#navBottom a:hover {
	text-decoration:underline;
	color:#8e8e8e;
}

/*******************************************************/
/* What's new styles */
/*******************************************************/
#whatsnew {
	margin-bottom:18px;
	padding-left:15px;
}

#whatsnew .newDate {
	color:#3c565a;
	font-weight:bold;
    margin-bottom:5px;
}

#whatsnew .newText {

}

#whatsnew .newAll {
	text-align:right;
	padding-right:10px;
}

#whatsnew .newAll a {
	text-decoration:none;
	color:#fcb910;
}
#whatsnew .newAll a:hover {
	text-decoration:underline;
	color:#fcb910;
}
#whatsnew .newAll a:visited {
	text-decoration:none;
	color:#fcb910;
}

.linkPortfolio {
	font-weight: bold;
}

/*******************************************************/
/*styles for client section */
/*******************************************************/
#clients {
    margin:20px 0px 5px 14px;
}

#clients a{
   font-size:1em;
}
#clients h3 {
    margin:0 0 9px 0;
}

#clients .clientImg {
    border:solid 1px #565656;
    padding:8px;
    margin: 4px 14px 4px 0;
    background:#FFFFFF;
    float:left;
}    

#clients table {
    margin-bottom:14px;
    valign:top;
}

/*******************************************************/
/*styles for testimonials section */
/*******************************************************/
#testimonials {
    margin-top:10px;
	margin-bottom:5px;
}

#testimonials .testimonial {
	margin:5px 0 18px 0;
	background-image: url(img/quotes-left.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


#testimonials .name {
    font-style:italic;
    margin-left:15px;
}

#testimonials .company {
    margin-left:15px;
}

#testimonials p {
    padding-top:6px;
	padding-bottom:6px;
	margin-left:18px;	
	background-image: url(img/quotes-right.gif);
	background-repeat: no-repeat;
	background-position:bottom right;
}
  
/*******************************************************
* FORM styles
********************************************************/
#form {
	padding:0px;
	margin:0px 0px 0px 14px;
	border:none;
}

#form input, textarea {
	border:solid 1px #595959;   /**/
	color:#333333;
	background-color:#DFDFDF;
	font-size:.9em;
}
#form .button {
	padding:0px 8px 0 8px;
	margin-top:7px;
	font-weight:bold;
}
	
/*******************************************************
* Styles for the picture effect on the services page
********************************************************/
#showimage{
position:absolute;
visibility:hidden;
border: 1px solid #000;
}

#dragbar{
cursor: hand;
cursor: pointer;
background-color: #CCCCCC;
min-width: 100px; /*NS6 style to overcome bug*/
}

#dragbar #closetext{
font-weight: bold;
margin-right: 1px;
}

/* CSS for the homepage image */
#graphic {
	width:410px;
	height:168px;
	margin:0px 0 0 20px;
	background-image: url(img/grapich_main.gif);
	background-position: right;
	background-repeat:no-repeat;
}

#graphic .tagGreen {
	color:#6c8b00;
	padding:30px 0 8px 28px;
	font-size: 1.5em;
}

#graphic .tagBlue {
	color:#3f90a9;
	padding:2px 0 0 47px;
	font-size: 1.5em;
	text-transform: uppercase;
}

#graphic .tagBottom {
	
}