/* CSS Document */

@import 'grid.css';

	/* reset all padding and margins */
*{padding:0;margin:0;}

/* ie peekaboo fix*/ 
.holly h1, h2, h3, h4, h5, h6, p {
  position: relative;
} 

#contents h1 {
position: relative;
}

html, body, #wrapper {
	font: 95% arial, hevetica, sans-serif;
	min-height: 100%; /*Sets the min height to the
                        height of the viewport.*/
    width: 100%;
    height: 100%; /*Effectively, this is min height
                    for IE5+/Win, since IE wrongly expands
                    an element to enclose its content.
                    This mis-behavior screws up modern  
                    browsers*/
    margin: 0;
    padding: 0;
	text-align: center;
    }

html>body #wrapper {
    height: auto; /*this undoes the IE hack, hiding it
                    from IE using the child selector*/
    }

#wrapper {
	position: absolute;
    top: 0;
    left: 0;
	/* background: url(images/wrapperBck2.jpg)  no-repeat 50% 0;*/
	background: url(images/wrapperBck2.jpg)  bottom center no-repeat ;
    }

#main {
    height: auto;
    /* padding: .5em;*/
    padding-bottom: 1em;   /*Keeps content above footer. Originally
                           used margin, but a bug in Opera7 seemed
                           to add spurious margin, pushing the
                           footer beyond the viewport even with
                           short content. */
    width: 770px;
     margin: 0px auto; 
	/*margin-left: auto;
	margin-right: auto;*/
	text-align: left;
	/* background: url(images/botgrad.jpg) left bottom repeat-x;*/
	}

#footer {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	}
	
#footer p {
	color: #cccccc;
	font-size: 10px;
	/* font-size: 80%; */
	text-align: center;
	width: 770px;
	margin: 0px auto;
	}
 
/* ========================== header ========================= */

	.bckrep{
	background: #939393 url(images/bck_tilep.jpg) repeat-y 50% 0;
	}
	
	
.skip {
	float: left;
	width: 1px;
	height: 1px;
	}
	
.skip img {
	text-decoration: none;
	border: none;
	}
	
#header
	{
		height: 61px;
		/*padding-left: 20px;
		 background-color: #5d023d; */
		background: #181818 url(images/header_top_tile.jpg) repeat-x; 
		font: 100% arial, hevetica, sans-serif;
		color:#000;
		
		}
		
		
#logo h1 {
    padding: 61px 0 0 0;
    overflow: hidden;
    background-image: url(images/m2-technical-services.jpg); 
    background-repeat: no-repeat;
    height: 0px !important; /* for most browsers */
    height /**/:61px; /* for IE5.5's bad box model */
} 

#tag {
width: 280px;
float: right;
color: #FFFFFF;
font-weight: bold; 
padding-top: 25px;
}

#tag h2 {
font: 85% arial, hevetica, sans-serif;
font-weight: bold;
letter-spacing: .1em;
 
}

/* ================= menu styling ====================== 610F40 371D64*/
	
#mainnav {
padding-right: 40px;
background: #181818 url(images/header_bot.jpg) top left no-repeat;
}
/*#pro7 {

}
/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_seven */
#pro7 ul {
	/* margin:0 auto;  */
	float: right;
	padding:0; 
	list-style:none; 
	display:table; 
	white-space:nowrap; 
	list-style:none; 
	height:2em; 
	position:relative; 
	font-size:0.9em;
}

#pro7 li {display:table-cell; margin:0; padding: 0 3px 0 0;}
#pro7 li a {display:block; float:left; height:2em; line-height:2em; color:#333; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 12px; cursor:pointer; background:url(images/grey_0a.gif) no-repeat; border-bottom: 1px solid #181818;}
#pro7 li a b {float:left; display:block; padding:0 12px 0 0; background:url(images/grey_0b.gif) no-repeat right top;}
#pro7 li.current a {color:#000; background:url(images/grey_2a.gif) no-repeat; border-bottom: 1px solid #ececec;}
#pro7 li.current a b {background:url(images/grey_2b.gif) no-repeat right top;}
#pro7 li a:hover {color:#ececec; background: url(images/grey_1a.gif) no-repeat;}
#pro7 li a:hover b {background:url(images/grey_1b.gif) no-repeat right top;}
#pro7 li.current a:hover {color:#000; background: url(images/grey_2a.gif) no-repeat; cursor:default;}
#pro7 li.current a:hover b {background:url(images/grey_2b.gif) no-repeat right top;}		

	

