/* common */
*{padding:0;margin:0;}
img{border:0; margin:0;}
p{padding:0 0 15px 0;}
.clear{clear:both;}

html{font-size: 62.5%;  font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;  }

body { background-color: #fff; font-size: 1.2em;  color: #444; height: 100%; }

a { color: #F1BC1E; text-decoration: none; }
a:hover { text-decoration: underline; }

h1, strong.heading { font-weight: bold; font-size: 1.6em; color: #3D3D3D; margin: 5px 0 3px 0;}
strong.heading a{ color: #3D3D3D;}
h1.subheading, strong.subheading, strong.subheading a{font-weight: bold; font-size: 1.2em; color: #999; margin: 3px 0;}
h2 { font-weight: bold; font-size: 1.2em; color: #3D3D3D; margin: 0 0 5px 0; }
.regular {font-weight: normal; font-size: 1.0em; text-decoration: none; display: inline; color: #666; margin: 0; padding: 0; border: 0; text-align: left; white-space: nowrap;}
p h1 {font-weight: normal; font-size: 1.0em; text-decoration: none; display: inline; color: #666; margin: 0; padding: 0; border: 0; text-align: left; white-space: nowrap;}

.invisible{display: none;}

#headerbg { width: 100%; background-image: url(images/bg_top.gif); background-repeat: repeat-x; }

#mainwrap { width: 928px; margin: 0 auto;}

  #logo { width: 300px; float: left; }
  
  #mainmenu { width: 600px; float: right; padding: 35px 0 0 0; color: #000; height: 30px; }
    #mainmenu ul { float: right; display:block; float:right; height: 35px; }
    #mainmenu li { float: left; margin: 0; list-style: none none; font-size: 100%;}
    #mainmenu li a { color: #000; font-weight: bold; text-decoration: none;  display: block; height: 30px;}
    #mainmenu #home {background: url(images/mainmenu_home.gif);}
    #mainmenu #about {background: url(images/mainmenu_about.gif);}
    #mainmenu #seo {background: url(images/mainmenu_seo.gif);}
	#mainmenu #blog {background: url(images/mainmenu_blog.gif);}
    #mainmenu #clients {background: url(images/mainmenu_clients.gif);} 
    #mainmenu #news {background: url(images/mainmenu_news-info.gif);}
    #mainmenu #contact {background: url(images/mainmenu_contact.gif);}
    #mainmenu #home a { background: url(images/mainmenu_home.gif); width: 87px; height: 30px;  }
    #mainmenu #home a:hover { background: url(images/mainmenu_home2.gif); width: 87px; height: 30px;  }
    #mainmenu #about a { background: url(images/mainmenu_about.gif); width: 86px; height: 30px;  }
    #mainmenu #about a:hover { background: url(images/mainmenu_about2.gif); width: 86px; height: 30px;  }
    #mainmenu #seo a { background: url(images/mainmenu_seo.gif); width: 70px; height: 30px;  }
    #mainmenu #seo a:hover { background: url(images/mainmenu_seo2.gif); width: 70px; height: 30px;  }
	#mainmenu #blog a { background: url(images/mainmenu_blog.gif); width: 81px; height: 30px;  }
    #mainmenu #blog a:hover { background: url(images/mainmenu_blog2.gif); width: 81px; height: 30px;  }
    #mainmenu #clients a { background: url(images/mainmenu_clients.gif); width: 98px; height: 30px;  }
    #mainmenu #clients a:hover { background: url(images/mainmenu_clients2.gif); width: 98px; height: 30px;  }
    #mainmenu #news a { background: url(images/mainmenu_news-info.gif); width: 131px; height: 30px;  }
    #mainmenu #news a:hover { background: url(images/mainmenu_news-info2.gif); width: 131px; height: 30px;  }
    #mainmenu #contact a { background: url(images/mainmenu_contact.gif); width: 94px; height: 30px;  }
    #mainmenu #contact a:hover { background: url(images/mainmenu_contact2.gif); width: 94px; height: 30px;  }
    #mainmenu li a:hover { color: #c2d71b; }
 		.social { float:right;}    
   
  #headerhome{margin: 0 0 0 150px;}
  #headerhome #flash { background: url(images/header_image_home.jpg); width: 690px; height: 430px;}
  #flash { background: url(images/header_image_home.jpg); }
  #headersubpage { width: 921px; height: 351px; margin: 40px 0 30px 3px; background-image: url(images/header_bg_image_02.jpg); background-repeat: no-repeat; float: left; }
    #slogan { width: 260px; float: right; padding: 100px 32px 0 5px; font-size: 16px; font-weight: bold;}
	#slogan img{float: right;}
    #slogan p { line-height: 28px; float: left;}
    #slogan p.smaller {font-size: 90%; position: relative; bottom: 21px; right: 10px;}
    #slogan p.medium {font-size: 100%; position: relative; bottom: 10px;}
    #slogan p.bigger {font-size: 105%; margin: 30px 0 10px 0; }
    #slogan p.bigger img { position: relative; top: 10px;}
    .slogantitle { font-size: 16px; font-weight: bold; }
  #headerclients { width: 921px; margin: 40px 0 20px 3px; float: left;}
    #hrline-clients { width: 100%; height: 11px; margin: 0 0 1px 0; background-image: url(images/hrline-clients.gif); background-repeat: no-repeat; }
    #clientimg { width: 390px; float: left; margin: 10px 0 10px 0; }
      #clientimg img { border: 3px solid #E8E8E8; }
    #clientdescription { width: 500px; float: left; padding: 30px 0 0 0; }
      #clientdescription p { line-height: 22px; }
      #clientdescription a { color: #82817E; text-decoration: none; font-weight: bold; }
      #clientdescription a:hover { text-decoration: underline; }
      .name { font-size: 175%; color: #D4A20B;}
      .web { font-size: 135%; font-weight: bold; color: #82817E; }
    
  #content { width: 670px; float: left; padding: 0 0 0 5px;}
    #hrline { width: 100%; height: 18px; margin: 0 0 1px 0; background: url(images/hrline.gif) no-repeat top left;}
    #content p { padding: 0 0 15px 0; line-height: 20px;}
    #content img { border: 3px solid #E8E8E8;}
	#content img#sale {
    border:0;
}
p#topseo {
   padding-bottom:0;
}
    #content ul { padding: 0 0 10px 35px; list-style: disc url(images/bullet.gif) outside; line-height: 18px;}
    #content ul li { padding: 0 0 5px 0; }
    #content ul li a { color: #F1BC1E; text-decoration: none; }
    #content ul li a:hover { text-decoration: underline; }
    #content a { color: #F1BC1E; text-decoration: none; }
    #abc{margin: 10px 0 5px 0;}
    #abc a{font-size: 120%; padding: 5px; font-weight: bold;}
	#content a.regular {font-weight: normal; font-size: 1.0em; text-decoration: none; display: inline; color: #666;}
	#content a.regular:hover {font-weight: normal; font-size: 1.0em; text-decoration: none; display: inline; color: #666;}
    #content a:hover { text-decoration: underline; }
    #hometable-up { width: 666px; height: 13px; background-image: url(images/home_table_up.gif); background-repeat: no-repeat; font-size: 1px; }
    #hometable-content { width: 666px; background-image: url(images/home_table_bg.gif); background-repeat: repeat-y; font-size: 10px; }
      #hometable-content p { padding: 0 27px 6px 0px; line-height: 18px; position: relative; left: 18px; }
      #content #hometable-content img, #content img.noborder { border: 0; }
      
      #content table {border: 1px solid #2C509A; background: #EEEDE8;}
      #content table th{ background: url(images/gradientbg.gif) repeat-x; padding: 5px 20px 5px 5px; text-align: left; color: #fff;}
      #content table td{border: 1px solid #fff; background: url(images/tdbg.gif) repeat-x;  padding: 5px 20px 5px 5px;}
      
      #content table.aofm {border: 1px solid #2C509A; background: white; width: 670px; margin: 0 0 20px 0; font-size: 85%; border-collapse: collapse;}
      #content table.aofm th {border-bottom: 1px solid #666; background: white; width: 650px; margin: 0 0 20px 0; color: #666;}
      #content table.aofm td{ background: white; padding: 3px 10px 3px 5px; border: 0;}
      #content table.aofm em{font-weight: bold;}
      #content table.aofm td img{border: 0; vertical-align: text-bottom; margin: 0 3px; }
      
      #hometable-content a { color: #F4C000; text-decoration: none; font-weight: bold; }
      
      #hometable-content a:hover { text-decoration: underline; }
      #htimg { width: 160px; min-height: 200px; float: left; padding: 8px 0 0 20px; }
      #htcenter { width: 240px; min-height: 200px; margin: 8px 5px 0 0; float: left; background-image: url(images/home_table_dotted.gif); background-repeat: repeat-y; }
      #htright { width: 215px; min-height: 200px; margin: 8px 5px 0 0; float: left; background-image: url(images/home_table_dotted.gif); background-repeat: repeat-y; }
    #hometable-down { width: 666px; height: 12px; background-image: url(images/home_table_down.gif); background-repeat: no-repeat; font-size: 1px; }
  .testimonial{clear: both;}
  .testimonial p{margin: 0 20px 0 45px; padding: 0 20px; line-height: 1.8; background: url(images/quote-right.gif) no-repeat bottom right; position: relative; bottom: 20px; font-weight: bold; color: #777;}
  #content .testimonial img{vertical-align: bottom; border: 0;}
  
  .news{margin: 10px 0 25px 0;}
    
  #content-right { 
width: 220px;
float: right;
padding: 0;
margin-top:40px;
}

  #content-right-client { width: 220px; float: right; padding: 10px 0 0 0; }
  #content-right-client #sidemenu{ margin: 0 0 30px 0; }
    .moreaboutclient { text-transform: uppercase; font-weight: bold; font-size: 11px; }
    #moreabout-up { width: 215px; height: 15px; margin: 3px 0 0 0; background-image: url(images/moreinfo_up.gif); background-repeat: no-repeat; font-size: 1px; }
    #moreabout-content { width: 215px; background-image: url(images/moreinfo_bg.gif); background-repeat: repeat-y; font-size: 11px; }
      #moreabout-content p { padding: 0 12px 0 12px; line-height: 18px; }
    #moreabout-down { width: 215px; height: 15px; margin: 0 0 15px 0; background-image: url(images/moreinfo_down.gif); background-repeat: no-repeat; font-size: 1px; }
    #sidemenu { width: 216px; padding: 0 11px 0 0; font-size: 11px; margin: 0 0 20px 0; }
      #sidemenu-up{ width: 216px; height: 11px; background-image: url(images/sidemenu_up.gif); background-repeat: no-repeat; font-size: 1px; }
      .news-up { width: 216px; height: 11px; background-image: url(images/news_up.gif); background-repeat: no-repeat; font-size: 1px; }
      #sidemenu ul { padding: 0; list-style: none; }
      #sidemenu li a { height: 24px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; }
      #sidemenu li a { color: #5C5C5C; display: block; background: url(images/sidemenu_bg.gif) 0 -35px; padding: 8px 0 0 27px; text-decoration: none; }
      #sidemenu li a:hover, #sidemenu li a.active { color: #fff; background: url(images/sidemenu_bg.gif); text-decoration: none; }
      #sidemenu-down { width: 216px; height: 10px; background-image: url(images/sidemenu_down.gif); background-repeat: no-repeat; font-size: 1px; }
      .news-down { width: 216px; height: 10px; background-image: url(images/news_down.gif); background-repeat: no-repeat; font-size: 1px; }
      #sidemenu-center, .news-center { width: 197px; border-left: 2px solid #D6D6D6; border-right: 2px solid #D6D6D6; padding: 15px 5px 15px 10px; position: relative; bottom: 1px;}
      #sidemenu-center p, .news-center p{ line-height: 1.4; padding: 5px 0 10px 0;}
      #sidemenu-center strong, .news-center strong{ text-transform: uppercase; }

  .rightsidebox-top{width: 216px; height: 29px; background: url(images/rightsidebox-top.gif);}
  .rightsidebox-top h2{color: white; font-size: 0.9em;  text-transform: uppercase; padding: 7px 0 0 10px; letter-spacing: 0.15em;}
  .rightsidebox-top h2 a{color: white; text-transform: uppercase; letter-spacing: 0.15em; display: block; width: 205px; height: 17px;}
  .rightsidebox-top h2 a:hover{text-decoration: none;}
  .rightsidebox-center{width: 216px; background: url(images/rightsidebox-center.gif) repeat-y; padding: 5px 0; margin: 0;}
  .rightsidebox-center p, .rightsidebox-center img {color: #767263; font-size: 0.9em; padding: 7px 5px 0 10px;}
  .rightsidebox-center p.phone{font-size: 2.0em; font-weight: bold; margin: 0 0 10px 0;}
  .rightsidebox-bottom{width: 216px; height: 29px; background: url(images/rightsidebox-bottom.gif);}
  
  #rssfeed{float: right; margin: 0 5px 0 0; font-size: 90%; }
  #newsfeed{float: right; margin: 5px 15px 0 0; font-size: 90%;}
  #rssfeed img, #newsfeed img{margin: 0 0 0 5px; vertical-align: top; border: 0;}
  
  #footer { padding: 35px 0 3px 0; font-size: 85%; color: #BCBBB5; text-align: center; }
    #footer a { color: #BCBBB5; text-decoration: none; }
    #footer a:hover { text-decoration: underline; }
  #footer2 { padding: 0 0 7px 0; font-size: 85%; color: #767263; text-align: center; }
    #footer2 a { color: #767263; text-decoration: none; }
    #footer2 a:hover { text-decoration: underline; }

/*** contact form ***************************/
form{
	width: 660px;
	margin: 15px 0 40px 0;
	clear: left;
}

.leftform{
	width: 320px;
	float: left;
}

.rightform{
	width: 320px;
	float: right;
}

.formfield, #messagediv label{
	padding: 0 0 10px 0;
}

input, select, textarea{
	border: solid 1px #999;
	background: #fff;
	width: 300px;
}

textarea{
	width: 640px;
}

#submitdiv input{
	float: right;
	margin: 0 20px 0 0;
	background: url(images/tdbg.gif) repeat-x;
}

#errormsg{
	width: 560px;
	padding: 10px 10px 15px 70px;
	background: url(images/problem.jpg) no-repeat 10px 10px;
	color: red;
	border: solid 1px red;
	clear: left;
	height: 60px;
}