body
{
	background: #CCC url("../images/bg.jpg") fixed center no-repeat;
	color: #666666;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: small;
	width: 100%;
}










/* BEGIN company-navigation */
/*****************************INCLUDE IN SEPERATE CSS TO SWITCH DIFFERENT COLOURS*/

#navigation-bar
{
	background: #333;
}

table#company-navigation
{
	float: right;
}

table#company-navigation td
{
	vertical-align: middle;
}

#company-navigation ul
{
	list-style: none;
	text-align: right;
	float: right;
}

#company-navigation ul li
{
	display: block;
	float: left;
	font: 18px/24px 'MisoBold' , Arial, sans-serif;
	text-transform: uppercase;
}

#company-navigation ul li a
{
	color: #ccc;
	text-decoration: none;
	display: block;
	padding: 10px;
	-webkit-transition: background .2s linear;
}

#company-navigation ul li a:hover
{
	background: #666666;
}

/* END company-navigation */

/* BEGIN company-navigation-sub */

.company-navigation-sub
{
	background: #666666;
}

.company-navigation-sub ul li
{
	display: block;
	width: 180px;
}

.company-navigation-sub ul li a
{
	color: #ccc;
	padding: 0 15px;
	display: block;
	height: 35px;
	text-decoration: none;
}

.company-navigation-sub ul li a:hover
{
	background: #333;
}

.company-navigation-sub ul li a span
{
	padding: 10px 0;
	display: block;
}

/* END company-navigation-sub */

/* BEGIN search */

.search
{
	margin-left: 10px;
}

.search input[type=text]
{
	background: #ccc;
	border: 1px solid #000;
	padding: 3px;
}

a.btnSearch
{
	background: url("../Images/btn-search.png") no-repeat;
	display: block;
	width: 75px;
	height: 24px;
	text-indent: -9999px;
}

a.btnSearch:hover
{
	background: url("../Images/btn-search.png") no-repeat 0 -24px;
}

/* END search */

/* BEGIN products-sub-menu */

.products-sub-menu
{
	background: #283891;
}

.products-sub-menu ul li
{
	display: block;
}

.products-sub-menu ul li a
{
	color: #fff;
	padding: 0 15px;
	display: block;
	height: 35px;
	text-decoration: none;
	width: 220px;
}

.products-sub-menu ul li a:hover
{
	background: #333;
}

.products-sub-menu ul li a span
{
	padding: 10px 0;
	display: block;
}


/* END products-sub-menu */


/* BEGIN wrapper */

#wrapper
{
}

/* END wrapper */

/* BEGIN header */

#header
{
    background: url("../images/hexa.png") no-repeat 300px -1px;
	height: 150px;
}

.logo
{
	margin: 40px 0 0 0;
}

/* END header */

/* BEGIN product-navigation */

#product-navigation
{
	padding-bottom: 25px;
}

#product-navigation ul
{
	list-style: none;
}

#product-navigation li
{
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
}

#product-navigation li a
{
	display: block;
	height: 50px;
	text-indent: -9999px;
}

a.btniShield
{
	background: url("../images/Navigation.png") no-repeat 0 0;
	width: 132px;
}

a.btnOnlineMarketing
{
	background: url("../images/Navigation.png") no-repeat -132px 0;
	width: 186px;
}

a.btnWebDesignAndDevelopment
{
	background: url("../images/Navigation.png") no-repeat -318px 0;
	width: 212px;
}

a.btnConnectivity
{
	background: url("../images/Navigation.png") no-repeat -530px 0;
	width: 147px;
}

a.btnHostingBackupEmail
{
	background: url("../images/Navigation.png") no-repeat -677px 0;
	width: 263px;
}

a.btniShield:hover
{
	background: url("../images/Navigation.png") no-repeat 0 -50px;
	width: 132px;
}

a.btnOnlineMarketing:hover
{
	background: url("../images/Navigation.png") no-repeat -132px -50px;
	width: 186px;
}

a.btnWebDesignAndDevelopment:hover
{
	background: url("../images/Navigation.png") no-repeat -318px -50px;
	width: 212px;
}

a.btnConnectivity:hover
{
	background: url("../images/Navigation.png") no-repeat -530px -50px;
	width: 147px;
}

a.btnHostingBackupEmail:hover
{
	background: url("../images/Navigation.png") no-repeat -677px -50px;
	width: 263px;
}


a.btniShield_hover
{
	background: url("../images/Navigation.png") no-repeat 0 -50px;
	width: 132px;
}

a.btnOnlineMarketing_hover
{
	background: url("../images/Navigation.png") no-repeat -132px -50px;
	width: 186px;
}

a.btnWebDesignAndDevelopment_hover
{
	background: url("../images/Navigation.png") no-repeat -318px -50px;
	width: 212px;
}

