html {overflow-y:scroll;}
html, body {
   -moz-background-clip:border;
   -moz-background-inline-policy:continuous;
   -moz-background-origin:padding;
   -x-system-font:none;
	/*background:#fff url(/images/backgbody248.gif) repeat-x ;*/
	margin: 0;
	font-family:Arial;
	font-size:15px;
	line-height:1.3em;
}

.clear {
   clear: both;
}

.mdfont {
   font-size: 18px;
   color: #142F5F;
	font-weight: normal;
}

.smlfont {
  font-size: 10px;
  font-weight: bold;
}

img {
  border:0;
}

b {
  color:#464646;
}

h1 {
  color: #142F5F;
  font-size: 32px; /* 19 */
}

h2 {
  color: #142F5F;
  font-size: 22px; /* 19 */
}

h3 {
  color: #142F5F;
  font-size: 21px;
  font-weight:400;
  /*border-bottom: 1px dotted #000;*/
  border-bottom:1px solid #EBEBEB;
}

.0h3 {
  border-bottom:1px solid #EBEBEB;
  color:#1a4d80;
  font-size:21px;
  font-weight:400;
}

.iepngfix { 
   behavior: url(http://konae.ca/include/iepngfix.htc); 
}

.fleft {
   float: left;
}

.resultsheader {
   background-color:#E9F7CC;
   width: 546px;
   padding:5px;
}

/*
h1.navbar {
   font-size: 17px;
   color:#ffffcc;
}
*/
/*
h1.navbar li a:hover{
   font-size: 17px;
   color:#FF0000;
}
 */

  .box1{
    padding: 5px;
    background-color: #FFE6D9;
    border: 4px solid #ff9279;
  }
  
  .box2{
    padding: 10px;
    background-color: #F8F8F8;
    border: 4px solid #E4E4E4;
  }
   
.headbgr{
   width: 100%;
   height: 55px;
   background-color:#004080;   
}

.headwrap {
  margin: 0 auto;
  width: 900px;
}

#spfrom {
  position: absolute;
  top: 160px;
  height:1%; /*IE fix re: negative padding*/
  margin-left: 440px;
  width:171px;
  height:182px;
  background-image: url(/images/index-badge2.png);
}
   
.headlineL{
  position:relative;
   z-index:2;
  color: #fff;
  background-image: url(/images/logo-sp-green.png);
  background-repeat: no-repeat;
  behavior: url(/include/iepngfix.htc);
  width: 121px;/*90*/
  height: 63px;/*61*/
  margin-top: 12px;
}
   
.headlineR{
   position: relative;
   color: #fff;
   width: 769px;/* see 134 paddleft - 800px */
}

.subheader {
  background-color:#3C8BFF;
  height:55px;
  width:100%;
}
	
.navStripWrapper {
	position: relative;
	clear: both;
}
#nav {
	background: #004080;
	font-size: 17px;
	padding-left: 191px;/*230*/
}
#nav li {
	border-right: none;
	text-decoration:none;
	/*display:inline;*/
	display: block;
	float: left;
}
#nav li a {
	display: block;
	text-decoration:none;
	color:#ffffcc;
	font-weight:bold;
	padding: 20px 20px 0 23px; /* trbl  */
	width: auto;
	height: 35px;
	float:left; /* IE fix */
}
#nav li a span {}
#nav li a:hover {
  text-decoration:none;
  color:#004080;
  font-size: 17px;
	/*background: #CDEB8B;*/
	background-color: #F4F4F4;
	/*background: url(/images/staticbgrd.gif) repeat-x ;*/
}
#nav li a.focus {
  text-decoration:none;
	background-color: #F4F4F4;
	/*background:#CDEB8B url(/images/staticbgrd.gif) repeat-x ;*/
	 color:#004080;
}

.staticheader { 
	top:55px;
	position:absolute;
	/*background:#CDEB8B url(/images/staticbgrd.gif) repeat-x ;*/
	background-color: #E1F3BC;
	width:100%;
	height:56px;
	z-index:-2;
}

.staticheader-content {
  margin: 0 auto;
  padding-top:12px;
  width: 900px;
}

.toggleWrap {
  position:absolute;
  z-index:0;
  width: 100%;
  /*background:#CDEB8B url(/images/staticbgrd.gif) repeat-x ;*/
  background-color: #F4F4F4;
  color:#004080;
  top: 55px;
}

.wa {
  font-size: 17px;
  color:#004080;
}

