@charset "utf-8";
/*
-----------------------------------------------
Title:     CSS Styles 
Website:
Author:    Todd Austin - Drake Storm Studios
Updated:   
----------------------------------------------- */

body { 
	background:#F6FAFB url(images/bg_td.png) repeat-x;
	margin:0 auto; width:1003px}
#content, #features content2{
	margin-top:0px;

}
#logo {
	background:url(images/tremendesk_logo.png)no-repeat;
	height:75px;
	margin:0;
	width:310px;
}
#header h1 {
	margin:0;
	text-indent:-9999px;}
#header h1 a {
	border:0;
	display:block;
	background:url(images/logo_with_lp.png) top left no-repeat;
	width:310px;
	height:100px;
	margin:0;margin-left:5px;
	padding:0;
	
	
}
h1,h2, h3, a{color:#D27005;}
.ui-wrapper { border: 1px solid #50A029; }
.ui-wrapper input, .ui-wrapper textarea { border: 0; }

/* 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 {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
 		margin:0;
    padding: 0 0 0 0px;
}
.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 0px;
    font-weight: bold;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0px 0px;
    background: url(images/tabs.png) no-repeat;
		 
}
.ui-tabs-nav a {
    margin: 0px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    width:200px;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */  
		font-size:18px;  
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #1C2D3C;
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    z-index: 2;
    margin-top: 0;
		background-position: 0 0px
}
.ui-tabs-nav #f-1 a {
    position: relative;
   	z-index: 2;
    margin-top: 0;
		background-position: 0 0px
}
.ui-tabs-nav #f-1 a:hover {
		background-position: 0px -206px
}
.ui-tabs-nav #f-1.ui-tabs-selected a {
    position: relative;
    z-index: 2;
    margin-top: 0;
		background-position: 0px -103px;
}





.ui-tabs-nav #f-2 a {
    position: relative;
		width:200px;
    z-index: 2;
    margin-top: 0;
		background-position: -200px -0px
}
.ui-tabs-nav #f-2 a:hover {
		background-position: -200px -206px
}
.ui-tabs-nav #f-2.ui-tabs-selected a {
    position: relative;
   
    z-index: 2;
    margin-top: 0;

	background-position: -200px -103px;
}
.ui-tabs-nav #f-3 a {
    position: relative;
		width:200px;
    z-index: 2;
    margin-top: 0;
		background-position: -400px -0px
}
.ui-tabs-nav #f-3 a:hover {
		background-position: -400px -206px
}
.ui-tabs-nav #f-3.ui-tabs-selected a {
    position: relative;
   
    z-index: 2;
    margin-top: 0;

	background-position: -400px -103px;
}
.ui-tabs-nav #f-4 a {
    position: relative;
width:200px;
    z-index: 2;
    margin-top: 0;

	background-position: -600px -0px
}
.ui-tabs-nav #f-4 a:hover {
		background-position: -600px -206px
}
.ui-tabs-nav #f-4.ui-tabs-selected a {
    position: relative;
   
    z-index: 2;
    margin-top: 0;

	background-position: -600px -103px;
}
.ui-tabs-nav #f-5 a {
    position: relative;
width:203px;
    z-index: 2;
    margin-top: 0;

	background-position: -800px -0px
}
.ui-tabs-nav #f-5 a:hover {
		background-position: -800px -206px
}
.ui-tabs-nav #f-5.ui-tabs-selected a {
    position: relative;
   
    z-index: 2;
    margin-top: 0;

	background-position: -800px -103px;
}
.ui-tabs-nav a span {
    position: relative;
    padding-right: 0;
  height: 103px;
    background-position: 0 0px;
    line-height: 27px;
}
.ui-tabs-nav .ui-tabs-selected a span {
 position: relative;
    padding-top: 0;
    height: 103px;
     background-position: 0 0px ;
    line-height: 27px;
}

.ui-tabs-nav #f-1.ui-tabs-selected  a span, .ui-tabs-nav #f-1.ui-tabs-selected  a:hover span {
 position: relative;
    padding-top: 0;
    height: 103px;
     background-position: 0px -103px ;
    line-height: 27px;
}
.ui-tabs-nav #f-2.ui-tabs-selected  a span, .ui-tabs-nav #f-2.ui-tabs-selected  a:hover span {
 position: relative;
    padding-top: 0;
    height: 103px;
     background-position: -200px -103px ;
    line-height: 27px;
}

