/* CSS Document */
/* BODY STYLES */
/*-----------------------------------------------*/
span, div, a, h1, h2, h3, h4, div, form, input, dl, ul, li, dt, dd, img {
margin:0;
border:0;
padding:0;
text-decoration:none;
list-style-type: none;
}
body {
background:#FFFEEE url(images/back_background.gif) repeat-y top center;
font-family: Arial, Helvetica, sans-serif;
font-size:68%;
text-align:center;
color:#675C58;
margin:0;
padding:0;
}
#container {
padding:0 0 0 0;
margin:0 auto 0 auto;
background:top repeat-y url(images/back_content.gif);
text-align:center;
width:780px;
}
#holder {
padding:0 0 0 0;
margin:0 auto 0 auto;
background:top repeat-y url(images/main_slice.gif);
text-align:left;
width:740px;
}
#container_top {
background:#FFFEEE url(images/back_background.gif) repeat-y top center;
margin:auto;
width:750px;
height:auto;
text-align:center;
}
#container_bot {
background:#FFFEEE url(images/back_background.gif) repeat-y top center;
margin:auto;
width:750px;
height:auto;
text-align:center;
}

/* BODY STYLES */
/*-----------------------------------------------*/
/* FONT STYLES */
/*-----------------------------------------------*/
p {
	color:#675C58;
	font-size:1.1em;
	margin:5px 0 0 0;
	line-height:1.3em;
}
a:link,
a:visited { 
color: #710101;
text-decoration: none;
}
a:hover {
border-bottom:#710101 dotted 1px;
color: #710101;
}
a:active { 
color: #710101;
text-decoration: none;
}
a.plain {
color:#958D8A;
font-size:1.0em;
text-decoration:none;
font-weight:normal;
}
a.plain:hover {
color: #958D8A;
font-size:1.0em;
font-weight:normal;
}
a.green {
color: #669900;
font-size:1.1em;
text-decoration:none;
font-weight:normal;
}
a.green:hover {
color: #669900;
font-size:1.1em;
text-decoration:underline;
font-weight:normal;
}
.p_small {
font-size:.9em;
}
.p_bold {
color:#524641;
}
.p_bold_l {
color:#675C58;
}
.p_bold_green {
font-weight:bold;
color: #669900;
}
.p_bold_green_l {
font-size:1.1em;
font-weight:bold;
color: #669900;
}
a.p_bold_large:link,
a.p_bold_large:visited { 
color: #669900;
text-decoration: none;
margin:20px 0 0 0;
font-weight:bold;
}
a.p_bold_large:hover {
border-bottom:#669900 dotted 1px;
color: #669900;
font-weight:bold;
}
a.p_bold_large:active { 
color: #669900;
text-decoration: none;
font-weight:bold;
}
h1 {
font-size:1.2em;
font-weight:normal;
color: #669900;
}
h2 {
font-size:1.2em;
font-weight:normal;
color:#675C58;
}
.hi_pad {
padding:0 0 0 30px;
}
.h1_small {
font-size:1.2em;
}
ul, li {
float:inherit;
}
/* FONT STYLES */
/*-----------------------------------------------*/
/* HOME SECTION */
/*-----------------------------------------------*/
.hidden_pic {
display:none;
}
#top_break {
background:url(images/back_top.gif) no-repeat top;
margin:auto;
padding:0 0 0 0;
width:780px;
height:18px;
}
#top {
background:url(images/top_back.jpg) no-repeat top;
width:740px;
height:133px;
text-align:left;
border-bottom:#FFFFFF solid 1px;
}
#logo {
position:relative;
width:235px;
height:70px;
margin:0;
padding:0;
}
#logo span {
position:absolute;
width:100%;
height:100%;
background:url("images/logo2.gif") no-repeat top;
}
#menu {
position:relative;
background:url("images/menu_back.gif") no-repeat top;
width:740px;
height:75px;
}
#banner_holder {
position:relative;
width:519px;
height:110px;
}
#intro {
float:left;
position:relative;
width:519px;
height:110px;
text-align:left;
}
#intro span {
position:absolute;
width:100%;
height:100%;
background: url(images/top_back2.gif) no-repeat top;
}
#main_content {
float:left;
position:relative;
background:url(images/main_slice.gif) top repeat-y;
width:740px;
height:auto;
}
.columns_left {
float:left;
width:298px;
padding:35px 0 0 30px;
}
#column01 {
position:relative;
width:298px;
height:18px;
text-align:left;
}
#column01 span {
position:absolute;
width:100%;
height:100%;
background:url("images/featured.gif") no-repeat;
}
.feature {
width:288px;
margin-top:10px;
padding:0;
}
.featured_off {
float:left;
width: 293px;
text-align: left;
margin:0 0 10px 0;
}
.featured_on {
float:left;
background:#F4F3E4 url(images/hatch_tile.gif) repeat;
width: 293px;
text-align: left;
margin:0 0 10px 0;
}
.news_off {
width: 151px;
text-align: left;
padding:5px 5px 5px 5px;
}
.news_on {
background-color:#F4F3E4;
width: 151px;
text-align: left;
padding:5px 5px 5px 5px;
}
.image {
float:left ;
width:60px;
border:none;
margin:12px 5px 0 0;
}
a.fimage:link,
a.fimage:visit,
a.fimage:hover,
a.fimage:active {
text-decoration:none;
border:none;
}
.columns_mid {
float:right;
width:160px;
padding:35px 0 0 30px;
margin:auto;
}
.news {
width:160px;
margin-top:10px;
text-align:left;
padding:0 0 10px 0;
}
#column02 {
position:relative;
width:161px;
height:18px;
text-align:left;
}
#column02 span {
position:absolute;
width:100%;
height:100%;
background:url("images/news.gif") no-repeat;
}
.column_wrapper {
float:left;
width:519px;
margin:auto;
}
.columns_right {
float:right;
background:#FFF url(images/footer_slice3.gif) repeat-y left;
width:160px;
padding:20px 20px 20px 10px;
text-align:left;
margin:0 auto 0 auto;
border-right:#EDECE0 solid 1px;
}
.enquire {
width:141px;
padding:5px 10px 10px 10px;
text-align:left;
}
#enquire {position:relative; width:161px; height:18px; text-align:left;}
#enquire span {position:absolute; width:100%; height:100%; background:url("images/enquire.gif") no-repeat;}
#testimonials {position:relative; width:161px; height:18px; text-align:left;}
#testimonials span {position:absolute; width:100%; height:100%; background:url("images/testimonials.gif") no-repeat;}

