body  {background:transparent url(../images/top_bg2.jpg) no-repeat top center; margin:0; padding:0; text-align:center; font-family:Arial; font-size:12px; color:#000;}

html {
   background:#172b39 url(../images/inner_main_bg.jpg) repeat-x;
   height:100%;
}

html>body {
 min-height:100%;
 height:auto;
}

#mainBox {
   width:100%;
   float:left;
}
#blueBox {
   width:100%;
   height:216px;
   float:left;
   background-image:url(../images/blue_bg2.gif);
   background-repeat:repeat-x;
   overflow:hidden;
}

#orangeBox {
   width:100%;
   height:146px;
   float:left;
   background:#e05a01 url(../images/orange_bg2.gif) repeat-x;
}

.wrapper {width:1000px; margin:0 auto; text-align:left;}
#maincontainer {width:1000px; float:left;}

/* Sprites / Navigation
----------------------------------------------------------------------------*/
.sprite {background:url(../images/nav_img2.png);}

#topNav {
   width:695px;
   float:left;
}
#topNav span {display:none;}
#topNav ul {list-style-type:none; padding:0px; margin:0px;}
#topNav li {display:inline;}

#who {width:141px; height:55px; background-position:0 0; float:left;}
#who:hover {width:141px; height:55px; background-position:0 -55px; float:left;}
#our {width:137px; height:55px; background-position:-141px 0; float:left;}
#our:hover {width:137px; height:55px; background-position:-141px -55px; float:left;}
#port {width:139px; height:55px; background-position:-278px 0; float:left;}
#port:hover {width:139px; height:55px; background-position:-278px -55px; float:left;}
#note {width:138px; height:55px; background-position:-417px 0; float:left;}
#note:hover {width:138px; height:55px; background-position:-417px -55px; float:left;}
#con {width:135px; height:55px; background-position:-555px 0; float:left;}
#con:hover {width:135px; height:55px; background-position:-555px -55px; float:left;}

/* Top Login Nav
----------------------------------------------------------------------------*/
#loginNav {
   width:974px;
   height:20px;
   float:left;
   margin-left:26px;
   margin-top:4px;
   overflow:hidden;
}

#wisnetcom {
   width:242px;
   height:20px;
   float:left;
   background:transparent url(../images/curve_bg.gif) no-repeat;
   font-family:"Trebuchet MS", serif;
   font-size:11px;
   font-weight:bold;
}
#wisnetcom a {color:#3e6692; text-decoration:none;}
#wisnetcom a:hover {color:#fff; text-decoration:none;}
#wisnetcom p {margin:0 0 0 9px;}

#wisnetOthers {
   width:478px;
   float:left;
   font-family:"Trebuchet MS", serif;
   font-size:11px;
   font-weight:bold;
}
#wisnetOthers ul {list-style-type:none; margin:0px; padding:0px;}
#wisnetOthers li {display:inline;}
#wisnetOthers li a {margin-right:24px; color:#3e6692; text-decoration:none;}
#wisnetOthers li a:hover {margin-right:24px; color:#fff; text-decoration:none;}

#wisnetLogin {
   width:254px;
   float:left;
   font-family:"Trebuchet MS", serif;
   font-size:11px;
   font-weight:bold;
   background:transparent url(../images/login_curves.gif) no-repeat;
}
#wisnetLogin ul {list-style-type:none; margin:0px; padding:0px;}
#wisnetLogin li {display:inline;}
#wisnetLogin li a {margin-left:8px; margin-right:14px; color:#ea7b01; text-decoration:none;}
#wisnetLogin li a:hover {margin-left:8px; margin-right:14px; color:#fff; text-decoration:none;}

/* Logo / Search
----------------------------------------------------------------------------*/
#logoNavBox {
   width:974px;
   float:left;
   margin-left:26px;
   margin-top:26px;
}

#logo {
   width:279px;
   float:left;
}