.toggleCategories {
   clear: both; 
   margin: 0 auto;
   width: 900px;
   height:56px;
   padding-left: 320px;
   /*background:#CDEB8B url(/images/staticbgrd.gif) repeat-x ;*/
	background-color: #F4F4F4;
	text-decoration:none;
	/*font-size: 14px;*/
	font-weight:normal;
	color:#004080;
}
.toggleCategories ul,
.toggleCategories2 ul {
	padding: 6px 0px 6px; /* trb  */
}
.toggleCategories ul li {
	display: block;
	float: left;
	width: auto; padding-top: 6px; padding-bottom: 3px;
}
.toggleCategories li a {
   text-decoration:none;
   color:#004080;
	margin: 3px 0px 4px 20px;
}

.toggleCategories li a:hover {
   text-decoration:none;
   color:#C0C0C0;
	margin: 3px 0px 4px 20px;
}

/* --------------------------------------------------------- start fix  */

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

.fix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.fix {
	display: inline-block;
} 
* html .fix{
	height: 1%;
}
.fix{
   margin: 0 auto;
	display:
	block;
}

/* --------------------------------------------------------- end fix  */

/* --------------------------------------------------------- front header 1-2  */

#header1-bckg {
  /* background-color:#CDEB8B;*/
  
  background:#fff url(/images/vert-strp-glo.gif) repeat-x ;
   height:425px;
   width:100%;
}

#header1-bckg-map {
  margin: 0 auto;
 /* background: url(/images/fp-header-map.gif) no-repeat;*/
  width:900px;
  height:425px;
}

#header1-image1 {
    padding-top:14px;
    background-image: url(/images/fp-header-browsers5.png);
    background-repeat: no-repeat;
    background-position:bottom;
    height:300px;
    width:642px;
    margin-left:128px;
}

#header1-txt {
  position:relative;
  padding-left:140px;
  top: 15px;
}

#subheader1-txt{
  position:relative;
  padding-left:140px;
  color:#0000FF;
  font-size: 18px;
  top: -5px;
}

#header3-bckg {
  background-color:#fff;
  height:325px;
  width:100%;
}

/* --------------------------------------------------------- end front header 1-2 */

/* ---------------------------------  homepage content below slideshow styling */
#homepage-middle-wrapper{
	background:#fff;  /*#E6F5C5*/
	/*color:#3e3e3e;*/
  
}

#homepage-middle-content{
	width:875px; 
	margin:auto;
}

#homepage-middle-content #features{
	float:left;
	width:595px;
	margin-top:25px;
}

#homepage-middle-content #features .feature{
	float:left; 
	width:290px; 
	margin: 0px 0px 20px 0px;
}

#homepage-middle-content #features .feature .feature-text{
	float:right;
	width:230px;
}

#homepage-middle-content #features .feature .image-feature{
	float:left;
	height: 50px; 
	width: 50px;
}

#homepage-middle-content #quote-wrapper{ 
	background:url('/images/top-quote-bg2.png') no-repeat top left;
}

#homepage-middle-content #quote{
	background:url('/images/mid-quote-bg2.png') repeat-y; 
}

#homepage-middle-content #quote p{
	background:url('/images/mid-quote-bg2.png') repeat-y; 
}

#homepage-middle-content #quote-details{
	background:url('/images/bottom-quote-bg.jpg') no-repeat top left; 
}

#homepage-middle-content #features .feature #feature1{
	background:url('/images/drops-google.png') no-repeat;
}

#homepage-middle-content #features .feature #feature2{
	background:url('/images/drops-local.png') no-repeat;
}

#homepage-middle-content #features .feature #feature3{
	background:url('/images/drops-design.png') no-repeat;
}

#homepage-middle-content #features .feature #feature4{
	background:url('/images/drops-getstarted.png') no-repeat;
}

#homepage-middle-content #quote-wrapper{ 
	padding:20px 0px 0px 0px; 
	width:274px; 
	float:left;
	margin-top:25px;

}

#homepage-middle-content #quote{
	padding:0px; 
	margin:0px; 
	clear:both;
}

#homepage-middle-content #quote h3{
	margin:10px 0px -1px 0px; 
	padding:5px 10px 20px 45px; 
	font-size:15px; 
	line-height:18px;
}

#homepage-middle-content #quote-details{
	padding-top:19px; 
	padding-left:30px;
}

#homepage-middle-content #quote-details h3{
	text-align:right;
}

#recent-work{
	background:#fff; 
}

#recent-buzz{
	background:#effcff;
}

#recent-buzz h1{
	background:url('../website-images/blue/rssfeed.png') no-repeat top right; 
}


#super-call-to-action{
	background:#fcffd8; 
}

/* ---------------------------------  END homepage content below slideshow styling */

/* ---------------------------------------------------------IMAGES  */

.g-first {
   background:url("/images/g-first-page2.gif") no-repeat center;
   height:180px;
   width:519;
}

/* ---------------------------------------------------------END IMAGES  */

#menucontainer {
	width: 100%;
	text-align: left; /* Cancel IE Fix */
}

