HTML, BODY {
	padding:0;
	margin:0;
	border:0;
	font-size:12px;
	font-family:Verdana;
	background:#FFF;
	color:#000;
}

A {
	color:#555;
}

A:hover {
	text-decoration:none;
}

A:focus {
	outline:none;
}

IMG {
	border:0;
}

P {
	margin:10px 0 20px 0;
	text-align:justify;
}

H1, H2 {
	margin:0;
}

H2 {
	font-size:2em;
	color:#777;
}

H3 {
	font-size:1.3em;
	color:#555;
	margin:1em 0 1em 0;
}

/***** GENERAL ****************************************************************************/

.back_top {
	background:url(/images/back_top.png) repeat-x top #FFF;
	width:100%;
	min-height:300px;
}

.wrapper {
	width:870px;
	margin:auto;
	position:relative;
	padding-top:120px;
	overflow:hidden;
}

.header {
	position:absolute;
	left:0;
	top:24px;
	background:url(/images/cocc.jpg) left no-repeat;
	height:51px;
}

.menu {
	margin:12px 0 0 88px;
	width:250px;
	height:39px;
	background:url(/images/menu.png);
	overflow:auto;
}

.menu A {
	height:36px;
	display:block;
	float:left;
}

.menu A.home {
	width:71px;
	background:url(/images/home.png);
	margin-right:7px;
}

.menu A.about {
	width:73px;
	background:url(/images/about.png);
	margin-right:7px;
}

.menu A.services {
	width:91px;
	background:url(/images/services.png);
}

.menu A:hover {
	background-position:0 -36px;
}

.logo {
	position:absolute;
	right:40px;
	top:0;
	width:215px;
	height:115px;
	background:url(/images/logo.jpg);
}

.home_left {
	width:494px;
	float:left;
}

.home_right {
	width:155px;
	float:right;
	background:url(/images/servers.jpg) top no-repeat;
	height:263px;
	position:relative;
	padding:90px 0 0 160px;
}

.slices {
	width:494px;
	height:118px;
	background:url(/images/slices.png) no-repeat;
	margin-bottom:20px;
}

.footer {
	background:url(/images/back_bottom.png) repeat-x;
	width:100%;
	height:155px;
}

.bottom {
	background:url(/images/bottom.jpg) bottom no-repeat;
	height:120px;
	width:876px;
	margin:auto;
	padding-top:35px;
	text-align:center;
	color:#888;
	font-size:.9em;
	overflow:auto;
}

.bottom A {
	color:#555;
}

.names {
	font-size:1.2em;
	color:#50982F;
	font-weight:bold;
}

/***** TITLES ****************************************************************************/

.title {
	text-indent:-9999px;
}

.title.t01 {
	width:417px;
	height:27px;
	background:url(/images/title_01.png);
	display:block;
}

.title.t01:hover {
	background-position:0 -27px;
}

.title.t02 {
	position:absolute;
	top:38px;
	left:36px;
	width:256px;
	height:21px;
	background:url(/images/title_02.png);
	display:block;
}

.title.t02:hover {
	background-position:0 -21px;
}

.title.t03 {
	width:440px;
	height:73px;
	background:url(/images/title_03.png);
	display:block;
}

.title.t03:hover {
	background-position:0 -73px;
}

.title_about {
	width:100%;
	overflow:hidden;
}

.arrow, .arrow_down {
	width:20px;
	height:20px;
	background:url(/images/arrow.png);
	display:block;
	margin:3px 0 0 5px;
}

.arrow_down {
	background:url(/images/arrow.png) bottom;
}

.title.t04, .title.t05, .title.t06,
.title.t07, .title.t08, .title.t09,
.title.t10, .title.t11 {
	height:27px;
	display:block;
}

.title.t04, .title.t05, .title.t06,
.title.t07, .title.t08, .title.t11 {
	cursor:pointer;
}

.title.t04:hover, .title.t05:hover, .title.t06:hover,
.title.t07:hover, .title.t08:hover, .title.t11:hover {
	background-position:0 -27px;
}

.title.t04 {
	width:248px;
	background:url(/images/title_04.png);
}

.title.t05 {
	width:166px;
	background:url(/images/title_05.png);
}

.title.t06 {
	width:294px;
	background:url(/images/title_06.png);
}

.title.t07 {
	width:175px;
	background:url(/images/title_07.png);
}

.title.t08 {
	width:157px;
	background:url(/images/title_08.png);
}

.title.t09 {
	width:231px;
	background:url(/images/title_09.png);
	margin-bottom:10px;
}

.title.t10 {
	width:81px;
	background:url(/images/title_10.png);
	margin-bottom:10px;
}

.title.t11 {
	width:120px;
	background:url(/images/title_11.png);
}

.title_terms {
	font-weight:bold;
	color:#444;
}

/***** SERVICES ****************************************************************************/

.design {
	margin-bottom:1em;
}

.design A {
	width:160px;
	height:150px;
	display:block;
	float:left;
}

.design A:hover {
	background-position:0 -150px;
}

.greyhouse {
	background:url(/images/design/greyhouse.jpg);
	margin-right:18px;
}

.greensun {
	background:url(/images/design/greensun.jpg);
	margin-right:17px;
}

.mpg {
	background:url(/images/design/mpg.jpg);
	margin-right:18px;
}

.mgc {
	background:url(/images/design/mgc.jpg);
	margin-right:17px;
}

.twinbee {
	background:url(/images/design/twinbee.jpg);
}

.hosting .left, .hosting .right {
	width:405px;
	border:1px solid #CCC;
	padding:10px;
}

.hosting .left .border, .hosting .right .border {
	border:1px solid #AAA;
	padding:10px;
	background:#E5E5E5;
	overflow:hidden;
}

.hosting_details {
	float:left;
}

.hosting_title {
	float:right;
	font-weight:bold;
	color:#999;
	text-align:center;
}

.standard_features .left, .standard_features .right {
	width:416px;
}

.features {
	padding:5px 0 5px 0;
	border-bottom:1px solid #CCC;
	background:url(../images/dot.jpg) right 2px no-repeat;
}

/***** LI ****************************************************************************/

UL.li_home {
	padding:0;
	margin:0;
	list-style-type:none;
}

UL.li_home LI {
	padding-left:15px;
	margin-bottom:5px;
}

UL.li_home LI A {
	color:#000;
	text-decoration:none;
}

UL.li_home LI A:hover {
	text-decoration:underline;
}

LI.li_01 {
	background:url(/images/li_01.png) left top no-repeat;
}

LI.li_02 {
	background:url(/images/li_02.png) left top no-repeat;
}

LI.li_03 {
	background:url(/images/li_03.png) left top no-repeat;
}

.left {
	float:left;
}

.right {
	float:right;
}

.clear {
	clear:both;
	line-height:0;
	font-size:0;
	margin:0;
	padding:0;
	height:0;
}