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



body, div, td, p {

   font: normal 12px tahoma, Verdana, Arial, Helvetica, sans-serif;

   line-height: 30px;

   color: #4d4d4d;

   

}



hr {

   color: #9b9b9b;

}



h1.logo {

   background: url(../images/logo-infoswell.png) no-repeat;

   display: block;

   width: 160px;

   height: 61px;

   text-indent: -9999px;

}



h2 {

   font: normal 14px tahoma, Verdana, Arial, Helvetica, sans-serif;

   color: #FF6600;

}

h2.sidebar-title {

   background:url(../images/twitter-title.jpg) no-repeat; width:304px; height:53px; text-indent:-9999px; 
   font: normal 18px tahoma, Verdana, Arial, Helvetica, sans-serif;
   color: #FF6600;

}



h2.title {

   font: normal 16px tahoma, Verdana, Arial, Helvetica, sans-serif;

   color: #666666;

   text-transform: uppercase;

}



a:link {

   color: #ff6600;

   text-decoration: none;

}



a:visited {

   color: #ff6600;

   text-decoration: none;

}



a:hover {

   color: #000;

   text-decoration: none;

}



a:active {

   color: #333;

   text-decoration: none;

}



img {

   border: 0px;

}



img.package-logo {

   margin:0 10px 0 0;

}



img.icon {

   margin:0 5px 0 0;



}



img.get-started {

	margin: 5px 0;

}



a.features { 

   background: url(../images/button-features.gif) no-repeat;

   display: block;

   text-indent: -9999px;

   width: 230px;

   height: 50px;

}



a.onetime { 

   background: url(../images/button-onetime.gif) no-repeat;

   display: block;

   text-indent: -9999px;

   width: 230px;

   height: 50px;

   float: left;

}

a.ongoing { 

   background: url(../images/button-ongoing.gif) no-repeat;

   display: block;

   text-indent: -9999px;

   width: 230px;

   height: 50px;

   float: left;

   margin:0 10px 0 0;

}



p.packages {

   margin:0 0 0 60px;

}



ul.packages {

   margin:0 0 0 50px;

}



ul.icon {

   margin:0 0 0 140px;

}




li.active {

   list-style: circle;

}





p.read-more{

   float:right;

}



p.intro{

   font-size:12px;

   font-weight:bold;

   line-height:30px;

   padding:5px 15px;

   border-left:3px solid #e0ebf1;



}



.title {

   margin:0 0 25px;

   

}



ul.sitemap {

   list-style:none



}



ol.sitemap {

   list-style: disc

}



a.highslide img {

   float: left;

   margin:5px;

}



.highslide:hover img {

   border-color:#fff;

}





/* ---------------------------------------------- STRUCTURE ---------------------------------------------- */

body {

   background: #e8e8e8 url(../images/bg.gif) repeat-x;

   margin: 0px;

   padding: 0px;

   text-align: center;  

}



#container {

   width: 944px;

   margin: 0px auto;

   padding: 0px;

   text-align: left;

}



#header {

   float: left;

   background: url(../images/bg-header.gif) repeat-y;

   width: 946px;

   height: 106px;

   padding: 15px 0px 0px;

}



   #header-left {

      float: left;

      width: 100px;

   }

   

   #header-right {

      float: right;

      width:700px;

      

   }



#content {

   clear: both;

   background: url(../images/bg-content.gif) repeat-y;

}





   #feature {
   	clear:both;
	   	background: #E0EBF1;

      width: 910px;

      

      margin:0 0 10px 15px;
	  
	  border: 1px solid #E0EBF1;
	  overflow: hidden;

   }


   

   #top-left {

      float: left;

      display:block;

      background: #000;

      width: 332px;

      margin: 0px 15px;

   }



   #top-right {

      float: left;

      width: 563px;

      margin: 0px 15px 0px 0px;

   }

   

   #left {

      float: left;

      width: 595px;

      margin: 0px 15px;

   }



   #right {

      float: left;

      width: 300px;

      margin: 0px 15px 0px 0px;

   }

   #ad-right {

      float: left;

      width: 300px;

      margin:0 15px 0 0;

   }



   #bottom {

      clear: both;

      background: url(../images/bg-bottom.gif) no-repeat;

      width: 944px;

      height: 100px;

   }

   

#footer {

   clear: both;

   background: #fff;

   width: 100%;

   padding: 10px 0px;

   overflow: hidden;

   text-align: center;

   

}  



   #footer-container {

      width: 944px;

      margin: 0px auto;

      text-align: left;

   }

   

   #legals {

      font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;

      float: left;

      width: 390px;

      font-size: 10px;

   }

   

   #sitemap {

      font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;

      float: right;     

      width:425px;

   }
   
   #twitter_div{ 
   padding: 10px 0 0 0;
   }
   
   #twitter_update_list{
	   margin:0;
	   padding:0;
   }



