/*******************************************************************************
*                                                                              *
*  Web Site  :  http://www.eps.com.au/                                         *
*  Author    :  Ken Wang                                                       *
*  Modified  :  08-Mar-2005                                                    *
*                                                                              *
*******************************************************************************/

h1 span { 
    display:none; 
}

#services h2 {
    cursor: pointer;
}

/* Sidebar
*******************************************************************************/
#sidebar #relatedlinks h2 {
	background-image: url(../i/sbh_relatedlinks.gif);
}
#relatedlinks li {
	background: url(../i/blsb1.gif) no-repeat 5px 50%;
	line-height: 1.7em;
	padding: 2px 10px 2px 20px;
}
#relatedlinks a {
	color: #fff;
}

#sidebar #devenvironment h2 {
	background-image: url(../i/sbh_devenvironment.gif);
}
#devenvironment li {
	background: url(../i/blsb1.gif) no-repeat 5px 50%;
	line-height: 1.7em;
	padding: 2px 10px 2px 20px;
}
#devenvironment a {
	color: #fff;
}


/* Alt Header Imgs
*******************************************************************************/
#sect-development h1 span,
#sect-hosting h1 span,
#sect-products h1 span,
#sect-experience h1 span,
#sect-about h1 span {
    display: none;
}
#sect-development h1            { background-image: url(../i/hbg02.jpg); }
#sect-development h1 a          { background-image: url(../i/logo02.gif); }
#sect-development #search h2    { background-image: url(../i/sbhtbg_02.gif); }

#sect-hosting h1                { background-image: url(../i/hbg03.jpg); }
#sect-hosting h1 a              { background-image: url(../i/logo03.gif); }
#sect-hosting #search h2        { background-image: url(../i/sbhtbg_03.gif); }

#sect-products h1               { background-image: url(../i/hbg04.jpg); }
#sect-products h1 a             { background-image: url(../i/logo04.gif); }
#sect-products #search h2       { background-image: url(../i/sbhtbg_04.gif); }

#sect-experience h1             { background-image: url(../i/hbg05.jpg); }
#sect-experience h1 a           { background-image: url(../i/logo05.gif); }
#sect-experience #search h2     { background-image: url(../i/sbhtbg_05.gif); }

#sect-about h1                  { background-image: url(../i/hbg06.jpg); }
#sect-about h1 a                { background-image: url(../i/logo06.gif); }
#sect-about #search h2          { background-image: url(../i/sbhtbg_06.gif); }


/* Alt Colour Schemes
*******************************************************************************/
/* A */
#sect-development #main-content-inner,
#sect-development #main-content p.lead {
    background-image: url(../i/bg2a.jpg);
    /*background-color: #e6ecee;*/
    background-color: #F7F7FA;
    color: #795585;
}
#sect-development #content {
    background-image: url(../i/bgcontent_a.gif);
}
h2,
#sect-development h2 {
    background-image: url(../i/blh2a.gif);
    background-color: #369;
}
#sect-development h3 {
    color: #369;
}

/* B */
#sect-hosting #main-content-inner,
#sect-hosting #main-content p.lead {
    background-image: url(../i/bg2a.jpg);
    /*background-color: #edebe7;*/
    background-color: #F7F7FA;
    color: #5872A3;
}
#sect-hosting #content {
    background-image: url(../i/bgcontent_a.gif);
}
#sect-hosting h2 {
    background-image: url(../i/blh2a.gif);
    background-color: #369;
}
#sect-hosting h3 {
    color: #369;
}

/* C */
#sect-products #main-content-inner,
#sect-products #main-content p.lead {
    background-image: url(../i/bg2a.jpg);
    /*background-color: transparent;*/
    background-color: #F7F7FA;
    color: #9E7D47;
}
#sect-products #content {
    background-image: url(../i/bgcontent_a.gif);
}
#sect-products h2 {
    background-image: url(../i/blh2a.gif);
    background-color: #369;
}
#sect-products h3 {
    color: #369;
}

/* D */
#sect-experience #main-content-inner,
#sect-experience #main-content p.lead {
    background-image: url(../i/bg2a.jpg);
    /*background-color: transparent;*/
    background-color: #F7F7FA;
    color: #6E9E2F;
}
#sect-experience #content {
    background-image: url(../i/bgcontent_a.gif);
}
#sect-experience h2 {
    background-image: url(../i/blh2a.gif);
    background-color: #369;
}
#sect-experience h3 {
    color: #369;
}