/* ===================== contents styles =========================== */

#contbck {
		width: 770px;
		background: #FFFFFF url(images/contentbck.jpg) top left repeat-x;
		 /*padding-bottom: 200px; 
		 background-color: #FFFFFF;*/
		}

		
	
#contents {
	/* background: url(images/technical-services.jpg) top right no-repeat;*/
	padding-top: 10px;
	margin-right: 20px;
	margin-left: 20px;
	height: auto;
	padding-bottom: 20px;
	}

.contactBck {
	background: url(images/contactBck.jpg) top right no-repeat;
}
	
#contents h1 {
	font: 150% Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #cc0000;
	/* text-indent: 30px;*/
	padding-top: 15px;
	margin-bottom: 0;
	}
	
#contents h2 {
	font: 120% Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #cc0000;
	/* text-indent: 30px;*/
	margin-top: 15px;
	margin-bottom: 0;
	}


	
#contents p {

	color: #000;
	font-size: 90%;
	margin-top: 0px;
	margin-bottom: 5px;
	}
	
	
.border {
border: 3px solid #382165;
}

.bigNotice {
font: 160% Arial, Helvetica, sans-serif;
color: #472a86;
}

/* ===================== contents bottom styles =========================== */

#contentBottom {
	background: #e1e1e1 url(images/contentBotBck.jpg) top left repeat-x;
	padding: 30px 20px 50px 30px; /*padding: 30px 20px 50px 20px; ie6*/
	border-top: 1px solid #161616;
	height: auto;
	margin: 0 auto;
	}
	
/* -------------------------------------------------------
--------------- HOMPAGE SMALL AD STYLES -------------------	
 ---------------------------------------------------------*/
	
#system {
	padding-top: 74px;
	background: #ff9d9e url(images/system.jpg) top left no-repeat;
	border: 1px solid #757272;
	
}

#system p {
padding: 8px 10px 8px 10px;
font-size: 95%;
}

.systemHead {
padding: 5px 0 5px 0;
text-align: center;
font-size: 95%;
font-weight: bold;
color: #ffffff;
background-color: #c41c1e;
}

/* ---------------------------------------------------------*/

#hardware {
	padding-top: 74px;
	border: 1px solid #757272;
	background: #ff9d9e url(images/hardware.jpg) top left no-repeat;
}

#hardware p {
padding: 8px 10px 8px 10px;
font-size: 95%;
}

.hardHead {
padding: 5px 0 5px 0;
text-align: center;
font-size: 95%;
font-weight: bold;
color: #ffffff;
background-color: #f1301a;
}

/* ---------------------------------------------------------*/

#network {
	padding-top: 74px;
	border: 1px solid #757272;
	background: #f7a1a4 url(images/network.jpg) top left no-repeat;
}

#network p {
padding: 8px 10px 8px 10px;
font-size: 95%;
}

.networkHead {
padding: 5px 0 5px 0;
text-align: center;
font-size: 95%;
font-weight: bold;
color: #ffffff;
background-color: #ff111b;
}

/* ---------------------------------------------------------*/

#consume { 
	padding-top: 74px;
	border: 1px solid #757272;
	background: #d48690 url(images/consume.jpg) top left no-repeat;	
}

#consume p {
padding: 8px 10px 8px 10px;
font-size: 95%;
}

.consumeHead {
padding: 5px 0 5px 0;
text-align: center;
font-size: 95%;
font-weight: bold;
color: #ffffff;
background-color: #b60f25;
}


/* ======================= flash styles ===========================*/

#flashcenter {
position:relative;
margin:0 auto;
text-align:left;
width: 770px;

}