#srchBox {
   width:988px;
   height:24px;
   float:left;
   margin-top:22px;
   text-align:right;
   background:transparent url(../images/search_bg.gif) no-repeat top right;
   overflow:hidden;
}

#srch {
   width:140px;
   float:right;
}

#srchBtn {
   width:50px;
   float:right;
}

/* Blue Box Info
----------------------------------------------------------------------------*/
#blueLeft {
   width:240px;
   height:163px;
   float:left;
   margin:18px 0 0 0;
   background:transparent url(../images/blue_dots.gif) repeat-y top right;
}

#blueLTxt {
   width:240px;
   float:left;
   background:transparent url(../images/blue_dude.gif) no-repeat top left;
   font-family:"Trebuchet MS", serif;
   font-size:12px;
}
#blueLTxt ul {list-style-type:none; margin:14px 0 0 17px; padding:0px;}
#blueLTxt li {margin:0 0 9px 0;}
#blueLTxt li a {color:#70beed; text-decoration:none;}
#blueLTxt li a:hover {color:#fff; text-decoration:none;}

#blueMid {
   width:505px;
   float:left;
   margin:26px 0 0 13px;
}

#blueMidLeft {
   width:252px;
   float:left;
}
#blueMidLeft ul{list-style-type: none;margin:0;padding:0;}

#blueMidRt {
   width:253px;
   float:left;
}
#blueMidRt ul{list-style-type: none;margin:0;padding:0;}

#blueView {
   width:490px;
   height:52px;
   float:left;
   margin:10px 0 0 0;
   background-image:url(../images/view_bg.gif);
   overflow:hidden;
}
#blueView a {font-size:12px; font-family:"Trebuchet MS", serif; color:#70beed; font-weight:bold; display:block;text-align:center; margin: 18px 4px 0 0;padding:0; text-decoration:none;background:url(../images/sky_blue_arrow.gif) no-repeat 315px 6px;}
#blueView a:hover {color:#fff; text-decoration:none;}

#blueRt {
   width:240px;
   height:163px;
   float:left;
   margin-top:18px;
   background:transparent url(../images/blue_dots.gif) repeat-y top left;
}

