body 
{
  width: 1200px;
  margin: 0px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0px;
  border 0px;
  background-color: #ffffff;
}

header
{
  background-color: #ffffff;
  height: 140px;
}

footer
{
  background-color: #333333;
  height: 30px;
  color: #ffffff;
  text-align: right;
  font-family: arial;
  font-size: 10pt;
  padding-right: 20px;
  padding-bottom: 15px;
}


#headerLeft
{
  float: left;
  width: 600px;
  height: 140px;
  background-color: #ffffff;
  background-image: url("images/Logo.gif");
  position: fixed;
}

#headerRight
{
  float: left;
  width: 600px;
  height: 140px;
  background-color: #ffffff;
  position: fixed;
  margin-left: 600px;
}

#headerPhone
{
  margin-top: 54px;
  margin-bottom: 54px;
  padding-left: 330px;
}

#headerPhonePic
{
   float: left;
}

#headerPhoneText
{
   float: left;
   text-align- right;
   vertical-align: middle;
   color: #9E0B0F;
   font-family: arial;
   font-size: 19pt;
   font-weight: bold;
}

nav
{
  height: 50px;
  width: 1200px;
  background-color: #BF1E2E;
  position: fixed;
}

#mainImage
{
  width: 1200px;
  height: 495px;
  background-image: url("images/clarity.jpg");
  margin-top: 50px;
}

#mainContent
{
  width: 1200px;
  background-color: #ffffff;
  margin: 0px;
  padding: 0px;
}

#services
{
  background-color: #ffffff;
  margin: 0px;
  padding: 15px;
}

#portfolio
{
  clear: both;
  background-color: #ffffff;
  margin: 0px;
  padding: 15px;
}

#aboutUs
{
  clear: both;
  background-color: #ffffff;
  margin: 0px;
  padding: 15px;
}


#spacer
{
  clear: both;
  background-color: #ffffff;
  margin: 0px;
  padding: 0px;
  height: 20px;
}

#contactUs
{
  clear: both;
  width: 1120px;
  height: 680px;
  background-color: #333333;
  margin: 0px;
  padding: 40px;
}


#contactUsText
{
  float: left;
  width: 420px;
}

#contactUsForm
{
  float: left;
  width: 700px;
  padding-top: 10px;
}

#contactUsFormLeftColumn
{
  float: left;
  width: 350px;
}

#contactUsFormRightColumn
{
  float: left;
  width: 350px;
}

#contactUsFormComments
{
  clear: both;
  width: 700px;
}



#onlineLeadGenerationImg
{
  background-image: url("images/online-lead-generation.gif");
}

#offlineLeadGenerationImg
{
  background-image: url("images/offline-lead-generation.gif");
}

#telemarketingImg
{
  background-image: url("images/telemarketing.gif");
}

#newMediaImg
{
  background-image: url("images/new-media.gif");
}

#traditionalMediaImg
{
  background-image: url("images/traditional-media.gif");
}

#experienceImg
{
  background-image: url("images/experience.gif");
}

#customerServiceImg
{
  background-image: url("images/customer-service.gif");
}

#thumbnailBox1
{
  float: left;
  width: 540px;
  color: #ffff00;
  padding: 15px;
  padding-top: 10px;
  text-align: center;
}

#thumbnailBox2
{
  float: left;
  width: 540px;
  color: #ffff00;
  padding: 15px;
  padding-top: 10px;
  text-align: center;
}

#thumbnailBox3
{
  clear: both;
  float: left;
  width: 540px;
  color: #ffff00;
  padding: 15px;
  padding-top: 10px;
  padding-bottom: 25px;
  text-align: center;
}

#thumbnailBox4
{
  float: left;
  width: 540px;
  color: #ffff00;
  padding: 15px;
  padding-top: 10px;
  padding-bottom: 25px;
  text-align: center;
}


img {
    max-width: 100%;
    height: auto;
}


a.pageTarget
{
padding-top: 200px;
}

a.menu
{
  font-family: arial;
  font-size: 14pt;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  vertical-align: middle;
}

a.footer
{
  font-family: arial;
  font-size: 10pt;
  color: #ffffff;
  text-decoration: underline;
}

ul.menu
{
  list-style: none;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 0px;
}

li.menu
{
  display: inline;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}


h2
{
  color: #BF1E2E;
  font-family: arial;
  font-size: 21pt;
  font-weight: bold;
  margin: 0px;
}

h3
{
  color: #333333;
  font-family: arial;
  font-size: 21pt;
  font-weight: bold;
  margin: 0px; 
}


font.contactTitle
{
  color: #ffffff;
  font-family: arial;
  font-size: 30pt;
  font-weight: bold;
}

font.contactSubTitle
{
  color: #ffffff;
  font-family: arial;
  font-size: 22pt;
  font-weight: 500;
}

font.contactSubText
{
  color: #ffffff;
  font-family: arial;
  font-size: 14pt;
  font-weight: 500;
}

font.subHeading
{
  color: #5D5D5D;
  font-family: arial;
  font-size: 16pt;
  font-weight: 500;
}

input.contact
{
  width: 320px;
  height: 40px;
  border-radius: 3px;
  color: #000000;
  font-family: arial;
  font-size: 16pt;
  padding-left: 8px;
  margin-bottom: 10px;
}

input.submit
{
  width: 140px;
  height: 42px;
  border-radius: 3px;
  color: #ffffff;
  background-color: #BF1E2E;
  font-family: arial;
  font-size: 18pt;
  padding-left: 8px;
  margin-top: 8px;
  margin-bottom: 10px;
}


label.contact
{
  color: #ffffff;
  font-family: arial;
  font-size: 12pt;
  font-weight: 500;
}

ul.contentSection
{
  list-style: square;
}

ul li.contentSection
{
  color: #4D4D4D;
  font-family: arial;
  font-size: 12pt;
  font-weight: 500;
  margin-top: 10px;
}

p.contentSection
{
  color: #4D4D4D;
  font-family: arial;
  font-size: 14pt;
  font-weight: 500;
  line-height: 20pt;
  margin-top: 10px;
}

div.contentSection
{
  width: 1140px;
  background-color: #E4E4E4;
  padding: 15px;
  padding-bottom: 0px;
  margin-top: 22px;
  border-radius: 7px;
  float: left;
}

div.contentSectionImage
{
  height: 176px;
  width: 176px;
  float: left;
  padding-bottom: 10px;
  background-repeat: no-repeat;
}

div.contentSectionText
{
  width: 860px;
  float: left;
  margin-left: 25px;
  margin-right: 15px;
}

textarea.contact
{
  width: 670px;
  height: 200px;
  border-radius: 3px;
  color: #000000;
  font-family: arial;
  font-size: 12pt;
  padding-left: 8px;
  margin-bottom: 10px;
}

ul.contentSectionList
{
  margin: 7px;
  padding-left: 12px;
  padding-top: 10px;
}

ul li.contentSectionList 
{
  color: #4D4D4D;
  font-family: arial;
  font-size: 14pt;
  padding-bottom: 10px;
}