@import "reset.css";
@import "../../style.css";

#home #content,
#home #sidebar
{
	height: 35em;
}

#home #content {
	float: left;
   width: 60.49em;
   border-right: .5em solid #000033;
   border-left: none
}

#home #sidebar {
	width: 16em;
	float: right;
}

#home #map #main-nav,
#home #map #flash,
#home #content #map {
	height: 18.2em;
}

#home #content #solutions {
   height: 16.8em;
   background: #FFFFFF url(../images/bg/solutions.jpg) repeat-x left top;
}

#home #content #solutions h2 a {
   color: #FFF;
   text-decoration: none;   
}

#home #content #solutions h2 a:hover {
   color: #CCC;
}

#home #content #map {
	background: #333
}

#home #map #main-nav {
   float: left;
   width: 15.4em;
}

#home #map #flash {
   float: right;
   width: 45em;
   text-align: center;
   color: #FFF;
   position: relative;
   cursor: pointer
}

#home #map #flash p {
   position: absolute;
   top: .5em;
   background: #000;
   padding: .5px;
   width: 100%;
   text-align: center;
}

#home #map #flash a{
   color: #FFF;
}

#home #sidebar h3 {
   margin: 0;
   color: #FFF;
   background: #006699;
   padding-top: .4em;
   text-align: center;
   height: 2.3em;
   font-weight: normal;
}

#home #sidebar p,
#home #sidebar dl {
	font-size: 80%;
   padding: 1em;
   line-height: 1.4em;
   height: 16.19em;
   overflow: auto;
}

#home #sidebar div.featured-partner img {
	display: block;
   margin:auto;
   margin-bottom: .6em;
}

#home #sidebar div.featured-partner,
#home #sidebar div.latest-news {
	background: url(../images/bg/blue-arrow-right.png) no-repeat 99% 99%;
}

#home #sidebar dt {
   font-weight: bold;
   margin-bottom: .6em;
   margin-top: .6em;
}

#home #sidebar dd {
   text-transform: capitalize;
}

/* home > solutions */

#solutions div {
	float: left;
   width: 13.9em;
   margin-left: 1em;
}

#solutions ul {
   font-size: 80%;
   line-height: 1.4em;
   list-style: square;
   padding: 0.5em 0.5em .9em 1.5em;
   background: #99FF00;
   height: 12em;
   overflow: auto;
}

#solutions li {
   margin-left: 1em;
}

#solutions h2 {
   padding: 0.5em 1em;
   margin-bottom: 0;
   text-transform: capitalize;
   font-weight: bold;
   margin-top: 0.8em;
   color: #FFFFFF;
}

#solutions h2 span {
	display: block;
}

#solutions h2 span.service-type {
   text-align: left;
   font-size: 1.25em;
}

#solutions h2 span.service-descriptor {
	text-align: right;
   
   font-size: 1.5em;
}

#solutions #access h2,
#solutions #access ul {
   border: 1px solid #38575A;
}

#solutions #access h2 {
   background: #4F9D9D url(../images/bg/solutions-access.jpg) repeat-x left top;
}

#solutions #access ul {
   background: #C7DADC url(../images/bg/access-arrow-right.png) no-repeat right bottom;
   border-top: none;
}

#solutions #infrastructure h2,
#solutions #infrastructure ul {
   border: 1px solid #6C5F35
}

#solutions #infrastructure h2 {
   background: #996633 url(../images/bg/solutions-infrastructure.jpg) repeat-x left top
}

#solutions #infrastructure ul {
   background: #E2DBC2 url(../images/bg/infrastructure-arrow-right.png) no-repeat right bottom;
   border-top: none
}

#solutions #microsoft h2,
#solutions #microsoft ul {
   border: 1px solid #0A128F
}

#solutions #microsoft h2 {
   background: #3366CC url(../images/bg/solutions-microsoft.jpg) repeat-x left top
}

#solutions #microsoft ul {
   background: #C0CFEF url(../images/bg/microsoft-arrow-right.png) no-repeat right bottom;
   border-top: none
}

#solutions #hosting h2,
#solutions #hosting ul {
   border: 1px solid #583651
}

#solutions #hosting h2 {
   background: #583651 url(../images/bg/solutions-hosting.jpg) repeat-x left top
}

#solutions #hosting ul {
   background: #E2CFDE url(../images/bg/hosting-arrow-right.png) no-repeat right bottom;
   border-top: none
}