* {
margin: 0px;
padding: 0px;
}
#container {
width: 98%;
margin: 0px 0px 0px 0px;
padding: 0px;
}



#borderTop { 
width: 100%;
height: 10px;
display: block;
clear: both;
background: url(../img/border-top.jpg) repeat-x;
}
.borderTop { 
width: 100%;
height: 10px;
display: block;
clear: both;
background: url(../img/border-top.jpg) repeat-x;
}



#mainContent {
	height:100%;
	padding-left: 9px;
	float: left;
	background: url(../img/border-left.jpg) repeat-y left;
	width:99%;
}


.footerContent {
width: 97%;
margin: 0px;
padding-left:7px;
padding-right:5px;
float: left;
background: url(../img/border-left.jpg) repeat-y left;
}
.menuItem
{
width: 100%;
text-align: center;
vertical-align:middle;
height:30px;
float: left; 
position: relative;
 
}
.menuTxt {
vertical-align: middle;
text-align:center;
height:30px;
width:150px;
padding-left:3px;
text-decoration: none;
letter-spacing: 2px;
color: #79797A;
font-size: 12px;
font-weight: bold;
border-bottom:1px solid #D7D7D7;
background: url(../img/nav-btn-bg.gif) repeat right top;   
}
.dynamicText
{
    width:275px;
    text-align:left;
    padding-left:10px;
    padding-right:20px;
    font-weight:lighter;
    color:#000000;  
    height:25px;
    border-bottom:1px solid #D7D7D7;
	background: url(../img/subnav-btn-bg.gif) repeat right top;   
	filter: Shadow(Color=#555555, Direction=315);
 }
 
#TopBackMenu {
height: 30px;
background: transparent url(../img/nav-main-bg.gif) repeat-x left bottom;
border-bottom: 1px solid #d7d7d7;
}

.TopMenu {
width: 100%;
padding-left: 43px;
float: left; 
position: absolute;
background: url(../img/nav-btn-bg.gif) no-repeat right top;
}

#navigation li {
width: 24%;
display: block;
float: left;
background: url(../img/nav-btn-bg.gif) repeat-x;
position: relative;
}

#navigation a, #navigation a:visited {
width: 100%;
text-align: center;
padding: 8px 0px;
float: left;
text-decoration: none;
letter-spacing: 2px;
color: #79797A;
font-size: 12px;
font-weight: bold;
border-left: 1px solid #D8D8D8;
}
#navigation a:hover{
color: #EC008C;
}
#navigation a.btnAdd, #navigation  a.btnAdd:visited {
width: 35px;
}
#navigation a.btnAdd:hover {
color: #EC008C;
}
ul {
list-style-type: none;
}
body {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
min-width:850px;
}
#borderTop { 
width: 100%;
height: 10px;
display: block;
background: url(../img/border-top.jpg) repeat-x;
}
#borderBottom { 
width: 98%;
margin: 0%;
height: 14px;
display: block;
clear: both;
background: url(../img/border-bottom.jpg) repeat-x;
}

#menu { 
width:100%;
height:100%;
float: left;
z-index:1;
background: url(../img/menu-bg.jpg) repeat-x;
}
#menuBorderLeft { 
background:url(../img/border-left.jpg) repeat-y;
width:9px;
height:148px;
float: left;
}
#menuBorderRight {
width:13px;
height:148px;
float: right;
background: #fff url(../img/menu-border-right.jpg) no-repeat right;
}

#header { 
border-bottom:1px solid #FFFFFF;
display: block;
background:transparent url(../img/header.jpg) no-repeat;
z-index:-1;
border-left:1px solid #fff;
float:left;
width:820px;
}

#headerImg { 
height: 102px;
}
#headerTxt {
position:absolute;
right:0px;
}
#headerTxt p {
color: #fff;
text-align:right;
font-size: 18px;
letter-spacing: 3px;
padding-top: 70px;
padding-right:21px;
font-weight: bold;
}
#headerTxt a, #headerTxt a:visited {
color: #fff;
text-decoration: none;
}
#headerTxt a:hover {
text-decoration: underline;
}

