/*
CSS for The FamiliarHosting - familiarhosting.com
 */

body {
	margin: 0;
        padding: 10px 0px 0px 0px;
       font: 11px Arial, Helvetica, sans-serif;
	background: #f2f2f2 url(https://www.familiarhosting.com/images/bck.jpg) repeat;
        color:#666;
}

img  {
        border:none;
}

/*****************************************************/
/* A, LINKS                                 		 */
/***************************************************/

         a {
	    color: #1f55a5;
}
         a:hover {
	   text-decoration: none;
	    color: #c60000;
}

/**********************************************************/
h1 {
      color:#14618b;
      font-size:30px;
      margin:5px;

}


h3{

      color:#14618b;
      font-size:14px;
      margin:5px;

}

.container {
	width: 1000px;
        height:123px;
	margin: 0 auto;
	position: relative;

        z-index: 150;
           /* background: #f2f2f2 url(images/header.jpg);*/


}
#header_fon {
       background: #f2f2f2;
            border: solid 1px #111111;
            	position: relative;
                	width: 1000px;
        height:85px;
        top:38px;
}
#header_logo {
          float:left;
          position:absolute;
          top:2px;
          left:10px;
          z-index:100;

}

#header_twitter {
          float:left;
          position:absolute;
          top:6px;
          left:820px;

          z-index: 500;

}

#header_livechat{
          float:left;
          position:absolute;
          top:32px;
          left:920px;

          z-index: 100;

}
#header_menu {
          float:left;
          position:absolute;
          top:80px;
          left:240px;
           background: #1f55a5;
          z-index: 100;
}

hr.clear {
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	border-width:0;
	margin:0;
	padding:0;
	overflow: hidden;
}


/* Menu  =================================================== */


ul.topnav {
	list-style: none;
	padding: 0 20px;
	margin: 0;
	float: left;
	width: 700px;

	font-size: 14px;
        font-weight:bold;

}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
     /*	background: url(images/menu_hover.gif) no-repeat center top;      */
        	color: #d2d2d2;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(http://www.familiarhosting.com/images/menu_d.png) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #21668d;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #1A3D54; /*--Create bevel effect--*/
	border-bottom: 1px solid #3983B5; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #21668d url(http://www.familiarhosting.com/images/menu_dropdown.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #21668d url(http://www.familiarhosting.com/images/menu_dropdown.gif) no-repeat 10px center;
}

/* Menu END    =================================================== */



/* Home boxes    =================================================== */
 #box_1 {
       float:left;
       display:inline;
       width:300px;
       height:400px;

}
#box_2 {
         float:left;
         margin-left:40px;
       display:inline;
       width:300px;
       height:400px;

}
#box_3 {
         float:left;
         margin-left:40px;
       display:inline;
       width:300px;
       height:400px;

}

.include {
	margin: 0 auto;
	margin-top: 30px;
	width: 900px;
        height:62px;
        position: relative;
       background: url(http://www.familiarhosting.com/images/include.png) no-repeat;
}

/* *****************************domain_search*************************************/


 #domain_search {
	margin: 0 auto;
	margin-top: 30px;

        font-size:30px;
	width: 1000px;
}
  #domain_search #search_box1 {
         position:relative;
         background-color:#83b233;
        float:left;
        display:inline;
        width:1000px;
        height:60px;
        border:solid 2px #cccccc;

        }
  #domain_search #search_box1  #tab_1 {
     display:inline;
     color:#ffffff;
     font-style: italic;
     position:absolute;
     left:10px;
     top:10px;
     }
      #domain_search #search_box1  #tab_2 {
       position:absolute;
       left:320px;
       top:10px;
       display:inline;

    }
      #domain_search #search_box1  #tab_3 {
       position:absolute;
       left:610px;
       top:8px;
       display:inline;

    }
      #domain_search #search_box1  #tab_4 {
       position:absolute;
       left:870px;
       top:5px;
       display:inline;

    }
    #sh {
    margin:0;
    height:30px;
    font-size:24px;
    }

/* //domain_search*************************************/




/* *****************************Content Boxes*************************************/

    #content_box {
	margin: 0 auto;
	margin-top: 30px;
	width: 1000px;
}

