/* 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:62.5%;
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:#7E7572;
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:205px;
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:0 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;
}
/********* horizontal menu *********/
#nav {
position: absolute;
top: 0px;
left:25px;
list-style: none;
margin: 0;
padding: 0;
height: 35px;
display: inline;
overflow: hidden;
width: 365px;
}
#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: 81px; background: url(images/navaboutd.gif) top left no-repeat;}
#tportfolio a  {width: 109px; background: url(images/navportfoliod.gif) top left no-repeat;}
#tcontact a  {width: 99px; background:url(images/navcontactd.gif) top left no-repeat;}
/* */
/********* vertical menu *********/
#nav2 {
position: absolute;
top: 0;
left:0;
list-style: none;
margin: 0;
height:100px;
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;
}
#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:url("images/about.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;}
#about_services {position:relative; width:447px; height:23px; text-align:left;}
#about_services span {position:absolute; width:100%; height:100%; background:url("images/services.gif") no-repeat;}
#about_process {position:relative; width:447px; height:23px; 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_print {
background:url(images/services1_back.jpg) no-repeat bottom;
width:240px;
height:300px;
padding:0 236px 0 0;
border-right:#EDECE0 solid 1px;
}
.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;
}
#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:320px;
float:right;
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;}
#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;}
#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:url("images/porfolio_corp.gif") 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_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;}
#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:203px;
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:272px; 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;}
/*-----*/