.serviceSub {
width: 200px;
top: 29px;
left: 0px;
padding: 0px 0px; 
background-color: #DEDFDC;
position: absolute;
display: none;
border-top: 1px solid #fff;
}

.addSub {
width: 150px;
top: 31px;
left: 0px;
padding: 5px 0px; 
background-color: #EC1A96;
position: absolute;
display: none;
border-top: 1px solid #fff;
}


#content {
width: 100%;
float: left;
margin: 20px 0px;
}

#homeColLeft {
width: 40%;
padding: 0% 1%;
float: left;
border-right: 1px solid #E8E8E5;
}

#homeColMid {
width: 28%;
/*width: 355px;*/
padding: 0% 1%;
float: left;
border-right: 1px solid #E8E8E5;
}

#homeColRight {
width: 28%;
/*width: 380px;*/
padding: 0% 1%;
float: left;
}

#homeColWide {
width: 80%;
padding: 0% 1%;
float: left;
border-right: 1px solid #E8E8E5;
}


#special_add 
{
	margin-top:-32px;
	margin-left:142%;
}

.tableStyle1 {
width: 40%;
/*width: 375px;*/
float: left;
background: url(../img/nav-btn-bg.gif) repeat-x;
border-left: 1px solid #D8D8D8;
border-right: 1px solid #D8D8D8;
}

.dataBox {
width: 98%;
left:10;
float:left;
overflow:auto;
margin-right: 4px;
margin-left: 1px;
background-color: #DEDFDC;
border-right: 1px solid #DEDFDC;
border-left: 1px solid #DEDFDC;
border-right: none;
}
.InnerDiv
{
    padding: 10px 0px 5px;
    cursor:text;
}
.dataBoxTitle 
{
float: right;
height: 30px;
width: 25%;

}
.dataBoxTitle ul 
{
width: 100%;
float: right;
border-right: 1px solid #D1D1D1;
}
.dataBoxTitle ul li{
width: 27px;
float: right;
display: block;

}
.borderStyle1 {
/*border-right: 1px solid #D1D1D1;*/
}
a.btnDataMenu, a.btnDataMenu:visited { 
width: 100%;
height: 25px;
display: block;
float: left;
padding:2px 2px 2px 2px;
background: url(../img/moveable-box-btn-drop.gif) no-repeat center;
padding-right:0px;
}
a.btnDataMenu:hover {
color: #EC008C;
}
a.btnDataSmall, a.btnDataSmall:visited {
width: 27px;
height: 28px;
display: block;
float: left;
background: url(../img/moveable-box-btn-smaller.gif) no-repeat center;
}
a.btnDataSmall:hover {
color: #EC008C;
}
a.btnDataClose, a.btnDataClose:visited { 
width: 27px;
height: 28px;
display: block;
float: left;
background: url(../img/moveable-box-btn-close.gif) no-repeat center;
}
a.btnDataClose:hover {
color: #EC008C;
}
.titleText {
/*width: 66%!important;*/
/*width: 265px;*/
/*height: 24px; */
color: #79797A;
font-size: 16px;
padding: 6px 0px 4px 1%;
letter-spacing: 2px;
float: left;
}

.boxSep {
float: left;
width: 100%;
/*width: 356px;*/
padding: 0px!important;
_margin: 0px;
height: 2px!important;
padding: 0px;
display: block;
background: url(../img/content-block-seperator.gif) repeat-x bottom;
border-bottom: 1px solid #fff;
margin: 8px 0px 5px;
}

.BoxNewsFloat {
width: 96%;
float: left;
border-bottom: 1px solid #C0C0BE;
padding: 10px 0px 5px;
margin: 0px 1%;
}

.BoxNewsFloat li{
float: left;
width: 58%;
/*width: 240px;*/
color: #79797A;
font-size: 11px;
line-height: 16px;
}

