/* CSS Document - ttcon - Dave Saunders */

/* body styles */
body{padding:0 0 12px 0; margin:15px 0 0 0; font-family: "Lucida Sans", verdana, arial, helvetica, serif; font-size:80%; color:#666; background:url(../images/topbg1.jpg) repeat; background-position:center center; background-attachment:fixed; background-color:#fff;}
	body#about{background:url(../images/topbg2.jpg) repeat; background-position:center center; background-attachment:fixed; background-color:#fff;}
	body#quality{background:url(../images/topbg3.jpg) repeat; background-position:center center; background-attachment:fixed; background-color:#fff;}
	body#projects{background:url(../images/topbg4.jpg) repeat; background-position:center center; background-attachment:fixed; background-color:#fff;}
	body#testimonials{background:url(../images/topbg5.jpg) repeat; background-position:center center; background-attachment:fixed; background-color:#fff;}
	body#contact{background:url(../images/topbg6.jpg) repeat; background-position:center center; background-attachment:fixed; background-color:#fff;}
body{background:url(../images/fadebg.jpg) repeat-x!important; background-color:#fff!important;}

h1,h2,h3,h4,h5,h6{font-size:100%; display:block; font-weight:bold; color:#476738;}
h1{display:block; padding:8px 15px 8px 15px; margin:-15px; margin-bottom:12px; background-color:#6e825e; color:#fff; font-size:140%; font-weight:normal;}
h2{font-size:121%; margin-bottom:0;}
h3{font-size:110%; margin:15px 0 0 0; padding:0;}
h4{font-size:111%;} h5{font-size:100%;} h6{font-size:100%;}
a{color:#476738; text-decoration:none;} a:hover{text-decoration:underline;}

/* misc styles */
.skiplinks{display:none;}fieldset{border:0; width:200px;}input{font-size:100%;}textarea{font-size:100%; width:167px; height:60px;}form{margin:0; padding:0; border:0;}table{font-size:100%;}
hr{height:1px; border:0; line-height:1px; clear:both; color:#fff; background-color:#fff;}
label{display:block; float:left;} p{line-height:1.1em;}
caption{font-weight:bold; text-align:left; padding-bottom:4px;}strong{font-weight:bold;}
.divclear{clear:both; height:1px; line-height:1px; font-size:1px; margin-top:-1px;}

/* container styles */
#container{display:block; padding:0; margin:auto; }
#inner_container{margin:auto;}
#inner_inner{margin:auto; text-align: left; width:770px;}

/* header styles */
#header{display:block; margin:0; padding:0 0 0 0; color:#000; background:url(../images/bg_tr.gif) repeat;  background-color:#4c603c; height:135px; border:5px solid #fff;}
#header a{font-weight:bold;}
#header a:hover{text-decoration:none;}
#header #logo{display:block; width:120px; height:135px; padding:0; float:left; border-right:5px solid #fff;}
#header #logo a{text-indent:-5000px; float:left; display:block; background:url(../images/logo.gif) no-repeat 0 0; padding:0; width:120px; height:135px; text-decoration:none;}
#header ul.skiplinks{display:none;}

/* mainnav styles */
#nav{padding:0; width:600px; margin:96px 0 0 30px; display:block; font-size:110%; font-weight:bold; float:left;}
#nav a{padding:0 0 5px 0; display:block; float:left; color:#fff; background-color:none; margin-right:19px;}
#nav a:hover{border-bottom:3px solid #fff; text-decoration:none;}
#nav a.active{border-bottom:3px solid #fff; text-decoration:none;}
#nav a.last{margin-right:0;}

/* middle styles */
#middle{display:block; clear:both; padding:15px 0 0 0;}

/* left styles */
#left{display:block; width:175px; float:left; border:5px solid #fff; float:left; padding:15px 15px 5px 15px; background-color:#6e825e; color:#fff; min-height:420px;}
	* html #left{width:175px;}
#left p.nhead{display:block; padding-bottom:2px; margin:0 0 10px 0; border-bottom:2px solid #858585; color:#000; font-size:111%; font-weight:bold;}
#left p{font-size:85%; margin-bottom:15px;}
#left h2{display:block; padding-bottom:4px; margin:0 0 10px 0; border-bottom:2px solid #fff; color:#fff; font-size:95%;}
	body#testimonials #left h2{font-size:110%;}
#left ul{margin:0 0 10px 0; padding:0; list-style-type:none; width:200px; }
#left ul li{margin:0;}
#left ul li a{display:block; padding:4px 4px 4px 12px; background:url(../images/bullet.gif) no-repeat; color:#005B7F; background-position:0 7px; border-bottom:1px dotted #B2B2B2;}
#left h3{font-size:95%; margin-top:8px; margin-bottom:5px; color:#fff; }
#left form{margin:10px 0 15px 0; padding:0 0 20px 0; display:block;}
#left a{color:#781400; font-weight:normal; font-size:100%;}
#left input#ajaxSearch_input{width:130px;}
	body#home input#ajaxSearch_input{width:110px;}
#left input#ajaxSearch_submit{}
#left #ajaxSearch_intro{clear:both; display:block;}
#left form a{clear:both; display:block;}
#left em{font-style:italic; padding:0 0 0 5px; display:block;}
	* html #left em{width:95%;}
.button{display:block;}
#logos{display:block; float:none; text-align:center; padding:15px 0 5px 0; margin:0; border-top:2px solid #fff; }
#logos img{border:3px solid #fff;}

/* right styles */
#right{display:block; width:500px; margin:0 15px 0 0; border:5px solid #fff; float:left; padding:15px 15px 5px 15px; background-color:#fff; min-height:420px; font-size:90%;}
	* html #right{width:499px;}
	body#xxxhome #right{display:block; width:738px; margin:0 0 0 0;}	
#right p{line-height:1.3em; margin:0 0 15px 0;}
p.intro{color:#666; font-size:110%!important; line-height:1.1em; margin-top:13px; font-weight:bold;}
#right a img{border:0;}
#right .ifr{float:right; margin:0 0 15px 15px;}
	#right #mssHolder{float:right; margin:0 0 10px 15px;}
	body#home #right #mssHolder{float:none; margin:0 0 20px 0;}
	body#projects #mssHolder{float:none; margin:0 0 0 0!important;}
#right ul{margin:10px 0 5px 10px;}
#right ul li{display:block; padding:2px 4px 2px 12px; background:url(../images/bullet.gif) no-repeat; background-position:0 6px; margin-bottom:1px;}
#right ul#homul li{float:left; width:100px;}

#right h2{margin-bottom:10px; margin-top:10px; border-bottom:2px solid #476738; padding-bottom:4px;}
#mymap1{border-left:15px solid #fff; float:right;}
#map p{margin:0; padding:0;}
#right strong{font-weight:bold;}
#right .panel{float:left; width:115px; margin-right:10px;}
#right .panel ul{margin-left:0; font-size:91%;}
#right em{font-style:italic; padding:0 10px 0 10px; margin:0 0 -10px 0; display:block;}
	* html #right em{width:95%;}
#right img.ifld{vertical-align:middle;}
#right form{margin:0; padding:0;}
#right form input{vertical-align:middle;}
#right form label{width:120px; text-align:right; padding-right:10px;}
#right form#EmailForm p{margin-top:0; margin-bottom:5px;}
#right form textarea{font-size:90%; font-family:Verdana, Arial, Helvetica, sans-serif;}

#hpanels{}
#hpanelleft{float:left; width:230px; margin-right:40px;}
#hpanelright{float:left; width:230px;}
#pgallery ul{margin:0; padding:0; list-style-type:none;}
#pgallery ul li{margin:10px 0 15px 0; padding:0; display:block; background:none; clear:both; float:none;}
#pgallery ul li a{float:none; display:block; padding:0; margin:0; background-color:#fff;}
#pgallery ul li a:hover{text-decoration:none;}
#pgallery ul li:hover{}
#pgallery ul li div{display:none;}
#pgallery ul li img{float:left; margin-right:5px; display:block;}
#pgallery ul li p{float:left; padding:10px; display:block; width:290px; cursor:pointer;}
	* html #pgallery ul{margin:0!important;}

/* footer styles */
#footer{display:block; clear:both; margin-top:10px; background:url(../images/bg_tr.gif) repeat; background-color:#6e825e; color:#fff; background-position:0 0; font-size:85%;}
#footer a{text-decoration:none; color:#fff;}
#footer a:hover{text-decoration:underline;}
#footer p{margin:0; padding:10px 10px;}
#footer img{float:right;}
#footer .ffr{float:right;}

#s2{width:100%; height:390px; display:block; background-color:#fff;}
#s2 div{background-color:#fff;}
.nav{display:block; margin:10px 0 0px 0; text-align:right;}
/* misc styles */
.dn{display:none;}
table{display:block; font-size:100%; font-family: "Trebuchet MS",verdana; font-size:100%; border:0; padding:0 0 5px 0; margin:0 0 5px 0; border-bottom:1px dashed #a7a7a7;}
table.last{border:0;}
table tr td{border-collapse:collapse; padding:2px 10px 0 0; width:120px;}
table.last tr td{border-collapse:collapse; padding:2px 10px 0 0; width:100%;}
table tr th{border-collapse:collapse; padding:2px 10px 0 0; color:#008fd4;}
	
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */
a{outline:none;}


/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {

}
.ui-tabs-nav {
    font-size: 90%;
    list-style: none;
    margin: 0!important;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px!important;
    min-width: 64px; /* be nice to Opera */
	background-image:none!important;
	padding-bottom:0!important;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(tab.gif) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #405430;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}