/* Page Layout */

#wrapper { 
width: 900px;
margin: 0 auto;
padding: 30px 32px;
background: #fff url(i/shadows.jpg) repeat-y top left;
}

#masthead { height: 50px; }
#logo-area { float: left; width: 348px; }
#nav-area { float: left; width: 541px; margin-top:1px; margin-left:11px; }
#navigation { height:20px; font-size: 13px; background: url(i/line-blue.gif) repeat-x bottom left; padding-bottom:14px;}
/*#navigation { height:35px; font-size: 14px; background: url(i/menu.gif) no-repeat; z-index: 2 !important; position:relative} */

	.menu-1 a#menu-1 {
		background-image:url(i/menu.gif);
		height:21px;
		width:45px;
	}
	.menu-1 a#menu-1:hover, a#menu-1:active {
		background-position:541px 35px;
		color: #FFF;
	}
	.menu-2 a#menu-2 {
		background-image:url(i/menu.gif);
		background-position:-61px 0;
		height:21px;
		width:99px;
	}
	.menu-2 a#menu-2:hover, a#menu-2:active {
		background-position:-60px 35px;
		color: #FFF;
	}
	.menu-3 a#menu-3 {
		background-image:url(i/menu.gif);
		background-position:-177px 0;
		height:21px;
		width:28px;
	}
	.menu-3 a#menu-3:hover, a#menu-3:active {
		background-position:-177px 35px;
		color: #FFF;
	}
	.menu-4 a#menu-4 {
		background-image:url(i/menu.gif);
		background-position:-222px 0;
		height:21px;
		width:71px;
	}
	.menu-4 a#menu-4:hover, a#menu-4:active {
		background-position:-222px 35px;
		color: #FFF;
	}
	.menu-5 a#menu-5 {
		background-image:url(i/menu.gif);
		background-position:-310px 0;
		height:21px;
		width:41px;
	}
	.menu-5 a#menu-5:hover, a#menu-5:active {
		background-position:-310px 35px;
		color: #FFF;
	}
	.menu-6 a#menu-6 {
		background-image:url(i/menu.gif);
		background-position:-367px 0;
		height:21px;
		width:54px;
	}
	.menu-6 a#menu-6:hover, a#menu-6:active {
		background-position:-367px 35px;
		color: #FFF;
	}
	.menu-7 a#menu-7 {
		background-image:url(i/menu.gif);
		background-position:-437px 0;
		height:21px;
		width:85px;
	}
	.menu-7 a#menu-7:hover, a#menu-7:active {
		background-position:-437px 35px;
		color: #FFF;
	}
	
	.link-1 {
		margin-left: 3px !important;
		text-transform:uppercase;
	}
	.link-2 {
		margin-left: 7px !important;
		text-transform:uppercase;
	}
	.link-3 {
		margin-left: 0px;
		text-transform:uppercase;
	}
	.link-4 {
		margin-left: 4px !important;
		text-transform:uppercase;
	}
	.link-5 {
		margin-left: 3px !important;
		text-transform:uppercase;
	}
	.link-6 {
		margin-left: 3px !important;
		text-transform:uppercase;
	}
	.link-7 {
		margin-left: 4px !important;
		text-transform:uppercase;
	}

