/* --- CSS Reset --- */


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0px;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
body {
	background-color: #d96004;
	background-image: url(../images/bg-grad.jpg);
	background-repeat: repeat-x;
}

/* --- Typography --- */

.grid p {
	line-height: 1.4em;
	font-size: .9em;
	margin-bottom: 15px;
	z-index: 200;
	position: relative;
}
.pagebackground {
	background-image: url(../images/pg-bg.jpg);
	background-position: 220px 170px;
	background-repeat: no-repeat;
}
.grybg {
	background-color: #e5e5e5;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

.grid h1 {
	font-weight: normal;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	padding-bottom: 7px;
	font-size: 2em;
	color: #333333;
}
.grid h6 {
	font-weight: normal;
	padding-bottom: 7px;
	font-size: 2em;
	color: #333333;
}

.grid h2 {
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1.2em;
	z-index: 200;
}

.grid h3 {
	line-height: 1.3em;
	font-size: 0.8em;
	font-family: Georgia, serif;
	font-weight: bold;
	color: #333333;
	z-index: 200;
	margin-bottom: 10px;
}
.grid h3 a{
	z-index: 200;

}

.grid h4 {
  line-height: 36px;
  font-size: 14px;
  font-family: Georgia, serif;
}

.grid h5 {
  line-height: 36px;
  font-size: 14px;
  font-family: Georgia, serif;
}

.grid h6 {
	line-height: 36px;
	font-size: 24px;
	font-family: Georgia, serif;
}
.grid-c2 ul {
	margin-top: 10px;
	margin-left: 40px;
	margin-bottom: 20px;
}
.grid-c2 li {
	margin-top: 5px;
	line-height: 1.4em;
	font-size: .9em;
}
.grid-c2b ul {
	margin-top: 10px;
}
.grid-c2b li {
	margin-top: 5px;
	line-height: 1.4em;
	font-size: 0.8em;
	margin-left: 20px;
}
.grid img {

}
.grid td img {
	margin-bottom: 0px;

}
.grid td .nomargin {
	margin: 0px;
	padding: 0px;
	float: left;
}
.grid td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	vertical-align: top;
}
.reporttable {
	line-height: 16px;
}
.ValignMiddle {
	vertical-align: middle;
}
.ValignTop {
	vertical-align: top;
}
.TextAlignRight {
	vertical-align: top;
	text-align: right;
}
h1 { text-shadow: 2px 2px 3px #999; }

/* --- Grid --- */


.gridHP {
	width: 990px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin:auto
	}
	
.grid {
	width: 990px;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #FFFFFF;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
.language {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: -105px;
	margin-left: auto;
}

.language-button {
	margin-left: 1px;
	margin-top: 40px;
	width: 20px;
	float: left;
}
#language-option {
	display: none;
	height: 20px;
	width: 400px;
	z-index: 9000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 10px;
	vertical-align: top;
	margin-top: -160px;
	float: left;
}


.contact {
	width: 990px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
.contact-button {
	margin-right: -20px;
	float: right;
	margin-top: -210px;
	width: 20px;
}
#contact-content {
	display: none;
	width: 250px;
	float: right;
	z-index: 10000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-right: 35px;
	margin-top: -120px;
	text-align: right;
}

#hpbgs {
	background-repeat: no-repeat;
	background-position: top;
	margin:auto
}
.hp_bgs_view {
	background-image: url(../images/hp-art-view.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin:auto
}
.hp_bgs_globe {
	background-image: url(../images/hp-art-globe.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin:auto
}
.hpServices {


}
.hpServices p {
	width: 275px;
}
.hpServicesSEO {

}
.hpServicesSEO p {
	width: 505px;
	margin-left: 325px;
	padding-top: 60px;
}
.hpCheckRank {

}
.hpCheckRank {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
}
.wideBGseo {
	background-image: url(/images/seo-help.jpg);
	height: 240px;
}
.wideBGservices {
	background-image: url(/images/slider-art-bg1.jpg);
	background-color: #00FF00;
	padding-left: 10px;
	height: 240px;
}
.doubleColumn {
	background-image: url(/images/slider-art-bg2.jpg);
}


.serviceBox {
	font-family: Georgia, "Times New Roman", Times, serif;
	float: left;
	width: 260px;
	margin-top: 10px;
	margin-left: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
}

.alignRight {
	text-align: right;
}
.width350 {
	width: 350px;
}
.width220 {
	width: 220px;
}
.noMargins {
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 30px;
	padding-left: 0px;
}

.serviceBox h1{
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	padding-bottom: 3px;
}
.serviceBox p {
	font-size: 11px;
	line-height: 16px;
}
.serviceBox ul {
	font-size: 11px;
	line-height: 16px;
	margin-top: 10px;
	margin-left: 15px;
}



.TopMargin20 {
	margin-top: 20px;
}

.grid-m1 {
  float: left;
  width: 25px;
  height: 1px;
}
.grid-m1 img{
	margin-left: -21px;
	margin-top: 64px;

}

.grid-vspacer210 {
	float: left;
	width: 25px;
	height: 185px;
}
.grid-vspacer100 {
	float: left;
	width: 25px;
	height: 255px;
}

.grid-c1 {
	float: left;
	width: 250px;
}
.neg30TopMargin {
	margin-top: -30px;
}
.grid-fullWidth {
	float: left;
	width: 990px;
	background-color: #EDEDEC;
}

.grid-m2 {
  float: left;
  width: 45px;
  height: 1px;
}

.grid-c2 {
	float: left;
	width: 500px;
	z-index: 200;
	position: relative;
	padding-bottom: 60px;
}
.grid-c2-wide {
	float: left;
	width: 900px;
	z-index: 200;
	position: relative;
	padding-bottom: 60px;
}
.c2-650 {
	width: 650px;
}
.c2-200{
	float: left;
	width: 200px;

}
.grid-c2a{
	float: left;
	width: 245px;
	margin-top: 10px;
	margin-left: 305px;
}
.grid-c2b {
	float: left;
	width: 245px;
	margin-top: 10px;
}

.grid-m3 {
  float: left;
  width: 24px;
  height: 1px;
}

.grid-c3 {
	float: left;
	width: 185px;
}
.grid-c460 {
	float: left;
	width: 460px;
	margin-top: 68px;
	height: 150px;
	z-index: 100;
}
.grid-bigType {
	float: left;
	width: 460px;
	margin-top: 68px;
	height: 150px;
	z-index: 100;
}
.grid-bigType h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	margin-left: 50px;
}
.grid-bigType h3{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100px;
	margin-left: 150px;
	font-weight: normal;
}
.grid-c470 {
	width: 480px;
	text-align: right;
	float: left;
	margin-right: 20px;
	margin-top: 10px;
}
.inital {
	float: left;
	background-color: #faa81c;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 60px;
}
.inital p{
	font-size: 72px;
	color: #FFFFFF;
	line-height: 60px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	float: left;
}
.imageBox {
	width: 180px;
	height: 160px;
	display: block;
	float: right;
	box-shadow: 5px 5px 5px #777;
	-moz-box-shadow: 5px 5px 5px #777;
	-webkit-box-shadow: 5px 5px 5px #777;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
}
.movieBox {
	width: 180px;
	height: 160px;
	float: right;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
}

.footer {
	width: 990px;
	background-color: #000;
	margin:auto;
	height: 60px;
	color: #CCCCCC;
	border-top-width: 1px;
	border-top-color: #333333;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
.footer p {
	font-size: 0.7em;
	text-align:center;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 0px;
	color: #CCCCCC;
}
.footer a {
	color: #CCCCCC;
}
.footer a:hover {
	color: #ffffff;
}
#black_overlay{
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:500;
	-moz-opacity: 0.4;
	opacity:.40;
	filter: alpha(opacity=40);
	position: absolute;
	visibility: hidden;
}
.mouse {
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
}

#form2 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
#form2 p{
	font-size: 12px;
	margin-bottom: 10px;
}
#form2 h2{
	font-weight: bold;
}
#form2 hr{
	margin-top: 20px;
	margin-bottom: 20px;
}

#form1 {
	font-size: 10px;

	width: 270px;
}
#form1 h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#form1 p {
	margin-bottom: 10px;
}
.grid-c2 .ClientLogoBox{
	margin-top: -95px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.grid-c2 .ClientLogoBox2{
	float: right;
	margin-top: -80px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.grid-c2-wide .ClientLogoBox2{
	float: right;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.grid-c2-wide .ClientLogoBox{
	float: right;
	margin-top: -95px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.grid-c2 .ClientLogoBox img {

}
.grid-c2-wide .ClientLogoBox img {
	margin-bottom: 4px;
}

.grid-c2 .obstaclereport {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	vertical-align: top;
	width: 420px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
.grid-c2 .obstaclereport p{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	width: 360px;
}

.grid-c2 .obstaclereport p a{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

.grid-c2 .obstaclereport img{
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}