.clear {

   clear: both;

}



.left-half {

   float: left;

   width: 290px;

   text-align: left;

   margin:15px 10px 0 0;

}



.right-half {

   float: left;

   width: 290px;

   text-align: left;

   margin: 15px 0 0 0;



}



.left-half-about {

   float: left;

   width: 170px;

   font-size:11px;

   line-height:15px;

   text-align:left;

   margin: 15px 19px 0 0;;

   border-right: 1px solid #9b9b9b; 

   padding:0 10px 0 0;

}





.right-half-about {

   float: left;

   width: 395px;

   text-align: left;

   margin: 15px 0 0 0;



}



#testimonials{

   background: #E0EBF1;

}



#testimonials-bottom {

   background: #E0EBF1 url(../images/bottom-rounded.gif) repeat-x left bottom;

   



}



   #testimonials h3{

      background: url(../images/h3-testimonials.gif) no-repeat;

      text-indent: -9999px;

      display: block;

      height:50px;

   }

      #testimonials p {

         padding: 10px;

         line-height:25px;

      }


.newsletter-signup {

	background: url(../images/bg-newsletter.gif) no-repeat;

	width: 300px;

	height: 91px;

	padding:30px 0 0 13px;

}

	.submit-button {

		background:transparent url(../images/submit-newsletter.gif) no-repeat scroll 0 0;

		border:medium none;

		display:block;

		float:right;

		height:18px;

		position:relative;

		right:20px;

		text-indent:-9999px;

		top:-36px;

		width:45px;

		cursor:pointer;

	}







/* ---------------------------------------------- MENUS ---------------------------------------------- */

ul.nav-super {

   font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;

   float: right;

   list-style: none;

   list-style-type: none;

   margin: 0px;

   padding: 0px;

   position:relative;

   top:-10px;

}



   ul.nav-super li {

      display: inline;

      list-style: none;

      list-style-type: none;

      border-right: 1px solid #fff;

      margin: 0px;

      padding: 0px 15px;

      

   }

   

   ul.nav-super li.last {

      border-right: 0px;

   }

      ul.nav-super li a{

         color: #ffffff;

      }

      

      ul.nav-super li a:hover {

         color: #5b5b5b;

      }

   

ul.nav-main {

   font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;

   float: right;

   list-style: none;

   list-style-type: none;

   margin:14px 0px 0px 0px;

   padding: 0px;

   

}



   ul.nav-main li {

      display: inline;

      list-style: none;

      list-style-type: none;

      border-right: 1px solid #9b9b9b;

      padding: 0px 7px;

      font-size: 14px;

   }  

   

   ul.nav-main li.last {

      border-right: 0px;

   }

   

      ul.nav-main li a{

         color: #5b5b5b;

      }

      

      ul.nav-main li a:hover {

         color: #FF6600;

      }

      

         ul.nav-main li.active a {

            color: #FF6600;

         }

ul.nav-footer {

   float: right;

   list-style: none;

   list-style-type: none;

   margin: 0px;

   padding: 0px;

}



   ul.nav-footer li {

      display: inline;

      list-style: none;

      list-style-type: none;

      border-right: 1px solid #9b9b9b;

      padding: 0px 5px;

      font-size: 10px;

      

   }  

   

   ul.nav-footer li.last {

      border-right: 0px;

   }

   

      ul.nav-footer li a{

         color: #424242;

      }

      

      ul.nav-footer li a:hover {

         color: #FF6600;

      }



/* -------------------------------------- DESIGN CENTER ------------------------------------------ */



img#logo_infoswell {

	position: relative;

	top: -10px;

}



.col3-view {

   float: left;

   width: 260px;

   height: 275px;

   margin-left: 15px;

   padding-right: 15px;



   text-align: left;

}



.main-col {

   float: left;



   padding: 15px 0px 0px 15px;

   width: 518px;

   text-align: left;



}



.main-col-view {

   border-left: 1px solid #ccc;

      float: left;



   padding: 15px 0px 0px 15px;

   width: 518px;

   text-align: left;

}



.col3 {

   float: left;

   width: 260px;

   height: 275px;

   margin-left: 15px;

   text-align: left;

}



.col3-view {

   float: left;

   width: 260px;

   margin-left: 15px;

   text-align: left;

}





   /* 2 columns */

.left_half {

   float: left;

   width: 290px;

   _width: 280px;

   text-align: left;

}



.right_half {

   float: left;

   width: 290px;

   _width: 280px;

   margin-left: 20px;

   _margin-left: 15px;

   text-align: left;

}


/* --- ROTATOR --- */
div#blenddiv {
	float: left;
	background: #fff;	
	width: 575px;
	padding: 10px;
	overflow: hidden;
}