HTML {
	border: 0px;
	padding: 0px;
	font-size: 12px;   
	margin: 0px;
	vertical-align: baseline;
	font-family: arial;
	outline: 0
}
BODY {
	border: 0px;
	padding: 0px;
	font-size: 12px;   
	margin: 0px;
	vertical-align: baseline;
	font-family: arial;
	color:#4b4b4b;
	line-height:1.8em;
	outline: 0;
	background-image:url(../images/bg_body.jpg);
	background-repeat:no-repeat;
	background-color:#f5f5f5;
}
a:visited {
  font-family: Arial;
  color: #00C3F4;
  text-decoration:none;
}
a:link {
  font-family: Arial;
  color: #00C3F4;
  text-decoration:none;
}
a:hover {
  font-family: Arial;
  color: #00C3F4;
  text-decoration:none;
}
a:active {
  font-family: Arial;
  color: #666666;
  text-decoration:none;
}
hr {
color: #ebebeb;
background-color: #ebebeb;
height: 1px;
}
#wrap {
	border-top: #f9f9f9 1px solid; 
	margin: 20px auto;
	width: 960px;
	background-color: #ffffff;
	moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#c1c1c1', Direction=135, Strength=5); 
}
#header {
	z-index: 10;
	position: relative;
	height:115px;
	padding-right: 20px;
	padding-left: 20px;
	}

.logo{
	margin-top:25px;
	float:left;
	width:340px;
	text-align:left;
}
.head1{
	margin-top:18px;
	float:right;
	width:540px;
	text-align:left;
	bckground-color:#06C;
}


/* mainmenu
================================================== */
#mainmenu {font-family:arial;  width:540px; height:53px; margin-top:10px;}
#mainmenu ul li a:link, #mainmenu ul li a:visited{color: #3D4244; height:53px;}
#mainmenu ul li ul li a:link, #mainmenu ul li ul li a:visited{color: #3D4244;}
#mainmenu ul li a:hover, #mainmenu ul li a.current{ background:#00C3F4;color:#FFFFFF;}
#mainmenu ul{margin:0; padding:0; float:right; list-style-type: none;}
#mainmenu li{line-height:53px;}
#mainmenu ul li{position: relative;display: inline;float: left;z-index:100;font-size:14px; padding-bottom:0px; font-weight:normal;}
#mainmenu ul li a{display: block; padding: 2px 10px 4px 10px; text-decoration: none;}
#mainmenu ul li.active a{padding: 2px 10px 7px 10px; }
#mainmenu ul li.home a{padding-left:0px;}
* html #mainmenu ul li a{display: inline-block;}

.menuseperator{
color:#e5e5e5;
}

#slideshow {
	width:920px;
	line-height:0em;
	text-align:center;	
	padding-right: 20px;
	padding-left: 20px;
}
#pagetitle {
	width:960px;
	height:100px;
	text-align:left;
	background-color:#e9e9e9;
}
#pagetitlecontact {
	width:960px;
	height:100px;
	text-align:left;
	background:url(../images/mast-contact.jpg);
}
#pagetitlecareers {
	width:960px;
	height:100px;
	text-align:left;
	background:url(../images/mast-careers.jpg);
}
#pagetitlemotto {
	width:960px;
	height:575px;
	text-align:left;
	background:url(../images/mast-motto.jpg);
}
#pagetitlepartners {
	width:960px;
	height:100px;
	text-align:left;
	background:url(../images/mast-partners.jpg);
}
#pagetitlecompany {
	width:960px;
	height:100px;
	text-align:left;
	background:url(../images/mast-company.jpg);
}
#pagetitlesolutions {
	width:960px;
	height:100px;
	text-align:left;
	background:url(../images/mast-solutions.jpg);
}
.pagetitleheader {
	font-size:24px;
	padding-left:20px;
	padding-top:30px;	
	text-shadow: 0px 2px 1px #ffffff;
}
	