/* E */
#sect-about #main-content-inner,
#sect-about #main-content p.lead {
    background-image: url(../i/bg2a.jpg);
    /*background-color: transparent;*/
    background-color: #F7F7FA;
    color: #3D6FD4;
}
#sect-about #content {
    background-image: url(../i/bgcontent_a.gif);
}
#sect-about h2 {
    background-image: url(../i/blh2a.gif);
    background-color: #369;
}
#sect-about h3 {
    color: #369;
}


/* Data Table
*******************************************************************************/
table.dataTable {
	border-collapse: collapse;
	margin-left: 2%;
	margin-right: 2%;
}

table.dataTable th, 
table.dataTable td {
	font-size: 0.8em;
	vertical-align: top;
	padding: 3px 5px;
    border: 1px solid #369;
    color: #000;
}
table.dataTable th {
	background-color: #369;
	color: white;
}
table.dataTable td {
	border: 1px solid #369;
}
table#hostingaccounts td.dtcol1 {
	width: 10%;
	font-weight: bold;
	background-color: #69c;
    color: black;
}
table#hostingaccounts .dtcol2, 
table#hostingaccounts .dtcol3, 
table#hostingaccounts .dtcol4 {
	width: 30%;
}
table#hostingaccounts p,
table#hostingaccounts dl,
table#hostingaccounts ol,
table#hostingaccounts ul {
	line-height: 1.5em;
	margin: 0.5em 0.2em;
}


/* Navigation
*******************************************************************************/

#nav {
	height: 47px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
#nav div {
	left: 0;
	margin: 0;
	position: absolute;
	right: 8px;
	top: 0;
}
#nav ul {
	background: url(../i/nav2.gif) no-repeat 0 -47px;
	height: 47px;
	margin: 0 auto;
	position: relative;
	width: 685px;
}
#nav li {
	float: left;
	height: 47px;
}
#n-home {
	width: 64px;
}
#n-development {
	width: 136px;
}
#n-hosting {
	width: 105px;
}
#n-products {
	width: 160px;
}
#n-experience {
	width: 121px;
}
#n-about {
	width: 92px;
}
#nav a {
	border: none;
	color: #777;
	display: block;
	font-weight: normal;
	height: 47px;
	padding: 0 5px;
	text-indent: -9999px;
}
#nav a {
	background: url(../i/nav2.gif) no-repeat;
}
#nav #n-home a {
	background-position: 0 0;
}
#nav #n-development a {
	background-position: -64px 0;
}
#nav #n-hosting a {
	background-position: -200px 0;
}
#nav #n-products a {
	background-position: -305px 0;
}
#nav #n-experience a {
	background-position: -465px 0;
}
#nav #n-about a {
	background-position: -586px 0;
}
#nav a:hover,
#nav li:hover a,
#nav li.mnhover a {
	background: none !important;
}
#sect-home #n-home a {
	background-position: 0 -94px;
}
#sect-development #n-development a {
	background-position: -64px -94px;
}
#sect-hosting #n-hosting a {
	background-position: -200px -94px;
}
#sect-products #n-products a {
	background-position: -305px -94px;
}
#sect-experience #n-experience a {
	background-position: -465px -94px;
}
#sect-about #n-about a {
	background-position: -586px -94px;
}
#nav li ul {
	background: transparent url(../i/bgsubmenu.png) repeat-x;
	border-bottom: 5px solid;
	border-top: 2px solid;
	border-color: #777;
	height: auto;
	left: -9999px;
	margin: -5px 0 0 8px;
	padding: 1px 0;
	position: absolute;
	z-index: 3;
}
#nav li:hover ul,
#nav li.mnhover ul {
	left: auto;
}
#nav li#n-about:hover ul,
#nav li#n-about.mnhover ul {
	left: auto;
	right: 15px;
}
#nav li ul li,
#nav li ul li a {
	height: auto;
	margin: 0;
	padding: 0;
	text-indent: 0;
}
#nav li ul li a {
	border: 1px #fff;
	border-style: none solid;
}
#nav li ul,
#nav li ul li {
	width: 195px;
}
#nav li:hover ul li a,
#nav li.mnhover ul li a,
#nav li ul li a {
	background: none;
	display: block;
	font-size: .9em;
	padding: 8px 22px 8px 29px;
	color: #444;
}
#nav li li {
	background: url(../i/blsubmenu.gif) no-repeat 14px 50%;
}
#nav li li.mnhover,
#nav li li:hover {
	background: #5079C5 url(../i/bgsubmenu_h.gif) repeat-y 100% 0;
}
#nav li ul li a:hover {
	background: url(../i/blsubmenu_h.gif) no-repeat 12px 50% !important;
	color: #fff;
}

/* form table
*******************************************************************************/
form#contactForm {
    background-color: #eec;
    border: 4px solid white;
    margin: 1em;
    color: #000;
}