#content_box_left {
	float: left;
}
#content_box_right {
	float: right;
}


/* *********************Scroller *******************************************/
 #pscroller1{
         width: 410px;
         height: 140px;
         padding: 5px;
}
/* *********************Scroller end*******************************************/
=================================================== */

/* Content /testimonials + about us

=================================================== */




#col1 {
	width:  1000px;

        margin: 0 auto;
	padding: 0px;
	overflow: hidden;
}

#col1_left {
	width: 478px;
	float: left;
}

#client_testimonials {
	font-family: Helvetica, Arial, Sans-Serif;
	color: #565c65;
	background:#ffffff url(http://www.familiarhosting.com/images/testimonials_bg.jpg);
	background-repeat: no-repeat;
	text-align: left;
	padding: 15px;
	height: 162px;
	width: 423px;
	line-height: 18px;
}

#client_testimonials p {
	margin: 0;
	padding: 0;

	line-height: 18px;
}

#client_testimonials a {
	border-bottom: 1px dotted #4CC2DA;
}

#client_testimonials a:hover {
	border: none;
	color: #898F97;
}


#latest_news {
	font-family: Helvetica, Arial, Sans-Serif;
	color: #565c65;
	text-align: left;
	padding: 15px ;
	width: 505px;
	line-height: 18px;
        background-color:#fff;
}

#latest_news p {

	line-height: 18px;
}

#latest_news a {
	border-bottom: 1px dotted #4CC2DA;
}

#latest_news a:hover {
	border: none;
	color: #898F97;
}

#col1_right {
	width: 522px;
	float: left;
}
 /* right_box index-page hosting rating lable ===============================================*/

#rating {
       position:relative;
       width:453px;
       height:197px;
       background-color:#fff;
}


 #header_webhostdir {
       float:left;
       width:120px;
       height:97px;
       position:absolute;
       top:50px;
       left:10px;
       z-index: 100;

}
#header_alreadyhosting {
       float:left;
       width:142px;
       height:92px;
       position:absolute;
       top:50px;
       left:150px;
       z-index: 100;

}
#header_webhostingsearch {
       float:left;
       width:97px;
       height:96px;
       position:absolute;
       top:50px;
       left:320px;
       z-index: 100;

}

/**************************************************************************************/

/*------------------------  ribbon - table ---------------------------------------------- */

h2 {
	font-style: italic;

	font-weight: normal;
	line-height: 1.2em;
}

div#container_ribbon {
	margin: 0px auto 0px auto; /* centered */
	width: 300px;

}


.bubble {
	clear: both;
	margin: 0px auto;
	width: 270px;
	background: #fff;
	-moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	position: relative;
	z-index: 90; /* the stack order: displayed under ribbon rectangle (100) */
}

.rectangle {
	background: #217bad;
	height: 50px;
	width: 300px;
	position: relative;
	left:-15px;
	top: 30px;
	float: left;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	z-index: 100; /* the stack order: foreground */
}

.rectangle h2 {
	font-size: 30px;
	color: #fff;
	padding-top: 6px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	text-align: center;
}

.triangle-l {
	border-color: transparent #165578 transparent transparent;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: relative;
	left: -30px;
	top: 65px;
	z-index: -1; /* displayed under bubble */
}

.triangle-r {
	border-color: transparent transparent transparent #165578;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: relative;
	left: 270px;
	top: 35px;
	z-index: -1; /* displayed under bubble */
}

.info {
	padding: 40px 25px 35px 25px;
        background: #fff;

}

.info h2 {
	font-size: 20px;
}

.info p {
	padding-top: 10px;
	font-size: 14px;
	line-height: 22px;
}

.info p a {
	color: #c4591e;
	text-decoration: none;
}

.info p a:hover {
	text-decoration: underline;
}

/* =====================================Hosting Page    =================================================== */



/*------left ----- */

div#container_host_plans {
	margin: 0px auto 0px auto; /* centered */
	width: 680px;

}



.bubble_host_plans  {
	clear: both;
	margin: 0px auto;
	width: 630px;
	background: #fff;
	-moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -khtml-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 0px 8px rgba(0,0,0,0.3);
	position: relative;
	z-index: 90; /* the stack order: displayed under ribbon rectangle (100) */
}