.BoxNewsFloat li.newsImg {
float: left;
width: 40%!important;
}
a.linkTrial, a.linkTrial:visited {
font-weight: bold;
float: right;
color: #79797A;
letter-spacing: 2px;
text-decoration: none;
background: url(../img/bullet-arrow.gif) no-repeat right center;
padding: 5px 10px 5px;
margin-right: 8px; 
}
a.linkTrial:hover {
color: #EC008C;
}
a.linkLoginTrail, a.linkLoginTrail:visited {
font-weight: bold;
float: left;
color: #79797A;
padding-left:10px;
letter-spacing: 2px;
text-decoration: none;
}

a.linkLoginTrail:hover {
color: #EC008C;
}

a.linkLogin, a.linkLogin:visited {
font-weight: bold;
float: right;
color: #79797A;
letter-spacing: 2px;
text-decoration: none;
}

a.linkLogin:hover {
color: #EC008C;
}
a.linkMore, a.linkMore:visited {
font-weight: bold;
float: right;
color: #79797A;
letter-spacing: 2px;
text-decoration: none;
padding: 5px 10px 5px;
margin-right: 8px;
}
a.linkMore:hover {
color: #EC008C;
}
.portList {
width: 100%;
/*width: 356px;*/
float: left;
}
.portList li {
width: 90%;
/*width: 336px;*/
float: left;
padding: 5px 0px;
border-bottom: 1px solid #C0C0BE;
margin: 0px 10px;
_margin: 0px 5px;
}
.portList img {
float: left;
cursor:pointer;
}
.portList a, .portList a:visited {
float: left;
width: 60%;
height: 42px;
color: #79797A;
letter-spacing: 2px;
text-decoration: none;
padding: 0px 0px 0px 0px;
font-size: 14px;
cursor:pointer;
}

.portList a:hover {
color: #EC008C;
}

#footer {
float: left;
width: 100%;
/*width: 1261px;*/
border-top: 1px solid #DDDEDB;
}
#footer p {
width: 100%;
float: left;
font-size: 10px;
text-align: center;
padding-bottom: 0px;
font-weight: bold;
line-height: 18px;
}
#footer a, #footer a:visited {
color: #79797A;
font-size: 10px;
text-decoration: none;
padding: 0px;


}
#footer a:hover {
text-decoration: underline;
}

.footerList {
    text-align:center;
    width: 100%;
}

.footerList li {
display: inline;
color: #79797A;
font-size: 10px;
text-decoration: none;
}

.inputStyle1 {
width: 85%;
margin: 0px 10px 10px 10px;
}
.inputStyle2 {
width: 220px;
}
.last {
background: none!important;
border: none!important;
}

.listStyle1 {
/*padding-left: 170px;*/
float: right;
}

.listRight {
padding-left: 12px;
float: left;
width:50%
border: 1px solid red;
}
.listLeft li {
float: left;

}
.listStyle1 li {
float: left;
width: 115px;
}
.textStyleLrg {
text-align: center;
padding: 8px 5px;
text-decoration: none;
letter-spacing: 2px;
color: #79797A;
font-size: 12px;
font-weight: bold;
}

#intContBottom {
width: 78%;
padding: 0 0 0 20px;
float: left;
}
.intBoxLeft {
width: 47%;
float: left;
border-right: 1px solid #C0C0BE;
padding-right: 2%;
}
.intBoxRight {
width: 48%;
float: left;
padding-left: 2%;
}
.intBoxLeft ul{
float: left;
color: #79797A;
font-size: 11px;

padding: 10px 0px;
border-top: 1px solid #C0C0BE;
}
.intBoxRight ul{
float: left;
color: #79797A;
font-size: 11px;
padding: 10px 0px;

border-top: 1px solid #C0C0BE;
}
.intBoxLeftLast {
width: 47%;
float: left;
border-right: 1px solid #C0C0BE;
padding-right: 2%;
}
.intBoxRightLast {
width: 48%;
float: left;
padding-left: 2%;
}
.intBoxLeftLast ul{
float: left;
color: #79797A;
font-size: 11px;

padding: 10px 0px;
border-top: 1px solid #C0C0BE;
border-bottom: 1px solid #C0C0BE;
}
.intBoxRightLast ul{
float: left;
color: #79797A;
font-size: 11px;
padding: 10px 0px;
border-top: 1px solid #C0C0BE;
border-bottom: 1px solid #C0C0BE;
}
.intBoxRight li {
line-height: 16px;
}
.intBoxLeft li {
line-height: 16px;
}
.intBoxRight li.intBoxImg {
float: left;
width: 130px;
}
.intBoxLeft li.intBoxImg {
float: left;
width: 130px;
}

