﻿a:link {
	color: #49b749;
}
a:visited {
	color: #49b749;
}
a:hover {
	color: #000;
}
a:active {
	color: #49b749;
}
:focus {
  outline-color: transparent;
  outline-style: none;
}
html {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #efefef;
	font:normal 13px Verdana;
	color: #717171;
	background-attachment: fixed;
	background-image: url(/assets/images/bg.png);
	background-repeat: repeat-y;
	background-position: center top;
}
* html #outer {
	height: 100%;
}
h1 {
	height: 22px;
	padding-top: 4px;
	margin-bottom: 9px;
	font-size: 18px;
	font-weight: bold;
	text-transform: capitalize;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	color: #49b749;
}
h2 {
	height: 16px;
	font-size: 14px;
	font-weight: bold;
	text-transform: capitalize;
	color: #717171;
}
h3 {
	margin: 4px;
	padding: 0px;
	font-weight:normal;
}
#outer {
	min-height: 100%;
	width: 960px;
	min-width: 960px;
	max-width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#content {
	width: 960px;
}
.content_spacer {
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#header {
	height: 120px;
	background-repeat: no-repeat;
	background-position: left top;
	width: 960px;
	text-align: left;
	background-image: url(/assets/images/logo.png);
}
.header_main {
	display: block;
	float: left;
	width: 920px;
	height: 120px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
}
.header_left {
	display: block;
	float: left;
	width: 481px;
	height: 44px;
	padding-left: 119px;
	padding-right: 0px;
	padding-top: 76px;
	padding-bottom: 0px;
	margin: 0px;
	font-weight: bold;
}
.header_right {
	display: block;
	float: right;
	width: 300px;
	height: 120px;
	padding: 0px;
	margin: 0px;
}
.header_right_top {
	display: block;
	float: right;
	width: 300px;
	height: 40px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 20px;
	padding-bottom: 0px;
	margin: 0px;
	text-align: right;
}
.header_right_bottom {
	display: block;
	float: left;
	width: 300px;
	height: 54px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 6px;
	padding-bottom: 0px;
	margin: 0px;
	text-align: right;
}
#menu {
	margin-left: 20px;
	margin-right: 20px;
	width: 920px;
	height: 40px;
	background-color: transparent;
	z-index: 10;
	color: #FFF;
	background-image: url(/assets/images/tmbg.png);
	background-repeat: repeat;
}
.formbord {
	border: #bababa 2px solid;
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #FFF;
	width: 200px;
	height: 20px;
	background-image: url(/assets/images/formbord-grey.png);
	background-repeat: repeat;
}
.formbord:hover {
	border: #717171 2px solid;
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #efefef;
	width: 200px;
	height: 20px;
}
.formbord:focus {
	border: #49b749 2px solid;
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #FFF;
	width: 200px;
	height: 20px;
	background-image: url(/assets/images/formbord-green.png);
	background-repeat: repeat;
}
.formbord2 {
	border: #bababa 2px solid;
	padding: 5px;
	background-color: #FFF;
	background-image: url(/assets/images/formbord-grey.png);
	background-repeat: repeat;
}
.formbord2:hover {
	border: #717171 2px solid;
	padding: 5px;
	background-color: #efefef;
}
.formbord2:focus {
	border: #49b749 2px solid;
	padding: 5px;
	background-color: #FFF;
	background-image: url(/assets/images/formbord-green.png);
	background-repeat: repeat;
}
.formbord3 {
	border: #bababa 2px solid;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #FFF;
	width: 100%;
	height: 20px;
	background-image: url(/assets/images/formbord-grey.png);
	background-repeat: repeat;
}
.formbord3:hover {
	border: #717171 2px solid;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #efefef;
	width: 100%;
	height: 20px;
}
.formbord3:focus {
	border: #a3a692 2px solid;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #FFF;
	width: 100%;
	height: 20px;
	background-image: url(/assets/images/formbord-green.png);
	background-repeat: repeat;
}
.clean a:link, .clean a:visited, .clean a:active {
	text-decoration: none;
}
.clean a:hover {
	text-decoration: underline;
}
.whitey a:link, .whitey a:visited, .whitey a:active {
	color: #FFFFFF;
	text-decoration: none;
}
.whitey a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
*::-moz-selection  {
	background: #49b749;
	color: #FFF;
}
a::-moz-selection,
a *::-moz-selection  {
	background: #49b749;
	color: #FFF;
}
*::selection  {
	background: #49b749;
	color: #FFF;
}
a::selection,
a *::selection  {
	background: #49b749;
	color: #FFF;
}
.searchbox-button {
    padding: 4px 6px;
    background: #49b749;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.searchbox-button:hover {
    background: #717171;
    border: solid 1px #2A4E77;
    text-decoration: none;
}
.searchbox-button:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #000;
    border: solid 1px #203E5F;
}
#clear_footer {
	clear:both;
	height: 21px;
	width:100%;
}
#footer {
	width: 960px;
	height: 20px;
	text-align: center;
	color: #c4c4c4;
	margin-left: auto;
	margin-right: auto;
	margin-top: -20px;
	font:normal 11px Verdana;
}
#footer a:link, #footer a:visited, #footer a:active {
	color: #c4c4c4;
}
#footer a:hover {
	color: #666;
}
.category a:link, .category a:visited, .category a:active {
	background-color: #EEEEEE;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-right: 4px;
	padding-left: 4px;
	display: block;
	color: #2d2d2d;
	text-decoration: none;
}
.category a:hover {
	background-color: #CCC;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-right: 4px;
	padding-left: 4px;
	display: block;
	color: #000;
	text-decoration: none;
}
.left_header {
	display: block;
	padding: 7px 14px;
	color: #FFF;
	margin-bottom: 7px;
	background-color: #717171;
}
.accordion, .accordion ul, .accordion li, .accordion a {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}
.accordion li {
	list-style: none;
}
/* Layout & Style */

