/* CSS Document */

/* Showcase */

#showcase div, #showcase em, #offers div, #offers em {
	display: none;
}

#showcase a {
	display: block;
	text-align: center;
	width: 182px;
	height: 300px;
	float: left;
}

#offers a {
	display: block;
	text-align: center;
	width: 550px;
	height: 100px;
	margin-bottom: 4px;
}

#showcase #linux1 {
 background: url('../images/Linux_Hosting_180x300.gif') no-repeat;
}
#showcase #windows1 {
 background: url('../images/Windows_Hosting_180x300.gif') no-repeat;
}
#showcase #servers1 {
 background: url('../images/Root_Servers_180x300.gif') no-repeat;
}

#offers #offer1 {
	background: url('../images/offer_1_550x100.gif') no-repeat;
}
#offers #offer2 {
	background: url('../images/offer_2_550x100.gif') no-repeat;
}
#offers #offer3 {
	background: url('../images/offer_3_550x100.gif') no-repeat;
}
#offers #offer4 {
	background: url('../images/offer_4_550x100.gif') no-repeat;
}

.box {
 font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
 width: 480px;
}

.box span {
 font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
 padding: 0 20px;
}

.box span {
 display: none;
}


.box_orange {
 color: #fff;
 background: url('../images/box_orange_bg.gif') top;
}
.box_orange .box_top {
 background: url('../images/box_orange_top.gif') top;
 padding: 10px 0;
}
.box_orange .box_bottom {
 background: url('../images/box_orange_bottom.gif') bottom;
 padding: 12px 0;
}

.box_blue {
 color: #fff;
 background: url('../images/box_blue_bg.gif') top;
}
.box_blue .box_top {
 background: url('../images/box_blue_top.gif') top;
 padding: 10px 0;
}
.box_blue .box_bottom {
 background: url('../images/box_blue_bottom.gif') bottom;
 padding: 12px 0;
}

.box .text {
 font-size: 14px;
 padding: 10px 20px 2px 20px;
 margin: 0 0px;
}

.box h1 {
 font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
 font-size: 30px;
 font-weight: normal;
 padding: 0;
 margin: 2px 0;
}

.box_orange div.price {
 background: url('../images/EUR_Linux_Hosting.png') no-repeat;
 width: 140px;
 height: 80px;
 float: right;
}
.box_blue div.price {
 background: url('../images/EUR_Dedicated_Servers.png') no-repeat;
 width: 140px;
 height: 85px;
 float: right;
}

.box_orange a.button {
 display: block;
 background: url('../images/details_orange.png') no-repeat;
 width: 146px;
 height: 47px;
}
.box_blue a.button {
 display: block;
 background: url('../images/details_blue.png') no-repeat;
 width: 146px;
 height: 47px;
}