/* 
================
Dedicalia.com Main Stylesheet
Developed by ProDesigning.com	
================
*/

/* Reset */
* {
	margin: 0;
	padding: 0;
}

/* Global Elements */
body{
	background: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	text-align: center;
	padding: 0 0 20px 0;
}

img{
	border: 0;
}	

a{
	color: #ff0000;
	text-decoration: none;
}

a:hover{
	color: #9b2121;
}	

.clear{
	clear: both;
}	

#border{
	width: 920px;
	border: 9px solid #fff;
	margin: 8px auto 0 auto;
}	

.wrapper{
	width: 848px;
	margin: 0 auto 0 auto;
	text-align: left;
}

/* Header */
#logo{
	float: left;
	width: 169px;
}	

#links{
	float: right;
	width: 296px;
	text-align: right;
	font-size: 11px;
	padding: 15px 0 0 0;
}

#links #client-login{
	background: url(../images/clientlogin-icon.gif) no-repeat 0 0;
	padding: 0 0 0 18px;
	margin: 0 23px 0 0;
}	

#links #support-center{
	background: url(../images/supportcenter-icon.gif) no-repeat 0 0;
	padding: 0 0 0 18px;
	margin: 0 27px 0 0;
}	

#links #order-now{
	background: url(../images/ordernow-icon.gif) no-repeat 0 2px;
	padding: 0 0 0 18px;
}	

#links #chat{
	border-top: 1px solid #999;
	margin: 3px 0 0 0;
}	

#links #chat #chatlive{
	float: right;
	display: block;
	background: url(../images/chatlive-bg.png) no-repeat;
	width: 133px;
	height: 17px;
	color: #fff;
	text-align: center;
	padding: 1px 0 0 0;
	margin: -1px 0 0 0;
}

#links #chat p{
	float: left;
	width: 138px;
	font-size: 12px;
	color: #990000;
	padding: 5px 0 0 5px;
}	

/* Navigation */
#nav{border-bottom: 4px solid #e30c00;}

#nav ul{
	list-style: none;
}

#nav ul li{
	float: left;
	font-size: 13px;
}

#nav ul li a{
	display: block;
	margin-right:12px;
	width:auto;
	text-align: center;
	color: #666;
	padding: 11px 14px 8px 14px;
}	

#nav ul li a.current{
	background: url(../images/nav-bg-h.png) -4px 0px repeat-x;
	color: #fff;
}	

#nav ul li a.home{
	background: url(../images/nav-home-bg.gif) no-repeat;
	
}

#nav ul li a.home-current{
	background: url(../images/nav-home-bg-h.png) -4px 0px repeat-x;

	color: #fff;
}

/* Banner */
#banner{
	background: url(../images/bhome.jpg) no-repeat;
	width: 848px;
	height: 162px;
	margin: 5px 0 7px 0;
}	

#banner.virt{
	background: url(../images/int/hv.jpg) no-repeat;
	width: 848px;
	height: 162px;
	margin: 5px 0 7px 0;
}	
#banner.host{
	background: url(../images/int/h.jpg) no-repeat;
	width: 848px;
	height: 162px;
	margin: 5px 0 7px 0;
}	
#banner.dedic{
	background: url(../images/int/d.jpg) no-repeat;
	width: 848px;
	height: 162px;
	margin: 5px 0 7px 0;
}	

#banner h1{	
	float: right;
	width: 320px;
	font-size: 27px;
	color: #333;
	padding: 14px 22px 0 0;
}	

#banner h1 strong{
	color:#666;
}

#banner p a{
	color: #ccc;
	text-decoration: none;
}

#banner p a:hover{
	text-decoration: underline;
}	

/* Layout */
#left{
	float: left;
	width: 638px;
}	
#left div.post{padding-right:30px}
#left div.post,div.page{color:#555;margin-bottom:30px;font-size:14px; line-height:22px;font-weight:normal;}
#left div.post h4,div.page h4{border:none;}
#left div.post p,div.page p{margin-bottom:10px}
#left div.post h2,div.page h2{margin:8px 0px;}
#left div.post h2.subtitle,div.page h2.subtitle{margin-top:28px;}
#left div.post h2.title a,div.page h2.title a{font-size:24px;margin-bottom:12px;color:#000;padding:8px 0px;font-weight:bold; }
#left div.post ul,div.page ul{margin:10px 0px 10px 20px}

#right{
	float: right;
	width: 203px;
}	

/* Plans */
.plan{
	float: left;
	padding: 0 7px 0px 0;
	position: relative;
	background: url(../images/plan-bg.gif) repeat-y;
}

.plan-last{
	float: left;
	padding: 0 0 0px 0;
	position: relative;
	background: url(../images/plan-bg.gif) repeat-y;
}

.plan .label,
.plan-last .label{
	position: absolute;
	left: 0;
	margin: 3px 0 0 2px;
}	
	
.plan-t{
	background: url(../images/plan-t.gif) no-repeat;
	width: 208px;
	height: 25px;
	padding-top:15px;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	color:#777;
}	

.plan-bg{
	background: url(../images/plan-bg.gif) repeat-y;
	width: 208px;
	text-align: center;
}

.plan-b{
	background: url(../images/plan-b.gif) no-repeat;
	width: 208px;
	height: 14px;
}	

