@charset "utf-8";

/** General Layout **/

* {margin:0; padding:0;}

html, body {margin:0px; padding:0px; font-family: Arial,Helvetica,sans-serif; font-size: 13px; position:relative; line-height: 1.67em; background: #fff; color:#555; text-align:left; height: 100%;}

.clear {clear: both; height: 0; width: 0; line-height: 0; font-size: 0px;}

.hidden {display:none;}

#site-wrapper {height: auto; position:relative; overflow:hidden; background:url(images/styles/grunge.jpg) repeat-x top left;}

.container {position:relative; margin:0 auto; width:960px;}
.no-margin {margin-right:0 !important;}



/* Image styling */

#content img {padding:5px; background:#ECECEC; border:#D9D9D9 1px solid; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#content img:hover {border:#BFBFBF 1px solid;}

img.alignleft {margin:5px 10px 5px 0;}
img.alignright {margin:5px 0 5px 10px;}

img.icon {padding:0 !important; border:none !important; background:none !important;}



#pagename {background:url(images/pagename-bg.png) no-repeat left top; margin-bottom:45px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; position:relative; width:960px; height:100px; color:#cacaca; font-size:12px;}
#pagename .inside {padding:17px 20px 18px; background:url(images/pagename-shadow.png) no-repeat scroll center 101px;}
#pagename h2 {color:#fff; margin-bottom:5px;}
.breadcrumbs a {color:#fff;}
.breadcrumbs a:hover {color:#fff;}

/** Buttons **/
/* normal state */
.big-btn {position:relative; display:block; cursor:pointer; float:left; height:28px; line-height:28px; padding:0 10px; font-size:11px; font-weight:bold; overflow:hidden; margin:10px 10px 10px 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-transform:uppercase; text-decoration:none !important; text-align:center;}

.sml-btn {font-size:9px; text-transform:uppercase; position:relative; display:block; cursor:pointer; height:22px; line-height:22px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:0 5px; float:left; margin:10px 10px 10px 0; font-weight:bold; text-decoration:none !important; text-align:center;}

a.grey, .grey {background:#F5F5F5 url(images/buttons/big-btn-bg.png) repeat-x top left; color:#222; border:#888 1px solid; text-shadow:#fff 0px 1px 0px;}
a.grey:hover, .grey:hover {background:#dedede url(images/buttons/big-btn-bg.png) repeat-x top left; color:#000; border:#666 1px solid; text-decoration:none;}

a.red, .red {background:#eb0303 url(images/buttons/big-btn-bg.png) repeat-x top left; color:#fff; border:#9e0000 1px solid; text-shadow:#9e0000 0px -1px 0px;}
a.red:hover, .red:hover {background:#d50101 url(images/buttons/big-btn-bg.png) repeat-x top left; color:#fff;  border:#8d0000 1px solid; text-decoration:none;}

a.black, .black {background:#3a3a3a url(images/buttons/big-btn-bg.png) repeat-x top left; color:#fff; border:#1a1a1a 1px solid; text-shadow: #1a1a1a 0px -1px 0px;}
a.black:hover, .black:hover {background:#2c2c2c url(images/buttons/big-btn-bg.png) repeat-x top left; color:#fff; border:#0b0b0b 1px solid; text-shadow: #0b0b0b 0px -1px 0px; text-decoration:none;} 

a.green, .green {background:#339900 url(images/buttons/big-btn-bg.png) repeat-x top left; color:#fff; border:#1b5000 1px solid; text-shadow:#1b5000 0px -1px 0px;}
a.green:hover, .green:hover {background:#287800 url(images/buttons/big-btn-bg.png) repeat-x top left; text-shadow:#133800 0px -1px 0px;}

a.blue, .blue {background:#005a99 url(images/buttons/big-btn-bg.png) repeat-x top left; color:#fff; border:#003150 1px solid; text-shadow:#1b5000 0px -1px 0px;}
a.blue:hover, .blue:hover {background:#004478 url(images/buttons/big-btn-bg.png) repeat-x top left; text-shadow:#002438 0px -1px 0px;}

a.special, .special {background:#F5F5F5 url(images/buttons/big-btn-bg.png) repeat-x top left; color:#222; border:#888 1px solid; text-shadow:#fff 0px 1px 0px;}
a.special:hover, .special:hover {background:#3a3a3a url(images/buttons/big-btn-bg.png) repeat-x top left; color:#fff; border:#1a1a1a 1px solid; text-shadow: #1a1a1a 0px -1px 0px;}

a.orange, .orange {background:#DF4E00 url(images/buttons/big-btn-bg.png) repeat-x top left; color:#fff; border:#8F3200 1px solid; text-shadow:#8F3200 0px -1px 0px;}


/** Hosting Plans **/

#hosting-plans {
	position:relative;
	margin-bottom:30px;
	height:auto;
	overflow:hidden;
}
.plan {position:relative; width:300px; height:auto; overflow:hidden; margin-right:30px; float:left; background:url("images/plan-shadow.png") no-repeat scroll center bottom transparent; padding-bottom:19px;}
.plan .title {height:45px; width:300px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; background:url(images/plan-title.png) no-repeat top left;}
.plan .title h4 {color:#fff; padding:9px; margin-bottom:0;}
.plan .content {border:#a0a0a0 1px solid; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; height:auto; padding:10px 10px 0px; background:#fff url(images/plan-bg.png) no-repeat center bottom;}
.plan .content .price {width:75px; height:92px; position:relative; float:right; background:url(images/price-bg.png) no-repeat left top;  color:#FFFFFF; font-weight:bold; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:30px;}
.plan .content .price .inside {padding:23px 10px 5px; text-shadow: #1a1a1a 0px -1px 0px; text-align:center; line-height:17px;}
.plan .content .price .inside span {font-size:12px;}
.plan .content .price .sml-btn {
	position:absolute;
	bottom:-1px;
	margin:0 !important;
	left: 5px;
	width: 72px;
}

/** Content **/

#content {height:auto; overflow:hidden; padding-bottom:35px; background:url(images/content-bg.png) repeat-x left bottom;}

#home-page #content {background:#e7e7e7 url(images/content-bg.png) repeat-x left bottom; border-top:#d8d8d8 1px solid; padding-top:35px;}

#home-colums {height:auto; overflow:hidden; background:url(images/colums-bg.png) no-repeat top left; width:960px;}

.colum {height:auto; width:280px; padding:0 25px 0 0; float:left; margin-right:25px;}
#home-colums .no-margin {padding-right:0; background:none;}





/** Footer **/

footer {height:auto; position:relative; background:url(images/footer-bg.jpg) repeat-x left top; padding-top:35px; color:#777; font-size:11px; overflow:hidden;}

footer a {color:#afafaf;  text-decoration:none; font-weight:normal;}
footer a:hover {color:#d9d9d9;}

#footer-colums {position:relative; display:block; height:auto; overflow:hidden; margin-bottom:35px;}
.footer-colum {width:221px; margin-right:25px; float:left;}
.footer-colum h4 {color:#bbbbbb;}
.footer-colum li {border-bottom:1px solid #1e1e1e; border-top:#555 1px solid;}
.footer-colum li a {display:block; padding:5px 0 5px 5px;}
.footer-colum li a:hover {background:rgba(0, 0, 0, 0.4);  text-decoration:none;}

#bottom-footer {position:relative; overflow:hidden; padding:17px 0 12px; background:url(images/bottom-footer-bg.png) repeat-x top left; color:#999;}
#bottom-footer p {margin:0; line-height:16px;}

ul#social-list {overflow:visible; height:16px; display:block; position:relative;	}
ul#social-list li {list-style:none; float:left; margin:0 2.5px;}