#subcontainerORIG {
	width: 100%;
	color:#505050;
	border:6px solid #B1CBDE;
   /*-moz-box-shadow: 0 0 4px 0 #E4E4E4;*/
  /*  -webkit-box-shadow: #E4E4E4 0px 0px 8px;*/
    background-color:#fff;
}

#wrapper {
   position:relative;
   margin: 0 auto;
   top: 5px;
	width: 900px;
}

#subcontainer {
	width: 100%;
    background-color:#fff;
    min-height: 500px;
	 height: auto !important; /* real browsers */
	 height: 500px;/* IE6: treated as min-height*/
	 border:3px solid #F0F0F0;
   -moz-box-shadow: 0 0 6px 0 #E4E4E4;
    -webkit-box-shadow: #e4e4e4 0px 0px 6px;
    
	 overflow: hidden;
	-moz-border-radius-topright: 9px;
    -moz-border-radius-topleft: 9px;
    -khtml-border-radius-topright: 9px;
    -khtml-border-radius-topleft: 9px;
    -webkit-border-top-right-radius: 9px;
    -webkit-border-top-left-radius: 9px;
}


#INcontent {
   padding-top: 40px;
   padding-left: 40px;
   padding-right: 20px;
   min-height: 500px;
	height: auto !important; /* real browsers */
	height: 500px; /* IE6: treated as min-height*/
	background-color:#fff;
}

#TDleftcolumn {
   width: 250px;
   padding-top: 40px;
   padding-right: 15px;
   padding-left: 15px;
   background-color:#fff;
   border-left: 1px solid #E2E2E2;
}



#logo {
   
   background-image: url(/images/logoko.gif);
   background-repeat: no-repeat;
   /*height:1%; /* IE fix re: negative padding*/*/
    /*margin-left: -8px;*/
   height: 68px;
   width: 225px;
    /*margin-top: 12px;*/
    /*margin-bottom: 12px;  */
}	

.headcontain {
  width:830px;
  background-color:#fff;
}



/* --------------------------------------------------------- start toggle */

.catcolor {
  /*background-color:#F0FADC;*/
  color:#0080FF;
  font-size:17px;
}

.trigger {
	padding: 0 0 0 25px;
	margin: 0 0 5px 0;
	background: url(/images/trigger-both3.gif) no-repeat;
	/*background: url(/images/trigger-more.gif) left no-repeat;*/
	height: 19px;
	line-height: 19px;
	width: 450px;
	font-size: 14px;
	/*font-weight: normal;*/
	float: left;
}
.trigger a {
	color: #142f5f;
	text-decoration: none;
	display: block;
}
.trigger a:hover { 
    color: #ccc; 
}

/*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.active {
    background-position: left bottom;
 } 
/*.trigger a:active {background: url(/images/trigger-less.gif) left no-repeat;} */

.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border: 1px solid #E5E5E5;
	background: #F9FCFF;
	overflow: hidden;
	width: 470px;
	-moz-border-radius-bottomright: 9px;
    -moz-border-radius-bottomleft: 9px;
    -khtml-border-radius-bottomright: 9px;
    -khtml-border-radius-bottomleft: 9px;
    -webkit-border-bottom-right-radius: 9px;
    -webkit-border-bottom-left-radius: 9px;
    
	clear: both;
}
.toggle_container .block {
	padding-top: 12px; /*--Padding of Container--*/
	padding-bottom: 12px;
	padding-right:22px;
	padding-left:22px;
	/*background: #e6f0f7;*/
}
/*  ---------------------------------------------------------end toggle */

/*  ---------------------------------------------------------video stuff */

.videobg {
   background-color:#EAF7CE;
   font-size:12px;
   line-height:1em;
}

/*  ---------------------------------------------------------end video stuff */

/* ------------------------------------------------------------compare grid */