.blueRtTxt {
	width:200px;
	float:left;
	margin:18px 0 0 0;
	padding:0 0 0 18px;
	_padding:0 0 0 18px;
	color:#70beed;
	font-family:"Trebuchet MS", serif;
	background:transparent url(../images/blue_dots.gif) repeat-y top left;
	display:block;
	height:163px;
}
.blueRtTxt ul{margin:0;padding:0;display:block;list-style:none;}
.blueRtTxt li{margin:0 0 3px 0;padding:0;font-style: normal;display:block;list-style:none;}
.blueRtTxt .phone{margin:0;padding:32px 0 0 0;font-style: normal;display:block;background:url(../images/blue_line.gif) no-repeat left 3px;display:block;}
.blueRtTxt .businessname {font-size:22px; font-family:"Trebuchet MS", serif; color:#70beed;margin:2px 0 5px 0;display:block;}


.bluedark {
	font-size:12px;
	color:#70beed;
	font-family:"Trebuchet MS", serif;
	font-weight:normal;
	text-indent:11px;
	width:238px;
	height:22px;
	margin: 4px 0 2px 0;
	padding:2px 0 0 0;
	background:transparent url(../images/h5_bg.gif) no-repeat left 0px;
	display:block;
}
.bluedark a {color:#70beed; text-decoration:none;}
.bluedark a:hover {color:#FFFFFF; text-decoration:none;}
.bluenone {font-size:12px; color:#70beed; font-family:"Trebuchet MS", serif; font-weight:normal; text-indent:11px; width:238px; height:22px; margin: 6px 0 0 0;}
.bluenone a {color:#70beed; text-decoration:none;}
.bluenone a:hover {color:#FFFFFF; text-decoration:none;}


/* Footer
----------------------------------------------------------------------------*/
#copyright {
   width:643px;
   float:left;
   text-indent:20px;
   font-family:Helvetica, Arial;
   font-size:13px;
   color:#fff;
}
#copyright p {margin-top:84px;}
#copyright a {color:#AD4802;margin:4px 0 0 20px;font-size:11px;}

#planeBox {
   width:357px;
   height:136px;
   float:left;
   background:transparent url(../images/plane_bg2.jpg) no-repeat top left;
   overflow:hidden;
   color:#f09100;
   font-size:11px;
   font-family:"Trebuchet MS", serif;
}
#planeBox p {margin-left:92px; margin-top:0px; margin-bottom:0px;height:32px;}

#subTextFld {
   width:147px;
   height:27px;
   float:left;
   margin-left:50px;
   margin-top:18px;
   background:transparent url(../images/text_field_bg.gif) no-repeat;
}
#subTextFld p {margin:2px 0 0 4px;}

#inSubBtn {
   width:167px;
   float:left;
}
#inSubBtn p {margin:29px 0 0 118px;}

/* Inner Page Noteworthy
----------------------------------------------------------------------------*/
.blogHold {
   width:auto;
   float:left;
   margin:10px 0 0;
   display:block;
}
.quoteBox { width:40px; height:44px; margin:0 6px 0 0;float:left; text-align:center; overflow:hidden; background: url(../images/quote_bg2.gif) no-repeat left;display:block; }
.quoteBox h3 {font-size:11px; color:#fff; margin-top:0px; margin-bottom:0px; font-family:"Trebuchet MS", serif; line-height:12px;}
.quoteBox h4 {font-size:20px; color:#fff; margin-top:0px; margin-bottom:0px; font-family:"Trebuchet MS", serif;}

.blogText {
   width:280px;
   float:right;
   font-size:11px;
   font-family:Helvetiva, Verdana, Arial;
   color:#2e1700;
   display:block;
}
.blogText p {margin:0;padding:0;line-height:16px;display:inline;}
.blogText a {color:#345d93; text-decoration:none; font-weight:bold;}
.blogText a:hover {color:#2e1700; text-decoration:none; font-weight:bold;}

#prevBtn {
   width:580px;
   height:14px;
   float:left;
   margin-left:40px;
   font-family:"Helvetica Bold", Helvetica, Arial;
   text-indent:6px;
   color:#261300;
   margin-top:18px;
   line-height:13px;
   background:transparent url(../images/prev_bg.gif) no-repeat;
}
#prevBtn a {color:#2d4a1c; text-decoration:none; padding-left:5px; background:transparent url(../images/gr_prev_arrow.gif) no-repeat left 5px;}
#prevBtn a:hover {color:#2d4a1c; text-decoration:underline; padding-left:5px; background:transparent url(../images/gr_prev_arrow.gif) no-repeat left 5px;}

#nextBtn {
   width:40px;
   height:14px;
   float:left;
   font-family:"Helvetica Bold", Helvetica, Arial;
   text-indent:4px;
   color:#261300;
   margin-top:18px;
   line-height:13px;
   background:transparent url(../images/next_bg.gif) no-repeat;
}
#nextBtn a {color:#2d4a1c; text-decoration:none; padding-right:8px; background:transparent url(../images/gr_next_arrow.gif) no-repeat right 5px;}
#nextBtn a:hover {color:#2d4a1c; text-decoration:underline; padding-right:8px; background:transparent url(../images/gr_next_arrow.gif) no-repeat right 5px;}

#innerBox {
   width:1000px;
   float:left;
   margin-top:8px;
}

#conBody {
   width:1000px;
   float:left;
   background-color:#fff;
}

/* Classes
----------------------------------------------------------------------------*/
.sm_text {font-family:Helvetica, Arial; font-size:11px;margin:2px 0;padding:0;display:block;line-height:11px;}
.sm_reg {font-size:11px; line-height:12px;}
.sub {font-size:22px; font-family:"Trebuchet MS", serif; color:#70beed;}
.sub2 {font-size:13px; color:#261300; font-family:Helvetica, Arial; font-weight:bold;}
.sub2 a {color:#261300; text-decoration:none;line-height:13px;margin:0 0 1px;display:block;}
.sub2 a:hover {color:#261300; text-decoration:underline;}
.text_field {border:0px; width:140px; height:18px; background-color:#fedaa2; color:#8b4615; font-size:13px;}
.text_field2 {border:0px; width:138px; height:22px; background-color:#646464; color:#fff; font-size:13px;}
.hd_link {font-size:12px; font-family:Helvetica, Arial;}
#smallLink {font-size:12px; font-family:Helvetica, Arial;}
a img {border:none;}
form {padding:0px; margin:0px;}


#contentblastnewsletter {
	width: auto;
	height: auto;
	margin:50px;
	padding:0;
}

#containerblastnewsletter  {
	width: 100%;
	height: 100%;
	font-family:"Trebuchet MS", serif;
}
#blastsignup{
   width:1000px;
   height:96px;
   margin-top:8px;
   float:left;
   background-image:url(../images/newsletter.gif);
   overflow:hidden;
}
#standardemployment {
   width:1000px;
   height:96px;
   margin-top:8px;
   float:left;
   background:#578f34 url(../images/employment-at-wisnet.gif) no-repeat;
   overflow:hidden;
}
#datacenter {
   width:1000px;
   height:96px;
   margin-top:8px;
   float:left;
   background:#578f34 url(../images/datacenter.gif) no-repeat;
   overflow:hidden;
}
#resellerprogram {
   width:1000px;
   height:96px;
   margin-top:8px;
   float:left;
   background:#578f34 url(../images/reseller-program.gif) no-repeat;
   overflow:hidden;
}
#custom404page {
   width:1000px;
   height:96px;
   margin-top:8px;
   float:left;
   background:#578f34 url(../images/custom-404-page.gif) no-repeat;
   overflow:hidden;
}
#legalconditionsandpolicies {
   width:1000px;
   height:96px;
   margin-top:8px;
   float:left;
   background:#578f34 url(../images/wisnet-legal-conditions-and-policies.gif) no-repeat;
   overflow:hidden;
}


