@import url(lightbox.css);

ol, ul, li, h1, h2, h3, h4, p{ margin:0; padding:0; }
ol, ul{
	padding-left:18px;
}

body{
	background:#737373;
	text-align:center;
	font-family: Helvetica, Arial, Tahoma;
	font-size:0.8em;
	line-height:1.3em;
}

a{
	color:#14b;
	text-decoration: none;
}
a:visited{
	color:#44d;
	text-decoration: none;
}
a:visited:hover, a:hover{
	color:#11c;
	text-decoration: underline;
}

div#mainContainer{
	height:620px;
	width:977px;
	background:url(../images/page_bg.jpg) no-repeat center;
	text-align:left;
	margin:15px auto 15px;
}
div#homeLink{
	position: absolute;
	top:495px;
	margin-left:568px;
}
div#homeLink a{
	display:block;
	width:350px;
	height:75px;
	text-decoration:none;
}
div#homeLink span{
	visibility:hidden;
}
ul#nav{
	position:absolute;
	list-style:none;
	margin:35px 0 0 454px;
	padding:0;
}
ul#nav li{
	position:absolute;
}
ul#nav a{
	position:absolute;
	text-decoration:none;
	display:block;
}
ul#nav a span{
	visibility:hidden;
}
a#navHome{
	margin-top:33px;
	margin-left:0;
	width:290px;
	height:41px;
}
a#navHome:hover, li.active a#navHome{ background:url(../images/nav_on.jpg) no-repeat -8px 0; }
li.active a#navHome, li.active a#navHome:hover{ background-position:-346px -1px; }
a#navAbout{
	margin-top:74px;
	margin-left:0;
	width:290px;
	height:41px;
}
a#navAbout:hover, li.active a#navAbout{ background:url(../images/nav_on.jpg) no-repeat -8px -41px; }
li.active a#navAbout, li.active a#navAbout:hover{ background-position:-346px -41px; }
a#navPortfolio{
	margin-top:114px;
	margin-left:0;
	width:290px;
	height:41px;
}
a#navPortfolio:hover, li.active a#navPortfolio{ background:url(../images/nav_on.jpg) no-repeat -8px -81px; }
li.active a#navPortfolio, li.active a#navPortfolio:hover{ background-position:-346px -81px; }
a#navServices{
	margin-top:154px;
	margin-left:0;
	width:290px;
	height:41px;
}
a#navServices:hover, li.active a#navServices{ background:url(../images/nav_on.jpg) no-repeat -8px -121px; }
li.active a#navServices, li.active a#navServices:hover{ background-position:-346px -121px; }
a#navPricing{
	margin-top:194px;
	margin-left:0;
	width:290px;
	height:41px;
}
a#navPricing:hover, li.active a#navPricing{	background:url(../images/nav_on.jpg) no-repeat -8px -161px; }
li.active a#navPricing, li.active a#navPricing:hover{	background-position:-346px -161px; }
a#navContact{
	margin-top:234px;
	margin-left:0;
	width:290px;
	height:38px;
}
a#navContact:hover, li.active a#navContact{ background:url(../images/nav_on.jpg) no-repeat -8px -201px; }
li.active a#navContact, li.active a#navContact:hover{ background-position:-346px -201px; }

div#contentContainer{
	position:absolute;
	background:url(../images/content_bg.png) no-repeat top left;
	margin:26px 0 0 28px;
	float:left;
	padding:20px 25px 0;
	width:365px;
	opacity:0.95;
	color:#222;
}
span#contentBottom{
	background:url(../images/content_btm.png) no-repeat bottom left;
	display:block;
	height:11px;
	margin:0px -25px 0;
	top:11px;
	position:relative;
	font-size:1px;
}
div#copyright{
	font-size:0.8em;
	color:#555;
	font-family:Verdana;
}
div#copyright a{
	color:#444;
	text-decoration:none;
}
div#copyright a:hover{
	color:#33b;
	text-decoration:underline;
}

h1{
	font-family: Verdana, Arial;
	font-size:1.6em;
	color:#05a;
	color:#7bd;
	font-weight:bold;
	letter-spacing:1px;
	margin-bottom:0.8em;
}
h2, .accordion-toggle{
	font-family:Arial;
	font-size:1.2em;
	color:#27c;
	letter-spacing:1px;
	margin-bottom:0.2em;
}
h3{
  font-family: Helvetica, Arial, sans-serif;
  font-size:1em;
  color:#333;
  margin:0.2em 0;
}
ul{
	margin: 0.4em 0 0;
}
p{
	margin: 0.1em 0;
}

img.thumb{
	border:none;
	margin:5px 10px;
}

#addressPrompt{
	display:none;
}

.successMessage{
	display:block;
	color:#3b3;
	font-weight:bold;
}

.errorMessage{
  display:block;
  color:#d00;
  font-weight:bold;
}

ul#merchantIntegration{
  margin-bottom: 15px;
}

/* Accordian Styles */
div.accordion {
  position: relative; /* required for bounding */
  margin-right:10px;
  border-top: 1px solid #ccd;
}
.accordion-toggle{
  position: relative; /* required for effect */
  z-index: 10; /* required for effect */
  cursor: pointer;
  font-weight: bold;
  border-bottom: 1px solid #ccd;
  border-top: 1px solid #eef;
  padding:2px 0 2px 20px;
  margin-bottom:0;
  background: url(../images/arrow_right.png) no-repeat left;
}
.accordion-toggle-active{
  border-bottom: 1px solid #ddd;
  background: url(../images/arrow_down.png) no-repeat left;
}
div.accordion-content{
  overflow: hidden;	/* required for effect */
  border-bottom: 1px solid #ccd;
  border-right: 1px solid #ddd;
  background: #e4eff4;
}
div.accordion-content h3{
  padding: 0.5em 20px 0;
}
div.accordion-content p{
  margin: 0.1em 1.8em 0.2em;
}
div.accordion-content ul{
  margin: 0.1em 1.8em 0.2em;
}