.intBoxRightLast li {
line-height: 16px;
}
.intBoxLeftLast li {
line-height: 16px;
}
.intBoxRightLast li.intBoxImg {
float: left;
width: 130px;
}
.intBoxLeftLast li.intBoxImg {
float: left;
width: 130px;
}
#intContBottom a, #intContBottom a:visited {
color: #79797A;
text-decoration: none;
font-weight: bold;
}
#intContBottom a:hover {
color: #EC008C;
}

h1 {
color: #EC008C;
font-size: 27px;
font-weight: normal;
padding-bottom: 10px;
}
para
{    
font-size: 12px;
font-weight: normal;
font:arial;
color: #79797A;
line-height: 3px;
padding-bottom: 5px;
}
p {
color: #79797A;
line-height: 22px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;

}

.basicTxt {
color: #79797A;
line-height: 22px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.lrgText {
font-size: 15px;
font-weight: normal;
}

.clear { clear: both; }

.rightcol { width: 26%; float: left; padding: 0.5em; margin: 0.5em; }
.leftcol { width: 26%; float: left; padding: 0.5em; margin: 0.5em; }
.widget_header { width: 100%; padding-top: 0.1em; padding-bottom: 0.1em; margin: 0em; font-size: 100%; font-weight: normal; cursor: move; background-color: #f0f0f0; overflow: hidden;  }
.widget_header_new { width: 100%; padding-top: 0.1em; padding-bottom: 0.1em; margin: 0em; font-size: 100%; font-weight: normal; cursor: move; background-color: #f0f0f0; overflow: hidden; }
.widget { position: relative; left: 0px; top: 0px; margin-bottom: 1em; background-color: #eee; }
.widget_dropcue { border: dashed 1px gray; display:none; margin-bottom: 1em; }

.DragBox {
	PADDING-LEFT: 2px; 
	FONT-SIZE: 10px; 
	MARGIN-BOTTOM: 5px; 
	PADDING-BOTTOM: 2px; 
	WIDTH: 98%; 	
	PADDING-TOP: 2px; 	
	FONT-FAMILY: verdana, tahoma, arial; 
	BACKGROUND-COLOR: #eee;
	max-width: 400px;	
}

.PanelBox {	
	FONT-SIZE: 10px; 	
	WIDTH: 45%; 	
	PADDING-TOP: 2px; 	
	FONT-FAMILY: verdana, tahoma, arial; 
	BACKGROUND-COLOR: #eee;
	max-width: 400px;	
}

#intContent {
width: 52%;
margin: 0% 2%;
float: left;
border:1;
border-right: 1px solid #E8E8E5;
}

#intContent2 {
float:left;
margin:0 2%;
width:80%;
}

#address 
{
float:left;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-align:left;
}

.SelectMap 
{
padding-top:30px;
color: #79797A;    
float:left;
font-size: 15px;
font-weight: normal;
margin: 0% 0%;
}

#ListItem
{
font-size: 15px;
font-weight: normal;    
}

#intContBottom {
width: 78%;
padding: 0 0 0 20px;
float: left;
}
.intBoxLeft {
width: 47%;
float: left;
border-right: 1px solid #C0C0BE;
padding-right: 2%;
}
.intBoxRight {
width: 48%;
float: left;
padding-left: 2%;
}
.intBoxLeft ul{
float: left;
color: #79797A;
font-size: 11px;

padding: 10px 0px;
border-top: 1px solid #C0C0BE;
}
.intBoxRight ul{
float: left;
color: #79797A;
font-size: 11px;
padding: 10px 0px;

border-top: 1px solid #C0C0BE;
}
.intBoxLeftLast {
width: 47%;
float: left;
border-right: 1px solid #C0C0BE;
padding-right: 2%;
}
.intBoxRightLast {
width: 48%;
float: left;
padding-left: 2%;
}
.intBoxLeftLast ul{
float: left;
color: #79797A;
font-size: 11px;

padding: 10px 0px;
border-top: 1px solid #C0C0BE;
border-bottom: 1px solid #C0C0BE;
}
.intBoxRightLast ul{
float: left;
color: #79797A;
font-size: 11px;
padding: 10px 0px;
border-top: 1px solid #C0C0BE;
border-bottom: 1px solid #C0C0BE;
}
.intBoxRight li {
line-height: 16px;
}
.intBoxLeft li {
line-height: 16px;
}
.intBoxRight li.intBoxImg {
float: left;
width: 130px;
}
.intBoxLeft li.intBoxImg {
float: left;
width: 130px;
}

.intBoxRightLast li {
line-height: 16px;
}
.intBoxLeftLast li {
line-height: 16px;
}
.intBoxRightLast li.intBoxImg {
float: left;
width: 130px;
}
.intBoxLeftLast li.intBoxImg {
float: left;
width: 130px;
}
#intContBottom a, #intContBottom a:visited {
color: #79797A;
text-decoration: none;
font-weight: bold;
}
#intContBottom a:hover {
color: #EC008C;
}