#footer {
background: url(images/footer_final.gif) no-repeat center;
width:730px;
height:48px;
padding:30px 0 0 50px;
text-align:left;
font-size:1em;
margin:auto;
color:#958D8A;
}

.clear {
clear: both;
height: 1px;
font-size: 1px;
line-height: 1px;
margin-bottom: 1px;
}
.one_pixel {
height:1px;
}
.space {
height:10px;
width:100px;
}
.space5 {
height:4px;
width:150px;
}
.space30 {
height:30px;
width:50px;
}
.iata_logo {
	background: url(images/iata.png) no-repeat;
	position:relative;
	width:36px;
	height:22px;
	margin:0;
	padding:0;
	background-image: url(images/iata.png);
}
/********* horizontal menu *********/
#nav {
position: absolute;
top: 0px;
left:25px;
list-style: none;
margin: 0;
padding: 0;
height: 33px;
display: inline;
overflow: hidden;
width: 528px;
}
#nav li {
margin: 0; 
padding: 0;
display: inline;
list-style-type: none;
}
#nav a {
float: left;
padding: 35px 0 0 0;
overflow: hidden;
height: 0px !important; 
height /**/:35px; /* for IE5/Win */
text-decoration:none;
}
#nav a:hover {
background-position: 0 -35px;
text-decoration:none;
border:none;
}
#nav a:active, #nav a.selected {
background-position: 0 -70px;
text-decoration:none;
border:none;
}
#thome a  {width: 76px; background: url(images/navhomed.gif) top left no-repeat;}
#tabout a  {width: 111px; background: url(images/navaboutd.gif) top left no-repeat;}
#tportfolio a  {width: 103px; background: url(images/navportfoliod.gif) top left no-repeat;}
#tutilidades a  {width: 132px; background: url(images/UTILNAV.gif) top left no-repeat;}
#tcontact a  {width: 101px; background:url(images/navcontactd.gif) top left no-repeat;}
/* */
/********* vertical menu *********/
#nav2 {
position: absolute;
top: -9px;
left:0;
list-style: none;
margin: 0;
height:134px;
padding: 10px 0 10px 0;
display: inline;
overflow: hidden;
width: 203px;
border-bottom:#EDECE0 solid 1px;
}
#nav2 li {
margin: 0; 
padding: 0;
display: inline;
list-style-type: none;
}
#nav2 a {
float: left;
padding: 5px 0 0 203px;
overflow: hidden;
width: 0px !important; 
width /**/:203px; /* for IE5/Win */
text-decoration:none;
}
#nav2 a:hover {
background-position: -203px 0;
text-decoration:none;
border:none;
}
#nav2 a:active, #nav2 a.selected2 {
background-position: -406px 0;
text-decoration:none;
border:none;
}
#qsomos a  {height:21px; width: 203px; background: url(images/aboutnav_qsomos.gif) top left no-repeat;}
#vwhy a  {height:21px; width: 203px; background: url(images/aboutnav_why_d.gif) top left no-repeat;}
#vserv a  {height:21px; width: 203px; background: url(images/aboutnav_serv_d.gif) top left no-repeat;}
#vpro a  {height:21px; width: 203px; background:url(images/aboutnav_pro_d.gif) top left no-repeat;}
#vtest a  {height:21px; width: 203px; background:url(images/aboutnav_test_d.gif) top left no-repeat;}
/* */
/* HOME SECTION */
/*-----------------------------------------------*/