#flashcontent {
background: url(images/flashBck.jpg) top left repeat-x;
color: #000000;
z-index: 0; 
position:absolute; 
left:0; 
top:0;
}

.flashtxt {
font-size: 90%;
padding: 13px 0 13px 20px;
margin-right: 30px;
/* margin: 13px 20px 13px 20px;*/
width: 430px;
height: 144px;
float: left;
z-index: 5;
position:relative; 
left:0; 
top:0;
}

.flashtxt h1 {
font: 150% Arial, Helvetica, sans-serif;
color: #584431;
}

.flashtxt h2 {
font: 140% Arial, Helvetica, sans-serif;
color: #584431;
}

	

	/* =========================== clear floats ============================== */

	

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: right;
    visibility: hidden;
	}

.clearfix {display:inline-block;}

/* Hide from IE Mac \*/

.clearfix {display:block;}

/* End hide from IE Mac */

/* applies to ie < 7 */

* html .clearfix {height: 1px;}

/* End hide from IE<7 */

.clearfixleft:after {
    content: ".";
    display: block;
    height: 0;
    clear: left;
    visibility: hidden;
	}

.clearfixleft {display:inline-block;}

/* Hide from IE Mac \*/

.clearfixleft {display:block;}

/* End hide from IE Mac */

/* applies to ie < 7 */

* html .clearfixleft {height: 1px;}

/* End hide from IE<7 */
	

/* =============== positioning stuff ====================*/

.center {
text-align: center;
}

.floatRight {
float: right;
}

.floatRightAdd {
font-size: 120%;
width: 280px;
padding: 25px 10px 7px 0;
float: right;
}

.floatLeft {
float: left;
}

.floatLeft img {
border: 0;
border: none;
text-decoration: none;
}

.floatRight img {
border: 0;
border: none;
text-decoration: none;
}

.noborder {
border: 0;
border: none;
text-decoration: none;
}

#as {
width: 200px;
border: 1px solid #CCCCFF;
}

#ps {
width: 265px;
border: 1px solid #CCCCFF;
}

.centered {
width: 250px;
 margin: 0 auto;
}

.centeredMid {
width: 580px;
 margin: 0 auto;
}
/* =================== text styling ======================== */


	
	.bold {
	font-weight: bold;
	}
	
	.boldright {
	font-weight: bold;
	text-align: right;
	}
	
	.boldcolor {
	font-weight: bold;
	color: #cc0000;
	}
	
	.bigger {
	font-size: 120%;
	}
	
	
	.width510 {
	width: 510px;
	}
	
	.width485 {
	width: 485px;
	}
	

/* =================== link styling ======================== */
	
	.container a:link {	
	font-size: 80%;
	color: #cc0000;
	text-decoration: none;
	font-weight: bold;
	}
	
	.container a:visited {	
	color: #000;
	}
	
	.container a:hover{	
	color: #fff;
	}

	
	#contents a {	
	color: #685195;
	}
	
	#contents a:visited, a:hover{	
	color: #000;
	}
	
	
	#footer a {
	text-decoration: none;
	color: #cccccc;
	}
	
	#footer a:visited, a:hover{
	text-decoration: none;
	color: #cccccc;
	}

	

	
/* ======================== ul styling for main contents ============================== */

.fix {
padding-left: 50px;
}


/* ================ ie fix for external interface ========================= */

.move {
height: 0px;
width: 0px;
/* text-indent: -9000px*/
}


/*********************************************************************
  **********************  FORM STYLING  ******************************
  *******************************************************************/
  
label {
padding: 0 5px 0 5px;
color: #343434;
font-weight: bold;
}

.formbck {
padding-left: 65px;
padding-top: 5px;
padding-bottom: 5px;
/* background-color: #EFF1FF; */
}

.container p {
	color: #000;
	font-size: 90%;
	margin-top: 0px;
	margin-bottom: 5px;
	}

.formTxt {
padding-left: 65px;
}

.container img {
 border: none;
text-decoration: none;
position: absolute;
z-index: 500;
}