@charset "utf-8";
/* CSS Document */

html, body, div, dl, dt, dd, pre, form, fieldset, ul, ol, li, blockquote {
margin:0;
padding:0;
}
.ieFix {
display:none;
clear:none;
}
p, h1, h2, h3, h4, h5, h6 {
margin-top:0;
}
h1, h2, h3, h4, h5, h6 {
color:#808080;
font-weight:normal;
}
hr {
display:block;
clear:both;
margin:20px 0;
padding:0;
height:1px;
border:none;
border-bottom:1px dotted #aaa;
}
li {
padding:0;
margin:0 0 0 20px;
}
.jqTransformSelectWrapper li {
margin:0;
}
p {
font-size:14px;
line-height:24px;
}
h1 {
font-size:36px;
margin-bottom:20px;
}
h2 {
font-size:24px;
margin-bottom:10px;
}
h3 {
font-size:21px;
margin-bottom:10px;
}
h4 {
font-size:18px;
margin-bottom:10px;
}
h5 {
font-size:16px;
margin-bottom:10px;
}
h6 {
font-size:14px;
margin-bottom:10px;
}
body * {
font-family:Arial, Helvetica, sans-serif;
}
.panels-content {
color:#777;
font-size:14px;
}
.clear {
display:block;
clear:both;
}
ul.bannerList {
padding:0;
margin:0 0 20px;
list-style-type:square;
}
ul.bannerList li {
padding:0;
margin:0 0 0 20px;
}
ul.boxList {
padding:0;
margin:0 0 10px;
list-style-type:square;
}
ul.boxList li {
padding:0;
margin:0 0 0 20px;
}
.panels-content {
line-height: 24px;
}
.panels-content ul {
padding:0;
margin:0 0 10px;
list-style-type:square;
}
.panels-content ul li {
padding:0;
margin:0 0 0 20px;
line-height:inherit;
}
a, a:hover {
text-decoration:none;
}
.panels-content a {
text-decoration:underline;
border:none;
color:#422a79;
}
.panels-content a:hover {
color:#000;
}
.k-shadow {
-moz-box-shadow:0 5px 10px rgba(0, 0, 0, .4);
-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, .4);
box-shadow:0 5px 10px rgba(0, 0, 0, .4);
}
.v-shadow {
-moz-box-shadow:0 5px 10px rgba(100, 65, 150, .4);
-webkit-box-shadow:0 5px 10px rgba(100, 65, 150, .4);
box-shadow:0 5px 10px rgba(100, 65, 150, .4);
}
body {
background:#422a79 url(bgWebsite.jpg) no-repeat 50% top fixed;
/*background:url(page-BG.gif) repeat-y 50% 0;*/
color:#555;
height:100%;
}
.page-Container {
background:#fff;
-moz-box-shadow:0 5px 10px rgba(0, 0, 0, .4);
-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, .4);
box-shadow:0 5px 10px rgba(0, 0, 0, .4);
width:960px;
margin:0 auto;
padding:0 0 40px 0;
min-height:600px;
height:auto !important;
height:600px;
}
.header {
position:relative;
width:100%;
height:100px;
}
.GH-logo {
position:absolute;
top:12px;
left:20px;
width:390px;
height:80px;
background:url(sprite.png) no-repeat 0 -85px;
}
.header-info {
position:absolute;
top:12px;
right:20px;
width:500px;
height:88px;
}
.header-tag {
text-align:right;
font-weight:100;
color:#CCCCCC;
font-size:14px;
}
.toll-free {
text-align:right;
font-weight:lighter;
color:#9787bd;
font-size:24px;
}
strong {
font-weight:bold;
}
.headerMenu {
background:url(bgMenu.gif) repeat-x 0 0;
width:100%;
height:50px;
}
ul.topMenu {
margin:0;
padding:0;
list-style-type:none;
}
ul.topMenu li {
margin:0;
padding:0;
float:left;
display:inline;
height:50px;
}
ul.topMenu li a {
display:block;
float:left;
font-size:16px;
color:#ddd;
line-height:50px;
height:50px;
margin:0;
padding:0 20px;
}
ul.topMenu li a:hover {
color:#fff;
}
.menuAccent {
background:#422a79 url(sprite.png) no-repeat 50% -80px;
width:100%;
height:2px;
}
.panelsLrgSplit2-1 {
width:100%;
height:500px;
position:relative;
background:url(bg2Panels2-1.jpg) no-repeat 0 0;
}
.panelsLrgSplit2-1 .panel-2x {
width:640px;
float:left;
display:inline;
padding:0;
margin:0;
}
.panels3 {
width:100%;
height:318px;
position:relative;
background:url(bg3Panels.jpg) no-repeat 0 0;
}
.panels3 .panel-1, .panels3 .panel-2, .panels3 .panel-3,
.panelsLrg .panel-1, .panelsLrg .panel-2, .panelsLrg .panel-3,
.panelsLrgSplit2-1 .panel-3 {
width:320px;
height:318px;
float:left;
display:inline;
padding:0;
margin:0;
}
.panels3 .panel-1 .panelTitle, .panels3 .panel-2 .panelTitle, .panels3 .panel-3 .panelTitle {
width:300px;
height:36px;
padding:0;
margin:0;
text-indent:-9999px;
overflow:hidden;
}
.panels3 .panel-1 .panelTitle {
background:url(sprite.png) no-repeat -760px -305px;;
}
.panels3 .panel-2 .panelTitle {
background:url(sprite.png) no-repeat -760px -255px;;
}
.panels3 .panel-3 .panelTitle {
background:url(sprite.png) no-repeat -760px -205px;;
}
.panels3 .panel-1 .panelImage, .panels3 .panel-2 .panelImage, .panels3 .panel-3 .panelImage {
width:280px;
height:125px;
padding:0;
margin:0;
}
.panels3 .panel-1 .panelImage {
background:url(sprite.png) no-repeat 10px -500px;
}
.panels3 .panel-2 .panelImage {
background:url(sprite.png) no-repeat -265px -500px;
}
.panels3 .panel-3 .panelImage {
background:url(sprite.png) no-repeat -560px -490px;
}
h5.panelSubTitle {
font-size:16px;
color:#444;
margin:-25px 0 5px;
}
.panelDescription {
font-size:11px;
color:#777;
line-height:20px;
}
.panelsLrg {
width:100%;
height:380px;
position:relative;
background:url(bgPanelsLrg.jpg) no-repeat 0 0;
}
.panelsLrgFull {
width:100%;
position:relative;
background:url(bgPanelsLrgTop.jpg) no-repeat 0 0;
padding:0 0 40px;
}
.panels-content {
padding:20px 20px 0 20px;
margin:0;
}
a.moreInfo {
margin-right:10px;
}
ul.gallery {
padding:0;
margin:0;
list-style-type:none;
clear:both;
display:block;
}
ul.gallery li {
float:left;
display:inline;
padding:20px 0;
margin:0;
width:306.666px;
text-align:center;
}
ul.gallery li a {
display:block;
width:248px;
height:188px;
border:1px solid #ddd;
-moz-box-shadow:0 5px 10px rgba(0, 0, 0, .2);
-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, .2);
box-shadow:0 5px 10px rgba(0, 0, 0, .2);
margin:auto;
}
ul.gallery li a:hover {
border:1px solid #422a79;
}
ul.gallery li a img {
border:3px solid #fff;
}
.footerMenu {
width:280px;
}
.jqTransformSelectWrapper ul li {
margin:0;
}
ul.bottomMenu {
margin:0;
padding:0;
list-style-type:none;
}
ul.bottomMenu li {
margin:0;
padding:0;
}
ul.bottomMenu li a {
display:block;
font-size:12px;
color:#422a79;
line-height:40px;
height:40px;
margin:0;
padding:0 20px;
border-bottom:1px dotted #ddd;
text-decoration:none;
}
ul.bottomMenu li a:hover {
color:#000;
border-bottom:1px dotted #777;
}
.footerClosing {
color:#aaa;
font-size:10px;
padding:20px;
}



