body {margin:0px; padding:0px; font-family:verdana, arial; font-size:70%; background: url(/images/header_background.gif) top left repeat-x; color:#000066;}
h1 {font-size:130%}

a:link {color: #66CCFF;}
a:visited {color: #66CCFF;}
a:active {color: #66CCFF;}
a:hover {color: #000066;}
p {margin:0 0 10px 0; padding:0;}

/* ### MAIN CONTENT LAYOUTS ### */
#holder {width:750px;}

#header {height:160px; margin-bottom:20px;}

#navigation {position:absolute; width:160px; top:180px; left:0px;}
#navigation ul {list-style:none; margin:0 0 0 10px; padding:0px;}
#navigation li {height:20px; width:140px; padding:0px;}

#content {margin:0 0 0 170px;}

#footer {text-align:center;background: url(/images/mod_horizontal_dotted.gif) top left repeat-x; padding-top:8px;}
#footer ul {list-style:none; margin:0 0 10px 0; padding:0;}
#footer li {display:inline; margin:0; padding:0;}
#footer .services {font-weight:bold;}


/* ### NAVIGATION STYLE ### */
#navigation a:link.home,
#navigation a:link.purpose,
#navigation a:link.references,
#navigation a:link.feedback,
#navigation a:link.job,
#navigation a:link.contact,
#navigation a:visited.home,
#navigation a:visited.purpose,
#navigation a:visited.references,
#navigation a:visited.feedback,
#navigation a:visited.job,
#navigation a:visited.contact {display:block; height:20px; background-position:0px 0px; text-decoration:none; text-indent:-1000px; overflow:hidden; }

#navigation a:link.home, #navigation a:visited.home {background-image: url("/images/nav/button_home.gif");}
#navigation a:link.purpose, #navigation a:visited.purpose {background-image: url("/images/nav/button_purpose.gif");}
#navigation a:link.references, #navigation a:visited.references {background-image: url("/images/nav/button_references.gif");}
#navigation a:link.feedback, #navigation a:visited.feedback {background-image: url("/images/nav/button_feedback.gif");}
#navigation a:link.job, #navigation a:visited.job {background-image: url("/images/nav/button_job.gif");}
#navigation a:link.contact, #navigation a:visited.contact {background-image: url("/images/nav/button_contact.gif");}

#navigation a:hover.home, #navigation a:active.home {background-image: url("/images/nav/button_home.gif"); background-position:0px 20px;}
#navigation a:hover.purpose, #navigation a:active.purpose {background-image: url("/images/nav/button_purpose.gif"); background-position:0px 20px;}
#navigation a:hover.references, #navigation a:active.references {background-image: url("/images/nav/button_references.gif"); background-position:0px 20px;}
#navigation a:hover.feedback, #navigation a:active.feedback {background-image: url("/images/nav/button_feedback.gif"); background-position:0px 20px;}
#navigation a:hover.job, #navigation a:active.job {background-image: url("/images/nav/button_job.gif"); background-position:0px 20px;}
#navigation a:hover.contact, #navigation a:active.contact {background-image: url("/images/nav/button_contact.gif"); background-position:0px 20px;}

/* ### HOMEPAGE STYLE ### */
#home {}
#home ul.services {list-style-image:url(/images/tick.gif); margin-left:40px;}
#home li.services {font-weight:bold; font-size:110%;}
#home .bold_italic {font-weight:bold; font-style:italic;}
#home .bold {font-weight:bold;}
#home .text_left {text-align:right;}
#home .main_img {float:right; margin:0;}
#home .reference {padding:10px; background:#DBEDFF; margin:0 0 10px 0;}
#home .reference p {padding:0; margin:0;}
#home .reference p.company {margin:5px 0 0 0;}

/* ### REFERENCES STYLE ### */
#references .reference {background: url(/images/mod_horizontal_dotted.gif) top left repeat-x; padding-top:8px; font-weight:bold; font-style:italic;}
#references .company {text-align:right;}
#references .note {background: url(/images/mod_horizontal_dotted.gif) top left repeat-x; padding-top:8px; }

/* ### PURPOSE STYLE ### */
#purpose .mod {background: url(/images/mod_horizontal_dotted.gif) top left repeat-x; padding-top:8px; }

/* ### JOBS AND CUSTOMER FEEDBACK STYLE ### */
#feedback dl dt {display: block; float:left; clear:both; padding:0; margin:0;}
#feedback dt dd {}
#feedback dt {width:280px;}
#feedback dd {margin:0 0 10px 320px; *margin-left:0px; width:260px;}
#feedback input.fields, textarea.fields {font-family:arial;font-size:120%;border:1px solid #66CCFF;}
#feedback input.fields, textarea.fields {width:258px;}
#feedback input {vertical-align: top;}
#feedback input.fieldsYear {font-family:arial;font-size:120%;border:1px solid #66CCFF;width:50px;}
#feedback .gap {width:100px; float:left;}
#feedback form p {padding:0 0 3px 0;margin:0;}
#feedback .privacy {clear:both;}


/* ### CONTACT STYLES ### */
#contact_details {margin-bottom:40px;}
#contact_details .details {float:left; width:290px;}
#contact_details .email {float:right;padding:10px 10px 0 10px; background:#DBEDFF; width:260px;}
#contact_details .email p {padding:0 0 10px 0;margin:0;}
#contact_details form {padding:0;margin:0;}
#contact_details .fields {font-family:arial;font-size:120%;border:1px solid #66CCFF;width:258px;}
#contact_details .clear {clear:both;height:10px;}
#contact_details p.small {font-size:90%;}
#contact_details span.red {color:#FF0000;}
#contact_details .bold {font-weight:bold;}
#contact_details .boldPhone {font-weight:bold;font-size:150%;}