@charset "iso-8859-1";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
/* remember to define focus styles! */
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;}
/******************************************************/
/****************************************************************************************************************************************/

/*
Layout: Trident
URL Layout: http://www.trident.com
Description: Code developed for the layout of the website
Version: 1.0
Updated: 2011/02/22 | Montreal - Canada
Webdesigner: Valdete Ceolin
*/

/*Formatting basic layout
 ****************************/
body{
	margin:0px;
	padding:0px;
	font:13px Arial, Helvetica, sans-serif;
	color:#666;
	background-color:#CCC;
}
/****************************************************************************************************************************************/

/*Formatting block HEADER
 ****************************/
/*top*/
#top {
	background:#FFF;
	width:780px;
	height:101px;
	margin-top:50px;
	margin:0px auto;
	position:relative;
}
#logo{
	background:url(../images/trident_logo.jpg) no-repeat;
	width:221px;
	height:53px;
	float:left;
	clear:both;
	position:absolute;
	left:12px;
	top:25px;
}
#topline{
	background:url(../images/topline.jpg) no-repeat;
	width:1px;
	height:53px;
	float:left;
	clear:both;
	position:absolute;
	left:247px;
	top:25px;
}
#backmenutop{
	background:url(../images/backmenutop.png) no-repeat;
	width:262px;
	height:22px;
	float:left;
	clear:both;
	position:absolute;
	right:0px;
	
}
#slogan{
	float:left;
	clear:both;
	position:absolute;
	left:271px;
	top:45px;
	width:500px;
	font:15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
}
/***************************/
/*menu_languages*/
ul.languages {
	margin-top:2px;
	position:absolute;
}
ul.languages li {
	display:inline;
	margin-left:21px;/*fr*/
}
ul.languages li a {
	text-decoration:none;
	color:#FFF;
	font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
ul.languages li a.active, ul.languages li a:hover {
	color:#000;
}
/***************************/
/*menu*/
#bgmenu{
	background:url(../images/bgmenu.jpg) repeat-x;
	width:780px;
	height:61px;
	margin-top:50px;
	margin:0px auto;
	position:relative;
}
ul#menu {
	margin-top:22px;
	padding:0px;
	left:0px;
	position:absolute;
	width: 780px;
}
ul#menu li{
	display:inline;
	margin-left:48px;/*fr*/
}
ul#menu li a.active, ul#menu li a:focus, ul#menu li a:hover{
	color:#df4f00;
}
ul#menu li a {
	text-decoration:none;
	color:#666;
	font-size:15px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
/***************************/
/*banner*/
#banner{
	background:url(../images/banner.jpg);
	width:780px;
	height:193px;
	margin-top:50px;
	margin:0px auto;
	position:relative;
}
/****************************************************************************************************************************************/

/*Formatting block HEADER2
 ****************************/
/*top*/
#top {
	background:#FFF;
	width:780px;
	height:101px;
	margin-top:50px;
	margin:0px auto;
	position:relative;
}
#logo{
	background:url(../images/trident_logo.jpg) no-repeat;
	width:221px;
	height:53px;
	float:left;
	clear:both;
	position:absolute;
	left:12px;
	top:25px;
}
#topline{
	background:url(../images/topline.jpg) no-repeat;
	width:1px;
	height:53px;
	float:left;
	clear:both;
	position:absolute;
	left:247px;
	top:25px;
}
#backmenutop{
	background:url(../images/backmenutop.png) no-repeat;
	width:262px;
	height:22px;
	float:left;
	clear:both;
	position:absolute;
	right:0px;
	
}
#slogan{
	float:left;
	clear:both;
	position:absolute;
	left:271px;
	top:45px;
	width:500px;
	font:15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666;
}
/***************************/
/*menu_languages*/
ul.languages {
	margin-top:2px;
	position:absolute;
}
ul.languages li {
	display:inline;
	margin-left:21px;/*fr*/
}
ul.languages li a {
	text-decoration:none;
	color:#FFF;
	font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
ul.languages li a.active, ul.languages li a:hover {
	color:#000;
}
/***************************/
/*menu*/
#bgmenu{
	background:url(../images/bgmenu.jpg) repeat-x;
	width:780px;
	height:61px;
	margin-top:50px;
	margin:0px auto;
	position:relative;
}
ul#menu {
	margin-top:22px;
	padding:0px;
	left:0px;
	position:absolute;
	width: 780px;
}
ul#menu li{
	display:inline;
	margin-left:48px;/*fr*/
}
ul#menu li a.active, ul#menu li a:focus, ul#menu li a:hover{
	color:#df4f00;
}
ul#menu li a {
	text-decoration:none;
	color:#666;
	font-size:15px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