#contact-area {
	width: 500px;
	margin:50px 0 0 0;
}

#contact-area input, #contact-area textarea {
	padding: 5px 0 5px 0;
	width: 371px;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
	margin: 0 10px 0 0;
}

#contact-area label {
	float: left;
	text-align: right;
	margin:0 15px 0 0;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}

 /* 1000.11 Form Validation - Begin */
.hint {
   	display: none;
    position: absolute;
	color:#000;
    width: 200px;
	margin:4px 0 0 10px;
    border: 1px solid #830084;
    padding: 10px 12px;
    background: #E9D5E6 url(../images/pointer2.gif) no-repeat -10px 5px;
	z-index:1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#660066;
}

.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(../images/pointer2.gif) left top no-repeat;
}
.hint2 {
   	display: none;
    position: absolute;
	color:#000;
    width: 200px;
	margin:24px 0 0 105px;
    border: 1px solid #830084;
    padding: 10px 12px;
    background: #E9D5E6 url(../images/pointer2.gif) no-repeat -10px 5px;
	z-index:1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#660066;
}
.hint2 .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(../images/pointer2.gif) left top no-repeat;
}
.hint3 {
   	display: none;
    position: absolute;
	color:#000;
    width: 200px;
	margin:4px 0 0 10px;
    border: 1px solid #830084;
    padding: 10px 12px;
    background: #E9D5E6 url(../images/pointer2.gif) no-repeat -10px 5px;
	z-index:1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#660066;
}
.hint3 .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(../images/pointer2.gif) left top no-repeat;
}
.hint4 {
   	display: none;
    position: absolute;
	color:#000;
    width: 200px;
	margin:24px 0 0 88px;
    border: 1px solid #830084;
    padding: 10px 12px;
    background: #E9D5E6 url(../images/pointer2.gif) no-repeat -10px 5px;
	z-index:1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#660066;
}
.hint4 .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(../images/pointer2.gif) left top no-repeat;
}
/* 1000.11 Form Validation - End */
#standardpages404 {
   width:640px;
   float:left;
   margin:17px 0 0 43px;
}
#standardpages404 ul {
width:auto;
height:auto;
margin:0 0 0 -36px;
padding:0;
}
#standardpages404 li {
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #730075;
	display:block;
	width:140px;
	height:54px;
	text-align:center;
	float:left;
}
#standardpages404 li.custom404page600 {
	border-right-color: #FFFFFF;
	margin:0 0 0 20px;
}
#standardpages404 a {
	color:#730075;
	font-weight:bold;
	text-decoration:none;
}
#standardpages404 a:hover {color:#360037;font-weight:bold;text-decoration:underline;}
.custom404pageelephant {
margin:0;
padding:0;
width:202px;
height:191px;
display:block;
background-image:url(../images/elephant.jpg);
background-repeat:no-repeat;
background-position:left;
float:left;
}
.custom404pageelephant2 {
margin:0;
padding:0;
width:auto;
height:191px;
display:block;
float:left;
}
.custom404pageelephant3 {
margin:36px 0 0 0;
padding:0;
width:640px;
height:auto;
display:block;
float:left;
background-image:url(../images/lion.jpg);
background-repeat:no-repeat;
background-position:right top;
}
.custom404page1 {
margin:49px 0 0 62px;
padding:0;
font-family:Tahoma, sans-serif;
font-size:28px;
color:#5F005F;
font-weight:bold;
}
.custom404page2 {
margin:50px 0 0 44px;
padding:0;
width:auto;
height:auto;
font-family:Tahoma, sans-serif;
font-size:20px;
color:#5F005F;
font-weight:bold;
}
.custom404page3 {
	margin:10px 0 0 63px;
	padding:0 0 0 113px;
	width:auto;
	height:34px;
	font-family:Tahoma, sans-serif;
	font-size:20px;
	color:#5F005F;
	font-weight:bold;
	background-image:url(../images/wild.gif);
	background-repeat:no-repeat;
	background-position:left bottom
}
.custom404page3off {
display:none;
}
.custom404page4 {
margin:90px 0 0 10px;
padding:0;
width:auto;
height:auto;
font-family:Tahoma, sans-serif;
font-size:12px;
color:#191919;
font-weight:bold;
}
.custom404page5 {
margin:83px 0 4px 0;
padding:0;
width:auto;
height:auto;
font-family:Tahoma, sans-serif;
font-size:12px;
color:#666666;
font-weight:bold;
}
.custom404page6 {
margin:10px 0 24px 230px;
padding:0;
width:auto;
height:auto;
font-family:Tahoma, sans-serif;
font-size:22px;
color:#5F005F;
font-weight:bold;
}
#custom404pagecontact-area {
	width: 376px;
	margin:0;
}

#custom404pagecontact-area input, #contact-area textarea {
	padding: 5px 0 5px 0;
	width: 282px;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
	height:22px;
}

#custom404pagecontact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#custom404pagecontact-area input.submit-button {
	width: 85px;
	height:43px;
	float: right;
	margin: -4px 0 0 0;
	border:none;
	background-image:url(../images/search.jpg);
	background-repeat:no-repeat;
}
.wildafricananimals {
	background-image:url(../images/wild-african-animals.jpg);
	background-repeat:no-repeat;
	width: 628px;
	height:593px;
	display:block;
	float:left;
	margin:30px 0 0 0;
	padding:0;
}