.rectangle_host_plans  {
	background: #7f9db9;
	height: 50px;
	width: 660px;
	position: relative;
	left:-15px;
	top: 30px;
	float: left;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	z-index: 100; /* the stack order: foreground */
}

.rectangle_host_plans  h2 {
	font-size: 30px;
	color: #fff;
	padding-top: 6px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	text-align: center;
}

.triangle-l_host_plans  {
	border-color: transparent #7d90a3 transparent transparent;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: relative;
	left: -30px;
	top: 65px;
	z-index: -1; /* displayed under bubble */
}

.triangle-r_host_plans  {
	border-color: transparent transparent transparent #7d90a3;
	border-style:solid;
	border-width:15px;
	height:0px;
	width:0px;
	position: relative;
	left: 630px;
	top: 35px;
	z-index: -1; /* displayed under bubble */
}

.info_host_plans  {

        padding:40px 5px 5px 5px;
}



/*----left end--------*/
/*----------------------------------left table style --------------*/
#tab_cap_big {
             background-color:#83b233;
             color:#fff;
             font-size:20px;
             width:140px;
             padding-left:40px;
           }
#tab_cap_small {
             background-color:#83b233;
             color:#fff;
             font-size:16px;
             padding:5px 0px 5px 10px;

           }

 #tab_cap_fon {
               background-color:#dfdfdf;
               color:666666;
               font-weight:bold;
               padding:5px 0px 5px 10px;

               }
 #tab_cap {
               color:666666;
               font-weight:bold;
               padding:5px 0px 5px 10px;

               }
 #tab_text_fon {
               background-color:#dfdfdf;
               color:666666;
               padding:5px 0px 5px 60px;

               }
 #tab_text {
               color:666666;
               padding:5px 0px 5px 60px;

               }
 #tab_buy {

               padding:5px 0px 5px 30px;

               }
 /*----------------------------------right table style --------------*/

 #tab_right_big {
             background-color:#7f9db9;
             color:#fff;
              font-style: italic;
             font-size:18px;
             width:140px;
             text-align: center;
             padding:5px 0px 5px 0px;
           }

#tab_icon  {
             padding:0px 0px 5px 5px;
             width:15px;
           }
 #tab_right {
               color:666666;
               font-weight:bold;
               padding:5px 0px 5px 0px;

               }

 /* =====================================Affiliates Pages    =================================================== */

#visa {
      width:200px;
        height:176px;
      	background: #f2f2f2 url(images/visa.jpg) no-repeat;
}

#affiliates_view {
     padding:10px 5px 5px 10px;
     background-color:#fff;
     border:solid 1px #7f9db9;
}

#affiliates_signup {
     width:280px;
     margin-left:150px;
     }
#affiliates_signup #signup {
    float:left;
    margin:10px;
    }
#affiliates_signup #login {
    float:right;
    margin:10px;
    }



#banners_text {
        padding-left:20px;
        color:#12587c;
        font-size:14px;
        font-weight:bold
}
/* -------------------Menu Affiliate------------*/

#menu_links {
 width:250px;
 padding-right:30px;
}


#links ul {
    list-style-type: none;
    padding:0px 20px 20px 20px;

}


#links li {
    border: 1px dotted #999;
    border-width: 1px 0;
    margin: 5px 0;
     background: #14618b;
    }

#links li a {
    color: #ffffff;
    display: block;
    font: bold 120% Arial, Helvetica, sans-serif;
    padding:5px 0px 5px 10px;
    text-decoration: none;
    }

    * html #links li a {
   /* make hover effect work in IE */
    }

#links li a:hover {
    background: #333;
    }
/* -------------------Domain Protect------------*/

#lock {
      width:176px;
        height:176px;
      	background: #f2f2f2 url(images/protect.jpg) no-repeat;
}

#man {
      width:176px;
        height:176px;
      	background: #f2f2f2 url(images/domain.jpg) no-repeat;
}

#protect {
	margin: 0 auto;
	margin-top: 10px;
        margin-bottom: 10px;
	width: 580px;
        height:200px;
}

#protect #protect_left {
       float:left;
       display:inline;
       width:280px;
       background:#f2f2f2 url(../images/unprotectbg.jpg) no-repeat;
       z-index:50;
       height:200px;
}