/***************************/
/*CT_Banner2*/
#CT_Banner2{
	background:url(../images/CT_Banner2.jpg);
	width:780px;
	height:193px;
	margin-top:50px;
	margin:0px auto;
	position:relative;
}
/****************************************************************************************************************************************/

/*Formatting block CONTAINER
 ****************************/
#CONTAINER { /*General*/
	background-color:#FFF;
	width:780px;
	margin:0px auto;
	position:relative;
	line-height:16.5px;
}
.main_content {
    float: left;
    width: 520px;
}
.sidebar {
    background:#ededed;
	float:right;
    width: 260px;
	margin:0px;
}
.content_right {
    float: right;
    width: 520px;
}
.sidebar_left {
    background:#ededed;
	float:left;
    width: 260px;
}
.hline{
	background:url(../images/hline.jpg) repeat-x;
	width:520px;
	margin-top:443px;
}
/***************************/
/*links more*/
a{
	text-decoration:underline;
	outline:none;
	color:#df4f00;
}
a:hover{
	color:#48719f;
}
/***************************/
.titles{
	padding:20px;
	color:#48719f;
	font:20px Arial, Helvetica, sans-serif;
}
ul{
	line-height:16.5px;
}
ul.mark{
	list-style-image:url(../images/titlemark.jpg);
	padding:20px 20px 20px 30px;
	color:#48719f;
	font-size:16px;
}
p{
	padding:0px 20px 0px 20px;
	line-height:16.5px;
}
/****************************************************************************************************************************************/


/*index page*/
.homebox {
    background:#ededed;
    float: left;
    width: 520px;
	height:222px;
	background-color:#FFF;
	background:url(../images/hline.jpg) repeat-x bottom;
}
.sidebox {
    background:#ededed;
	margin-left:520px;
    width: 260px;
	height:222px;
}
.box1{
	width:260px;
	background: url(../images/vline.jpg) repeat-y right;
	float:left;
	height:322px;
}
.checklist{
	background:url(../images/checklist.jpg) no-repeat;
	width:110px;
	height:100px;
	float:right;
	margin:3px 22px 0px 7px;/*fr*/
}
.promo{
	background:url(../images/promoguy.jpg) no-repeat;
	width:92px;
	height:85px;
	float:right;
	margin:-12px 7px 0px 0px;/*fr*/
}
.box2{
	width:260px;
	background: url(../images/vline.jpg) repeat-y right;
	float:left;
	height:322px;
}
.box3{
	width:260px;
	float:left;
	height:322px;
}
a.link1{
	margin-left:380px;/*fr*/
}

a.link2{
	margin-left:140px;
}
.gcolor{
	color:#41812c;
}
.orcolor{
	color:#df4f00;
}
/*calculator form*/
#calculator{
	margin:10px 15px 5px 15px;
	padding:8px 10px 1px 10px;
	width:212px;
	height:100px;
	background-color:#ccd9e7;
}
#calculator label{
	float:left;
	width:115px;
	color:#515151;
}
#calculator input{
	width:90px;
	height:12px;
	margin-bottom:5px;
}
#calculator #calculatebutton{
	margin:0px 0px 0px 70px;
	width:70px;
	height:23px;
	font-size:13px;
	position:absolute;
}
/****************************************************************************************************************************************/


/*calculator page*/
#layout{
	background-color:#ccd9e7;
	width:301px;
	margin:0px auto;
	position:relative;
}

#bannercalc{
	background:url(../images/trident.png) no-repeat;
	width:301px;
	height:69px;
}
/*calc_info form*/
#calc_info{
	margin:10px 12px 0px 12px;
	padding:8px 10px 0px 10px;
	width:301px;
}
#calc_info label{
	float:left;
	width:120px;
	color:#515151;
}
#calc_info input{
	width:132px;
	height:12px;
	margin-bottom:5px;
}
#calc_info #continuebutton{
	margin-left:190px;
	margin-top:5px;
	width:70px;
	height:23px;
	font-size:13px;
}
/****************************************************************************************************************************************/


/*company page*/
#pic1{
	background:url(../images/computers.jpg) no-repeat;
	width:125px;
	height:110px;
	float:left;
	padding:0px 7px 0px 7px;
	margin:10px 0px 0px 20px;
}
#pic2{
	background:url(../images/equipment.jpg) no-repeat;
	width:125px;
	height:110px;
	float:left;
	padding:0px 7px 0px 7px;
	margin:10px 0px 0px 20px;
}
#backpromo{
	background:url(../images/back_promo.jpg) no-repeat;
	height:93px;
	width:483px;
	margin-left:18px;
}
.promop{
	width:300px;
	font-size:14px;
	line-height:18px;
	padding:10px 0px 0px 20px;
	color:#41812c;
}
.list{
	padding:0px 20px 0px 40px;
	list-style:disc;
}
/****************************************************************************************************************************************/