/* * html  #navigation { padding-bottom:7px; } */
.rotating-element-box { 
	background: #009FD9; 
	width:899px; 
	z-index: 1 !important;
	color:#FFFFFF;
	height:95px;
	text-align:center;
}
.random {
	color: #FFF !important;
	text-decoration: none !important;
}
.random-spacer {
	margin-left: 15px;
	margin-right: 15px;
}
.community-box { height: 80px; /*background:url(i/banner-bg.jpg);*/ width:899px; text-align: center; border: #009FD9 1px solid;}
.teaser-area { padding:14px 0 10px 0; margin:0 auto; z-index: 1 !important; }
.teaser-area .teaser-box , .teaser-area .teaser-box-nospace   { 
	float:left;
	width:191px;
	height:228px;
	border:1px solid #1F82A2; 
	padding:14px;
	background:url(i/line-green.gif) no-repeat;
	overflow:hidden;
}
.teaser-area .teaser-box { margin-right:5px; }
.teaser-area .teaser-t { height:120px; padding-bottom:8px; }
.teaser-area .teaser-b { height:110px; }
.teaser-area .teaser-b  .teaser-b-l { float:left; width:132px; }
.teaser-area .teaser-b  .teaser-b-r { float:left; padding-top:66px; _float:right; }
#teaser-b-r-ie { _margin-top: -135px; _margin-right: 10px; }

#content { _margin-top: -15px; }
#content-home-main { float:left; width:660px; }
#content-home-main-other { float:left; width:899px; }
#content-home-r { float:left; width:230px; padding-left:10px; }
#content-home-L {
	float: left;
	width: 230px;
	padding-left: 10px;
}
#content .gradient-box { padding:14px 20px; background:url(i/box-gradient-bg.jpg) repeat-x left top; }
h1.welcome { font-size:18px; }
#content-home-main h1, #content-home-main h2, .featured-customer-name { font-style:italic; }
.featured-customer-name { color:#7AC141; font-size:14px; font-weight:bold; padding:0; margin:0; }

.portlet { }
.portlet  .portlet-header{
	background-position: left;
	width: 210px;
	height: 25px;
	background: #01ACE2 url('i/portlet-header-r.jpg') no-repeat left;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	padding: 5px 0 0 20px;
}
.portlet-content {
	padding-right: 11px;
}
.portlet-content-inner { 
padding:10px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}
.portlet-content .title, .portlet-content .sub-title  { color:#7AC141; }
.portlet-content .title { font-weight:bold; }
.portlet-content a { color:#7AC141; text-decoration:none; }
.portlet-content a:visited { color:#7AC141; text-decoration:none; }
.portlet-content a:active { color:#7AC141; text-decoration:none; }
.portlet-content a:hover { color:#7AC141; text-decoration:underline; }

#content-main { clear: both; }
.page-title-box { width: 950px; }
.page-title-box div.page-title { float:left; width:910px; }
.page-title-box div.back-button { float:left; width:40px; text-align:right; padding-top:6px; }
.page-title-box div.back-button a { font-weight:bold; }

#footer {
	background-position: left top;
	clear: both;
	background: #01ACE2 url(i/footer-bg_long.png) repeat-x top left;
	padding: 20px;
}
#footerleft {
float:left;
}
#footerright{
float: right;
}
#copyright {
	_margin-top: 15px;
}
#credit {
float: right;
padding: 4px 0 0 10px;
}

/* About Us > Our Team */
div.photo-box-team { float: left; width: 236px; padding-bottom: 20px; text-align: center; }
div.photo-box-team  .member-photo img { border: #666 solid 1px; height: 166px; width: 125px; }
div.photo-box-team  .member-name { padding-top: 6px; }

/* Locations > Sales and Support Offices*/
div.locations-content-l { float:left; width: 500px; }
div.locations-content-r { float:left; width: 400px; }

#subject {
	width: 250px;
	margin-bottom: 10px;
}
#name {
	width: 250px;
	margin-bottom: 10px;
}
#phone {
	width: 250px;
	margin-bottom: 10px;
}
#email {
	width: 250px;
	margin-bottom: 10px;
}
#message {
	width: 500px;
	height: 300px;
}
#contact_status {
	color: #B20000;
	margin-top: 10px;
	margin-bottom: 10px;
}
#contactbutton{
	margin-top: 10px;
}
#comment {
	width: 500px;
	height: 300px;
}
#commentbutton {
	margin-top: 10px;
}
#author {
	width: 250px;
	margin-bottom: 10px;
}
#url {
	width: 250px;
	margin-bottom: 10px;
}

table.logo-col5 { width:100%; width:950px; }
table.logo-col5  td { padding: 6px; text-align: center; }
#footercenter {
	text-align: center;
	padding: 10px 20px 20px 20px;
}
#SocialNetworking{
	padding-bottom: 10px;
}
.oiform {
	height: auto;
}
.oinametext {
	position: absolute;	
	width: 68px;
}
.oinamefield {
	position: absolute;
	width: 190px; /*190*/
	margin-bottom: 20px;
}
 
.oiemailtext {
	position: absolute;
	left: 195px;
	width: 66px;
}
.oiemailfield {
	position: absolute;
	width: 190px; /*190*/
	margin-bottom: 10px;
}
.oifield {
	height: 20px;
	width: 100px;
}
#oierror {
	display: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FF0000;
}
.oisubmit {
	position: absolute;
	width: 200px;
	left: 200px;
	text-align: right;
}
#oisuccess {
	display: none;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: medium;
	font-weight: 600;
	color: #01ACE2;
	margin-bottom: 5px;
}
.ContactTechSupportLink { color:#2C8DC0; text-decoration:none; }
.ContactTechSupportLink:visited { color:#2C8DC0; text-decoration:none; }
.ContactTechSupportLink:active { color:#2C8DC0; text-decoration:none; }
.ContactTechSupportLink:hover { color:#2C8DC0; text-decoration:underline; }