.accordion li > a {
	clear: both;
	position: relative;
	background-color: #EEEEEE;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-right: 4px;
	padding-left: 4px;
	display: block;
	color: #2d2d2d;
	text-decoration: none;
}
.accordion > li:hover > a, .accordion > li:target > a {
	clear: both;
	background-color: #CCC;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-right: 4px;
	padding-left: 4px;
	display: block;
	color: #2d2d2d;
	text-decoration: none;
}
.accordion > li > a.active {
	clear: both;
	background-color: #EEE;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-right: 4px;
	padding-left: 4px;
	display: block;
	color: #2d2d2d;
	text-decoration: none;
}
/* Images */

.accordion > li > a:before {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 24px;
	height: 24px;
	margin: 4px 8px;
}
/* Sub Menu */

.sub-menu li a {
	padding-left: 20px;
	background: #CCC;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-right: 4px;
}
.sub-menu li:hover a {
	background: #717171;
	color: #FFF;
}
.sub-menu li:last-child a {
	border: none;
}

/* Functionality */

.accordion li > .sub-menu {
	display: none;
}
.accordion li:target > .sub-menu {
	display: block;
}
.hosting_products {
	width: 920px;
	height: auto;
}
.hosting_product {
	width: 436px;
	margin: 10px;
	height: auto;
	float: left;
	border: #bababa 2px solid;
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
	background-color: #FFF;
	background-image: url(/assets/images/formbord-grey.png);
	background-repeat: repeat;
}
.hosting_product:hover {
	width: 436px;
	margin: 10px;
	height: auto;
	float: left;
	border: #bababa 2px solid;
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
	background-color: #FFF;
	background-image: url(/assets/images/formbord-green.png);
	background-repeat: repeat;
}
.hosting_product_name_left {
	width: 238px;
	padding: 10px;
	height: auto;
	float: left;
	font-size: 140%;
	font-weight: bold;
}
.hosting_product_price_right {
	width: 158px;
	padding: 10px;
	height: auto;
	float: left;
	font-size: 140%;
	text-align: right;
}
.hosting_product_gist_left {
	width: 260px;
	padding: 20px;
	height: auto;
	float: left;
	font-size: 120%;
}
.hosting_product_purchase_right {
	width: 96px;
	height: auto;
	float: left;
	font-size: 120%;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
}
.hosting_product_description {
	width: 416px;
	padding: 10px;
	height: auto;
	float: left;
	text-align: center;
}
.product_purchase_right-button {
    padding: 10px 15px;
    background: #49b749;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.product_purchase_right-button:hover {
    background: #717171;
    border: solid 1px #2A4E77;
    text-decoration: none;
}
.product_purchase_right-button:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #000;
    border: solid 1px #203E5F;
}
.hosting_domain_names {
	width: 876px;
	margin: 10px;
	padding: 10px;
	height: auto;
	float: left;
	border: #bababa 2px solid;
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
	background-color: #FFF;
	background-image: url(/assets/images/formbord-grey.png);
	background-repeat: repeat;
	text-align: center;
}
.hosting_domain_names:hover {
	width: 876px;
	margin: 10px;
	padding: 10px;
	height: auto;
	float: left;
	border: #bababa 2px solid;
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
	background-color: #FFF;
	background-image: url(/assets/images/formbord-green.png);
	background-repeat: repeat;
}
.hosting_domain_name {
	width: 856px;
	padding: 10px;
	height: auto;
	float: left;
	font-size: 140%;
	font-weight: bold;
}
.hosting_domain_name_info {
	width: 856px;
	padding: 10px;
	height: auto;
	float: left;
}
.hosting_domain_name_note {
	width: 856px;
	padding: 10px;
	height: auto;
	float: left;
	text-align: center;
}
.hosting_details {
	width: 876px;
	margin: 10px;
	padding: 10px;
	height: auto;
	float: left;
	border: #bababa 2px solid;
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
	background-color: #FFF;
	background-image: url(/assets/images/formbord-grey.png);
	background-repeat: repeat;
}
.hosting_details:hover {
	width: 876px;
	margin: 10px;
	padding: 10px;
	height: auto;
	float: left;
	border: #bababa 2px solid;
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
	background-color: #FFF;
	background-image: url(/assets/images/formbord-green.png);
	background-repeat: repeat;
}
.hosting_detail_name {
	width: 856px;
	padding: 10px;
	height: auto;
	float: left;
	font-size: 140%;
	font-weight: bold;
}
.hosting_detail_info {
	width: 408px;
	margin: 10px;
	height: auto;
	float: left;
}
.domains_domain_names {
	width: 876px;
	margin: 10px;
	padding: 10px;
	height: auto;
	float: left;
	border: #bababa 2px solid;
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
	background-color: #FFF;
	background-image: url(/assets/images/formbord-grey.png);
	background-repeat: repeat;
	text-align: center;
}
.domains_domain_names:hover {
	width: 876px;
	margin: 10px;
	padding: 10px;
	height: auto;
	float: left;
	border: #bababa 2px solid;
	border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
	background-color: #FFF;
	background-image: url(/assets/images/formbord-green.png);
	background-repeat: repeat;
}

