* {
margin: 0;
}


html, body {
	background-color:#2a2a2a;
	background-image: url(../images/backpat.gif);
	background-repeat: repeat;
	background-attachment: fixed;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: #fff;
	height: 100%;
	font-size: 80%;
	z-index: 1;
	position: relative;
} 


/*Font-size: 1.0em = 10px when browser default size is 16px*/


#page-container {
	width:950px;
	margin: 0px auto 20px auto;
	font-size:1em;
	text-align: left;
	color: #fff;
}
.message {
	margin: 0 0 0 20px;
}
.main-content {
	width:950px;
	float: left;
}
.main-content img {
	border: 0;
}


#point	{
	background-image: url(../images/point.gif);
	display: block;
	height: 25px;
	width: 25px;
	margin: -32px 0 0 -20px;
}
#point2	{
	background-image: url(../images/point2.gif);
	height: 25px;
	width: 25px;
	margin: 0 0 0 -20px;
	position: absolute;
}
.footer {
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;
	margin: 0;
	background-color: #2a2a2a;
	width: 910px;
	padding: 10px 10px 10px 20px; 
}
.footertop {
	background-image: url(../images/footertop.gif);
	display: block;
	width: 940px;
	height: 29px; 
}
.footerbottom {
	background-image: url(../images/footerbase.gif);
	display: block;
	width: 940px;
	height: 16px; 
	clear: both;
}
.footerouter {
	width: 100%;
	clear: both;
	height: 170px;

}
.footerleft {
	float:left;
	width:200px;
	margin-bottom:5px /*IE6*/;
	text-align: left;
	margin-left: 10px;
	font-size: 90%;
	color: #fff;
	display: block;
}
.footermiddle1 {
	float:left;
	width:200px;
	margin: 0 0 0 20px;
	text-align: left;
	font-size: 90%;
	color: #fff;
}

.footermiddle2 {
	float:left;
	width:200px;
	margin: 0 0 0 20px;
	text-align: left;
	font-size: 90%;
	color: #fff;
}
	
.footerright {
	width:250px;
	float: right;
	text-align: left;
	font-size: 90%;
	margin: 0 10px 10px 0;
}
.footerright a, a:link, a:visited {
	color: #FFF;
}
.footerbase {
	text-align: left;
	width:800px;
	line-height: 25px;
	clear: both;
}

#welcome	{
	margin: -175px 0 0 314px;
	width: 300px;
	height: 120px;
	background-image: url(../images/bubble.gif);
	padding: 10px 20px 10px 20px;	
  	font-family: Georgia, Times, serif;
  	color: #ccc;
  	font-size: 11px;
  	position: absolute;
  	background-repeat: no-repeat;

}
#welcome p	{
	  font-style: italic;
}

.header-tophome {
	font-family: Georgia, Times, sans-serif;
	width:100%;
	border-top: solid #2a2a2a 8px;
	height: 180px;
}
.header-topsub {
	font-family: Georgia, Times, sans-serif;
	width:100%;
	border-top: solid #2a2a2a 8px;
}

.header-middlehome {
	width:950px;
	margin: 0px auto 0px auto;
	background-repeat: no-repeat;
	text-align: left;
	height: 60px;
	
}
#menulogohome {
	width:80px;
	height:40px;
	margin:5px 0 0 860px;
	border: 0px;
	position: absolute;
	z-index: 30;
}


.minilogo {
	width:180px;
	height:80px;
	border: 0px;
	left: 50%;
	right: 50%;
	margin: 15px 0 0 -80px;
	position: absolute;
}

#homepageback {
	width:60px;
	height:38px;
	border: 0px;
	clear: both;
	left: 50%;
	display: block;
	margin: 135px 0 0 125px;
	position: absolute;
}

div.homepage {
height: 60px;
width: 38px;
margin:0;
padding:0;
background-image:url(../images/homepagehover.gif);
}

div.homepage a, div.homepage a:link, div.homepage a:visited {
display:block;
}

div.homepage img {
width:100%;
height:100%;
border:0;
}

div.homepage a:hover img {
visibility:hidden;
}


.login {
	margin: 0px 15px 0px 0px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	display: block;
}

.login a{
	display: block;
}

.login a:link{
	text-decoration: none;
	display: block;
}

.login a:hover{
	text-decoration: underline;
	display: block;
}

.login a:visited{
	text-decoration: none;
}


