@charset "utf-8";
/* CSS - Coolwall Network - Layout Structure */

body {
    background: 	url(../img/header-bg.png) repeat-x 0 0;
	background-color:		#FFFFFF;
	font-family:			Verdana, Geneva, sans-serif;
	margin:					auto;
	width:					950px;
	scrollbar-3dlight-color:	#DDDDDD; 
	scrollbar-arrow-color:		#222222;
	scrollbar-base-color:		#CCCCCC;
	scrollbar-darkshadow-color:	#AAAAAA;
	scrollbar-face-color:		#CCCCCC;
	scrollbar-highlight-color:	#DDDDDD;
	scrollbar-shadow-color:		#AAAAAA;
}

/* Main Containers */

.main-div {
	position:				relative;
	width:					950px;
	height:					600px;
	font-size: 				12px;
	margin-top:				20px;
	border:					solid;
	border-color:			#022b6a;
	border-width:			1px;
}

#contact-banner
{
	position:	absolute;
	top:		0px;
	right:		0px;
	width:		500px;
	height:		20px;
	padding:	8px;
	border-bottom:			1px solid #022b6a;
	border-left:			1px solid #022b6a;
}

#main-content {
	position:		absolute;
	top:			150px;
	left:			0px;
	height:			380px;
	width:			950px;	
}

.main-logo {
	position:				absolute;
	top:					20px;
	left:					20px;
}


.welcome	{
	font-size:				18px;
	color:					#777;
}

/* Half & Half */

#left_half {
	position:		absolute;
	top:			30px;
	left:			10px;
	width:					450px;
	height:					380px;
	font-family:			Tahoma, Geneva, sans-serif;
	font-size:				12px;
	color:					#444444;
	padding:		5px 5px 5px 5px;
}

#right_half {
	position:				absolute;
	left:					460px;
	top:					20px;
	width:					450px;
	height:					330px;
	font-family:			Tahoma, Geneva, sans-serif;
	font-size:				12px;
	color:					#444444;
	padding:		5px 5px 5px 5px;
	overflow:				auto;
}

#top_half {
	position:		absolute;
	top:			0px;
	left:			10px;
	width:			930px;
	height:			185px;
	padding:		5px 5px 5px 5px;
}

#bottom_half {
	position:		absolute;
	top:			205px;
	left:			10px;
	width:			930px;
	height:			185px;
	padding:		5px 5px 5px 5px;
}


/* Quarters */

#top_left {
	
}

#top_right {
	
}

#bottom_left {
	
}

#bottom_right {
	
}


/* Three Columns */

#left_three {
	
}

#mid_three {
	
}

#right_three {
	
}


/* Four Columns */

#left_four {
	
}

#left_mid_four {
	
}

#right_mid_four {
	
}

#right_four {
	
}

#trp_left_four {
	
}

#trp_right_four {
	
}

#dbl_mid_four {
	
}


/* Five Columns */

#left_five {
	
}

#left_mid_five {
	
}

#mid_five {
	
}

#right_mid_five {
	
}

#right_five {
	
}

#dbl_left_five {
	
}

#dbl_right_five {
	
}

#dbl_left_mid_five{
	
}

#dbl_right_mid_five {
	
}

#trp_left_five {
	
}

#trp_mid_five {
	
}

#trp_right_five {
	
}

/* Webmail */

#webmail-right		{
	position:				absolute;
	left:					460px;
	top:					200px;
	padding:				5px;
	width:					450px;
	height:					300px;
	font-family:			Tahoma, Geneva, sans-serif;
	font-size:				12px;
	color:					#444444;
	text-align:				center;
}


/* The CoolWall! START */

/*
Block Image Size = 167 x 62 pixels
*/

#block-top-right
{
	position:				absolute;
	left:					250px;
	top:					125px;
  	width: 					167px;
  	height: 				62px;
  	background: 			url(../img/block-dark.png) no-repeat 0 0;

}

#block-top-right:hover
{ 
  	background-position: 	0 -62px;
}

#block-top-right span
{
  display: none;
}

#block-middle-left
{
	position:				absolute;
	left:					82px;
	top:					187px;
  	width: 					167px;
  	height: 				62px;
  	background: 			url(../img/block-dark.png) no-repeat 0 0;

}

#block-middle-left:hover
{ 
  	background-position: 	0 -62px;
}

#block-middle-left span
{
  display: none;
}


#block-middle-right
{
	position:				absolute;
	left:					250px;
	top:					187px;
	width: 					167px;
  	height: 				62px;
  	background: 			url(../img/block-light.png) no-repeat 0 0;

}

#block-middle-right:hover
{ 
  	background-position: 	0 -62px;
}

#block-middle-right span
{
  display: none;
}

#block-bottom-left
{
	position:				absolute;
	left:					82px;
	top:					250px;
  	width: 					167px;
  	height: 				62px;
  	background: 			url(../img/block-light.png) no-repeat 0 0;

}

#block-bottom-left:hover
{ 
  	background-position: 	0 -62px;
}

#block-bottom-left span
{
  display: none;
}

#block-bottom-right
{
	position:				absolute;
	left:					250px;
	top:					250px;
 	width: 					167px;
  	height: 				62px;
  	background: 			url(../img/block-dark.png) no-repeat 0 0;

}

#block-bottom-right:hover
{ 
  	background-position: 	0 -62px;
}

#block-bottom-right span
{
  display: none;
}

/* The CoolWall! END */

/* The CoolWall FOOTER - START */

#cwn-footer
{
	position:				absolute;
	top:					520px;
	left:					25px;
	width:					900px;
	height:					80px;
}


/*
Block Image Size = 167 x 62 pixels
*/

#cwn-network-block
{
	position:				absolute;
	left:					367px;
	top:					0px;
  	width: 					167px;
  	height: 				62px;
  	background: 			url(../img/block-dark.png) no-repeat 0 0;

}

#cwn-network-block:hover
{ 
  	background-position: 	0 -62px;
}

#cwn-network-block span
{
  display: none;
}


#cwn-solutions-block
{
	position:				absolute;
	left:					723px;
	top:					0px;
  	width: 					167px;
  	height: 				62px;
  	background: 			url(../img/block-dark.png) no-repeat 0 0;

}

#cwn-solutions-block:hover
{ 
  	background-position: 	0 -62px;
}

#cwn-solutions-block span
{
  display: none;
}


#cwn-hosting-block
{
	position:				absolute;
	left:					189px;
	top:					0px;
	width: 					167px;
  	height: 				62px;
  	background: 			url(../img/block-light.png) no-repeat 0 0;

}

#cwn-hosting-block:hover
{ 
  	background-position: 	0 -62px;
}

#cwn-hosting-block span
{
  display: none;
}


#cwn-support-block
{
	position:				absolute;
	left:					545px;
	top:					0px;
  	width: 					167px;
  	height: 				62px;
  	background: 			url(../img/block-light.png) no-repeat 0 0;

}

#cwn-support-block:hover
{ 
  	background-position: 	0 -62px;
}

#cwn-support-block span
{
  display: none;
}

#cwn-design-block
{
	position:				absolute;
	left:					11px;
	top:					0px;
 	width: 					167px;
  	height: 				62px;
  	background: 			url(../img/block-dark.png) no-repeat 0 0;

}

#cwn-design-block:hover
{ 
  	background-position: 	0 -62px;
}

#cwn-design-block span
{
  display: none;
}

/* The CoolWall FOOTER -  END */