/********************************************************************
 *
 *  File    :   master.css
 *  Site    :   Varial Technologies
 * 	Author	:	Justin Frydman
 *
 ********************************************************************
 *
 * Master Stylesheet
 *
 ********************************************************************/
 
  	body {
	
	margin: 0;
	padding: 0;
	font: 13px/16px "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #2e2e2e;
	background: #f4f4f4 url(../images/bg-body.jpg) repeat-x;
	
	}
	
	h1 {

	margin: 0 0 0 95px;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	width: 564px;
	height: 22px;
	background: url(../images/h1-premium.png);
	
	}
	
	h2 {
	
	margin: 0;
	padding: 0 0 22px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 26px;
	font-weight: normal;
	
	}
	
	#sidebar h3 {
	
	color: #8f8f8f;
	font-size: 16px;
	margin: 0;
	padding: 0 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	
	}	
	
	ul {
	
	margin: 0;
	padding: 0;
	list-style: none;
	
	}
	
	a {
	
	color: #f88441;
	
	}
	
	a:hover {
	
	text-decoration: none;
	
	}
	
	p {
	
	margin: 0;
	padding: 0 0 15px 0;
	line-height: 20px;
	
	}
	
	.clear {
	
	clear: both;
	
	}
	
	img {
	
	border: none;
	
	}
	
	.a-button-ordernow {

	display: block;
	width: 86px;
	height: 25px;
	text-indent: -9999px;
	background: url(../images/a-button-ordernow.png) top;

	}

	.a-button-ordernow:hover {

	background-position: 0 -25px;

	}
	
/* Main Container */
	
	#main {
	
	width: 902px;
	margin: 0 auto;
	
	}
	
/* Header */

	#header {
	
	padding-top: 20px;
	
	}
	
	#varial-logo {
	
	float: left;
	width: 192px;
	margin-right: 6px;
	
	}
	
	#header-contact {
	
	float: left;
	color: #606060;
	font-size: 12px;
	text-align: right;
	padding-top: 55px;
	margin-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	
	}
	
	#header-contact a {
	
	color: #606060;
	text-decoration: none;
	
	}

	#header-contact a:hover {
	
	color: #606060;
	text-decoration: underline;
	
	}
	
	#a-live-chat {
	
	float: left;
	display: block;
	text-indent: -9999px;
	padding-top: 45px;
	width: 130px;
	height: 42px;
	overflow: hidden;
	margin-right: 10px;
	background: url(../images/a-live-chat.jpg) bottom no-repeat;
	
	}

	#login {
	
	float: left;
	width: 373px;
	height: 42px;
	padding: 5px 10px;
	margin-top: 40px;
	background: url(../images/bg-login.gif);
	
	}
	
	#login div {
	
	float: left;
	width: 135px;
	margin-right: 20px;
	
	}
	
	#login div.last {
	
	padding-top: 17px;
	width: 50px;
	margin: 0;
	
	}
	
	#login label {
	
	display: block;
	font-size: 12px;
	color: #a9d96a;
	padding-bottom: 2px;
	font-family: Tahoma, Arial, sans-serif;
	
	}
	
	#login #username, #login #password {
	
	width: 135px;
	color: #CCCCCC;
	border: none;
	border-left: 1px solid #1d1d1d;
	border-right: 1px solid #1d1d1d;
	border-bottom: 1px solid #505050;
	margin: 0;
	height: 18px;
	background: url(../images/bg-input.gif);
	
	}
	
/* Marketing */	

	#marketing {
	
	clear: both;
	height: 139px;
	padding: 35px 0 0 200px;
	background: url(../images/hdd.png) left no-repeat;
	
	}
	
	a#sale-CAD {
	
	display: block;
	width: 650px;
	height: 115px;
	margin: 1px 0 0 40px;
	text-indent: -9999px;
	background: url(../images/a-sale-CAD.jpg);
	
	}

	a#sale-USD {
	
	display: block;
	width: 650px;
	height: 115px;
	margin: 1px 0 0 40px;
	text-indent: -9999px;
	background: url(../images/a-sale-USD.jpg);
	
	}
	
	a#sale-EURO {
	
	display: block;
	width: 650px;
	height: 115px;
	margin: 1px 0 0 40px;
	text-indent: -9999px;
	background: url(../images/a-sale-EURO.jpg);
	
	}

	a#sale-GBP {
	
	display: block;
	width: 650px;
	height: 115px;
	margin: 1px 0 0 40px;
	text-indent: -9999px;
	background: url(../images/a-sale-GBP.jpg);
	
	}

	
