/* CSS Document */

@import 'new_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/wrapperBck2long.jpg)  bottom center no-repeat ;
    }

#main {
    height: auto;
    /* padding: .5em;*/
    padding-bottom: 1.3em;   /*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;*/
	background-color: #2B2B2B;
	}

#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: #000000 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: 37px;
	}
	
#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 25px;
	border-top: 1px solid #161616;
	height: auto;
	margin: 0 auto;
	}

#contentTop{
	background: #e1e1e1 url(images/contentBotBck.jpg) top left repeat-x;
	padding: 20px 20px 40px 25px;
	border-top: 1px solid #161616;
	height: auto;
	margin: 0 auto 4px auto;
	}
		
#contentMid{
	background: #e1e1e1 url(images/contentBotBck.jpg) top left repeat-x;
	padding: 20px 20px 40px 25px;
	/* border-top: 1px solid #161616;*/
	height: auto;
	margin: 4px auto;
	}
	
#contentBot{
	background: #e1e1e1 url(images/contentBotBck.jpg) top left repeat-x;
	padding: 20px 20px 40px 25px;
	height: auto;
	margin: 0 auto 4px auto;
	}
	
/* -------------------------------------------------------
--------------- HOMPAGE SMALL AD STYLES -------------------	
 ---------------------------------------------------------*/
	
#system {
	padding-top: 74px;
	background: #ff9d9e url(images/system.jpg) top left no-repeat;
	border: 1px solid #757272;
	min-height:177px;
	height: auto !important;
	height: 177px;	
	
}

#systemLogo {
	background: #ffffff url(images/sys_info_logo_bck.gif) top left repeat-x;
	border: 1px solid #757272;
	min-height:320px;
	height: auto !important;
	height: 320px;		
}

.sysHead {
	background: #c51c1f;
	height: 1.8em;
}


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

#systemInfo {
	background: #fecac9 url(images/sys_info_bck.jpg) top left repeat-x;
	border: 1px solid #757272;
	min-height:320px;
	height: auto !important;
	height: 320px;		
}

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

#systemInfo ul {
margin-left:40px;
font-size: 95%;
}

/* ==================== systems page logos =================== */
.sysImgs {
padding: 18px 17px 8px 18px;
}

.netImgs {
margin: 10px 10px 10px 10px;
padding: 18px 60px 15px 80px;
background-color: #fff;
border: 1px solid #837a7a;
}

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

.systemHeadInfo {
padding: 5px 0 5px 10px;
font-size: 95%;
font-weight: bold;
color: #ffffff;
background-color: #c41c1e;
}

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

#hardLogo {
	background: #ffffff url(images/sys_info_logo_bck.gif) top left repeat-x;
	border: 1px solid #757272;
	min-height:320px;
	height: auto !important;
	height: 320px;		
}

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

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

#hardwareInfo {
	background: #fecac9 url(images/sys_info_bck.jpg) top left repeat-x;
	border: 1px solid #757272;
	min-height:320px;
	height: auto !important;
	height: 320px;	
}

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

#hardwareInfo h4 {
	padding: 8px 10px 8px 10px;
	font-size: 100%;
	font-weight: bold;
	margin: 0;
}

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

.hardHeadImg {
	background: #ff111b;
	height: 1.8em;
}

.hardwareHeadInfo {
padding: 5px 0 5px 10px;
font-size: 95%;
font-weight: bold;
color: #ffffff;
background-color: #ff111b;
}

#hardware ul {
margin-left: 18px;
padding: 8px 10px 8px 10px;
font-size: 95%;
}

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

#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: #B60F25;
}

.networkHeadInfo {
padding: 5px 0 5px 10px;
font-size: 95%;
font-weight: bold;
color: #ffffff;
background-color: #B60F25;
}

#networkinfo {
	background: #fecac9 url(images/sys_info_bck.jpg) top left repeat-x;
	border: 1px solid #757272;
}

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

#networkinfo ul {
margin-left:40px;
font-size: 95%;
}

#networkinfo a {
font-size: 100%;
text-decoration: underline;
font-weight: bold;
}

#networkinfo a:hover {
text-decoration: underline;
color: #B60F25;
}

.netHigh {
	margin: 10px 10px 10px 10px;
	background: #f9e1e1;
	text-align: center;
	font-weight: bold;
}

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

#consume { 
	padding-top: 74px;
	border: 1px solid #757272;
	background: #d48690 url(images/network.jpg) top left no-repeat;
	min-height:177px;
	height: auto !important;
	height: 177px;	
}

#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;
}

/* ======================= shortlist styles ============================*/

.newsBox {
	background: #fff ;
	padding: 5px 5px 5px 5px;
	font-size: 90%;
	list-style-image:url(images/purp_bullet.gif);
	}

.floatLeftEvents {
	float: left;
	width: 475px;
	margin-left: 10px;

	}

.floatPrice {
	padding: 5px 10px 2px 0px;
	margin-right: 10px;
	float: right;
	font: 80% Arial, Helvetica, sans-serif;
	text-align: right;
	}

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


.maintext_hightlight {
	color: #330066;
	}
	
.maintext_hightlight_bold {
	color: #330066;
	font-weight: bold;
	font-size: 110%;
	}
	
hr {
	border: none 0;
	border-top: 1px dashed #ccc;
	border-bottom: none 0;
	height: 1px;
	}



	

	/* =========================== 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;
}

.floatRightLink {
padding: 0 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 ======================== */

	.contAdNorm {
	font: 13px Arial, Helvetica, sans-serif;
	 font-weight: bold; 
	color: #330221;
	}
	
	.contAdBigBold {
	 font: 18px Arial, Helvetica, sans-serif;
	 font-weight: bold;
	 color: #000000;
	}
	
	.contAdMed {
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #721f3c;
	}
	
	.adGrey {
	font: 130% Arial, Helvetica, sans-serif;
	color: #1c2340;
	font-weight: bold;
	}
	
	.newsHead {
	font: 130% Arial, Helvetica, sans-serif;
	color: #715b9d;
	font-weight: bold;
	}
	
	.bold {
	font-weight: bold;
	}
	
	.boldright {
	font-weight: bold;
	text-align: right;
	}
	
	.boldcolor {
	font-weight: bold;
	color: #c51c1f;
	}
	
	
	.winners {
	color: #04447b;
	font: 200% Arial, Helvetica, sans-serif;
	}
	
	.width510 {
	width: 510px;
	}
	
	.italic {
	font-style:italic;
	}
	
	

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

	
	#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;
	}

	
	#news a:link 
	{ 
		font: 130% Arial, Helvetica, sans-serif;
		color:#715b9d;
		text-decoration: none;
		font-weight: bold;  
	}

	#news a:visited { 
		font: 130% Arial, Helvetica, sans-serif;
		color: #666666;
		text-decoration: none;
		font-weight: bold; 
		}   
	
	#news a:hover, #news a:active
	{
		font: 130% Arial, Helvetica, sans-serif;
		color: #000;
		text-decoration: none;
		font-weight: bold; 
		
	}
	
/* ======================== ul styling for main contents ============================== */

.fix {
padding-left: 50px;
}


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

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