/*
	Slideshow
*/

#slides {
	clear:both;
	display:block;
	z-index:100;
	position:relative;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:960px;
	height:450px;
	overflow:hidden;
	position:relative;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slideThang {
	width:960px;
	height:450px;
	overflow:hidden;
	position:relative;
	display:block;
}

.slides_container a {
}

.slides_container a img {
}
.slide-1, slide-2, slide-3, slide-4, slide-5, slide-6, slide-7 {
position:relative;
}
.slideInfo {
position:absolute;
width:450px;
height:auto;
}
h3.slideTitle {
width:500px;
height:48px;
text-indent:-9999px;
overflow:hidden;
margin:0 0 10px;
padding:0;
}
h4.slideLogo {
text-indent:-9999px;
width:390px;
height:85px;
overflow:hidden;
margin:0 0 10px;
padding:0;
}
h4.slideLogo a {
width:390px;
height:85px;
text-indent:-9999px;
overflow:hidden;
margin:0;
padding:0;
display:block;
}
.slide-1 a.link-1, .slide-1 a.link-2, .slide-2 a.link-1, .slide-2 a.link-2, .slide-3 a.link-1, .slide-3 a.link-2, .slide-4 a.link-1, .slide-4 a.link-2, .slide-5 a.link-1, .slide-5 a.link-2, .slide-6 a.link-1, .slide-6 a.link-2, .slide-7 a.link-1, .slide-7 a.link-2 {
width:250px;
height:67px;
text-indent:-9999px;
overflow:hidden;
display:inline;
}
.slideDescription {
font-size:12px;
line-height:18px;
color:#fff;
margin-bottom:15px;
}
.columns {
float:left;
display:inline;
width:45%;
}
.columnsMargin {
margin-right:10%;
}
.pageColumns {
float:left;
display:inline;
width:48%;
}
.pageColumnsMargin {
margin-right:4%;
}
.pageColumns3 {
float:left;
display:inline;
width:30%;
}
.pageColumns3-2 {
float:left;
display:inline;
width:65%;
}
.pageColumns3Margin {
margin-right:5%;
}
.slide-1 {
background:url(slides/programming.jpg) no-repeat 0 0;
}
.slide-1 .slideInfo {
top:75px;
left:400px;
}
.slide-1 h3.slideTitle {
background:url(sprite.png) no-repeat -500px -250px;
}
.slide-1 .slideDescription {
text-align:left;
}
.slide-1 h4.slideLogo {
background:url(sprite.png) no-repeat 0 -535px;
}
.slide-2 {
background:url(slides/web-hosting.jpg) no-repeat 0 0;
}
.slide-2 .slideInfo {
top:50px;
left:450px;
}
.slide-2 h3.slideTitle {
width:600px;
background:url(sprite.png) no-repeat -503px -150px;
}
.slide-2 .slideDescription {
text-align:left;
}
.slide-2 h4.slideLogo {
background:url(sprite.png) no-repeat 0 -450px;
}
.slide-2 a.link-1 {
background:url(sprite.png) no-repeat -510px -220px;
}