/* Navigation */

	#navigation {
	
	margin-top: -1px;
	
	}
	
	#navigation li {
	
	float: left;
	margin-right: 28px;
	
	}
	
	#navigation li a {
	
	display: block;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	height: 29px;
	padding: 10px 8px 0 8px;
	font-family: Arial, Helvetica, sans-serif;
		
	}
	
	/* #navigation li a:hover {
	
	color: #d6d6d6;
	
	} */
		
	
	/* Navigation on states */
	
	#navigation li:hover a, #page-home #navigation-home a, #page-about #navigation-about a, #page-contact #navigation-contact a, #page-domains #navigation-domains a, #page-hosting #navigation-hosting a, #page-support #navigation-support a, #page-order #navigation-order a {
	
	padding: 0 0 8px 0;
	
	}
	
	#navigation li:hover, #page-home #navigation-home, #page-about #navigation-about, #page-contact #navigation-contact, #page-domains #navigation-domains, #page-hosting #navigation-hosting, #page-support #navigation-support, #page-order #navigation-order  {
	
	
	background: url(../images/bg-navigation-left.jpg) top left no-repeat; 
	
	}
	
	#navigation li:hover a span, #page-home #navigation-home a span, #page-about #navigation-about a span, #page-contact #navigation-contact a span, #page-domains #navigation-domains a span, #page-hosting #navigation-hosting a span, #page-support #navigation-support a span, #page-order #navigation-order a span {
	
	display: block;	
	padding: 10px 8px 8px 8px;
	background: url(../images/bg-navigation-right.jpg) top right no-repeat;
		
	}
	
	/*#navigation li a:hover, #page-home #navigation-home a:hover, #page-about #navigation-about a:hover, #page-contact #navigation-contact a:hover, #page-domains #navigation-domains a:hover, #page-hosting #navigation-hosting a:hover, #page-support #navigation-support a:hover, #page-order #navigation-order a:hover {
	
	color: #fff;
	
	}*/
	
	
	/* Drop Downs */

	
	/* clear padding on drop downs, on an on-state top menu item */
	#page-home #navigation-home li a, #page-about #navigation-about li a, #page-contact #navigation-contact li a, #page-domains #navigation-domains li a, #page-hosting #navigation-hosting li a, #page-support #navigation-support li a, #page-order #navigation-order li a {
	
	padding: 0;
	
	}	
	
	#navigation li ul {
	
	position: absolute;
	width: 203px;
	left: -999em;
	
	}
	
	#navigation li ul li {
	
	width: 187px;
	padding: 5px 8px;
	margin: 0;
	border-bottom: 1px solid #db5d14;
	background: #f0691b;
	
	}
	
	/* Show an arrow on navigation items that have a 3rd level */
	#navigation li ul li.more {
	
	background: #f0691b url(../images/bg-navigationarrow.png) 190px 10px no-repeat;
	
	}
	
	#navigation li ul li.more a {
	
	color: #fff;
	
	}
	
	#navigation li ul li.more:hover {
	
	background: #2e2e2e url(../images/bg-navigationarrow.png) 190px 10px no-repeat;
		
	}
	
	#navigation li ul li.more:hover a {
	
	color: #fff;
	
	}
	
	/* remove bg on 1st level */
	#navigation li ul li:hover {
	
	background: #f0691b;
	
	}
	
	/* reset padding on 1st level */
	#navigation li:hover li a {
	
	padding: 0;
	
	}
	
	/* add rounded bg/border on last dd */
	#navigation li ul li.last {
	
	border-bottom: none;
	background: url(../images/bg-navigationdd.png) no-repeat bottom ;
	
	}

	#navigation li ul li a {
	
	display: block;
	font-size: 11px;
	padding: 0;
	margin: 0;
	height: auto;
	
	}
	
	#navigation li ul li a:hover {
	
	color: #2f2e2d;
	
	}

	#navigation li:hover ul {
	
	left: auto;
	
	}
	
	/* Level 3 Drop Downs */
	
	#navigation li ul ul {

	margin: -21px 0 0 195px;
	
	}
	
	/* Hide Drop Downs */
	#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {
	
	left: -999em;
	
	}
	
	/* 3rd level colors */
	
	#navigagtion li ul ul {
	
	width: 100px;
	
	}
	
	#navigation li ul ul li {
	
	background: #2e2e2e;
	border-bottom: 1px solid #484848;
	
	}
	
	#navigation li ul ul li:hover {
	
	background: #2e2e2e;
	
	}
	
	#navigation li ul ul li:hover a:hover {
	
	color: #fa9356;
	
	}
	
	/* Show drop downs */
	#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul {
	
	left: auto;
	
	}
	
/* Content */

	#content-container {
	
	clear: both;
	padding: 30px 0 0 6px;
	background: url(../images/bg-content.jpg) top no-repeat;
	
	}

	#content-main {
	
	clear: both;
	margin-top: 15px;
	background: url(../images/bg-contentmain.gif) 0 20px repeat-y;	
	
	}
	
	#content {
	
	float: left;
	width: 620px;
	padding: 8px 20px 20px 20px;
	
	}
	
	#content-feature {
		float: left;
		width: 190px;
		margin-right: 15px;
	}

	#content-feature-last {
		float: left;
		width: 190px;
	}

	