#content {
	margin-top:25px;
	margin-right: 20px;
	margin-left: 20px;
	border-top:1px solid #e8e8e8;

}
#content2 {
	margin-right: 20px;
	margin-left: 20px;

}
#content3 {
	margin-right: 20px;
	margin-left: 100px;
	text-align:center;

}
#partners {
margin-top:25px;
background:url(../images/partner-bg.gif);
height:175px;
text-align:center;
}
#content-left {
	margin-top: 25px;
	width:450px;
	float:left;
	text-align:left;
}
#content-left2 {
	margin-top: 25px;
	width:550px;
	float:left;
	text-align:left;
}
#column1 {
	margin-top: 25px;
	width:275px;
	float:left;
	text-align:center;
}
#column2 {
	margin-top: 25px;
	margin-left: 33px;
	width:275px;
	float:left;
	text-align:center;
}
#column3 {
	margin-top: 25px;
	margin-left: 32px;
	width:275px;
	float:right;
	text-align:center;
}

#content-right {
	margin-top: 25px;
	width:450px;
	float:right;
	text-align:right;
}

#content-right2 {
	margin-top: 25px;
	width:350px;
	float:right;
	text-align:left;
}
#content-right3 {
	margin-top: 25px;
	width:450px;
	float:right;
	text-align:left;
}
.title{
	font-family:arial;
	font-size:18px;
	color:#4b4b4b;
}
.title2{
	font-family:arial;
	font-size:14px;
	font-weight:normal;
	color:#4b4b4b;
}
.sectionheaders{
	font-family:arial;
	font-size:12px;
	color:#0073BF;
}
#footer {
	height:150px;
	background-color:#666666;
	border-bottom:#363636;
	border-top:#363636;
	margin-top:25px;
	padding-top:5px;
}
.footercolumn1  { 
	float: left;
	display: inline;
	width: 220px;
	text-align:left;
	color:#FFFFFF;
	font-size:12px;
}
.column1  { 
	float: left;
	display: inline;
	width: 220px;
	text-align:left;
	color:#4b4b4b;
	font-size:12px;
}
.footercolumn1 a:link { 
	color:#FFFFFF;
}
.footercolumn1 a:visited { 
	color:#FFFFFF;
}
.footercolumn1 a:hover { 
	color:#00C3F4;
}

.footercolumn2  {
	float: right;
	display: inline;
	width: 300px;
	margin-right:20px;
	text-align:left;
	color:#FFFFFF;
	font-size:12px;
}

.footercolumn2 a:link { 
	color:#00C3F4;
}
.footercolumn2 a:visited { 
	color:#00C3F4;
}
.footercolumn2 a:hover { 
	color:#00C3F4;
}
#footerbottom {
	height:46px;	
	padding-right: 20px;
	padding-left: 20px;
}
.footercolumn3  {
	float: left;
	display: inline;
	width: 300px;
	text-align:left;
	font-size:12px;
	line-height:46px;
}
.footercolumn4  {
	float: right;
	display: inline;
	width: 300px;
	text-align:right;
	font-size:12px;
	line-height:46px;
}	

.phonetext{
	font-family:arial;
	font-size:12px;
	color:#666;
	text-align:right;
}
.bodytext{
	font-family:arial;
	font-size:12px;
	color:#666;
	text-align:left;
}
.clear{
	clear:both;
}
.seperator{
	border-bottom:1px dotted #D3DACD;
	height:15px;
}

.inputform{
font-size:12px;
color:666666;
background-color:#FFFFFF;
border:1px solid #cccccc;
width:200px;
height:18px;
}


/* css used in partners page
================================================== */

.zitem {
	width:125px;
	height:125px;	
	border:1px solid #dddddd;	
	margin:0px 20px 20px 0px;
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
}

.zitem .caption {
	width:125px;
	height:30px;
	background:#00C3F4;
	color:#fff;
	font-weight:bold;
		
	/* fix it at the bottom */
	position:absolute;
	bottom:-1px; /* fix IE issue */
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=70);    /* ie  */
	-moz-opacity:0.7;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.7;    /* for really really old safari */  
	opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */

}

.zitem .caption a {
	text-decoration:none;
	color:#fff;
	font-size:12px;	
	
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
}



.clear {
	clear:both;	
}