/*
Theme Name: MakoSolutions


*/

body {background: #c9c9c9 url(images/bg.png) repeat-x; text-align: center; margin: 0px; font-family: Arial, Tahoma, Helvetica; font-size: 12px;}
div#wrapper {width: 913px; margin: 0 auto; text-align: left;}

div#header {height: 109px; background: url(images/top-container.png) no-repeat;}

div#logo a {
	background:transparent url(images/logo.png) no-repeat scroll left center;
	float:left;
	height:73px;
	margin-left:15px;
	margin-top: 20px;
	text-indent:-9999px;
	width:361px;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	
}

div#header div#right {float: right;text-align: right;}
.clear {clear:both;}
div#right div#nav {margin: 5px 25px 0px 0px; color: #e5eef7; font-weight: bold;}
div#right div#nav a {color: #e5eef7; text-decoration: none;}
div#right div#nav a:hover {text-decoration: underline;}

div#right ul#subnav {margin-top: 60px; color: #8a9299; font-weight: bold; list-style-type: none;}
div#right ul#subnav li {display: inline; margin-right: 20px;}
div#right ul#subnav li a {text-decoration: none; color: #8a9299;}
div#right ul#subnav li a:hover {color: #000;}

div#mainnav {background: url(images/navbg.png) no-repeat; height: 38px; margin-top: 12px; font-family: Tahoma, Arial, Helvetica; font-size: 14px;}

div#mainnav ul {list-style-type: none; margin: 0px; padding: 10px 0px 0px 0px;}
div#mainnav ul li {display: inline;}
div#mainnav ul li a {color: #fff; text-decoration: none; padding: 10px; margin-left: 15px;}
div#mainnav ul li a:hover {color: #fff; text-decoration: none; padding: 10px; margin-left: 15px; background: #000;}

div#hp-splash {background: url(images/hp-splash.png) no-repeat; height: 193px;}

div#splashtext {float: left;width: 540px; height: 190px;}
div#hp-splash div#splashtext h2 {margin: 13px 0px 0px 19px; padding: 0px; font-size: 34px; color: #fff; font-weight: normal;}
div#hp-splash div#splashtext ul {list-style-type: none; margin: 10px; float:left; width: 290px;}
div#hp-splash div#splashtext ul li {font-size: 18px; color: #fff; background: url(images/broken-line.png) no-repeat; background-position: 0 100%; padding: 7px 0px 7px 7px;}
div#hp-splash div#splashtext ul li.nobg {background: none;}
div#hp-splash div#splashtext div#getstarted a {
	background:transparent url(images/getstarted.png) no-repeat scroll left center;
	float:right;
	height:39px;
	margin-right:22px;
	margin-top: 83px;
	text-indent:-9999px;
	width:100px;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	
}

div#hp-splash div#splashtext div#getstarted a:hover {
	background:transparent url(images/getstartedhover.png) no-repeat scroll left center;
	
}