/* Sidebar */

	#sidebar {
	
	float: left;
	width: 207px;
	padding-top: 10px;
	min-height: 207px;
	background: url(../images/bg-sidebar.gif) top left no-repeat;
	
	}
	
	/* Domain Search */
	
	#domain-search {
	
	padding-left: 23px;
	
	}
	
	#sld, #tld, #currency {
	
	float: left;
	color: #808080;
	border: 1px solid #d4d4d4;
	background: url(../images/bg-input-domain.gif);
	
	}
	
	#sld {
	
	width: 102px;
	margin-right: 5px;
	
	}
	
	#tld {
	
	width: 60px;
	
	}

	#form-search {
	
	clear: both;
	float: right;
	padding: 8px 13px 0 0;
	
	}
	

	/* Boxes */
	#boxes {
	
	clear: both;
	padding: 35px 0 0 1px;
	
	}
	
	.box {
	
	width: 179px;
	height: 65px;
	padding: 9px;
	margin-bottom: 15px;
	background: url(../images/bg-box.gif);
	
	}
	
	.box img {
	
	float: left;
	margin-right: 5px;
	
	}
	
	#sidebar .box h3 {
	
	padding: 4px 0;
	
	}
	
	#sidebar .box h3 a {
	
	color: #97c758;
	text-decoration: none;
	
	}
	
	#sidebar .box h3 a:hover {
	
	text-decoration: underline;

	}
	
	.box p {
	
	font-size: 11px;
	padding: 0;
	
	}

	
/* Footer */
	
	#footer-container {
	
	min-height: 90px;
	background: #2e2e2e url(../images/bg-footer.gif) top repeat-x;
	
	}
	
	#footer {
	
	color: #fff;
	width: 902px;
	margin: 0 auto;
	font-size: 11px;
	padding-top: 15px;
	
	}
	
	#footer a {
	
	color: #9ed158;
	text-decoration: none;
	
	}
	
	#footer a:hover {
	
	text-decoration: underline;
	
	}
	
	#footer a.corp {
	
	color: #fff;
	text-decoration: none;
	
	}
	
	#footer a.corp:hover {
	
	text-decoration: underline;
	
	}
	
	#footer-copyright {
	
	float: left;
	width: 538px;
	padding-right: 10px;
	
	}
	
	#footer-copyright em {
	
	float: left;
	display: block;
	font-style: normal;
	margin-right: 20px;
		
	}
	
	#footer-copyright div {
	
	height: 22px;
	
	}
	
	#footer-subnav {
	
	float: left;
	
	}
	
	#footer-subnav li {
	
	float: left;
	margin-right: 14px;
	
	}
	
	#footer-subnav li.last {
	
	margin-right: 0;
	
	}
	
	/* Contacts Menu */
	
	#footer-contacts {
	
	clear: both;
	padding-top: 8px;
	border-top: 1px solid #4e4e4e;
	
	}
	
	#footer-contacts li {
	
	float: left;
	padding: 0 8px;
	height: 17px;
	background: url(../images/bg-contactsdivider.gif) right no-repeat;
	
	}
	
	#footer-contacts li.first {
	
	padding-left: 0;
	
	}
	
	#footer-contacts li.last {
	
	padding-right: 0;
	background: none;
	
	}
	
	#footer-contactsrss a {
	
	display: block;
	text-indent: -9999px;
	width: 84px;
	height: 17px;
	background: url(../images/a-rssfeed.gif);
	
	}
	
	#footer-contactsfacebook a {
	
	display: block;
	text-indent: -9999px;
	width: 71px;
	height: 9px;
	padding-top: 4px;
	background: url(../images/a-contactsfacebook.gif) bottom no-repeat;
	
	}

	#footer-contactstwitter a {
	
	display: block;
	text-indent: -9999px;
	width: 57px;
	height: 9px;
	padding-top: 4px;
	background: url(../images/a-contactstwitter.gif) bottom no-repeat;
	
	}

	#footer-contactsgoogle a {
	
	display: block;
	text-indent: -9999px;
	width: 61px;
	height: 9px;
	padding-top: 4px;
	background: url(../images/a-contactsgoogle.gif) bottom no-repeat;
	
	}

	#footer-contactsphone a {
	
	display: block;
	text-indent: -9999px;
	width: 91px;
	height: 9px;
	padding-top: 4px;
	background: url(../images/a-contactsphone.gif) bottom no-repeat;
	
	}
	
	#footer-contactsemail a {
	
	display: block;
	text-indent: -9999px;
	width: 40px;
	height: 9px;
	padding-top: 4px;
	background: url(../images/a-contactsemail.gif) bottom no-repeat;
	
	}
	
	/* Legal Navigation */
	
	#footer-legalnav {
	
	float: left;
	padding: 0 12px;
	height: 55px;
	background: url(../images/bg-footerdivider.gif) left no-repeat;
	
	}
	
	#footer-legalnav a {
	
	color: #fff;
	
	}
	
	/* 30 Day Moneyback */
	
	#footer-30days {
	
	float: left;
	padding: 0 12px;
	height: 55px;
	background: url(../images/bg-footerdivider.gif) left no-repeat;
	
	}
	
	#footer-creditcards {
	
	float: left;
	padding: 0 12px;
	height: 55px;
	background: url(../images/bg-footerdivider.gif) left no-repeat;
	
	}

	#footer-ssl {
	
	float: left;
	padding: 0 12px;
	height: 55px;
	background: url(../images/bg-footerdivider.gif) left no-repeat;
	
	}	
	