/******************/
/*  MAIN SECTION  */
/******************/
.column1-unit-content {
	float: left;
	display: block;
	width: 900px;
	margin: 0;
	padding: 0px 20px 0px 20px;
	background-color: #2a2a2a;
}
.column1-unit-content td {
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	border: solid 1px #2a2a2a;
	text-align:left;
	vertical-align: top;
	
}
.column1-unit-content a {
	margin: 10px 0 0 0;
	display: block;
}
.column1-unit-content tr {
	padding: 5px;
}
.column1-unit-content-left{
	float: left;
	display: block;
	width: 430px;
}
.column1-unit-content-right{
	float: left;
	display: block;
	width: 430px;
	margin: 0 0 0 20px;
}
.column1-unit {
	float: left;
	display: block;
	width: 940px;
	height: 540px;
	margin: 0 0 20px 0;
}
.column1-unit-top {
	width:940px;
	height: 15px;
	display: block;
	clear: left;
	background-image: url(../images/onecoltop.gif);
 	
}
.column1-unit-bottom {
	width:940px;
	height: 15px;
	display: block;
	background-image: url(../images/onecolbottom.gif);
	clear: left;
	margin: 0 0 30px 0;
 	
}

.info {
	color: #FFF;
	padding: 20px 6px 6px 6px;
	background-image: url(../images/info.png);
	text-align: left;
	background-repeat: no-repeat;
	margin-top: -2px;
	display: block;
	z-index: 50;
	height: 100px;
}
.column2-unit-left {
	float:left;
	width:620px;
	padding: 0px 20px 0px 20px;
	display: block;
	background-color: #2a2a2a;
	margin: 0;
}
.up {	
	width: 20px;
	height: 20px;
	right: 50%;
	margin: 0 475px 0 0;
	position: absolute;	
}
.column2-unit-left-top {
	width:660px;
	height: 15px;
	display: block;
	clear: left;
	background-image: url(../images/maintop.gif);
 	
}
.column2-unit-left-bottom {
	width:660px;
	height: 15px;
	display: block;
	background-image: url(../images/mainbottom.gif);
	clear: left;
	margin: 0 0 30px 0;
 	
}

.column2-unit-carousel {
	float:left;
	width:660px;
	display: block;
	background-color: #2a2a2a;	
}
.column2-unit-heading {
	float:left;
	width:610px;
	height: auto;
	padding: 0 0 0 20px;
	display: block;
}
.welcomeleft {
	padding: 0 0 0 0;
	margin: 0;
	float:left;
	width:300px;
	display: block;
	text-align: right;
	clear: left;
	
}
.welcomeright {
	padding: 0 10px 0 10px;
	float:right;
	width:290px;
	display: block;
	clear: right;
}
#contactleft {
	padding: 0 0 0 0;
	margin: 0;
	float:left;
	width:330px;
	display: block;
	
}
#contactright {
	padding: 0;
	float:right;
	width:240px;
	display: block;
}
.services-left {
	clear: both;
	margin: 10px 0 0 0;
	float:left;
	width:280px;
	display: block;
}
.services-right {
	margin: 10px 10px 10px 0;
	float:right;
	width:280px;
	display: block;
}
.services2-left {
	float:left;
	width:390px;
	display: block;
}
.services2-right {
	float:right;
	width:210px;
	display: block;
}
	
.column3-unit-right {
	width:240px;
	float: right;
	text-align: left;
	background-color: #2a2a2a;
	padding: 0 15px 0 15px;	
}
.righttop {
	float: right;
	width:270px;
	height: 15px;
	display: block;
	background-image: url(../images/righttop.gif);
	margin: 0;
		
}
.rightbottom {
	float: right;
	clear: right;
	width:270px;
	height: 15px;
	display: block;
	background-image: url(../images/rightbottom.gif);
	margin: 0 0 20px 0;
		
}

.column3-unit-map {
	width:270px;
	height:270px;
	background-image: url(../images/map.gif);
	float: right;
	margin: 0 0 30px 0;	
}

.arrow {
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	margin: 220px 0 0 275px;
	height: 19px;
	width: 25px;
	position: absolute;
}

.portcontent a, a:link, a:visited{
	color: #fff;
	text-decoration: none;
	font-weight: 700;
}


.intro {
	color: #ff9239;
	font-size: 120%;
	line-height: 22px;
	
}
#tech {
	width: 240px;
	float: right;
	margin: 0 0 0 700px;
	display: block;
	font-size: 11px;
	position: absolute;
	height: 280px;
	z-index: 120;
}
.rightbar {
	width: 280px;
	float: right;
	margin-right: 10px;
	display: block;
	font-size: 11px;

}