.plan-bg .details{
	background: #ebebeb;
	width: 161px;
	margin: 0px auto 0px auto;
	text-align: left;
}

.plan-bg .details .price{
	background: url(../images/price-bg.gif) no-repeat;
	width: 161px;
	height: 40px;
	text-align: right;
}	

.plan-bg .details .price p.startingfrom{
	color: #b00000;
	font-size: 10px;
	line-height: 10px;
	padding: 10px 13px 0 0;
}	

.plan-bg .details .price p.pricing{
	font-size: 16px;
	line-height: 16px;
	padding: 0 13px 0 0;
}	

.plan-bg .details .features{
	background: url(../images/details-b.gif) no-repeat bottom;
	padding: 0 4px 5px 4px;
}	

.plan-bg .details .features ul{
	list-style: none;
}

.plan-bg .details .features ul li{
	background: #d8e1e7 url(../images/bullet.gif) no-repeat 13px 9px;
	border: 1px solid #fff;
	padding: 7px 0 7px 34px;
	margin: 4px 0 0 0;
}	

.plan-bg .buttons{
	padding: 4px 13px 0 13px;
	text-align: center;
}

.plan-bg .buttons .purchase{
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
	padding: 4px 0 5px 0;
}

.plan-bg .buttons .purchase .purchase-button{
	display: block;
	background: url(../images/purchase-bg.png) no-repeat;
	width: 162px;
	line-height: 25px;
	color: #fff;
	margin: 0px auto 0px auto;
}

.plan-bg .buttons .purchase .purchase-button:hover{
	background: url(../images/purchase-bg-h.png) no-repeat;
	color: #ff0000;
}

.plan-bg .buttons .compare{
	padding: 6px 0 0 0;
}	

.plan-bg .buttons .compare a{
	color: #666;
}

.plan-bg .buttons .compare a:hover{
	color: #0099cc;
}	

/* Microsoft Partner Box */
#microsoft{
	background: url(../images/ms-partner.gif) no-repeat 18px center;
	border: 7px solid #f1f1f1;
	padding: 11px;
}	

#microsoft p{
	padding: 0 0 0 147px;
}	

/* Why Choose Us */
#box-whychoose-t{
	background: url(../images/box-whychoose-t.png) no-repeat;
	width: 203px;
	height: 64px;
}	

#box-whychoose-bg{
	background: url(../images/box-whychoose-bg.gif) repeat-y;
	width: 203px;
	text-align: center;
}	

#box-whychoose-b{
	background: url(../images/box-whychoose-b.png) no-repeat;
	width: 203px;
	height: 26px;
	margin: 0 0 6px 0;
}	

#reasons{
	width: 170px;
	margin: 0px auto 0px auto;
	padding: 0 0 0 5px;
	text-align: left;
}

#reasons #support{
	background: url(../images/support-icon.png) no-repeat left center;
	padding: 0 0 0 33px;
	margin: 0 0 20px 0;
}

#reasons #stats{
	background: url(../images/stats-icon.png) no-repeat left center;
	padding: 0 0 0 33px;
	margin: 0 0 20px 0;
}

#reasons #calendar{
	background: url(../images/calendar-icon.png) no-repeat left center;
	padding: 0 0 0 33px;
}

#reasons #support h2,
#reasons #stats h2,
#reasons #calendar h2{
	color: #4b4b4b;
	font-size: 12px;
	font-weight: bold;
}

#reasons #support p,
#reasons #stats p,
#reasons #calendar p{
	font-size: 9px;
}	

/* General Box */
.box-t{
	background: url(../images/box-t.gif) no-repeat;
	width: 203px;
	height: 18px;
}

.box-bg{
	background: url(../images/box-bg.gif) repeat-y;
	width: 203px;
	text-align: center;
}

.box-align{
	width: 170px;
	text-align: left;
	margin:0px auto;
}

.box-align h3{
	font-size: 15px; 
	font-weight: normal;
	text-align: center;
	border-bottom: 1px solid #e5e5e5;
	padding: 0 5px 6px 5px;
}

.box-align p{
	padding: 5px 5px 0 0px;
}	

.box-b{
	background: url(../images/box-b.gif) no-repeat;
	width: 203px;
	height: 15px;
	margin: 0 0 6px 0;
}	

/* Footer */
p#footer{
	text-align: center;
	padding: 0px 0 14px 0;
	
	padding-top:10px;
	margin-top:20px;
}	

div.separador{ height:20px;display:block; }


#sitemap{
	background: #fff url(../images/sitemap-bg.png) no-repeat top;
	width: 875px;
	margin: 0 auto 0 auto;
	padding: 0 0 25px 0;
	text-align: left;
}	

#sitemap ul{
	float: left;
	list-style: none;
}

#sitemap ul li a{
	color: #4396d1;
}

#sitemap ul li a:hover{
	text-decoration: underline;
}	

#sitemap ul li.cat{
	color: #999;
	font-size: 13px;
	margin: 0 0 6px 0;
}	

#sitemap ul#one{
	width: 155px;
	margin: 17px 0 0 18px;
}	

#sitemap ul#two{
	width: 146px;
	margin: 17px 0 0 65px;
}

#sitemap ul#three{
	width: 155px;
	margin: 17px 0 0 71px;
}