ContactRE problem

Where to start?

by ANCannan

HTML

<link rel="stylesheet" href="http://certus.worldpath.net/Standardized.css">
<script src="http://certus.worldpath.net/JS/jquery.js"></script>
<script src="http://certus.worldpath.net/Images/stock-photo-17247075-doctor-looking-mr2i.png"></script>
<script src="http://certus.worldpath.net/Images/HighlightIconCMC.png"></script>
<script src="http://certus.worldpath.net/Images/MedWrite.png"></script>
<script src="http://certus.worldpath.net/Images/Consult.png"></script>
<script src="http://certus.worldpath.net/Images/NEWLOGOWhite.png"></script>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="Standardized.css" type="text/css">
<!--[if gte IE 9]>
  <style type="text/css">
    .gradient {
       filter: none;
    }
  </style>
<![endif]-->
<META NAME="Description" CONTENT="Certus International Inc. is a full service clinical research organization and imaging core lab that designs and implements clinical trials for pharmaceutical, biotech, diagnostic imaging and nutraceutical companies.">

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="keywords" content="CSS3">
<meta name="description" content="CSS3">
<meta name="language" content="en">
<link rel="shortcut icon"
 href="favicon.ico">

<style type="text/css" media="print">
 #noprint {display: none;} // Hide unwanted elements
 body {background:fff; color:000;}  // Black text on White background
 a {text-decoration: underline; color:00f;} //Underline Hyperlinks in blue
</style> 
    
    
<style type="text/css">

    html{
          font-size: 14px;
    }
.mask
{
    overflow: hidden;
}

.roundedCorners
{
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
   ...

CSS

@charset "utf-8";
/* CSS Document */

html>body {
background-color:#000;
font-family:Calibri, Arial, "Trebuchet MS", sans-serif;
color: #FFF;
font-size:14px;
margin:0;
padding:0;
top:0
}

.hide {
left:-999.9px;
position:absolute;
top:-999.9px
}



a:focus {
outline:0; font-size: 20px;
font-family:Calibri, Arial, "Trebuchet MS", sans-serif;
}

a img {
border:0
}

a:link {
color:#FFF;
font-weight: normal;
font-size: 20px;
font-family:Calibri, Arial, "Trebuchet MS", sans-serif;
text-decoration:none
}

a:visited {
color:#FFF;
font-family:Calibri, Arial, "Trebuchet MS", sans-serif;
text-decoration:none
}

a:hover,hover a,a:active {
color:#FC0;
font-family:Calibri, Arial, "Trebuchet MS", sans-serif;
text-decoration:none
}

p {
color:#FFF;
font-weight: normal;
font-family:Calibri, Arial, "Trebuchet MS", sans-serif;
text-align: left;
letter-spacing: 0;
line-height: 21px;
font-size: 14px;
}

h1 {
font-size:20px;
margin:0;
padding:0 0 0 0;
font-weight: normal;
}

h2 {
font-size:18px;
font-weight: normal;
margin:0 auto;
padding:0 0 0 0;
font-family:Calibri, Arial, "Trebuchet MS", sans-serif;
}

h4 {
font-size:16px;
font-weight: normal;
margin:0;
padding:4.5px 4.5px 4.5px .1px;
}

h6 {
font-size:14px;
font-weight: normal;
margin:0;
padding:4.5px 4.5px 4.5px 3px;
}

.YouAreIE {
position:absolute
}

.searchbar {
display:inline;
float:right;
font-size:10px;
height:3px;
margin-bottom:0;
margin-right:144px;
margin-top:12px;
padding:0;
position:relative;
z-index:-20
}

.button {
left:4.5px;
position:relative;
top:5px;
}

.textfield {
-moz-border-radius:5px;
-webkit-border-radius:5px;
background-color:#333;
border-color:#333;
border-radius:5px;
border-style:solid;
color:#999;
font-family:Calibri,Arial,Trebuchet MS,sans-serif;
margin-top:10px
}

#BG {
color:#FFF;
display:inline;
font-family:Calibri, Arial, "Trebuchet MS", sans-serif;
left:0;
padding:0;
position:absolute;
top:0;
width:100%;
z-index:0
}

.all{width:1100px;
    margin:0 auto;
    position:relative;
   ...

JavaScript

< script type = "text/javascript"
src = "JS/jquery.js" > < /script> 

<script type="text/javascript">
function dosearch() {
var sf=document.searchform;
var submitto = sf.sengine.value + escape(sf.searchterms.value);
window.location.href = submitto;
return false;
}
</script>

<script type= "
text / javascript "> 
$(document).ready(function(){
    //  When user clicks on tab, this code will be executed
    $("#tabs li ").click(function() {
        //  First remove class "
active " from currently active tab
        $("#tabs li ").removeClass('active');
 
        //  Now add class "
active " to the selected/clicked tab
        $(this).addClass("
active ");
 
        //  Hide all tab content
        $(".tab_content ").hide();
 
        //  Here we get the href value of the selected tab
        var selected_tab = $(this).find("
a ").attr("
href ");
 
        //  Show the selected tab content
        $(selected_tab).fadeIn();
 
        //  At the end, we add return false so that the click on the link is not executed
        // return false;
});
    if (window.location.hash !== '') {
        var $targetAnchor = $(document.location.hash);
        // Grab the ID of the .tab-content that the hash is referring to
        tabId = $targetAnchor.closest('.tab_content').attr('id');

        // Find the anchor element to "
click ", and click it
        $("#tabs li ").find('a[href=#' + tabId + ']').click();
    
        $('html, body').animate({
            scrollTop: $targetAnchor.offset().top
        });
    }


$('a').not('.tabs li a').on('click', function(evt) {
    evt.preventDefault();
    var whereTo = $(this).attr('goto');
    $tabs = $("
ul.tabs li ");
    $tabs.find('a[href=#' + whereTo + ']').trigger('click');
    alert(attr('name'));
alert( $('#'+whereTo+' a').offset().top );
    $('html, body').animate({
        scrollTop: $('#'+whereTo+' a').offset().top
    });

});

$(function() {
    $('a.refresh').live("
click ", function() {
        location.reload();
   ...