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

body {
	margin: 0;
      padding:0;
       font: 11px Arial, Helvetica, sans-serif;
        color:#666;
}

img  {
        border:none;
}

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


/**********************************************************/
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;



}
#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: 11px Arial, Helvetica, sans-serif;
	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(https://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(https://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(https://www.familiarhosting.com/images/menu_dropdown.gif) no-repeat 10px center;
}

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





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

  #secure_box {

	margin: 0 auto;
	margin-top: 30px;
	width: 1000px;
        border:solid 1px #111111;
         background-color:#fff;
         font: 12px Arial, Helvetica, sans-serif;
         font-weight: bold;
}

 #secure_box  p{
               font: 12px Arial, Helvetica, sans-serif;
               font-weight:bold;
               margin:15px;
               color:#577523;
}


form {
	margin: 0px;
}

input,select,textarea {
        color:#666;
        margin: 5px;

}
   td  a {
	    color: #1f55a5;
             font-weight: bold;

}
   td  a:hover {
	   text-decoration: none;
	    color: #c60000;
             font-weight: bold;
}

td {
   font: 12px Arial, Helvetica, sans-serif;
   font-weight: bold;
}



.heading {
	font: 22px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #12587c;
        }

.heading_1 {
	font: 14px Arial, Helvetica, sans-serif;
	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;
}

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

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

#exhib-footer {
background:#7f9db9 url(https://www.familiarhosting.com/images/bg-footer.gif) top repeat-x;
color: #fff;
padding: 15px 0 20px;
 margin-top:55px;
 font: 11px Arial, Helvetica, sans-serif;  
}
#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;
	}

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