.hostbanleft {
	width:235px;
	height: 133px;
}
.hostbanright {
	background-image: url(/images/hostbaner-right.png);
	background-repeat: none;
	width:358px;
	height: 133px;
}
.hosta {
	padding-bottom: 0px;
}
.hostaf {
	/*font-size: 12px;*/
}
.hostbgcol {
	background-color:#E2F2FC;
}
.hosttdheaderleft {
	width: 196px;
	white-space: nowrap;
	background-color: #E8E8E8;
	border-left: 1px solid #C0C0C0;
	border-top: 1px solid #C0C0C0;
	border-right: 1px solid #FFECB3;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.hosttdheadercentr {
	width: 124px;
	background-color: #E8E8E8;
	border-right: 1px solid #FFECB3;
	border-top: 1px solid #C0C0C0;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.hosttdheaderright {
	width: 124px;
	background-color: #E8E8E8;
	border-right: 1px solid #C0C0C0;
	border-top: 1px solid #C0C0C0;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.hosttdleft {
	white-space: nowrap;
	border-left: 1px solid #C0C0C0;
	border-top: 1px solid #C0C0C0;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.hosttdright {
	border-right: 1px solid #C0C0C0;
	border-left: 1px solid #C0C0C0;
	border-top: 1px solid #C0C0C0;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.hosttdheaderleftbott {
	height:30px;
	background-color: #E8E8E8;
	border-bottom: 1px solid #C0C0C0;
	border-left: 1px solid #C0C0C0;
	border-top: 1px solid #C0C0C0;
	border-right: 1px solid #FFECB3;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.hosttdheadercentrbott {
	background-color: #E8E8E8;
	border-bottom: 1px solid #C0C0C0;
	border-right: 1px solid #FFECB3;
	border-top: 1px solid #C0C0C0;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.hosttdheaderrightbott {
	background-color: #E8E8E8;
	border-bottom: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
	border-top: 1px solid #C0C0C0;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}
/* ----------------------------------------------------- end compare grid */

/*-------------------------------------------------------   client portfolio */
.port-box {
   float: left;
   margin: 10px;
   width:180px;
   min-height: 280px;
	height: auto !important; /* real browsers */
	height: 280px; /* IE6: treated as min-height*/
}

div#photos {
   overflow:auto;
}
  
div.photo {
    float:left; 
    display:inline; 
    margin:0 5px 5px 0;
}

div.photo a img {
    border:1px solid #C0C0C0; 
    padding:8px;
}
  
p#turtles_caption {
   margin:5px 0 0;
}

/*--------------------------------------------------- end client portfolio */

/*----------------------------------------------------------- order form */

.ordercontent {
   width:500px;
   padding: 20px;
}

.blue {
    font-family: arial, sans-serif;
    font-size:20px;
    font-weight: bold;
	 /*color: #ff7700; */
	 color: #007700;
	 margin-top: 3px; 
	 margin-bottom: 2px;
}

fieldset {
   border: 1px solid #bbb;
   background-color:#FBF4DD;
}

fieldset legend {
  /*padding: 0 0 5px;*/
  padding-right: 10px;
  padding-left: 10px;
  font-weight: bold;
}

.ordernotice {
  border: 1px dashed #bbb;
  padding: 15px;
  font-size: 13px;
}

.orderbkcolor {
  background-color:#FFF3C3;
}

.orderbkcolorl {
  background-color:#F5F5F5;
}
/*---------------------------------------------------    end order form */

/*--------------------------------------------------------- footer styling */
#footer-wrapper{
	position:relative; 
	padding:0px 0px 100px 0px;
}

#footer-wrapper #footer{
	width:875px; 
	margin:auto; 
	position:relative; 
	padding:0px 0px 10px 0px;
}

#large-ad{
	width:400px; 
	float:left; 
}

#subscribe-area-wrapper{
	width:350px; 
	float:right;
	position:relative; 
	height:70px;
	z-index:100;
}

#subscribe-area-wrapper h1{
	font-size:18px;
	margin:0px; 
	padding:0px;
}

a#subscribe-button{
	position:absolute; 
	right:0px; 
	bottom:0px;
}

#subscribe-area-wrapper #subscribe-area input{
	height:30px; 
	width:232px; 
	border:none; 
	font-size:18px; 
	padding:7px 10px 0px 7px; 
	position:absolute;
	bottom:0px; 
	left:0px;
}

#subscribe-area-wrapper #subscribemessagebox p.success, #subscribe-area-wrapper #subscribemessagebox b{
}

.footer-links{
	width:170px; 
	margin:30px 20px 0px 0px; /* trbl */
	float:left;
}

.footer-links h1{
	font-size:15px;
}

.footer-links ul{
	margin:0px;
	padding:0px;
}

.footer-links ul li{
	list-style:none; 
	margin:0px; 
	padding:2px 0px 2px 0px; 
	line-height:0.8em;
}

.footer-links ul li a{
	text-decoration:none;
	font-size:12px;
}

.footer-links ul li a:hover{
	text-decoration:underline;
}

#follow-twitter{
	width:200px; 
	float:right;
 	margin:40px 40px 0px 0px;
}
/* --------------------------------------------------------- end footer styling */


/*----------------------------------------------------------footer*/
#footer-wrapper{
   position:relative;
	background:#292828;
}

.footer-links h1{
	color:#b3afaf;
}

.footer-links ul li a{
	color:#818181; 
}

.footer-links ul li a:hover{
	text-decoration:underline;
}

.footcopy {
  color: #fff;
  font-size: 11px;
  padding-left: 5px;
}

.footcopy a {
  color: #fff;
}