a.btnConnectivity_hover
{
	background: url("../images/Navigation.png") no-repeat -530px -50px;
	width: 147px;
}

a.btnHostingBackupEmail_hover
{
	background: url("../images/Navigation.png") no-repeat -677px -50px;
	width: 263px;
}



/* END product-navigation */

/* BEGIN submenu */

.submenu
{
}

.submenu ul
{
	list-style: none;
}

.submenu a, .submenu li, .submenu span
{
	display: block;
	width: 220px;
	height: 37px;
}

.submenu a
{
	color: #283891;
	font-size: small;
	text-decoration: none;
}

.submenu a span
{
	margin-left: 10px;
	padding-top: 10px;
	padding-bottom: 2px;
}

.submenu a:hover
{
	color: #ccc;
}

.submenu li:hover
{
	background: url("../images/btn_hover_sub.png") no-repeat;
	color: #ccc;
}

a.active
{
	background: url("../images/btn_active_sub.png") no-repeat;
	color: #fff;
}

a.active span
{
	margin-left: 10px;
	padding-top: 10px;
}

/* END submenu */


/* BEGIN main */

#main
{
}
#main h1
{
	color: #2B3990;
	font: 32px/42px 'MisoBold' , Arial, sans-serif;
	text-transform: uppercase;
}

#main p
{
	color: #666666;
	font-size: small;
	text-align: justify;
	margin: 15px 0;
	line-height: 1.2em;
}

.content ul
{
	margin-left: 25px;
	list-style: disc;
}

.content li
{
	padding: 5px 0;
}

.content h2
{
	font-size: large;
	margin: 15px 0;
}

.content h3
{
	color: #009900;
	font-size: small;
}

.content ol
{
	list-style: decimal;
}

.content ol li
{
	margin-left: 25px;
	text-align: justify;
}

/* END main */

/* BEGIN cu3er */

.cu3er-container
{
	background: url("../images/cu3er-shadow.png") no-repeat bottom;
	height: 295px;
}

#cu3er
{
	width: 460px;
	outline: 0;
}

/* END cu3er */

/* BEGIN hr */

.hr
{
	background: #a6a6a6;
	border-top: 1px solid #e9e9e9;
	height: 1px;
	margin: 15px 0;
}

/* END hr */

/* BEGIN Styles for the coloured blocks */

#block1 h2, #block2 h2, #block3 h2, #block4 h2
{
	font: 32px/42px 'MisoBold' , Arial, sans-serif;
	line-height: 25px;
	padding: 0 0 0 10px;
	margin-bottom: -10px;
	margin-top: 10px;
	text-transform: uppercase;
}

#block1 p, #block2 p, #block3 p, #block4 p
{
	padding: 5px 10px;
}

#block1 td, #block2 td, #block3 td, #block4 td
{
	padding: 10px;
}

#block1 ul, #block2 ul, #block3 ul, #block4 ul
{
	padding: 0px 25px;
	list-style: disc;
}

#block1 li, #block2 li, #block3 li, #block4 li
{
	padding: 5px 0;
}

#block1 h2
{
	color: #2FA900;
}

#block2 h2
{
	color: #008c9f;
}

#block3 h2
{
	color: #FF5300;
}

#block4 h2
{
	color: #C800AC;
}

.box
{
	width: 460px;
	height: 200px;
	overflow: hidden;
	position: relative;
	background-color: #E5E5E5;
}

.box img
{
	position: absolute;
	top: 5px;
	left: 5px;
	border: 0;
}

.box p
{
	padding: 15px 10px;
	color: #afafaf;
	font-weight: bold;
	font: 10pt "Lucida Grande" , Arial, sans-serif;
}

.box.slider h3
{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 28px;
	color: #c4f714;
	padding: 10px;
}