/*how it works page*/
#workers{
	background:url(../images/people.jpg) no-repeat;
	width:125px;
	height:83px;
	float:left;
	padding:0px 7px 0px 7px;
	margin:10px 0px 0px 20px;/*fr*/
}
#pichandshake{
	background:url(../images/handshake.jpg) no-repeat;
	width:117px;
	height:127px;
	float:right;
	padding:0px 7px 0px 20px;
	margin:-12px 0px 0px 20px;
}
/****************************************************************************************************************************************/


/*quote page*/
#quotepic{
	background:url(../images/quote.jpg) no-repeat;
	width:180px;
	height:77px;
	float:left;
	padding:0px 7px 0px 7px;
	margin-left:20px;
}
#quoteform{
	padding:20px;
	width:220px;
	font-size:12px;
	position:relative;
}
label{
	float:left;
	width:200px;
	color:#515151;
}
input, textarea{
	width:215px;
	margin-bottom:5px;
}
textarea{
	height:30px;
}
#resetbutton{
	margin-left:45px;
}
#resetbutton, #submitbutton{
	margin-top:5px;
	width:60px;
	font-size:12px;
}
.input_rd{
	width:35px;
	margin-left:-10px;
	margin-bottom:0px;
}

#radio1{
	clear:both;
	font-size:12px;
	width:130px;
	position:relative;
}
/****************************************************************************************************************************************/


/*services page*/
.telsistlogo{
	float:left;
	padding:7px 20px 10px 17px;
}
.hsclogo{
	float:left;
	padding:25px 20px 10px 17px;
}
.ulserv{
	padding:5px 20px 0px 20px;
}
/****************************************************************************************************************************************/


/*contact page*/
#contactform{
	margin-top:30px;
	margin-left:70px;
	background-color:#eeeeee;
	padding:20px;
	width:350px;
}
#contactform label{
	float:left;
	width:90px;
	color:#515151;
}
#contactform input, #contactform textarea{
	width:250px;
	margin-bottom:5px;
}
#contactform textarea{
	height:150px;
}
#contactform #resetbutton{
	margin-left:145px;
}
#contactform #resetbutton, #contactform #submitbutton{
	margin-top:5px;
	width:70px;
	font-size:13px;
}
.emaillink{
	padding-left:20px;
}
/****************************************************************************************************************************************/


/*machinerie*/
#machine, #chariot{
	background:url(../images/industrial.jpg) no-repeat;
	width:125px;
	height:110px;
	float:left;
	padding:0px 7px 0px 7px;
	margin:0px 0px 0px 20px;
}

#chariot{
	background:url(../images/chariot.jpg) no-repeat;
}
.machine_side1{
	width:230px;
	float:left;
	height:170px;
	margin-left:160px;
}
.machine_side2{
	width:230px;
	float:right;
	height:170px;
	margin-right:160px;
}
#equipment{
	 height:150px; 
	 width:780px;
}
.linkback{
	margin-left:690px;
}
/****************************************************************************************************************************************/

/*Sitemap*/
.leftside{ 
	width:475px; 
	float:left;
	line-height:20px;
}
.rightside{
	line-height:20px;
}
.margin{
	margin:0px 0px 0px 22px;
}
ul.links_sitemap{
	padding:0px 0px 0px 20px;
}
.links_sitemap a{
	color:#666;
}
.links_sitemap li a.active, .links_sitemap li a:hover {
	color:#df4f00;
}
/****************************************************************************************************************************************/


/*Formatting block FOOTER
 ****************************/ 
#FOOTER { /*General*/
	background-color:#ededed;
	width:780px;
	height:85px;
	margin:0px auto;
	position:relative;
} 
#FOOTER span{
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#48719f;
	width:487px;
	left:193px;
	clear:both;
	position:absolute;
	top:48px;
}
.grayline{
	background-color:#e1e1e1; 
	height:5px;
}
#socialmedias{
	line-height:8px;
}
/***************************/
/*menu*/
ul#menu_footer {
	margin:-40px 0px;
	padding:0px;
	right:160px;
	position:absolute;
}
ul#menu_footer li {
	display:inline;
	margin-left:0px;
}
ul#menu_footer li a {
	text-decoration:none;
	color:#666;
	font-size:12px;
}
ul#menu_footer li a.active, ul#menu_footer li a:hover {
	color:#df4f00;
}
/***************************/
/*terms*/
.terms{
	margin-left:-24px;
	margin-top:3px;
}

.terms a{
	color:#48719f;
}
.terms a.active, .terms a:hover {
	color:#df4f00;
}
/****************************************************************************************************************************************/