@charset "utf-8";
/* CSS Document */
.container{
  width:805px;
}
#contentServices {
  display:block;
}
#contentWeb {
  display:none;
}
#contentMarketing {
  display:none;
}
#contentSEO {
  display:none;
}
#contentSoftware {
  display:none;
}
.contentBox
{
  position: relative;
  width:805px;
  height: auto;
  border: 1px solid #879CB3;
  text-align: top;
  background: url(../images/tabletop.gif) repeat-x;
  background-color: #ffffff;
}
.content
{
  position: relative;
  top: 0px;
  left: 0px;
  padding: 6px 14px 20px 14px;
  text-align:left;
  font-family: Tahoma,Verdana,sans-serif;
  font-size:11px;
  color:#5a5a5a;
}
.content .std {
  background:transparent url(../templates/theme/images/block_std.gif) no-repeat scroll 0px 0px;
  padding-left:22px;
  height:20px;
}
.content h1 {
  background:url(../templates/theme/images/text_underline.jpg) repeat-x scroll 0px 0px;
  background-position:center bottom;
	font-family: Tahoma,Verdana,sans-serif;
  font-size:11px;
  color:#456789; /*#607E9A;*/
  display:inline;
  font-size:13px;
  font-weight:bold;
  text-transform:uppercase;
  vertical-align:middle;
  padding-bottom:2px;
}
.content h3 {
	padding-top:6px;
	margin-bottom:0px;
	color:#456789;
	font-size: 15px;
}
.content_spacer1 {
  position: relative;	
  width: 805px;	
  height: 3px;	
  background-color: #ffffff;
}
.content_spacer2
{
  position: relative;
  width: 805px;
  height: 25px;
  background-color: #ffffff;
}
.blueline
{
  position: relative;
  width: 805px;
  height: 1px;
  background: #456789;
}
.infoBox
{
  width: 196px;
  height: 160px;
}
.infoInnerBox
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 196px;
  height: 160px;
  /*background: url(../images/ch1.gif) 30px 133px no-repeat; */
  cursor: pointer;    
}
.infoColorBox
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 196px;      /* make same height and width as infoInnerBox */
  height: 160px;
  background-color: #FCF368;
  filter:alpha(opacity=90);
  opacity: 0.90;
  -moz-opacity:0.90;
}
.infoTitle {
  position: absolute;
  top: 9px;
  left: 16px;
  font-family: Arial, Tahoma, Verdana;
  font-size:13px;
  font-weight:bold;
  color:#223344;  
}
.infoText
{
  position: absolute;
  top: 36px;
  left: 16px;
  width: 164px;
  height: 160px;
  font-family: Arial, Tahoma, Verdana;
  font-size:11px;
  color:#111122;
	text-align:left;
}
.infoMore {
  position: absolute;
  top: 134px;
  left: 16px;
  padding-left: 16px;
  font-family: Arial, Tahoma, Verdana;
  font-size:11px;
  color: #223344;
  background: url(../images/ch1.gif) no-repeat;	
}
#designInfoBox
{
  position: absolute;
  left: 0px;
  top:320px;
}
#marketingInfoBox
{
  position: absolute;
  left: 0px;
  top:320px;
}
#seoInfoBox
{
  position: absolute;
  left: 0px;
  top:320px;
}
#softwareInfoBox
{
  position: absolute;
  left: 0px;
  top:320px;
}
.designBox {
  position: relative;
  float:left;
  left: 0;
  width: 196px;
  height: 354px;
  margin-right:7px;
  background: url('../images/design.jpg') no-repeat top left;	
}
.marketingBox {
  position: relative;
  float:left;
  width: 196px;
  height: 354px;
  margin-right:7px;
  background: url('../images/marketing.jpg') no-repeat top left;	
}
.seoBox {
  position: relative;
  float:left;
  width: 196px;
  height: 354px;
  margin-right:7px;
  background: url('../images/seo.jpg') no-repeat top left;	
}
.softwareBox {
  position: relative;
  float:left;
  width: 196px;
  height: 354px;
  margin-right:0px;
  background: url('../images/software.jpg') no-repeat top left;	
}
#popupWebMenu {}
#pop1 {
	display:none;
}
#pop2 {
	display:none;
}
#pop3 {
	display:none;
}
#pop4 {
	display:none;
}
.popup {
  position: absolute;
  top:300px;
  left:340px;
  width:330px;
  height: auto;
  border: 1px solid #456789;
  text-align: top;
  background-color: #ffffff;
  padding:1px;
}
.popupheader {
  background-color:#456789;
  height:20px;
  font-family: Arial, Tahoma, Verdana;
  font-size:14px;
  font-weight:bold;
  color: #ffffff;
  padding-left:12px;
  padding-top:3px;
  vertical-align:middle;
}
.popuptop {
  position: relative;
  margin-top:1px;
  height: auto;  /*148px; */
  text-align: top;
  background: url(../images/popuptop.gif) repeat-x;
  background-color: #ffffff;
  padding-top:12px;
  padding-left:12px;
  padding-bottom:0px;
}
.popupbottom {
  position: relative;
  margin-top:1px;
  width:300px;
  height: auto;
  text-align: top;
  background-color: #ffffff;
  padding:2px 12px 12px 12px;
  font-family: Arial, Tahoma, Verdana;
  font-size:11px;
}
.price {
  position: absolute;
  top: 60px;
  left: 185px;
  width:100px;
  text-align:center;
  font-family: Arial, Tahoma, Verdana;
  font-size:12px;
}
.popdesc {
  position: relative;
  height:auto;
  text-align:left;
  font-family: Arial, Tahoma, Verdana;
  font-size:12px;
  font-weight:bold;
  padding: 5px 12px 5px 0px;
}
.fakelink {
	cursor:pointer;	
	color:#2E4E82;
  font-weight:bold;	
}
.fakelink:hover {
	cursor:pointer;
  color:#C02929;
	text-decoration:underline;
}
.sidebox_blue {
	float:right;
	width:230px;
	margin-top:8px;
	margin-right:5px;
	margin-left:14px;
	margin-bottom:6px;
	min-height:130px;
	text-align:left;
}
.priceTitle {
  display:none;
  position:absolute;
  background-color: #eef;
  border:1px solid #aac;
  padding:5px 10px 5px 10px;
  width:200px;
}
