/*
 * ========================================
 * RESET
 * ========================================
 */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 		0;
	padding: 		0;
	border: 		0;
	font-weight:	inherit;
	font-style: 	inherit;
	font-size: 		100%;
	font-family:	inherit;

}


body
{
	line-height: 	1.5;
	background: 	#fff;
	margin:			0px;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table
{
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td
{
	text-align: 	left;
	font-weight:	400;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after
{
	content: "";
}
blockquote, q
{
	quotes: "" "";
}

a img
{
	border: none;
}

/*
 * ========================================
 * LAYOUT
 * ========================================
 */
#outer-wrapper
{
	position:		relative;
	width:			840px; /* 680px; */ /* 840px */;
	margin:			0px auto;
}
#top-header
{
 	width:			675px;
	height:			65px;
	position:		relative;
}
#epgbill-logo
{
	position:		absolute;
	top:			15px;
	left:			0px;
	width:			111px;
	height:			50px;
	text-indent:	-2000px;
	background:		url(/media/img/layout/epgbill_logo.gif) top left no-repeat;
}
#slogan
{
	position:		absolute;
	top:			35px;
	right:			0px;
	width:			253px;
	height:			17px;
	text-indent:	-2000px;
	background:		url(/media/img/layout/epgbill_slogan2.gif) top left no-repeat;
}

#header
{
	margin:			10px 0px 37px 0px;
}
#topnav
{
	position:		relative;
	float:			left;
	width:			198px;
	height:			180px;
	border:			0px;
	border-top:		15px solid #eaeaea;
}
#teaser
{
	margin-left:	200px;
	width:			472px;
	height:			180px;
	text-indent:	-2000px;
	background:		url(/media/img/layout/teaser01.jpg) 0px 2px no-repeat;
	border:			0px;
	border-top:		15px solid #414f66;
}

#sidebar
{
	float:			left;
	width:			200px;
	min-height:			500px;
	background:		url(/media/img/layout/sidebar_shdw.jpg) top right no-repeat;
}
#content
{
	margin-left:	200px;
	padding:		0px 0px 0px 15px;
	width:			455px;
	min-height:		500px;
}


#footer
{
	clear:			both;
	background:		#5276b0;
	height:			20px;
	text-align:		center;
}
#copyright
{
	text-align:		center;
}

#enquiry
{
	margin:			0px 0px 25px 0px;
	line-height: 	1.2;
}

#shopping
{
	margin:			0px 0px 20px 0px;
}

#callus
{
	margin:			25px 0px 20px 0px;
	width:			197px;
	height:			95px;
	background:		url(/media/img/layout/callus.gif) 8px 8px no-repeat;
	border:			1px solid #ddd;
}

#cards
{
	margin:			25px 0px 20px 0px;
	text-align:		center;
}
#ads
{
	margin:			5px 0px 20px 0px;
	text-align:		center;
}
#skyscraper
{
	position:			absolute;
	top:				75px;
	right:				0px;
	height:				750px;
	width:				160px;
}
  /*
 * ========================================
 * TOPNAV
 * ========================================
 */
#nav
{
	float:			left;
	position: 		relative;
	margin: 		0px;
	padding: 		0px;
	width: 			188px;
	height: 		175px;
	/* background: 	url(/media/img/layout/pattern.gif); */
}
#nav li
{
	position: 		absolute;
	width: 			188px;
	height: 		35px;
	top: 			0px;
	background: 	url(/media/img/layout/topnav.gif) 0 0 no-repeat;
	display: 		block;
	list-style: 	none;
}
#nav a
{
	width: 			188px;
	height: 		30px;
	display: 		block;
}
#nav #l-home
{
	top:			0px;
}
#nav #l-services
{
	top:			30px;
	background-position: 0px -30px;
}
#nav #l-about
{
	top:			60px;
	background-position: 0px -60px;
}
#nav #l-partner
{
	top:			90px;
	background-position: 0px -90px;
}
#nav #l-security
{
	top:			120px;
	background-position: 0px -120px;
}
#nav #l-contact
{
	top:			150px;
	background-position: 0px -150px;
}

#nav #l-home a:hover
{
	background: 	url(/media/img/layout/topnav.gif) -188px 0px no-repeat;
}
#nav #l-services a:hover
{
	background: 	url(/media/img/layout/topnav.gif) -188px -30px no-repeat;
}
#nav #l-about a:hover
{
	background: 	url(/media/img/layout/topnav.gif) -188px -60px no-repeat;
}
#nav #l-partner a:hover
{
	background: 	url(/media/img/layout/topnav.gif) -188px -90px no-repeat;
}
#nav #l-security a:hover
{
	background: 	url(/media/img/layout/topnav.gif) -188px -120px no-repeat;
}
#nav #l-contact a:hover
{
	background: 	url(/media/img/layout/topnav.gif) -188px -150px no-repeat;
}


 /*
 * ========================================
 * TYPOGRAPHY
 * ========================================
 */
body, table, td
{
	font-family:	Arial,Verdana,sans-serif;
	font-size:		11px;
	color:			#696969;
}

h3
{
 	font-weight:	bold;
	font-size:		16px;
	color:			#173556;
	margin-bottom:	3px;
}

h4
{
	font-weight:	bold;
	font-size:		12px;
	margin-bottom:	3px;
}
a,
a:link,
a:visited,
a:active
{
	color:			#5276b0;
}

a.prominent,
a.prominent:link,
a.prominent:visited,
a.prominent:active
{
	color:			#5276b0;
	font-size: 		16px;
	font-weight: 	bold;
}

.nowrap
{
	white-space:	nowrap;
}
#content p
{
	margin:			0px 0px 10px 0px;
}

#footer
{
	line-height:	18px;
	color:			#fff;
	font-size:		10px;
}

#footer a,
#footer a:link,
#footer a:visited,
#footer a:active
{
	padding:		0px 10px;
	color:			#fff;
	text-decoration:none;
}
#footer a:hover
{
	text-decoration:underline;
}

#copyright
{
	color:			#979797;
	font-size:		10px;
}
.clear
{
	clear:			both;
	float:			auto;
}
#checklist ul
{

}
#checklist li
{
	padding-left:	15px;
	list-style: 	none;
	background:		url(/media/img/layout/check.gif) 0px 3px no-repeat;
}

#callus p
{
	padding:		50px 0px 0px 80px;
	line-height: 	1.2;
}
#callus p b,
#callus p a
{
	font-weight:	bold;
	color:			#5276b0;
}

#content ol,
#content ul
{
	margin:			0px 0px 10px 15px;
}

#subnav
{
	margin:			0px 0px 20px 0px;
}
.apply_form
{
	display:		block;
	padding:		40px 0px 0px 0px;
	text-align:		center;
}
.apply_form img
{
	margin:			0px 0px 8px 0px;
}
.remark
{
	padding-top:	20px;
	font-style:		italic;
	color:			#979797;
}
.check
{
	height:			65px;
	padding:		0px 0px 0px 60px;
	color:			#173556;
	font-weight:	bold;
	background:		url(/media/img/layout/check_big.gif) top left no-repeat;
}
.check.first
{
	margin-top:		20px;
}

 /*
 * ========================================
 * ALTERNATIVE SOLUTIONS
 * ========================================
 */
.logos
{
	padding:		20px 0px;
	text-align:		center;
}
.logos img
{
	margin:			0px 10px;
	vertical-align:	middle;
}


.clearfix:after
{
	content: 		".";
	display: 		block;
	height: 		0;
	clear: 			both;
	visibility: 	hidden;
}
.clearfix
{
	*zoom: 			1;/*for ie 5.5-7*/
}

td
{
	border: 0px solid #000;
}

/*
 * ========================================
 * CORPORATE
 * ========================================
 */
 table.clr
{
	margin-bottom:		20px;
}
.clr, .clr td
{
	border:			1px solid #ddd;
	border-collapse:collapse;
}
.clr td
{
	padding:		0px 4px;
}
.clr_name
{
	width:			80px;
	font-weight: 	bold;
}
.clr_value
{
	width:			100px;
	text-align:		center;
}
.lt_img
{
	padding:		10px 20px 10px 0px;
}
.lt_clr
{
	width:			70px;
	text-align:		center;
	background:		#ddd;
	color:			#000;
}
.odd
{
	background:		#eee;
}
.lt_dwnld
{
	padding:		0px 0px 0px 20px;
}

/*
 * ========================================
 * FORMS
 * ========================================
 */
fieldset {
border:1px solid #6A94B2;
margin:10px 0 0;
padding:2px 5px;
}

legend  {
color:#1E5985;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}

input {
background:url("/media/img/layout/form_text_bg.gif") repeat-x scroll left top transparent;
border:1px solid #6A94B2;
font-size:11px;
padding:1px 2px;
width:194px;
}

textarea {
background:url("/media/img/layout/form_text_bg.gif") repeat-x scroll left top transparent;
border:1px solid #6A94B2;
font-size:11px;
padding:1px 2px;
width:194px;
}

select {
background:url("/media/img/layout/form_text_bg.gif") repeat-x scroll left top transparent;
border:1px solid #6A94B2;
font-size:11px;
padding:1px 2px;
}

td.formkey {
font-weight: 	bold;
text-align:		left;
vertical-align:	top;
padding:8px;
}

td.formkey_mandatory {
font-weight: 	bold;
text-align:		left;
vertical-align:	top;
font-color: darkblue;
padding:8px;
}

td.formkey_optional {
font-weight: 	bold;
text-align:		left;
vertical-align:	top;
padding:8px;
}

.formkey_description {
font-weight: 	normal;
text-align:		left;
vertical-align:	top;
font-style:		italic;
padding:0px;
}

.lightgrey{
font-weight: normal;
font-style: italic;
}



#boxcallus
{
	align: center;
	margin:			25px 0px 20px 0px;
	width:			300px;
	height:			120px;
	border:			1px solid black;
	background-color: #efefef;
}