.box.slider p
{
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.project_navigation li a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 45px;
	color: #FFF;
	background-image: url(../images/projects_btn_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 43px;
	width: 450px;
	text-align: center;
	text-decoration: none;
}

.project_navigation li a:hover
{
	background-position: bottom;
}

/* END Styles for the coloured blocks */


/* BEGIN news */

.news
{
}

.news a
{
	color: #2B3990;
}

.news .created-on
{
	font-size: x-small;
}

.news h2
{
	padding: 10px 0 5px 0;
	font-size: large;
}

.news h2 a
{
	color: #009900;
}

.news h2 a:hover
{
	color: #2B3990;
}

.news a.readmore
{
	display: block;
	background: url("../images/btn_more.png") no-repeat 0 0;
	width: 70px;
	height: 19px;
	text-indent: -9999px;
}

.news a.readmore:hover
{
	background: url("../images/btn_more.png") no-repeat 0 -19px;
}

.news a.back-btn
{
	display: block;
	background: url("../images/btnBack.png") no-repeat 0 0;
	width: 70px;
	height: 19px;
	text-indent: -9999px;
}

.news a.back-btn:hover
{
	background: url("../images/btnBack.png") no-repeat 0 -19px;
}

.info
{
	font-size: x-small;
}

.info ul
{
	text-align: center;
}

.info ul li
{
	display: inline;
	padding-right: 5px;
}


/* END latest-news */


/* BEGIN pagenator */

.pagenator
{
}

.pagenator ul
{
	list-style: none;
}

.pagenator li
{
	background: #999999;
	color: #fff;
	display: block;
	float: left;
	margin: 0 5px;
	width: 24px;
	height: 24px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.pagenator li a
{
	color: #fff;
	display: block;
	text-decoration: none;
	width: 24px;
	height: 24px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.pagenator li a:hover
{
	background: #333333;
	text-decoration: none;
	display: block;
}

.pagenator span
{
	display: block;
	padding: 4px 7px;
}

li.active-page
{
	background: #2B3990;
	font-weight: bold;
}



/* END pagenator */


/* BEGIN sidebar */

.sidebar h3
{
	padding: 10px 0;
	font-size: medium;
}

.sidebar a
{
	font-size: small;
	color: #2B3990;
	text-decoration: none;
}

.sidebar a:hover
{
	color: #009900;
}

/* END sidebar */

#latest-news
{
}

#latest-news h1
{
	font: 32px/42px 'MisoBold' , Arial, sans-serif;
	text-transform: uppercase;
}

#latest-news a
{
	color: #2B3990;
}

#latest-news .created-on
{
	font-size: x-small;
}

#latest-news h2
{
	padding: 10px 0 5px 0;
	font-size: large;
}

#latest-news h2 a
{
	color: #009900;
}

#latest-news h2 a:hover
{
	color: #2B3990;
}

#latest-news a.readmore
{
	display: block;
	background: url("../images/btn_more.png") no-repeat 0 0;
	width: 70px;
	height: 19px;
	text-indent: -9999px;
}

#latest-news a.readmore:hover
{
	background: url("../images/btn_more.png") no-repeat 0 -19px;
}

/* END latest-news */

/* BEGIN tweets */

#tweets
{
}

#tweets h1
{
	font: 32px/42px 'MisoBold' , Arial, sans-serif;
	text-transform: uppercase;
}

#tweets p
{
	/*text-shadow: 1px 1px 0 #fff;     -webkit-text-shadow: 1px 1px 0 #fff;     -moz-text-shadow: 1px 1px 0 #fff;*/
}

/* END latest-news */



/*BEGIN footer-container */

#footer-container
{
	background: #333;
	width: 100%;
	height: 280px;
}

/*END footer-container */

/* BEGIN footer */

#footer
{
	color: #c3c3c3;
	font-size: small;
	position: relative;
	top: 25px;
}

#footer h1
{
	font-family: 'MisoLight' , Arial, Verdana, Sans-Serif;
	font-size: x-large;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}

#footer ul
{
	list-style: none;
}

#footer li
{
	margin: 5px 0;
}

#footer li a
{
	color: #c3c3c3;
	text-decoration: none;
	-webkit-transition: text-shadow .2s linear;
}

#footer li a:hover
{
	text-shadow: 0 0 5px #0099ff;
	-webkit-text-shadow: 0 0 5px #0099ff;
	-moz-text-shadow: 0 0 5px #0099ff;
	color: #0099ff;
}

#footer dl
{
	margin: 5px 0;
}

#footer dt
{
	display: inline-block;
	float: left;
	margin: 5px 5px 0 0;
	text-align: right;
	width: 80px;
}

.quick-contact-txt
{
	background: #464646;
	border: 1px solid #333333;
	color: #c3c3c3;
	padding: 3px;
	width: 245px;
}

.quick-submit
{
	text-indent: -9999px;
}

a.btnQuickSubmit
{
	background: url("../Images/btn-quick-submit.jpg") no-repeat;
	display: block;
	float: right;
	width: 75px;
	height: 24px;
	text-indent: -9999px;
}

a.btnQuickSubmit:hover
{
	background: url("../Images/btn-quick-submit.jpg") no-repeat 0 -24px;
}

.divnest div
{
	display: block;
	float: left;
}

.clear
{
	clear: both;
}

/* END footer */

/* BEGIN clear (clears floats) */
.clear
{
	clear: both;
}
/* END clear */

.ishield-table h2
{
	text-align: center;
}

.ishield-table img
{
	display: block;
	width: 91px;
	margin: 0 auto;
}

.ishield-lite .ishield-heading
{
	-moz-border-radius-topright: 15px;
	-webkit-border-top-right-radius: 15px;
	border-top-right-radius: 15px;
}

.ishield-pro .ishield-heading
{
	-moz-border-radius-topleft: 15px;
	-webkit-border-top-left-radius: 15px;
	border-top-left-radius: 15px;
}

.ishield-heading
{
	background: url("../images/ishield-headings.png") repeat-x;
	color: #fff;
	height: 69px;
}

.ishield-heading span
{
	color: #fff;
	display: block;
	font-size: 90%;
	padding: 0 30px;
}

.ishield-heading h2
{
	margin-bottom: -5px;
	padding: 10px 30px;
}

.ishield-lite-body
{
	background: url("../images/ishield-body.png") repeat-y;
	margin-top: -20px;
}

.ishield-pro-body
{
	background: url("../images/ishield-body-right.png") repeat-y;
	margin-top: -10px;
}

.ishield-lite-body ul, .ishield-pro-body ul
{
	margin: 0 20px;
}

.list-h3
{
	color: #009900;
	font-weight: 700;
}

.webMailLogin
{
	background: #333;
	padding: 35px;
	width: 160px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

    .webMailLogin label
    {
        color: #ccc;
        font-weight: 700;
    }
   
.login
{
	display: block;
	background: url("../images/btn-login.png") no-repeat 0 0;
	width: 75px;
	height: 24px;
	text-indent: -9999px;
}

.login:hover
{
	background: url("../images/btn-login.png") no-repeat 0 -24px;
}


.buynow
{
	display: block;
	background: url("../images/btn-buynow.png") no-repeat 0 0;
	width: 75px;
	height: 24px;
	text-indent: -9999px;
}

.buynow:hover
{
	background: url("../images/btn-buynow.png") no-repeat 0 -24px;
}

.continue
{
	display: block;
	background: url("../images/btn-continue.png") no-repeat 0 0;
	width: 75px;
	height: 24px;
	text-indent: -9999px;
}

.continue:hover
{
	background: url("../images/btn-continue.png") no-repeat 0 -24px;
}


.btnback
{
	display: block;
	background: url("../images/btn-back.png") no-repeat 0 0;
	width: 75px;
	height: 24px;
	text-indent: -9999px;
}

.btnback:hover
{
	background: url("../images/btn-back.png") no-repeat 0 -24px;
}
.contact-us
{
    
}

    .contact-us dl
    {
        clear: both;
        padding: 5px 0;
    }
    
    .contact-us dt
    {
        width: 110px;
        float: left;
        padding: 5px 0 0 0;
    }
    
    .contact-us dd
    {
        float: left;
    }
    
    .contact-us .contact-textbox
    {
        padding: 5px;
        width: 350px;
    }
    
    .contact-us .contact-textarea
    {
        padding: 5px;
        width: 352px;
        height: 100px;
    }
    
table.branch
{
    width: 100%;
}
    
    .branch th, .branch td
    {
        padding: 5px;
        text-align: left;
    }
    
    .branchDepartment
    {
        width: 250px;
    }
    
    .branchContact
    {
        width: 250px;
    }
    
    .branchTel
    {
        width: 100px;
    }
    
    .branchFax
    {
        width: 100px;
    }
    
    .branchEmail
    {
        width: 200px;
    }

/*===Classes by Don for the email support page===*/
.subtables
{
 vertical-align:top;   
}
.mailclientdiv
{
    margin: 5px 5px 5px 5px;
    line-height: 100%;
    font-family:Arial, serif;
    font-size:14px;
    font-weight:bold;
    float:left;
    height:100px;
    display:block;
    width:210px;
    background-color:white;
    border:1px solid #444444;
}
.mailclientdiv img
{
    margin-bottom:-20px;
    padding:10px; 
}
.mailclientdiv ul
{
    margin-top:5px;
    padding-left:30px;   
}
.mailclientdiv li
{
    list-style-type:disc;
}

.mailclientdiv li a
{
    color:cornflowerblue;
    font-size:12px;
    text-decoration:none;
}
.mailclientdiv li a:hover
{
    color:navy;
    font-size:12px;
    text-decoration:none;
}
.mailclienth2
{
    width:600px;   
}

.divclear
{
 clear:both;
 display:block;
}
.h2sidelink
{
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
    color:grey;
}
.h2sidelink:hover
{
    color:Navy;   
}

.connectivity
{
}

    .connectivity li, .connectivity a
    {
        color: #119948;
    }
    
    .connectivity a:hover
    {
    }

.brand
{
}

    .brand li, .brand a
    {
        color: #008c9f;
    }
    
    .brand a:hover
    {
    }

.online-marketing
{
}

    .online-marketing li, .online-marketing a
    {
        color: #ef3e23;
    }
    
    .online-marketing a:hover
    {
    }

.communication
{
}

    .communication li, .communication a
    {
        color: #962067;
    }
    
    .communication a:hover
    {
    }