#headerImg p {
color: #fff;
width: 420px;
float: right;
font-size: 18px;
letter-spacing: 3px;
padding-top: 70px;
font-weight: bold;
}
#headerImg a, #headerImg a:visited {
color: #fff;
text-decoration: none;
}
#headerImg a:hover {
text-decoration: underline;
}

.bold {
font-weight: bold;
}

.textbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0 0 0 0;
	margin: 2px 0 0 2px;
	border: 1px solid Black;
	font-size: 15px;
	width:100%;
    font-weight: normal;
    color: #79797A;
}

.buttons {
	border: 1px solid Black;
	background-color: #DEDFDC;
	font-size: 15px;
    font-weight: normal;
	color: Gray;
}

.Pingbutton {
	border: 1px solid Black;
	background-color: #DEDFDC;
	font-size: 11px;
    font-weight:bold; 
	color: Gray;
}

.ErrMsg
{
     font-weight: normal;
     color: #79797A;
    color:red;
}

.mainBorderRight {
width: 100%;
margin: 0px;
padding: 0px;
overflow:hidden;
float: left;
background: #fff url(../img/border-right.jpg) repeat-y right;
}

.defaultText {
    color: #79797A;
    font-size: 11px;
    line-height: 16px;         
}
.InfoWindow
{
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
.InfoWindowSize
{
    width:5px;
}
.ContactUstext
{
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
}

.modalBackground
{
 background-color:#DFDFDF;
 filter:alpha(opacity=70);
 opacity:0.7;
 z-index:10000000000;  
}

.BoxPortFloat {
width: 96%;
float: left;
border-bottom: 1px solid #C0C0BE;
padding: 10px 0px 5px;
margin: 0px 1%;
}

.BoxPortFloat li{
color: #79797A;
font-size: 11px;
line-height: 16px;
}

.BoxPortFloat li.newsImg {
float: left;
width: 40%!important;
}
.BoxPortFloat li
{
float:right;
width: 50%!important;
}

.portData {
width: 90%;
/*width: 336px;*/
float: left;
padding: 5px 0px;
border-bottom: 1px solid #C0C0BE;
border-top:0px;
margin: 0px 10px;
_margin: 0px 5px;
cursor:hand;
}
.intTopNews {
width: 87%;
float: left;
border-right: 1px solid #C0C0BE;
padding-right: 2%;
}

.black_overlay{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;    
    background-color: silver;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}
.white_content {
    display: none;
    position: absolute;
    top: 10%;
    left: 10%;
    width: 737px;
    height: 650px;
    padding: 16px;
    border: 16px solid orange;
    background-color: white;
    z-index:1002;
    overflow: auto;
}

.leftAlignNews {
float:left;
width:60%;
}
.BoxNewsFloat {
width: 96%;
float: left;
padding: 10px 0px 5px;
margin: 0px 1%;
border-bottom: 1px solid #C0C0BE;
}
.leftAlignNewsImg
{
    width:10%!important;
}


#topnavBG { width:100%; height:41px; background:url(../images/currant-group-nav-bg.png) repeat-x left top;}
#topnav { height:41px; background: url(../images/currant-group-nav-bar.png) no-repeat left top; position:relative;  z-index:1;}
#topnav ul { padding:0; margin:0; list-style:none; width:100%; margin:0 auto;}
#topnav table {border-collapse:collapse; margin:-1px -10px;}
#topnav ul ul {position:absolute; left:-9999px;}
#topnav ul li a b {position:absolute; left:-9999px;}

#topnav ul li { float:left; padding:0 0 0 0;}
#topnav ul li a {display:block; height:30px;}
#topnav ul li#home {width:124px;padding-left:9px; margin-top:9px;}
#topnav ul li#design {width:124px; margin-top:9px;}
#topnav ul li#web {width:123px; margin-top:9px;}
#topnav ul li#find {width:124px; margin-top:9px;}
#topnav ul li#send {width:124px; margin-top:9px;}



#topnav ul li:hover {position:relative;}
#topnav ul li a:hover {border:0; position:relative;}


#topnav ul a:hover ul {left:0px; top:24px; padding:0px; border:0px; border-top:0;}
#topnav ul li:hover ul {left:0px; top:24px; padding:0px; border:0px; border-top:0;}

#topnav ul :hover ul li {padding:0; float:left;}

#topnav ul :hover ul#subhome {width:322px; height:131px; position: absolute; left: 10px; background:transparent url(../images/top-nav-currant-roll.png) no-repeat left;}
#topnav ul :hover ul#subhome li a {display:block; height:131px; width:322px;}

#topnav ul :hover ul#subdesign {width:325px; height:134px; position: absolute; left: 0px; background:transparent url(../images/top-nav-design-roll.png) no-repeat left;}
#topnav ul :hover ul#subdesign li a {display:block; height:134px; width:325px;}

#topnav ul :hover ul#subweb {width:368px; height:344px; position: absolute; left: 0px; background:transparent url(../images/top-nav-web-roll.png) no-repeat left;}
#topnav ul :hover ul#subweb li a {display:block; height:114px; width:368px;}

#topnav ul :hover ul#subfind {width:367px; height:185px; position: absolute; left: 0px; background:transparent url(../images/top-nav-find-roll.png) no-repeat left;}
#topnav ul :hover ul#subfind li a {display:block; height:185px; width:367px;}

#topnav ul :hover ul#subsend {width:419px; height:300px; position: absolute; left: -115px; background:transparent url(../images/top-nav-send-roll.png) no-repeat right;}
#topnav ul :hover ul#subsend li a {display:block; height:150px; width:419px;}


#topnav ul li#google_cs {
	margin:0px;
	padding-top:14px;
	float: right;
	width: 188px;
	height:27px;
	z-index: 500;
	background-image:url(../images/currant-group-search.png);
}

.google_cs_input {
	color:#8A008A;
	width: 113px;
	margin: 0px 0px 0px 35px;
	border-width: 0px;
	background-color: transparent;
	color: #444444;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

INPUT.nav-bar-button {
	position: relative;
	top: 3px;
	width: 7px;
	height: 14px;
	margin: 2px 0px 0px 6px;
}

#clear {clear: both; margin: 0px}