#protect #protect_right {
       float:right;
       display:inline;
       width:280px;
       z-index:50;
       background:#f2f2f2 url(../images/protectbg1.jpg) no-repeat;
       height:200px;
}
#protect_text {
             margin:55px 0px 10px 30px;
}

/* -------------------Articles------------*/
#articles {
          	margin: 0 auto;
          width:800px;
          padding:30px 40px 0px  20px;
          background-color:#f2f2f2;
}

.articles_cap {
       padding-left:250px;
}
#articles .left {
          padding-top:10px;
}

/* Video Tutorials    =================================================== */


 #video_box {
       float:left;
       display:inline;
       margin-left:20px;
       width:300px;
        background-color:#f2f2f2;

}


#video_box .coline ul li {
		   margin: 5px 0;
}

#video_box .coline h3 {
		   margin: 10px 0;
}

 /* Carousel   =================================================== */

  #carousel {
	margin: 0 auto;
	margin-top: 30px;
	width: 1000px;
        background-color:#fff;

}

.infiniteCarousel {
  width: 995px;
  position: relative;
  height:110px;
}

.infiniteCarousel .wrapper {
  width:915px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 10em;
  margin: 0 40px;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul a img {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 10px;
  height: 90px;
  width: 164px;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(images/bg_dot.png) no-repeat 0 0;
  text-indent: -9999px;
  position: absolute;
  top: 37px;
  cursor: pointer;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}


#dot {
     width:160px;
     height:90px;
     border:solid 1px #7d90a3;
     /*background: url(images/bg_dot.png) no-repeat 0 0;  */
        background-color:#E8EFF7;
   }
#only {
    padding-left:30px;
    font-size:14px;
}

/* Style from Script------------------------*/

  #secure_box {
        font: 11px Arial, Helvetica, sans-serif;
	margin: 0 auto;
	margin-top: 30px;
	width: 1000px;
        border:solid 1px #666666;
         background-color:#ffffff;
}

form {
	margin: 0px;
}

body,td,input,select,textarea {
        color:#666666;
       font: 11px Arial, Helvetica, sans-serif;
}

p   {
    font-size: 14px;
    font-weight: bold;
    padding-left:50px;
    color:#557421;
}

.heading {
	font-size: 18px;
	font-weight: bold;
	color: #12587c;



}

.heading2 {
	font-size: 14px;
	font-weight: bold;
    text-decoration: none;
    color: #12587c;
}

.heading3 {
    font-size: 12px;
    font-weight: bold;
    color: #12587c;
}



table.topnavbar {
	width: 100%;
}

tr.topnavbar {
	background-color: #efefef;
	font-weight:bold;
	text-align: center;
}

tr.topnavbar a {
	color: #000000;
	text-decoration: none;
}

tr.topnavbar a:hover {
	color: #666666;
}

.clientarealinks {
    background-color: #FDFCDD;
    padding: 10px;
}

.clientarealinks a {
	color: #555555;
}

table.frame {
	width: 100%;
	border: 1px solid #8FBCE9;
	padding: 0px;
}

.fieldarea {
	background-color: #EFF2F9;
	text-align: right;
}

.clientareatable {
	width: 100%;
	background-color: #cccccc;
}

tr.clientareatableheading {
	background-color: #efefef;
	font-weight: bold;
	text-align: center;
}

tr.clientareatableactive {
	background-color: #ffffff;
	text-align: center;
}

tr.clientareatablepending {
	background-color: #FFFFE2;
	text-align: center;
}

tr.clientareatablesuspended {
	background-color: #E9FFD2;
	text-align: center;
}

tr.clientareatableterminated {
	background-color: #FFE1E1;
	text-align: center;
}

tr.supportticketsheading {
	background-color: #efefef;
}

tr.supportticketscontent {
	background-color: #ffffff;
}

.contentbox {
	width: 75%;
	text-align: center;
	background-color: #f7f7f7;
	border: 1px dashed #cccccc;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
}

.errorbox {
	border: 1px dashed #cc0000;
	font-weight: bold;
	background-color: #FBEEEB;
	text-align: center;
	width: 90%;
	padding: 10px;
	color: #cc0000;
	margin-left: auto;
	margin-right: auto;
}