.slide-3 {
background:url(slides/more-services.jpg) no-repeat 0 0;
}
.slide-3 .slideInfo {
top:75px;
left:50px;
}
.slide-3 h3.slideTitle {
background:url(sprite.png) no-repeat -500px -200px;
}
.slide-3 .slideDescription {
text-align:left;
}
.slide-3 h4.slideLogo {
background:url(sprite.png) no-repeat 0 -620px;
}
.slide-3 a.link-1 {
margin-left:-15px;
background:url(sprite.png) no-repeat -510px -285px;
float:left;
}

.slide-4 {
background:url(slides/rsp.jpg) no-repeat 0 0;
}
.slide-4 .slideInfo {
top:25px;
left:450px;
}
.slide-4 h3.slideTitle {
background:url(sprite.png) no-repeat -500px -400px;
}
.slide-4 .slideDescription {
text-align:left;
}
.slide-4 h4.slideLogo {
background:url(sprite.png) no-repeat -500px -535px;
}
.slide-4 a.link-1 {
margin-left:-15px;
background:url(sprite.png) no-repeat -510px -285px;
float:left;
}

.slide-5 {
background:url(slides/mailer.jpg) no-repeat 0 0;
}
.slide-5 .slideInfo {
top:100px;
left:50px;
}
.slide-5 h3.slideTitle {
background:url(sprite.png) no-repeat -500px -350px;
}
.slide-5 .slideDescription {
text-align:left;
}
.slide-5 h4.slideLogo {
background:url(sprite.png) no-repeat 0 -705px;
}
.slide-5 a.link-1 {
margin-left:-15px;
background:url(sprite.png) no-repeat -510px -285px;
float:left;
}

.slide-6 {
background:url(slides/billing.jpg) no-repeat 0 0;
}
.slide-6 .slideInfo {
top:125px;
left:50px;
}
.slide-6 h3.slideTitle {
background:url(sprite.png) no-repeat -500px -300px;
}
.slide-6 .slideDescription {
text-align:left;
}
.slide-6 h4.slideLogo {
background:url(sprite.png) no-repeat -500px -450px;
}
.slide-6 a.link-1 {
margin-left:-15px;
background:url(sprite.png) no-repeat -510px -285px;
float:left;
}

.slide-7 {
background:url(slides/web-design.jpg) no-repeat 0 0;
}
.slide-7 .slideInfo {
top:75px;
left:50px;
}
.slide-7 h3.slideTitle {
background:url(sprite.png) no-repeat -500px -100px;
}
.slide-7 .slideDescription {
text-align:left;
}
.slide-7 h4.slideLogo {
background:url(sprite.png) no-repeat 0 -535px;
}
.slide-7 a.link-1 {
margin-left:-15px;
background:url(sprite.png) no-repeat -510px -285px;
float:left;
}
.panelImagePage {
width:270px;
height:84px;
margin-bottom:10px;
}
.panelImagePage.businessCards {
height:125px;
background:url(sprite.png) no-repeat -265px -498px;
margin-bottom:0;
}
.panelImagePage.customProgramming {
background:url(sprite.png) no-repeat 0 -354px;
}
.panelImagePage.billing {
background:url(sprite.png) no-repeat -560px -625px;
}
.panelImagePage.mailersNewsletters {
background:url(sprite.png) no-repeat -280px -354px;
}
.panelImagePage.RealtySitesPLUS {
background:url(sprite.png) no-repeat -560px -354px;
}
.panelImagePage2-3.support {
width:100%;
height:310px;
margin-bottom:10px;
background:url(/images/support-med.jpg) no-repeat 0 0;
}

















/*
	Pagination
*/

.pagination {
	position:absolute;
	bottom:20px;
	left:20px;
	width:100px;
	z-index:999;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}