body {
	font-family: "Lucida Sans Unicode","Verdana";
	font-size: 12px;
	line-height: 140%;
	margin:0px;
	color: #333333;
  background-color: #333333;
}

.container {
width: 1102px;
margin: auto;

}

.innercontainer {
float: left;
width: 1060px;
background-color: #ffffff;
border: 1px rgb(204,204,204) dashed;
margin-bottom: 40px;
margin-top: 20px;
}





.header {
float: left;
clear: left;
width: 1000px;
}

.headerleft {
 float: left;
clear: left;
}

.headerright {
float: right;
clear: right;
margin-top: 20px;
}




.navigation {
float: left;
clear: left;
width: 800px;
margin-left: 140px;
margin-bottom: 20px;
}

.navigation a {
float: left;
clear: none;
width: 90px;
padding: 2px 4px 2px 4px;
margin-left: 8px;
border: 1px solid;
text-decoration: none;
}


.content {
float: left;
clear: none;
width: 1040px;
margin-left: 20px;
background-color: #ffffff;
}


.newnav {       
float: left;
clear: left;
width: 760px;
margin-bottom: 10px;

}

.column23 {       
float: left;
clear: none;
width: 780px;

}




.twothree {
float: left;
clear: left;
width: 760px;
margin-bottom: 8px;
}

.column2 {
float: left;
clear: left;
width: 380px;

}

.column3 {
float: right;
clear: none;
width: 380px;
margin-left: 20px;

}


.col4 {
float: right;
clear: none;
width: 240px;
margin-right: 10px;

}



#sidebar-container {
float: left;
width: 40px
}

#sidebar { width: 40px; height: 40px; background: #333333; top: 100px; position: absolute; }


.footer {
float: left;
clear: both;
width: 1060px;
margin-top: 40px;
background-color: #cccccc;

}

.sitelinkscol {
float: left;
clear: none;
width: 250px;
margin-left: 12px;
background-color: #ffffff;

}
.sitelinkscol a {
color: #333333;
font-size: 80%;
text-align: center;
text-decoration: none;

}

.footerlogos {
float: left;
clear: left;
margin-left: 70px;
margin-top: 20px;
margin-bottom: 20px;  
}
.footerlogos img {
float: left;
clear: none;
width: 120px;
margin-left: 10px;
}

a {
	font-size: 100%;
	color: #9999bb;
	letter-spacing: 0px;
	border: 0px;
	}

a:hover{
	color: #000000;
	}


h2 {
color:#0099FF;
font-size: 120%;
}

ul li {
line-height: 150%;

}

.left {
float: left;
display: block;
width: 322px;
margin-left: 20px;
margin-right: 20px; 
}

.right {
float: right
width: 322px;
margin-left: 20px;
}



.headlogcont {
float: left;

color:#0099ff;
background: url(images/headlogbox-r.gif) top right no-repeat;
}

.headlogdesc {
font-size: 80%;
margin: 0;
padding: 4px 32px 0px 8px;
background: url(images/headlogbox-l.gif) top left no-repeat;
}

.headloglink {
margin: 0;
padding: 0px 0px 0 8px;
background: url(images/headlogbox-l.gif) bottom left no-repeat;
}

.headloglink em {
display: block;
padding: 0 16px 4px 0;
font-style:normal;
background: url(images/headlogbox-r.gif) bottom right no-repeat;
}

.headlogcont a {
font-size: 110%;
text-decoration:none;
}


.anavi {
	font-size: 110%;
	color: #999999;
	text-decoration: none;
}
	

.homeimgs {
float:left;

}

.homeimgs dt.img img{
float: left;
padding: 0px;
}
.homeimgs dt.alt img{
float: right;
padding: 0px;
}


.infoboxstart {

background: #0099ff;
text-align: justify;
letter-spacing: -0.5px;
font-family: "Arial";
}

.infoboxstart h3 {
padding:0;
margin: 0 0 0 0;
font-size: 180%;
line-height: 120%;
color:#FFFFFF;
background: url(images/roundcorn-tl.gif) top left no-repeat;
}

.infoboxstart h3 em {
display:block;
margin: 0;
padding: 12px 16px 12px 16px;
font-style:normal;
background: url(images/roundcorn-br.gif) bottom right no-repeat;
}




.infobox1 {

background: #0099ff;
text-align: justify;
letter-spacing: -0.5px;
}

.infobox1 h3 {
padding:0;
margin: 0 0 0 0;
font-size: 120%;
color:#FFFFFF;
background: url(images/roundcorn-tl.gif) top left no-repeat;
}

.infobox1 h3 em {
display:block;
margin: 0;
padding: 12px 16px 12px 16px;
font-style:normal;
background: url(images/roundcorn-br.gif) bottom right no-repeat;
}


.infobox2 {

background: #66ccff;
text-align: justify;
letter-spacing: -0.5px;

}

.infobox2 h3 {
padding:0;
margin: 0 0 0 0;
font-size: 120%;
color:#FFFFFF;
background: url(images/roundcorn-tl.gif) top left no-repeat;
}

.infobox2 h3 em {
display:block;
margin: 0;
padding: 12px 16px 12px 16px;
font-style:normal;
background: url(images/roundcorn-br.gif) bottom right no-repeat;
}




.packtab {
	background-color: #CCCCCC;
	width: 400px;
	padding: 3px;
}
.packtitle {
	background-color: #FFFFFF;
	padding: 3px;
}



.port_cont {
float:left;
clear:none;
width: 360px;
margin-left: 12px;
margin-top: 12px;

}

.webdesignfeature {
float: left;
clear: left;
width: 772px;
margin-top: 20px;

}

.webdesignfeatureleft {
float: left;
clear: left;
width: 340px;
}

.webdesignfeatureright {
float: right;
clear: right;
width: 422px;

}


.social {
float: left;
clear: left;
margin-left: 8px;

}

.icon {
float: left;
clear: none; 
margin-right: 2px;


}

.article {
float: left;
clear: left;
width: 700px;
margin-left: 20px;
background-image: url('images/article_icon.jpg');
background-repeat: no-repeat;
border: 1px solid #666666;

}


.articleinner {
float: left;
clear: left;
width: 580px;
margin-left: 80px;
margin-bottom: 40px;
}

.clear {
clear: both;
}

.webarticlehome {

}

.webarticlehomeleft {
float: left;
clear: left;
width: 66px;
}

.webarticlehomeright {
float: right;
clear: right;
width: 260px;
}


.webarticlehomeright a {
font-size: 200%;
line-height: 100%;
text-decoration: none;
}


.contactleft {
float: left;
clear: left;
width: 460px;
}

.contactmap {
float: right;
clear: right;
width: 300px;
}

.featurelistleft {
float: left;
clear: left;
width: 300px;

}

.featurelistleft ul li {
list-style: square inside;;
} 

.featurelistright {
float: left;
clear: none;
width: 300px;
margin-left: 40px;
}

.featurelistright ul li {
list-style: square inside;;
}