/* ABOUT SECTION */
/*-----------------------------------------------*/
.about_left {
float:left;
width:203px;
padding:30px 0 0 30px;
margin:auto;
}
#about_header {position:relative; width:203px; height:23px; text-align:left;}
#about_header span {
	position:absolute;
	width:100%;
	height:100%;
	background-image: url(images/featured.gif);
	background-repeat: no-repeat;
}#about_nos {position:relative; width:447px; height:23px; text-align:left;}
#about_nos span {position:absolute; width:100%; height:100%; background:url("images/quienes.gif") no-repeat;}
#about_why {position:relative; width:447px; height:23px; text-align:left;}
#about_why span {position:absolute; width:100%; height:100%; background:url("images/why.gif") no-repeat;}
#about_inshort {position:relative; width:447px; height:215px; text-align:left;}
#about_inshort span {position:absolute; width:100%; height:100%; background:url("images/in_short.gif") no-repeat;}
#qsomos_inshort {position:relative; width:447px; height:215px; text-align:left;}
#qsomos_inshort span {position:absolute; width:100%; height:269px; background:url("images/q_somos_big.png") no-repeat;}
#about_services {position:relative; width:447px; height:23px; text-align:left;}
#about_services span {
	position:absolute;
	width:100%;
	height:100%;
	background-image: url(images/services.gif);
	background-repeat: no-repeat;
}
#about_process {position:relative; width:447px; height:43px; text-align:left;}
#about_process span {position:absolute; width:100%; height:100%; background:url("images/process.gif") no-repeat;}
#about_test {position:relative; width:447px; height:23px; text-align:left;}
#about_test span {position:absolute; width:100%; height:100%; background:url("images/test.gif") no-repeat;}
#process_01 {position:relative; width:447px; height:30px; text-align:left;}
#process_01 span {position:absolute; width:100%; height:100%; background:url("images/process_stage01.gif") no-repeat;}
#process_02 {position:relative; width:447px; height:30px; text-align:left;}
#process_02 span {position:absolute; width:100%; height:100%; background:url("images/process_stage02.gif") no-repeat;}
#process_03 {position:relative; width:447px; height:30px; text-align:left;}
#process_03 span {position:absolute; width:100%; height:100%; background:url("images/process_stage03.gif") no-repeat;}
#process_04 {position:relative; width:447px; height:30px; text-align:left;}
#process_04 span {position:absolute; width:100%; height:100%; background:url("images/process_stage04.gif") no-repeat;}
#process_05 {position:relative; width:447px; height:30px; text-align:left;}
#process_05 span {position:absolute; width:100%; height:100%; background:url("images/process_stage05.gif") no-repeat;}
#success_01 {position:relative; width:447px; height:30px; text-align:left;}
#success_01 span {position:absolute; width:100%; height:100%; background:url("images/success_headers01.gif") no-repeat;}
#success_02 {position:relative; width:447px; height:30px; text-align:left;}
#success_02 span {position:absolute; width:100%; height:100%; background:url("images/success_headers02.gif") no-repeat;}
#success_03 {position:relative; width:447px; height:30px; text-align:left;}
#success_03 span {position:absolute; width:100%; height:100%; background:url("images/success_headers03.gif") no-repeat;}