.ui-tabs-nav #f-3.ui-tabs-selected  a span, .ui-tabs-nav #f-3.ui-tabs-selected  a:hover span {
 position: relative;
    padding-top: 0;
    height: 103px;
     background-position: -400px -103px ;
    line-height: 27px;
}
.ui-tabs-nav #f-4.ui-tabs-selected  a span , .ui-tabs-nav #f-4.ui-tabs-selected  a:hover span{
 position: relative;
    padding-top: 0;
    height: 103px;
     background-position: -600px -103px ;
    line-height: 27px;
}
.ui-tabs-nav #f-5.ui-tabs-selected  a span , .ui-tabs-nav #f-5.ui-tabs-selected  a:hover span {
 position: relative;
    padding-top: 0;
    height: 103px;
     background-position: -800px -103px ;
    line-height: 27px;
}
.ui-tabs-nav #f-1 a span {
 position: relative;
    padding-top: 0;
    height: 103px;
     background-position: 0 0px ;
    line-height: 27px;
}
.ui-tabs-nav #f-2 a span {
 position: relative;
    padding-top: 0;
    height: 103px;
     background-position: -200px 0px ;
    line-height: 27px;
}
.ui-tabs-nav #f-2 a:hover span {
     background-position: -200px -206px ;
  }
.ui-tabs-nav #f-3 a span {
 position: relative;
    padding-top: 0;
    height: 103px;
    	background-position: -400px 0px;
    line-height: 27px;
}
.ui-tabs-nav #f-3 a:hover span {
     background-position: -400px -206px ;
  }
.ui-tabs-nav #f-4 a span {
    padding-top: 0;
		 position: relative;
    height: 103px;
    	background-position: -600px 0px;
    line-height: 27px;
}
.ui-tabs-nav #f-4 a:hover span {
     background-position: -600px -206px ;
  }
.ui-tabs-nav #f-5 a span {
    padding-top: 0;
		 position: relative;
    height: 103px;
    	background-position: -800px 0px;
    line-height: 27px;
}
.ui-tabs-nav #f-5 a:hover span {
     background-position: -800px -206px ;
  }

.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-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel {
  width:953px;
	height:367px;
   padding: 10px 25px ;
	background: url(images/panel_bg3.png) no-repeat;
}

/*.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  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}
#features h3 {color:#D27005; margin-bottom:-5px;}
#features #screen { 
	background:url(images/tdesk_screen_home4.png) top right no-repeat; 
	float:right; 
	height:273px; 
	margin:-15px 10px 0 0;
	width:394px;
}
#frag-footer {margin-top:0;}
#content #frag-footer a.button1 {
	display:block;
	float:left;
	background:url(images/try_tremd_btn.png) no-repeat;
	background-color:none;
	margin:5px;
	height:40px;
	width:256px;
	}
	#content #frag-footer a.button2 {
	display:block;
	float:left;
	background:url(images/view_feat_btn.png) no-repeat;
	background-color:none;
	margin:5px;
	height:40px;
	width:256px;
	}
#secondary-content {margin:45px 25px 0;}
#secondary-content p em {font-size:30px;}

/*-----FORM-----*/

form, fieldset {
	margin: 10px 0 0 0;
	padding: 0;
}
fieldset { }
legend {
	padding: 0;
	color: #000;
}
input,  select {
	margin: 0;
	padding: 1px;
	font-size: 100%;
	font-family: inherit;
	height:18px;
	*height: height:24px;
}
textarea {margin: 0;
	padding: 2px;
	font-size: 100%;
	font-family: inherit;
	}
select { 
	padding: 0; 
}	
form {
	margin:12px 0 13px;
	padding:0; 
}
.sales {
	margin:10px 0px 10px 0;
}
form.lsform fieldset {
	padding-top:10px;
  margin-bottom: -35px;
	_position:relative;
}
form.lsform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.lsform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.lsform fieldset ol {
  margin: 0;
  padding: 0;
}
form.lsform fieldset ol li {
  list-style: none;
  padding: 0;
  margin: 0;
}
form.lsform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.lsform fieldset fieldset legend {
  padding: 0 0 15px;
  font-weight: normal;
}
form.lsform fieldset fieldset label {
  display: block;
  width: auto;
}
form.lsform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.lsform label {
  width: 140px; /* Width of labels */
}
form.lsform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}
form.lsform {
	width: 370px;
	font-size: 1.1em;
	color: #333;
}
form.lsform legend { 
	padding-left: 0; 
}
form.lsform legend,
form.lsform label {
	color: #333; 
}
form.lsform fieldset {
	border: none;
}
form.lsform fieldset fieldset {
	background: none;
}
form.lsform fieldset ol li {
	padding: 0px 10px 15px;
}
#submit {
	text-align:center;
	margin:15px 0 0;
}

/* Features Page */

#content2, #content2 #fragment-1 {
	background: url(../images/content_bg.png) bottom left no-repeat;
height:100%;
font-size:14px;
	
}
#content2 ol li {margin-top:3px;margin-bottom:3px}
#footer {height:30px; margin:15px 0;color:#1C2D3C;}

/* Legal Page */
 #legal #content2, #legal #content2 #fragment-1 {background:none }
 #legal #content2 #fragment-1 {
background: url(../images/content_bg_2400.png) bottom left no-repeat;
height:1625px;
font-size:14px;
}