/* FRONT PAGE STYLES - style elemets specific to the front page only */

/* Boxes Layout Diagram */

/*

--------------------- boxes ----------------------
|                        |           box2        |
|                        |                       |
|                        |------------------------
|          box1          |           box3        |
|                        |                       |
|                        |------------------------
|                        |           box4        |
|                        |                       |
|-------------------------------------------------

*/

#boxes_wrapper /*wrapper for content boxes */
{
	width: 850px;
	height: 460px;
	margin: 0 auto;
	padding: 0;
	background: #ddd url(/Support/maintenance/boxes-style3_1.jpg) no-repeat;
	overflow: hidden;
	/* boxes are of limited height, so we have to force the font size here */
	font-size: 9pt;
	line-height: 1.3em;
}
	
#box1
{
	float: left;
	width: 480px;
	height: 315px;
	margin: 15px 0 0 25px;
	padding: 0;
	background: #33386a url(/Support/maintenance/box1-style3.jpg) no-repeat;
	display: inline; /*fix IE6 double margin bug */
	overflow: hidden;
}
	
#box2, #box3, #box4, #box5
{
	width: 320px;
	height: 105px;
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
	overflow: hidden;
}

#box6
{
	width: 470px;
	height: 105px;
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
	overflow: hidden;
}
#box2
{
	margin: 15px 25px 0 0;
	background: #2a4e62 url(/Support/maintenance/box2-style3.jpg) no-repeat;
}

#box3
{
	margin: 0 25px 5px 0;
	background: #713e00 url(/Support/maintenance/box3-style3.jpg) no-repeat;;
}

#box4
{
	margin: 0 25px 0 0;
	background: #929a3d url(/Support/maintenance/box3-style3.jpg) no-repeat;;
}

#box5
{
	margin: 0 25px 0 0;
	background: #713e00 url(/Support/maintenance/box2-style3.jpg) no-repeat;;
}

#box6
{
	margin: 0 7px 0 27px;
	background: #713e00 url(/Support/maintenance/box4-style3_1.jpg) no-repeat;;
}

#box1 h2, #box2 h2, #box3 h2, #box4 h2, #box5 h2, #box6 h2
{
	/* color: #333; */
	font: bold 12pt  "Gill Sans MT", "Gill Sans", sans-serif;
	text-align: center;
	margin: 0;
	padding: 10px 0 0 0;
	color: #fff;
	background: transparent;
}

#box1 h2
{
	margin: 200px 0 0 0;
	text-align: center;
}

#box6 h2
{
	margin: 5px 0 0 0;
	text-align: center;
}

#box1 p, #box2 p, #box3 p, #box4 p, #box5 p
{
	padding: 0;
	margin: 0;
}

#box1 p, #box6 p
{
	width: 420px;
	height: 220px;
	color: #fff;
	background: transparent;
	margin: 0 auto;
	padding: 10px 15px;
}

#box2 p, #box3 p, #box4 p, #box5 p
{
	width: 300px;
	height: 50px;
	padding: 5px 0;
	margin: 0 auto;
	color: #fff;
	background: transparent;
	overflow: hidden;
}

#box1 a, #box2 a, #box3 a, #box4 a, #box5 a, #box6 a
{
	display: inline;
	color: #ff0;
	text-decoration: underline;
}

#box1 a:hover, #box2 a:hover, #box3 a:hover, #box4 a:hover, #box5 a:hover, , #box6 a:hover
{
	color: #f00;
}



p.clear /*clear all boxes */
{
	clear: both;  
	border-bottom: 1px #ccc solid;
}



/* additional front page advertising */
#infobox
{
	width: 850px;	
	height: 150px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	background: #555 url(/Support/maintenance/BG-infobox.gif) no-repeat;
	/* box is of limited height, so we have to force the font size here */
	font-size: 9pt;
	line-height: 1.3em;
}

#infobox h2
{
	color: #cfc;
	text-align: center;
	font-family:  "Gill Sans MT", "Gill Sans", sans-serif;
	font-weight: bold;
}

#infobox a
{
	color: #ff0;
}

#infobox a:hover
{
	color: #f00;
}

#infobox .left
{
	width: 400px;
	height: 150px;
	float: left;
	margin: 0;
	padding: 0 10px;
	overflow: hidden;
	background: transparent;
	color: #fff;
}

#infobox  .right
{
	width: 410px;
	height: 150px;
	float: left;
	margin: 0;
	margin-left: 10;
	padding: 0 10px;
	overflow: hidden;
	background: transparent;
	color: #fff;
}

/* END FRONT PAGE STYLES */