.about_menu {
position:relative;
width:203px;
height:200px;
padding:0 0 0 0;
text-align:left;
}
.about_content {
float:right;
width:477px;
text-align:left;
padding:30px 0 0 30px;
margin:auto;
}
.services_holder {
width:447px;
padding:0 0 0 0;
text-align:left;
}
.services_menu {
position:relative;
width:447px;
height:38px;
text-align:left;
margin:0 0 0 0;
}
#services_content {
width:380px;
height:300px;
padding:15px 96px 0 0;
border-right:#EDECE0 solid 1px;
}
.services_main1 {
	width:240px;
	height:500px;
	padding:0 236px 0 0;
	border-right:#EDECE0 solid 1px;
	background-image: url(images/services3_back.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.services_conversor {
	width:240px;
	height:500px;
	padding:0 236px 0 0;
	border-right:#EDECE0 solid 1px;
	background-image: url(images/services11_back.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.services_agentes {
	width:240px;
	height:500px;
	padding:0 236px 0 0;
	border-right:#EDECE0 solid 1px;
	background-image: url(images/services12_back.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.services_rm {
	width:240px;
	height:500px;
	padding:0 236px 0 0;
	border-right:#EDECE0 solid 1px;
	background-repeat: no-repeat;
	background-position: right bottom;
}
.services_cdiv {
	width:240px;
	height:500px;
	padding:0 236px 0 0;
	border-right:#EDECE0 solid 1px;
	background-repeat: no-repeat;
	background-position: right bottom;
}
.it {
	width:200px;
	height:600px;
	padding:0 236px 0 0;
	border-right:#EDECE0 solid 1px;
	background-repeat: no-repeat;
	background-position: right bottom;
}

.mision {
	width:240px;
	height:500px;
	padding:0 236px 0 0;
	border-right:#EDECE0 solid 1px;
	background-repeat: no-repeat;
	background-position: right bottom;
}
.services_track {
	width:240px;
	height:300px;
	padding:0 236px 0 0;
	border-right:#EDECE0 solid 1px;
	background-image: url(images/services2_back.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.services_print {
	width:240px;
	height:300px;
	padding:0 236px 0 0;
	border-right:#EDECE0 solid 1px;
	background-image: url(images/services1_back.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	}

.services_taereo {
	width:240px;
	height:460px;
	padding:0 240px 0 0;
	border-right:#EDECE0 solid 1px;
	background-image: url(images/services4_back.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.services_tterrestre {
	width:240px;
	height:460px;
	padding:0 236px 0 0;
	border-right:#EDECE0 solid 1px;
	background-image: url(images/services5_back.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.services_tmaritimo{
	width:240px;
	height:460px;
	padding:0 236px 0 0;
	border-right:#EDECE0 solid 1px;
	background-image: url(images/services6_back.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.services_almacenaje{
	width:240px;
	height:460px;
	padding:0 236px 0 0;
	border-right:#EDECE0 solid 1px;
	background-image: url(images/services7_back.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	
	}

.services_tnacional{
	width:240px;
	height:460px;
	padding:0 236px 0 0;
	border-right:#EDECE0 solid 1px;
	background-image: url(images/services8_back.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.services_ident {
background:url(images/services2_back.jpg) no-repeat bottom;
width:240px;
height:300px;
padding:0 236px 0 0;
border-right:#EDECE0 solid 1px;
}
.services_web {
background:url(images/services3_back.jpg) no-repeat bottom;
width:240px;
height:300px;
padding:0 236px 0 0;
border-right:#EDECE0 solid 1px;
}
.services_tacm {
	width:240px;
	height:460px;
	padding:0 236px 0 0;
	border-right:#EDECE0 solid 1px;
	background-image: url(images/services9_back.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.services_tav {
	width:240px;
	height:1400px;
	padding:0 236px 0 0;
	border-right:#EDECE0 solid 1px;
	background-image: url(images/services10_back.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#about_content_plain {
width:447px;
height:300px;
padding:10px 0 30px 0;
margin:0 0 0 0;
}
.process_text {
background:url(images/in_short_slice2.gif) bottom repeat-x;
width:427px;
padding:10px 10px 20px 10px;
}
.process_text2 {
width:397px;
padding:10px 50px 20px 0;
}
.success {
background:url(images/in_short_slice2.gif) bottom repeat-x;
width:427px;
margin:0;
padding:10px 10px 20px 10px;
}
.success_text {
width:auto;
float:left;
margin:0;
padding:0;
}
.success_image {
width:90px;
float:left;
margin:5px 0 0 0;
padding:0;
}
.print {background:url(images/services1_back.jpg) no-repeat top;}
.identity {background:url(images/services2_back.jpg) no-repeat top;}
.web {background:url(images/services3_back.jpg) no-repeat top;}
/********* horizontal menu *********/
#nav_services {
position: absolute;
top:0px;
left:0px;
list-style: none;
margin: 0;
padding: 10px 0 0 0;
height: 21px;
display: inline;
overflow: hidden;
width: 447px;
}
#nav_services li {
margin: 0; 
padding: 0;
display: inline;
list-style-type: none;
}
#nav_services a {
float: left;
padding: 21px 0 0 0;
overflow: hidden;
height: 0px !important; 
height /**/:21px; /* for IE5/Win */
}
#nav_services a:hover {
background-position: 0 -21px;
}
#nav_services a:active, #nav_services a.selected3 {
background-position: 0 -21px;
}
#print a  {width: 128px; background: url(images/servicesnav_print.gif) top left no-repeat;}
#identity a  {width: 169px; background: url(images/servicesnav_corp.gif) top left no-repeat;}
#website a  {width: 150px; background: url(images/servicesnav_web.gif) top left no-repeat;}
/* */
/* ABOUT SECTION */
/*-----------------------------------------------*/
/* PORTFOLIO SECTION */
/*-----------------------------------------------*/
#portfolio_header {position:relative; width:203px; height:23px; text-align:left;}
#portfolio_header span {
	position:absolute;
	width:100%;
	height:100%;
	background:url("images/porfolio.gif") no-repeat;
	background-image: url(images/porfolio.gif);
	
	
}
#portfolio2_header {position:relative; width:203px; height:23px; text-align:left;}
#portfolio2_header span {
	position:absolute;
	width:100%;
	height:100%;
	background:url("images/utilidades.gif") no-repeat;
	background-image: url(images/utilidades.gif);
}
#servicios_header span {
	position:absolute;
	width:100%;
	height:24px;
	background-image: url(images/services.gif);
	top: 259px;

}


#print_header {position:relative; width:203px; height:24px; text-align:left; margin:0 0 5px 0;}
#print_header span {
	position:absolute;
	width:100%;
	height:100%;
	background:url("images/porfolio_print.gif") no-repeat;
	background-image: url(images/);
}
#ident_header {position:relative; width:203px; height:24px; text-align:left; border-top:#EDECE0 solid 1px; margin:10px 0 5px 0;}
#ident_header span {
	position:absolute;
	width:100%;
	height:100%;
	background-image: url(images/servicesnav_corp.gif);
	background-repeat: no-repeat;
}
#web_header {position:relative; width:203px; height:24px; text-align:left; border-top:#EDECE0 solid 1px; margin:10px 0 5px 0;}
#web_header span {position:absolute; width:100%; height:100%; background:url("images/porfolio_web.gif") no-repeat;}
#project_eye {position:relative; width:447px; height:23px; text-align:left;}
#project_eye span {position:absolute; width:100%; height:100%; background:url("images/project_eye.gif") no-repeat;}
#project_wwt {position:relative; width:447px; height:23px; text-align:left;}
#project_wwt span {position:absolute; width:100%; height:100%; background:url("images/project_wwt.gif") no-repeat;}
#project_wwt_cm {position:relative; width:447px; height:23px; text-align:left;}
#project_wwt_cm span {position:absolute; width:100%; height:100%; background:url("images/project_wwt_cm.gif") no-repeat;}
#project_wwt_cd {position:relative; width:447px; height:23px; text-align:left;}
#project_wwt_cd span {position:absolute;width:100%;height:100%;background:url("images/project_wwt_cd.gif") no-repeat;}
#project_wwt_rm {position:relative; width:447px; height:23px; text-align:left;}
#project_wwt_rm span {position:absolute; width:100%; height:100%; background:url("images/project_wwt_rm.gif") no-repeat;}
#project_wwt_fa {position:relative; width:447px; height:23px; text-align:left;}
#project_wwt_fa span {position:absolute; width:100%; height:100%; background:url("images/project_wwt_fa.gif") no-repeat;}
#project_wwt_ci {position:relative; width:447px; height:23px; text-align:left;}
#project_wwt_ci span {position:absolute; width:100%; height:100%; background:url("images/project_wwt_ci.gif") no-repeat;}
#project_wwt_it {position:relative; width:447px; height:23px; text-align:left;}
#project_wwt_it span {position:absolute; width:100%; height:100%; background:url("images/project_wwt_it.gif") no-repeat;}
#project_wwt_tc {position:relative; width:447px; height:23px; text-align:left;}
#project_wwt_tc span {position:absolute; width:100%; height:100%; background:url("images/project_wwt_tc.gif") no-repeat;}
#project_wwt_adu {position:relative; width:447px; height:23px; text-align:left;}
#project_wwt_adu span {position:absolute; width:100%; height:100%; background:url("images/aduana.gif") no-repeat;}
#project_wwt2 {position:relative; width:447px; height:95px; text-align:left;}
#project_wwt2 span {position:absolute; width:100%; height:100%; background:url("images/tracking.gif") no-repeat;}
#project_minor {position:relative; width:447px; height:23px; text-align:left;}
#project_minor span {position:absolute; width:100%; height:100%; background:url("images/project_minor.gif") no-repeat;}
#project_hak {position:relative; width:447px; height:23px; text-align:left;}
#project_hak span {position:absolute; width:100%; height:100%; background:url("images/project_hak.gif") no-repeat;}
#project_jeftel {position:relative; width:447px; height:23px; text-align:left;}
#project_jeftel span {position:absolute; width:100%; height:100%; background:url("images/project_jeftel.gif") no-repeat;}
#project_cd {position:relative; width:447px; height:23px; text-align:left;}
#project_cd span {position:absolute; width:100%; height:100%; background:url("images/project_cd.gif") no-repeat;}
#project_seven {position:relative; width:447px; height:23px; text-align:left;}
#project_seven span {position:absolute; width:100%; height:100%; background:url("images/project_seven.gif") no-repeat;}
#project_scarlet {position:relative; width:447px; height:23px; text-align:left;}
#project_scarlet span {position:absolute; width:100%; height:100%; background:url("images/project_scarlet.gif") no-repeat;}
#project_4i {position:relative; width:447px; height:23px; text-align:left;}
#project_4i span {
	position:absolute;
	width:100%;
	height:100%;
	background:url("images/project_4i.gif") no-repeat;
	background-image: url(images/project_4i.gif);
}
#project_tmb {position:relative; width:447px; height:23px; text-align:left;}
#project_tmb span {position:absolute; width:100%; height:100%; background:url("images/project_tmb.gif") no-repeat;}
#project_bdp {position:relative; width:447px; height:23px; text-align:left;}
#project_bdp span {position:absolute; width:100%; height:100%; background:url("images/project_bdp.gif") no-repeat;}
#project_straco {position:relative; width:447px; height:23px; text-align:left;}
#project_straco span {position:absolute; width:100%; height:100%; background:url("images/project_straco.gif") no-repeat;}
#project_cc {position:relative; width:447px; height:23px; text-align:left;}
#project_cc span {position:absolute; width:100%; height:100%; background:url("images/project_cc.gif") no-repeat;}

.portfolio_menu {
width:170px;
padding:5px 0 10px 0px;
text-align:left;
line-height:17px;
border-bottom:#EDECE0 solid 1px;
}
#portfolio_content_plain {
width:407px;
height:300px;
padding:10px 40px 30px 0;
margin:0 0 0 0;
}
a.port_nav {
color:#675C58;
font-size:1.1em;
text-decoration:none;
font-weight:normal;
display:block;
height:20px;
border:none;
}
a.port_nav:hover {
display:block;
background: url(images/navback_hatch.gif) no-repeat bottom;
color:#675C58;
font-size:1.1em;
text-decoration:none;
font-weight:normal;
height:20px;
border:none;
}
a.port_nav_selected {
color: #669900;
background: url(images/navback_hatch.gif) no-repeat bottom;
font-size:1.1em;
text-decoration:none;
font-weight:normal;
display:block;
height:20px;
border:none;
}
a.port_nav_selected:hover {
display:block;
background: url(images/navback_hatch.gif) no-repeat bottom;
color: #669900;
font-size:1.1em;
text-decoration:none;
font-weight:normal;
height:20px;
border:none;
}
/* PORTFOLIO SECTION */
/*-----------------------------------------------*/
/* EXTRA SUB PAGES - FULL WIDTH CONTENT */
/*-----------------------------------------------*/


.full_width {
width:710px;
padding:30px 0 0 30px;
}
#full_width_content {
float:right;
width:450px;
padding:0 30px 30px 0;
margin:auto;
line-height:1.2em
}
.full_width_menu {
float:left;
width:203px;
padding:0 0 10px 0px;
text-align:left;
line-height:17px;
border-bottom:#EDECE0 solid 1px;
margin:auto;
}
#access_header {position:relative; width:203px; height:23px; text-align:left; margin:0 0 13px 0;}
#access_header span {position:absolute; width:100%; height:100%; background:url("images/access.gif") no-repeat;}
#reasons_header {position:relative; width:447px; height:23px; text-align:left; margin:0 0 13px 0;}
#reasons_header span {position:absolute; width:100%; height:100%; background:url("images/10good.gif") no-repeat;}
#sitemap_header {position:relative; width:447px; height:23px; text-align:left; margin:0 0 13px 0;}
#sitemap_header span {position:absolute; width:100%; height:100%; background:url("images/sitemap.gif") no-repeat;}
#sitemap_content {
float:left;
width:450px;
padding:0 30px 30px 0;
margin:auto;
line-height:1.4em
}
#sitemap_content ol {
margin:2px 2px 2px 25px;
padding:2px 2px 2px 2px;
}
#sitemap_content li {
margin:2px 2px 2px 2px;
padding:2px 2px 2px 2px;
display: list-item;
list-style:square;
list-style-position:inside;
}
/* EXTRA SUB PAGES - FULL WIDTH CONTENT */
/*-----------------------------------------------*/
/* CONTACT */
/*-----------------------------------------------*/
#contact_content {
float:left;
width:447px;
padding:0 0 30px 0;
margin:auto;
line-height:1.2em;
}
.form_holder {
background: url(images/hatch_tile.gif) repeat;
float:left;
width:431px;
padding:8px 8px 8px 8px;
margin:auto;
}
.form_l {
float:left;
width:200px;
line-height:1.2em;
}
.form_r {
float:right;
width:200px;
line-height:1.2em;
}
.contact_left {
float:left;
width:203px;
padding:0 0 0 0;
margin:auto;
}
.content {
float:right;
width:477px;
text-align:left;
padding:0 0 0 30px;
margin:auto;
}
.contact_menu {
float:left;
width:203px;
padding:0 0 10px 0px;
text-align:left;
line-height:17px;
border-bottom:#EDECE0 solid 1px;
margin:auto;
}
#contact_header {position:relative; width:203px; height:23px; text-align:left; margin:0 0 10px 0;}
#contact_header span {position:absolute; width:100%; height:100%; background:url("images/contact.gif") no-repeat;}
#enquiryform_header {position:relative; width:447px; height:23px; text-align:left; margin:0 0 10px 0;}
#enquiryform_header span {position:absolute; width:100%; height:100%; background:url("images/enquiry_form.gif") no-repeat;}
/* CONTACT PAGE */
/*-----------------------------------------------*/
/*----------------------------------------------------------------------------- 
FORM
-----------------------------------------------------------------------------*/
.textfield {
width: 200px;
border: 1px solid #CCC;
font-size: 1em;
color: #666;
line-height: normal;	
margin: 4px 0 4px 0;
}	
.textfield:hover,
.textfield:focus  {
border: 1px solid #999;
}
.dropdown {
width: 200px;
border: 1px solid #CCC;
font-size: 10px;
color: #666;
line-height: normal;
margin: 4px 0 4px 0;
}	
.address_textfield {
border: 1px solid #CCC;
font-size: 10px;
width: 200px;
color: #666;
line-height: normal;
margin: 4px 0 0 0;
}
.address_texfield:hover,
.address_texfield:focus  {
border: 1px solid #999;
}	
.td_textfield {
padding: 0 0 0 20px;
}
.button {
float:right;
width:48px;
height:12px;
margin:15px 0 0 0;
}
#thanks_header {position:relative; width:350px; height:90px; text-align:left; margin:0 0 13px 0;}
#thanks_header span {position:absolute; width:100%; height:100%; background:url("images/thanks.gif") no-repeat;}
/*-----*/