.fulltext {
	margin-top: 20px;
	width: 250px;
	background-color: #FFF;
	color: #322111;
	position: absolute;
}
.fulltext ul{
	padding: 5px;
	float: right;
}
.fulltext li{
	display: inline;
	list-style: none;
}
.label   {
	display: block;
	background-color: #0CC;
	height: 20px;
	width: 250px;
	margin-left: 0px;
}
.star   {
	background-image: url(../images/starfooter.png);
	background-repeat: no-repeat;
	text-indent: 15px;
}
.star   a{
	background-repeat: no-repeat;
	background-image: url(../images/starfooter.png);
	text-indent: 15px;
}
.star   a:link{
	background-repeat: no-repeat;
	background-image: url(../images/starfooter.png);
	text-indent: 15px;
}
.star   a:visited{
	background-repeat: no-repeat;
	background-image: url(../images/starfooter.png);
	text-indent: 15px;
}
.star   a:hover{
	background-repeat: no-repeat;
	background-image: url(../images/starfooterhover.png);
	text-indent: 15px;
}
.starcurrent   {
	background-repeat: no-repeat;
	background-image: url(../images/starfooterhover.png);
	text-indent: 15px;
}



/********************/
/*  FOOTER SECTION  */
/********************/
.footer p {
	line-height:1.5em;
	text-align:left;
	color:#ff9239;
	font-size:130%;
}
.footer ul {
	list-style: none;
	padding: 0px; 
	margin: 0px;
	line-height: 16px;
}
.footer ul li {
	font-size: 120%;	
	text-indent: 0pt;
	list-style-type: none;
}
.footer p.credits {font-weight:normal;}
.footer a {
	font-size: 110%;
	font-weight: normal;
	text-decoration: none;
	width: 100%;
	display: block;
	border: 0;
}
.footer a:hover  {
	color:#ccc;
	background-repeat: no-repeat;
	background-image: url(../images/starfooterhover.png);
}
.footer a:link {
	color: #ff9239;
	background-repeat: no-repeat;
	line-height: 20px;
}
.footer a:visited {
	color: #ff9239;
	background-repeat: no-repeat;
}
.footer h3 {
	color: #FFF;
	line-height: 12px;
	font-weight: bold;
	font-size: 14px;
	font-family: Georgia, Times, sans-serif;
	margin: 0 0 15px 0;
}

/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:640px; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}

.text {
	font-size: 12px;
	color: #ff9239;
	padding: 3px;
	width: 440px;
}
.bwdbutton  {
	color: #ff9239;
	font-weight: bold;
	font-family: Georgia, Times, sans-serif;
	font-size: 14px;
	margin: 10px 10px 0 -5px;
	background-color: #2a2a2a;
	border: 0;
}

.domaininput{
	clear: left;
	width: 280px;
	height: 50px;
	float: left;
	outline: 0;
}
.input	{
	float: left;
	outline: 0;
}
#addthis  {
	position: absolute;
	margin: 22px 0 0 455px;
}


/******************/
/*  CONTACT FORM  */
/******************/

#contact p, label, legend { font: 1.1em ; }

#contact h1 { font-size: 24px; color: #333333; }
#contact hr { color: inherit; height: 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#contact { display: block; width: 250px; margin: 0; padding: 0;}

/* Form style */

#contact label { display: inline-block; float: left; height: 20px; line-height: 24px; font-size: 1.1em; }

#contact input, textarea { width: 230px; margin: 0 0 5px 0; padding: 5px; color: #fff;  background-image: url(../images/backpat.gif); border: 1px solid #2a2a2a; float: left;}  

#contact select { width: 230px; margin: 0; padding: 5px; color: #fff;  background: #2a2a2a; border: 1px solid #666; float: left;} 
 
#contact input:focus, textarea:focus, select:focus { border: 1px solid #ff9239; }

#contact input.submit { float: right; width: 85px; cursor: pointer; color:#ff9239; font-family: Georgia, Times, sans-serif; display: block;}

#contact input.submit:hover { border: 1px solid #ff9239; }

#contact input[type="submit"][disabled] { background:#888; }

#contact fieldset { padding:0; border: 0; width: 230px;}

#contact legend { padding:0; font-size: 12px; color:#fff; margin-bottom:0 !important;}

#contact span.required{ font-size: 13px; color: #ff9239; }

#message { margin: 0; padding: 0; }

.error_message { display: block; height: 10px;  background: #2a2a2a; padding:0; color:#fff; }

.loader { padding: 0; }

#contact #success_page h1 { color: #ff9239; font-size: 1.5em;}

#contactbottom { margin: 20px 0 5px 0;}

acronym { border-bottom:1px dotted #ccc; }

/******************/
/*  SHOWCASE  */
/******************/

/*preload classes*/ 
.svw {width: 50px; height: 20px; color: #ff9239; 
} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;     
margin: 0 0 1px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: -553px 0 0 670px; 
padding: 0; 
position: absolute; 
list-style: none; 
z-index: 50;
width: 25px;
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font-family: Georgia, Times, sans-serif;
text-align: center; 
line-height: 22px; 
background: #2a2a2a; 
color: #ff9239; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #ff9239; 
color: #2a2a2a; 
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
text-align: left;
} 
#tooltip h3 {  
font-family: Georgia, Times, sans-serif;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
}