div#offer {float: right; width: 350px; height: 190px;}
div#offer div#offertitle {margin: 5px 0px 0px 0px;background: url(images/offerbg.png); width: 207px; height: 79px; font-size: 24px; color: #fff; font-family: Arial, Tahoma, Helvetica; padding: 6px 0px 0px 0px; text-align: center;}
div#offercontent {padding-left: 15px; margin-top: -35px;}
div.offeritem {padding: 5px; margin-right: 10px; cursor: pointer;}
div.offeritem:hover {background: #4682bd;}
div.offeritem a {color: #fff; text-decoration: none;}
span.offersubtitle {color: #a6ceff; font-size: 18px;}
span.offersubtitle-white {color: #fff; font-size: 18px;}
div.offercontent-text {padding: 0px 0px 0px 10px; font-family: Tahoma, Arial, Helvetica; color: #fff;}

div#contentcurve-top {background: url(images/content-curve-top.png) no-repeat; height: 4px; margin-top: 12px;}
div#content {background: #fff; padding: 10px;}
div#contentcurve-bottom {background: url(images/content-curve-bottom.png) no-repeat; height: 4px; font-size: 1px;}

div#content h1, div#content h2 {font-size: 18px; color: #3c80c5; font-weight: normal; margin: 0px 0px 7px 10px; padding: 0px;}
div#content h2 { margin: 0px 0px 7px 0px;}
div#content a {color: #3c80c5; text-decoration: none;}
div#content a:hover {color: #000;}
div#content .leftcolumn {float: left; width: 650px;}
div#content .rightcolumn {float: right; width: 237px;}
.leftcolumn #introduction {background: url(images/intro-gradient.png) no-repeat; width: 633px; height: 185px; text-align: center; padding-top: 20px;}
.leftcolumn div.subpage-content {background: url(images/gradient-subpage-content.png) no-repeat; width: 593px; padding: 20px; padding-bottom: 0px;}
.leftcolumn #introduction #info {background: url(images/info.png) no-repeat; width: 579px; height: 78px; margin: 0 auto;}
#info div#text {width: 470px; font-size: 15px; color: #525252; font-weight: bold; padding: 10px 0px 0px 0px; margin: auto 0px auto 95px; text-align: left;}
#introduction div.subtext {width:580px; text-align: left; margin: 0 auto;}

div.quicklinks {background: url(images/quicklinksbg.png) no-repeat; width: 234px; height: 45px; margin-bottom: 3px;}
img.quicklink-icon {margin: 5px; float: left; border: 0px;}
div.quicklink-item {float: left; padding: 12px 0px 0px 5px; color: #fff; line-height: 12px;}
div.quicklinks a span.quicklink-title{color: #000; font-size: 14px; font-weight: bold; display: block;}
div.quicklinks a:hover span.quicklink-title{color: #000; font-size: 14px; font-weight: bold; display: block; text-decoration: underline;}
div.quicklinks a {text-decoration: none; display: block;}
div.quicklinks a small {color: #000;}

div.package {background: url(images/package-holder.png) no-repeat; width: 314px; height: 148px; float: left; margin-right: 5px; margin-bottom: 5px;}
div.packagesplash {background: url(images/splash.png) no-repeat; width: 635px; height: 148px; float: left; margin-right: 5px; margin-bottom: 5px;}
div#content h3 {color: #336ca2; font-weight: bold; font-size: 16px; margin: 10px 0px 0px 10px; padding: 0px;}
div#content h4 {color: #ff5400; margin: 8px;}
div.shared-icon {background: url(images/shared-icon.png) no-repeat; width: 68px; height:59px; margin-left: 10px; float: left; margin-top: 10px;}
div.reseller-icon {background: url(images/reseller-icon.png) no-repeat; width: 68px; height:59px; margin-left: 10px; float: left; margin-top: 10px;}
div.vps-icon {background: url(images/vps-icon.png) no-repeat; width: 62px; height:63px; margin-left: 10px; float: left; margin-top: 10px;}
div.dedicated-icon {background: url(images/dedicated-icon.png) no-repeat; width: 68px; height:59px; margin-left: 10px; float: left; margin-top: 10px;}
div.splash-icon {background: url(images/blank.png) no-repeat; width: 68px; height:59px; margin-left: 10px; float: left; margin-top: 10px;}
div.package div.package-desc {float: left; width: 220px; padding-top:8px; height: 70px;}
div.packagesplash div.packagesplash-desc {float: left; width: 350px; margin: 10px 0px 0px 10px; padding-top:8px; height: 70px; line-height: 12px;}
div.package div.package-price {float: left; width: 150px; margin: 17px 0px 0px 27px; text-align: center; font-weight: bold; color: #fff;}
span.blueprice {color: #4289d8;}

div.getstartedpackage a {
	background:transparent url(images/getstarted-package.png) no-repeat scroll left center;
	float:right;
	width: 91px;
	height: 25px;
	margin-right: 15px;
	margin-top: 5px;
	text-indent:-9999px;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	
}

div.getstartedpackage a:hover {
	background:transparent url(images/getstarted-package-hover.png) no-repeat scroll left center;
}


div.ordernow a {
	background:transparent url(images/ordernow.png) no-repeat scroll left center;
	float:right;
	width: 91px;
	height: 25px;

	margin-top: 5px;
	text-indent:-9999px;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	
}

.marginfix {margin-right: 15px !important;}
.marginfix2 {margin-right: 5px !important;}
.marginfix3 {margin-right: 30px !important;}
.marginfixplat {margin-right: 32px !important;}
div.ordernow a:hover {
	background:transparent url(images/ordernowhover.png) no-repeat scroll left center;
}

div.newsitem {background: url(images/newsbg.png) no-repeat; width: 224px; height: 94px; padding: 8px; line-height: 12px; margin-bottom: 0px;}
div.newsitem2 {background: url(images/newsbg2.png) no-repeat; width: 224px; height: 200px; padding: 8px; line-height: 15px; margin-bottom: 0px;}
div.newsitem2 div.datepublished {color: #4393e6; font-size: 10px; text-align: right;}
#div.newsitem:hover {background: url(images/newsbghover.png) no-repeat; width: 224px; height: 94px; #padding: 8px; line-height: 12px; margin-bottom: 0px;}
div.newsitem div.datepublished {color: #4393e6; font-size: 10px; text-align: right;}

div#footer {background: url(images/footer.png) no-repeat; height: 39px; margin-top: 12px; padding: 20px; width: 873px;}
div#footer div#footerlinks {float: left; color: #fff; font-weight: bold; text-decoration: none;}
div#footer div#footerlinks a{color: #fff; font-weight: bold; text-decoration: none;}
div#footer div#footerlinks a:hover{color: #85b0da; font-weight: bold; text-decoration: none;}
div#footer div#copyright {float: right; color: #fff; font-weight: bold; text-align: right;}
div#footer div#copyright a{color: #85b0da; font-weight: bold; text-decoration: none;}
div#footer div#copyright a:hover{color: #fff; font-weight: bold; text-decoration: none;}
div#servers {width: 710px; height: 59px; background: url(images/servers.png) no-repeat; margin: 8px auto;}
div.subpage-features {padding: 5px; margin-bottom: 5px; background: url(images/hgihest-rated.png) no-repeat; width: 589px; height: 85px;}

table {border: 1px solid #fff; width: 633px;}
td {padding: 8px; text-align: center;}
td.label {text-align: right !important; color: #555; background: #eee !important;}
tr.head td {background: #3d80c4; color: #fff; text-align: center; font-weight: bold;}
tr.alt1 td{background: #d1e0ec;}
tr.ordernowcolor{background: #ff9a2e;}
td.tl {background: #3d80c4 url(images/table-tl.png) no-repeat !important;}
td.tr {background: #3d80c4 url(images/table-tr.png) no-repeat !important; background-position: 100% 0 !important;}

tr.head2 td {background: #717376; color: #fff; text-align: center; font-weight: bold;}
td.tl2 {background: #717376 url(images/table-tl2.png) no-repeat !important;}
td.tr2 {background: #717376 url(images/table-tr2.png) no-repeat !important; background-position: 100% 0 !important;}


ul.features-included {list-style-type: none; margin: 0px; padding: 0px; margin-bottom: 20px;}
ul.features-included li {padding: 8px; margin: 0px; padding-left: 20px; border-bottom: 1px solid #ddd; background: #eee url(images/check.png) no-repeat; background-position: 9px 50%;}
div.features-head {background: url(images/features-head.png) no-repeat; width: 221px; height: 13px; padding: 8px; font-weight: bold; color: #fff;}
div#weaccept {text-align: center; font-size: 10px; color: #888;}

div.features-included {background: #eee; padding: 10px; text-align: center; margin-bottom: 20px;}
div.features-included2 {background: #eee; padding: 10px; text-align: left; margin-bottom: 20px;}
span.free {color: #8ab7f4;}
a img {border: 0px; text-decoration: none; background: none;}
a:hover img {filter:alpha(opacity=60);  opacity: 0.60; cursor: pointer;}
ul.features-included li a {color: #000 !important;}
ul.features-included li a:hover {color: #3c80c5 !important;}
img.thumbnail {background: url(images/picbg.png) no-repeat; background-position: 50% 0; padding-bottom: 22px; text-align: center; width: 170px; height: 100px;}