/* ---- Page Styles ---- */

/* Packages */

	#packages {
	
	width: 591px;
	height: 260px;
	padding: 14px 20px;
	margin-bottom: 20px;
	background: url(../images/bg-packages.jpg);
	
	}
	
	.package {
	
	float: left;
	width: 164px;
	height: 247px;
	padding: 10px;
	margin-right: 19px;
	background: url(../images/bg-package.jpg) no-repeat;
	
	}
	
	#packages .last {
	
	margin: 0;
	
	}
	
	.package h3 {
	
	color: #fff;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0 0 15px 0;
	padding: 0;
	
	}
	
	.package h3 strong {
	
	display: block;
	font-size: 20px;
	margin-top: 3px;
	
	}
	
	.package p {
	
	height: 120px;
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	
	}
	
	.package-price {
	
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 20px;
	
	
	}
	
	.package-buttons {
	
	padding: 5px 0 0 3px;
	
	}
	
	.package-buttons .a-moreinfo {
	
	float: left;
	display: block;
	width: 77px;
	height: 25px;
	text-indent: -9999px;
	background: url(../images/a-moreinfo.gif) top;
	
	}
	
	.package-buttons .a-moreinfo:hover {
	
	background: url(../images/a-moreinfo.gif) 0 -25px;
	
	}
	
	.package-buttons .a-ordernow {
	
	float: left;
	display: block;
	width: 82px;
	height: 25px;
	text-indent: -9999px;
	background: url(../images/a-ordernow.gif) top;
	
	}

	.package-buttons .a-ordernow:hover {
	
	background: url(../images/a-ordernow.gif) 0 -25px;
	
	}
	
	/* Testimonials */
	
	#testimonials {
	
	padding: 0 0 0 70px;
	min-height: 55px;
	background: url(../images/bg-testimonials.jpg) top left no-repeat;
	
	}
	
	#testimonials div {
	
	width: 533px;
	background: url(../images/bg-quotebottom.gif) 15px bottom no-repeat;
	
	
	}
	
	#testimonials blockquote {
	
	font-style: italic;
	padding: 8px 8px 25px 55px;
	margin: 0;
	background: url(../images/bg-quotetop.gif) top no-repeat;
	
	}
	
	#testimonials blockquote p {
	
	padding-bottom: 0;
	
	}
	
	#a-readmore {
	
	float: right;
	margin-right: 32px;
	display: block;
	text-indent: -9999px;
	width: 72px;
	height: 20px;
	background: url(../images/a-readmore.gif);

	}
	
	#ssl img {
	
	width: 95px;
	height: 45px;
	margin-top: 2px;
	
	}
	
	/* Table */

	#table table {
	
	border-spacing: 1px;
	width: 100%;
	
	}

	#table td {

	border: 0px;
	padding: 5px;

	}

	#table td a, #table td a:visited {

	text-decoration: none;

	}

	#table td a:hover {
	
	text-decoration: underline;

	}
	
	#table .toprow td {

	color: #ffffff;
	font-weight: bold;
	background-color: #97c758;

	}

	#table .altrow td {
	
	background-color: #f4f4f4;

	}
	
	#indent li {
	
	margin-left: 50px;
	padding: 0;
	list-style: disc;
	
	}
	
	#thumbs img {
	
	border: 5px solid #d4d4d4;
	padding: 2px;
	margin-right: 5px;
	
	}
	
	#flag img {
	
	padding-left: 5px;
	margin-top: -3px;
	
	}
	
	#keywords p {
	
	font-size: 11px;
	text-align: center;
	
	}
	
	#keywords p a {
		color: #2e2e2e;
		text-decoration: none;
	}
	
	#keywords p a:hover {
		text-decoration: underline;
	}
	
	#map {
		float: right;
	}