.domaincheckeravailable {
	color: #669900;
}

.domaincheckerunavailable {
	color: #cc0000;
}

.networkissuessummary {
    background-color: #f6f6f6;
    border: 1px dashed #cccccc;
    padding: 10px;
    text-align: center;
}

.networkissuesopen {
    font-size: 16px;
    font-weight: bold;
    color: #65CC00;
    padding-right: 20px;
}

.networkissuesscheduled {
    font-size: 16px;
    font-weight: bold;
    color: #EEDD00;
    padding-right: 20px;
}

.networkissuesclosed {
    font-size: 16px;
    font-weight: bold;
    color: #888888;
}

.networkissuedescription {
    border-left: 5px solid #efefef;
    padding: 20px;
    padding-top: 1px;
}

.networkissueaffected {
    background-color: #FDFCDD;
    padding: 10px;
    margin-top: 10px;
}

.clientticketreplyheader {
    margin-top: 20px;
    background-color: #92BDEA;
    font-weight: bold;
    color: #ffffff;
    padding: 4px 20px 4px 20px;
}

.clientticketreply {
    min-height: 80px;
    background-image: url('images/clientticketreplybg.gif');
    background-repeat: repeat-x;
    padding: 10px;
}

.adminticketreplyheader {
    margin-top: 20px;
    background-color: #888888;
    font-weight: bold;
    color: #ffffff;
    padding: 4px 20px 4px 20px;
}

.adminticketreply {
    min-height: 80px;
    background-image: url('images/adminticketreplybg.gif');
    background-repeat: repeat-x;
    padding: 10px;
}

.closeticket {
    border: 1px dashed #cc0000;
	font-weight: bold;
	background-color: #FBEEEB;
    color: #cc0000;
}

tr.orderheadingrow {
	background-color: #5AB9F1;
	color: #ffffff;
}

tr.orderrow1 {
	background-color: #E8F0F9;
	color: #000000;
}

tr.orderrow2 {
	background-color: #D6E4F6;
	color: #000000;
}

/*****************************************************/
/* Industry Awards ===============================================*/

   #award {
	margin: 0 auto;
	margin-top: 50px;
	width: 1000px;


}



#award_1 {
       float:left;
       display:inline;
        margin-left:50px;
       width:200px;
       


}
#award_2 {
         float:left;
         margin-left:150px;
       display:inline;
       width:200px;



}
#award_3 {
         float:left;
         margin-left:150px;
       display:inline;
       width:200px;



}



/****************************************/


/* Footer ===============================================*/

#exhib-footer {
background:#7f9db9 url(http://www.familiarhosting.com/images/bg-footer.gif) top repeat-x;
color: #fff;
padding: 15px 0 20px;
 margin-top:55px;

}
#content-footer {
	width: 1000px;
	margin: 0 auto;
	position: relative;
        z-index: 150;
}



	#exhib-footer #footer-nav {

	float: left;
	margin-right: 20px;
	width: 250px;
	}
	#exhib-footer .col {
	padding: 15px 0;
	}
		#exhib-footer #footer-nav .col {
		float: left;
		padding: 15px 20px;
		margin: 0;
		width: 190px;
		}
			#exhib-footer #footer-nav .col h2 {
			color: #fff;
			font-size: 12px;
			font-weight: bold;
			margin: 3px 0;
			text-shadow: #5f8ca1 2px 2px 2px;
			}
			#exhib-footer #footer-nav .col ul {
			list-style: none;
			margin: 0;
			padding: 0;
			}
				#exhib-footer #footer-nav .col ul li {
				padding-left: 10px;
				margin-bottom: 8px;
				}
					#exhib-footer a {
					border-bottom: 1px #99c6dc dotted;
					color: #e4f5fd;
					text-shadow: #5f8ca1 2px 2px 1px;
					padding-bottom: 1px;
					}
						#exhib-footer a:hover {
						border-bottom: 1px #fff solid;
						color: #fff;
						}
	#exhib-footer p {
	color: #fff;
	text-shadow: #5f8ca1 2px 2px 2px;
	}

/**********************************************************************************************/