form#presentForm {
    background-color: #eec;
    border: 4px solid white;
    margin: 1em;
    color: #000;
}

form#satisfactionForm {
    background-color: #eec;
    border: 4px solid white;
    margin: 1em;
}

table.formTable {
    margin: 2em;
}
table.formTable th {
	width: 350px;
    text-align: left;
    vertical-align: top;
}
table.formTable td {
	padding: 0 5px 5px 5px;
	line-height: 1.5em;
    vertical-align: top;
}

table.formTable input, 
table.formTable select, 
table.formTable option  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#satisfactionForm table.formTable td.radio{
	border-bottom: 1px dotted #666;
}

/* our experience - client showcase
*******************************************************************************/
/*
div.client-showcase {
    float: left;
    width: 49%;
}
*/
div.client-showcase p,
div.client-showcase li {
    font-size: 8pt;
}
div.client-showcase h3 a {
    border-bottom: none !important;
}
.thumbnail3 {
    display: inline;
    float: left;
    height: 80px;
    margin: 10px;
    padding: 0;
    width: 80px;
}
.thumbnail3 img {
    background: transparent url(../i/bg_clientlogo.png) no-repeat !important;
}
/* IE png alpha-transparency hack */
* html .thumbnail3 img {
    background-image: none !important;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/i/bg_clientlogo.png", sizingMethod="crop") !important;
}
div.client-showcase .thumbnail3 a,
div.client-showcase .thumbnail3 a:hover {
    background: none !important;
    border: none !important;
}

div.client-showcase .thumbnail2 {
    margin: 0 5px 5px 10px;
    position: relative;
    background: url(../i/bgclth.gif) no-repeat;
    display: block;
    height: 140px;
    width: 201px;
    padding: 0;
}
div.client-showcase .thumbnail2 a {
    position: absolute;
    top: 7px;
    left: 7px;
}
div.client-showcase .thumbnail2 a,
div.client-showcase .thumbnail2 a:hover {
    background: none !important;
    border: none !important;
}
div.client-showcase ul {
    clear: both;
}


/* community-showcase
*******************************************************************************/
div.comm-showcase {
    margin-top: 1em;
    margin-bottom: 2em;
    clear: both;
}
div.comm-showcase h3 {
    margin-bottom: 0.5em;
}
div.comm-showcase p {
    font-size: 8pt;
    margin-left: 230px;
}
div.comm-thumbnail {
    float: left;
    width: 230px;
    height: 110px;
}

div.comm-thumbnail a, 
div.comm-thumbnail a:hover {
    margin-left: 15px;
    background: none !important;
    border: none !important;
}


/* expandables
*******************************************************************************/
#main-content li.expandable {
	background-image: url(../i/bl_expandable.gif);
        cursor: pointer;
}
#main-content li.expanded {
        background-image: url(../i/bl_expanded.gif);
        cursor: pointer;
}
.expandable ul {
    display: none;
}
.expanded ul {
    padding: 1em 0;
}


/* want to know more
*******************************************************************************/
#sidebar div.knowmore {
	padding: 10px 0 10px 10px;
	background: none;
}
#sidebar div.knowmore a, #sidebar div.knowmore a:hover {
	border: none;
	background: none;
}

/* definition lists
*******************************************************************************/
#sect-relatedlinks dt {
	display: inline;
    font-weight: bold;
}
#sect-relatedlinks dd {
	display: inline;
    margin-left: -10px;
    font-weight: bold;
}

#relatedlinks li.pdf, #main-content li.pdf {
	/*background: url(../i/blsb1.gif) no-repeat 5px 50%;*/
	line-height: 1.7em;
	padding: 2px 10px 2px 20px;
	background: url(../i/icnpdf.gif) no-repeat 0 50%;
}

#sidebar li.contact {
    background: url(../i/bl_contact.gif) no-repeat 0 50%;
    padding-left: 20px;
}

#sidebar li.contacticn a, #sidebar li.contacticn a:link {
	width: 140px;
    height: 184px;
    display: block;
    border-bottom: none;
    text-indent: -999px;
}
#sidebar li.contacticn a:hover {
	background: none;
}
#sidebar li.contacticn {
	background: url(../i/icncontact.gif) no-repeat 0 0px;
    height: 184px;
    padding-left: 20px;
}

#sidebar li.contacticn:hover{
    background: url(../i/icncontact.gif) no-repeat 0 -209px;
    height: 184px;
    padding-left: 20px;
}

/* Contact map
****************************/
#mapfull {
	display: none;
}

#mapfull a, #mapfull a:link, #mapfull a:hover  {
	border: none;
    background: none;
}