/* TFX Co. */

/* META */

body{
xbackground-color:#D5D5D5;
font-size:62.5%;
font-family:Helvetica, Arial, sans-serif;
margin:0 0 0 0;
line-height:1.2;
background-image: url(../images/bg_tfxco-02.png);
background-position: top;
background-repeat: repeat-x;
}

html{
	height: 100%;
	margin-bottom: 1px;
}

/* TYPOGRAPHY */

h2{
font-weight:100;
font-size:1.8em;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}

h3{
font-weight:100;
font-size:1.4em;
color:#000066;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
}

.title{
color:#000066;
font-weight:bold;
}

.smallertitle{
font-size:.9em;
}

.titledesc{
font-weight:100;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
line-height:1.4;
}

li{
list-style-type:none;
list-style-image:url(../images/plus.gif);
}

.underline{
border-bottom:#CCCCCC solid 1px;
padding-bottom:3px;
margin-bottom:3px;
width:75%;
}

.current{
	font-weight: bold;
	text-decoration: underline;
	color: #7a0d00;
}

/* STRUCTURE */

#container{
width:860px;
xheight:900px;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
font-size:1.2em;
xpadding:5px 5px 5px 5px;
text-align:center;
background-image: url(../images/bg_tfxco-02.png);
background-position: top;
background-repeat: repeat-x;
}

/* NAVIGATION */

#nav{
width:850px;
height:22px;
text-align:left;
xwidth:860px;
color:#FFFFFF;
clear:both;
padding:0 5px 1px 5px;
xpadding:1px 1px 1px 1px;
background-image:url(../images/bg_nav.png);
background-repeat:no-repeat;
background-position:bottom;
}

#nav span{
margin:0 5px 0 5px;
}

#navcontainer{
padding:0 0 0 5px;
}

/* TOP */

#top{
xwidth:850px;
width:840px;
height:295px;
xbackground-color:#8eaf2f;
font-size:1.1em;
margin:10px 0 5px 0;
padding: 10px 5px 5px 15px;
clear:both;
background-image:url(../images/bg_top.png);
background-repeat: no-repeat;
background-position: center;
}

#logo{
float:left;
width:120px;
height:290px;
xbackground-color:#FF9900;
}

#headertext{
float:left;
text-align:left;
width:280px;
height:290px;
margin:0 15px 0 15px;
xbackground-color:#FF6600;
}

#slideshow{
float:left;
text-align:left;
width:385px;
height:290px;
xbackground-color:#8eaf2f;
background-image:url(../images/bg_loading.gif);
background-repeat:no-repeat;
background-position:center;
xdisplay: none;
}

/* CONTENT */

#content{
width:850px;
xheight:10em;
xbackground-color:#8eaf2f;
font-size:1.1em;
line-height:1.4;
margin:10px 5px 5px 5px;
clear:both;
}

* html #contentleft{
margin: 20px 5px 5px 5px;
}

* html #contentcenter{
margin: 20px 5px 5px 5px;
}

* html #contentright{
margin: 20px 5px 5px 5px;
}

#contentleft{
float:left;
text-align:left;
width:230px;
xheight:290px;
xbackground-color:#FF9900;
margin:5px 20px 5px 5px;
}

#contentleft2{
float:left;
text-align:left;
width:400px;
xheight:290px;
xbackground-color:#FF9900;
margin:5px 20px 5px 5px;
}

#contentcenter{
float:left;
text-align:left;
width:245px;
xheight:445px;
xheight:40em;
xbackground-color:#FF6600;
margin:5px 20px 5px 5px;
xpadding:5px 20px 5px 5px;
background-image:url(../images/bg_contentcenter.png);
background-repeat: no-repeat;
background-position:top;
}

.inside{
margin:0 10px 10px 10px;
}

.indent{
margin-left:10px;
}


#contentright{
float:left;
text-align:left;
width:315px;
xheight:290px;
xbackground-color:#FFCC00;
margin-top:5px;
xdisplay: none;
}

#contentright2{
float:left;
text-align:left;
width:415px;
xheight:290px;
xbackground-color:#FFCC00;
margin-top:5px;
}

#contactform{
background-image:url(../images/bg_gradient.png);
background-repeat:repeat-x;
background-position:top;
width:415;
xheight:290px;
}

.row{
clear:both;
text-align:center;
xbackground-color:#00FF00;
width:235px;
padding-bottom:10px;
}

.row2{
clear:both;
xbackground-color:#00FF00;
height:90px;
padding-bottom:10px;
}

.rowleft{
clear:both;
text-align:left;
xbackground-color:#00FF00;
padding:10px 10px 10px 20px;
}

.left{
float:left;
padding:5px 5px 0 15px;
}

.right{
float:right;
padding:5px 15px 0 5px;
}

.row p{
text-align:center;
}

#thumbnails{
width:235px;
xheight:250px;
padding:0 0 10px 0;
margin-bottom:5px;
xbackground-color:#ff6600;
}

.description{
margin:0 0 25px 100px;
}

.description img{
margin:0 0 0 -100px;
}

.break{
clear:both;
}

x.post-it{
	width: 225px;
	height: 225px;
	margin: 5px 0 0 0;
	background-image: url(../images/post-it.png);
	background-repeat: no-repeat;
	background-position: center;
}

.post-it{
	margin: 50px 0 0 0;
	padding: 20px 0 0 0;
	xmargin-top: -25px;
	border-top: 2px dotted #bfbfbf;
}

x.post-it .row{
	padding: 175px 0 0 0;
}

/* FOOTER */

#footer{
width:800px;
height:2em;
xbackground-color:#ff6600;
font-size:0.9em;
padding:10px 5px 3px 5px;
clear:both;
}

/* LINKS */

#nav a{
color:#FFFFFF;
font-weight:bold;
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:1.2em;
text-decoration:none;
}

#nav a:hover{
text-decoration:underline;
}

a{
font-weight:bold;
color:#000066;
text-decoration:none;
}

a img{
border:none;
}

a:hover{
font-weight:bold;
color:#000066;
text-decoration:underline;
}

/* DOM COLLAPSE */

.trigger{
cursor:pointer;
font-weight:bold;
color:#000066;
}

.trigger img{
border:none;
margin-right:3px;
}		

.trigger:hover{
cursor:pointer;
background:#ddf;
}		

.expanded{
background:#ccf;
cursor:pointer;
font-weight:bold;
color:#000;
}

.expanded img{
border:none;
margin-right:3px;
}	

.expanded:hover{
background:#eef;
cursor:pointer;
}

.show{
position:static;
display: table;
}

.hide{
position:absolute;
left:-999em;
height:1px;
width:100px;
overflow:hidden;
}

.goleft{
	float: left;
}

.goright{
	float: right;
}

/* FORMS */

input {
 background-color: #f9f9f9;
	border: thin solid #d8d8d8;
}

/* UNCATEGORIZED */

hr{
margin:-10px 0 10px 0;
}

.divider {
	margin: 10px 0 10px 0;
	color: #ff6600;
	size: 1px;
}

hr.divider {
	margin: 10px 0 10px 0;
	color: #e5e5e5;
	size: 1px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */