@charset "utf-8";
/* CSS Document */

html{height:101%;}

body { /* the main background of the computer screen*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	background-image:url(images/background.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

.mainOuter {/*the main background of the container eg.layout background*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width:900px;
	height:auto;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	color:#333333;
}

.mainContainer{ width:900px; height:auto; float:left;}

.links { /* this is the main outlines for all links within the site*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	font-weight:bold;
	font-size:10px;
}


.h1{font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#FF0000; font-weight:bold;}
.h2{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#363636; font-weight:bold;}
.h3{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#212392; font-weight:bold;}
.h4{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FF0000; font-weight:bold;}
.generalText{ font-family:Arial, Helvetica, sans-serif; font-size:12px;}

/*==========header==========*/
.headerContainer{ width:900px; height:130px; float:left;}
.headerLogo{ width:319px; height:130px; float:left;}
.headerSpace{ width:302px; height:130px; float:left;}
.headerSlogan{ 
	width:279px; 
	height:59px; 
	float:left; 
	font-style:italic; 
	color:#FF0000; 
	font-size:16px; 
	font-weight:bold;
	margin-top:20px;
}

.headerMenuContainer{ width:900px; height:35px; float:left;}
.home{ width:98px; height:35px; float:left; }
.about{ width:96px; height:35px; float:left;}
.sitemap{ width:96px; height:35px; float:left;}
.contact{ width:97px; height:35px; float:left;}
.space{ width:330px; height:35px; float:left;}
.number{ width:171px; height:35px; float:left;}
.numberText{ font-size:18px; color:#FF0000; font-weight:bold; margin-top:5px; text-align:right;}

.menuLinks a{
	width:94px; 
	height:25px; 
	float:left; 
	margin:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#363636;
	text-decoration:none;
	text-align:center;
	padding-top:5px;
}
.menuLinks a:hover{
	width:94px; 
	height:25px; 
	float:left; 
	margin:2px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	background-image:url(images/menu_bg.jpg);
}

/*==========Vertical Menu==========*/
.verticalMenuContainer{ width:220px; height:auto; float:left; margin-top:5px;}
.verticalMenuTop{ width:220px; height:43px; float:left; background-image:url(images/vertical_01.jpg);}
.verticalMenuMiddle{ width:220px; height:auto; float:left; background-image:url(images/vertical_03.jpg);}
.verticalMenuBottom{ width:220px; height:26px; float:left; background-image:url(images/vertical_05.jpg);}

.glossymenu{
margin: 5px 0;
padding: 0;
margin-left:5px;
width: 210px; /*width of menu
border: 1px solid #9A9A9A;
border-bottom-width: 0;*/
}

.glossymenu a.menuitem{
/*background: black url(images/glossyback.gif) repeat-x bottom left;*/
font: bold 14px Arial, Helvetica, sans-serif;
color: #363636;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #363636;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 0px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(images/menu_bg.jpg);
color:#FFFFFF;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid white;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px Arial, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #ebebeb;
colorz: white;
}

.companies{ width:220px; height:222px; float:left; background-image:url(images/header_03.jpg);}
/*==========content==========*/
.contentContainer{ width:680px; height:auto; float:left;}
.contentOutline{width:640px; height:auto; float:left; margin-left:20px;}
.contentTop{width:640px; height:23px; float:left; background-image:url(images/contentTop.jpg);}
.contentCentral{width:640px; height:auto; float:left; background-image:url(images/contentMiddle.jpg);}
.contentBottom{width:640px; height:21px; float:left; background-image:url(images/contentBottom.jpg);}
.contentText{width:620px;	height:auto;	float:left; margin:10px;}
.contentGallery{width:620px;	height:auto;	float:left; margin:5px;}
.contentText a{ color:#212392;}
.textHalf{width:390px;	height:auto;	float:left; margin:10px;}
.imageHalf{width:200px;	height:auto;	float:left; margin-right:10px; margin-top:10px;}
.imageFull{width:600px;	height:auto;	float:left; margin:10px;}
.img{border:double; border-color:#999999;}
.menuTop{width:200px; height:38px; background-image:url(images/productsMenu_01.jpg);}
.menuTopCS{width:200px; height:38px; background-image:url(images/casestudyMenu_01.jpg);}
.menuMiddle{
	width:200px; 
	height:auto; 
	float:left; 
	background-image:url(images/productsMenu_02.jpg);
	background-repeat:repeat-y;		
}
.menuText{width:180px; margin-left:10px; margin-top:10px; line-height:20px;}
.menuText a{color:#363636; text-decoration:none; font-weight:bold; }
.menuText a:hover{ text-decoration:underline; font-weight:bold;}
.menuText a:visited{color:#363636; text-decoration:none; font-weight:bold;}

.benefits{width:640px; height:180px; float:left; background-image:url(images/benefitsBG.jpg); background-repeat:no-repeat;}
.benefitsText{width:280px; height:auto; float:left; margin-left:10px; margin-right:10px; margin-top:16px;}
.benefitsMiddle{width:20px; height:150px; float:left;}
.li{color:#FF0000;}

/*Make sure your page contains a valid doctype at the top*/
#simplegallery1{ //CSS for Simple Gallery Example 1
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
}

#simplegallery1 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
text-align: left;
}

/*==========footer==========*/
.footerContainer{ width:900px; height:25px; float:left; background-image:url(images/footer.jpg);}
.footerLinks{padding-top:5px;}
.footerLinks a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#363636;
}