/* Content Boxes
------------------------------------------------------------ */
 
.content-box-blue,
.content-box-gray,
.content-box-green,
.content-box-purple,
.content-box-red,
.content-box-yellow {
    margin: 0px;
    padding-left: 20px;
	padding-right: 20px;
    width: 258px;
    float: left;
    height: 230px;
	position: relative;
}
 
.content-box-blue {
    background-color: #d8ecf7;
    border: 1px solid #afcde3;
}
 
.content-box-gray {
    background-color: #e2e2e2;
    border: 1px solid #bdbdbd;
}
 
.content-box-green {
    background-color: #d9edc2;
    border: 1px solid #b2ce96;
}
 
.content-box-purple {
    background-color: #e2e2f9;
    border: 1px solid #bebde9;
}
 
.content-box-red {
    background-color: #f9dbdb;
    border: 1px solid #e9b3b3;
}
 
.content-box-yellow {
    background-color: #fef5c4;
    border: 1px solid #fadf98;
}
/*page curl*/
.curl:before, .curl:after {
	background: none;
	bottom: 12px;
	-moz-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 10px 12px rgba(0, 0, 0, 0.5);
	box-shadow: 0 12px 12px rgba(0, 0, 0, 0.5);
	content: "";
	height: 10px;
	left: 7px;
	position: absolute;
	width: 40%;
	z-index: -1;
	-moz-transform: skew(-4deg) rotate(-4deg);
	-webkit-transform: skew(-4deg) rotate(-4deg);
	-ms-transform: skew(-4deg) rotate(-4deg);
	transform: skew(-4deg) rotate(-4deg);
}

.curl:after {
	-moz-transform: skew(4deg) rotate(4deg);
	-webkit-transform: skew(4deg) rotate(4deg);
	-ms-transform: skew(4deg) rotate(4deg);
	transform: skew(4deg) rotate(4deg);
	left: auto;
	right: 7px;
}
#ticker {
    height: 40px;
	overflow: hidden;
	height: 40px;
	padding: 0;
	margin: 0;
}
#ticker ul, #ticker li {
	list-style: none;
	padding: 0;
	margin: 0;
    height: 40px;
	overflow: hidden;
}

