@media screen{

/*Places the menu bar*/
.menu{
	width:900px;
	height:70px;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
}

/*Places the Home menu item*/
.menuHomeItem{
	position:absolute;
	margin-left:345px;
	margin-top:30px;
	border:none;
}

/*Places the Product menu item*/
.menuProductItem{
	position:absolute;
	margin-left:450px;
	margin-top:30px;
}

/*Places the Company menu item*/
.menuCompanyItem{
	position:absolute;
	margin-left:596px;
	margin-top:30px;
}

/*Places the Client menu item*/
.menuClientItem{
	position:absolute;
	margin-left:698px;
	margin-top:30px;
}

/*Places the Contact menu item*/
.menuContactItem{	
	position:absolute;
	margin-left:800px;
	margin-top:30px;
}

/*Places the page banner*/
.pageBanner{
	position:relative;
	width:905px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
}

/*Gives the home page its region and background look*/
.homeBody{
	width:921px;
	height:561px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	background-image:url("../images/sitebodybg.png");
	background-repeat:no-repeat;
	padding-top:10px;
}

/*Gives the product page its region and background look*/
.productBody{
	width:921px;
	height:700px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	background-image:url("../images/productBodyBg.png");
	background-repeat:no-repeat;
	padding-top:10px;
}

/*Gives the software product page its region and background look*/
.softwareProductBody{
	width:921px;
	height:959px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	background-image:url("../images/softwareProductBodyBg.png");
	background-repeat:no-repeat;
	padding-top:10px;
}

/*Gives the network product page its region and background look*/
.networkProductBody{
	width:921px;
	height:1200px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	background-image:url("../images/networkProductBodyBg.png");
	background-repeat:no-repeat;
	padding-top:10px;
}

/*Gives the company page its region and background look*/
.companyBody{
	width:921px;
	height:561px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	background-image:url("../images/companyBodyBg.png");
	background-repeat:no-repeat;
	padding-top:10px;
}

/*Gives the client page its region and background look*/
.clientBody{
	width:920px;
	height:650px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	background-image:url("../images/clientBodyBg.png");
	background-repeat:no-repeat;
	padding-top:10px;
}

/*Gives the contact us page its region and background look*/
.contactUsBody{
	width:920px;
	height:920px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	background-image:url("../images/contactBodyBg.png");
	background-repeat:no-repeat;
	padding-top:10px;
}

/*The body of a page that has a sidebar and a main content bar*/
.pageSplitBody{
	position:relative;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
}
/*Places the page's sidebar*/
.pageSidebar{
	position:relative;
	width:267px;
	margin-top:0px;
	margin-left:0px;
	margin-right:auto;
	float:left;
}

/*The page's main content bar*/
.pageContentBar{
	position:relative;
	width:620px;
	margin-top:0px;
	margin-left:3px;
	margin-right:auto;
	float:left;
}

/*Places the navigation image that specifies the page you're on*/
.navigation{
	position:relative;
	width:900px;
	height:15px;
	margin-left:auto;
	margin-right:auto;
}

/*The body content of a page*/
.pageBodyContent{
	position:relative;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}

/*The body content of the client's page*/
.clientBodyContent{
	position:relative;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	top:0px;
}

/*The body content of the product page*/
.productBodyContent{
	position:relative;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	top:5px;
	border-style:soli;
	border-width:thin;
	border-color:#00F;
}

/*Places the software section on the product page*/
.productSoftwareSection{
	position:relative;
	width:293px;
	margin-left:2px;
	float:left;
}

/*Places the network section on the product page*/
.productNetworkSection{
	position:relative;
	width:293px;
	margin-left:2px;
	float:left;
}

/*Places the infrastructure section on the product page*/
.productInfrastructureSection{
	position:relative;
	width:293px;
	margin-left:2px;
	float:left;
}

/*Places the product section separator*/
.productSectionSeparator{
	position:relative;
	width:1px;
	margin-left:2px;
	margin-right:2px;
	float:left;
}

/*testing*/
.homeOuterSection{
	position:relative;
	top:0;
	width:300px;
	height:215px;
	float:left;
}
/*A body section of the home page*/
.softwareBodySection{
	position:relative;
	background-image:url("../images/sectionSoftwareBodyBg.png");
	top:0;
	left:0;
	width:267px;
	height:217px;
	float:left;
}

/*Testing*/
.innerSection{
	position:relative;
	width:245px;
	height:180px;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
}

/*testing stuff*/
.networkBodySection{
	position:relative;
	background-image:url("../images/sectionNetworkBodyBg.png");
	top:0;
	margin-left:auto;
	margin-right:auto;
	width:267px;
	height:217px;
}

.infrastructureBodySection{
	position:relative;
	background-image:url("../images/sectionInfrastructureBodyBg.png");
	top:0;
	left:0;
	width:267px;
	height:217px;
	float:right;
}

/*Separates a page's section content*/
.separatorContainer{
	position:relative;
	width:75px;
	float:left;
}

/*Places the site footer*/
.siteFooter{
	position:relative;
	width:340px;
	height:14px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
}

/*Gives the text that appear in pages a uniform look*/
p.pageText{
	font-size:13px;
	font-family:"Book Antiqua", Geneva, sans-serif;
	text-align:justify;
	color:#696969;	
}

/*Gives the text that appear in the "Our range of service"section of the company page a unique look*/
ul.ourServiceText{
	font-size:16px;
	font-family:"Book Antiqua", Geneva, sans-serif;
	font-weight:bold;
	text-align:justify;
	color:#696969;	
}

/*Testing*/
p.pageTest{
	font-size:13px;
	font-family:"Book Antiqua", Geneva, sans-serif;
	text-align:justify;
	color:#000000;	
}

/*Gives the text that appear in pages a uniform look, this was specifically created to avoid using a <p> for text directly under a header which adds an undesirable spacing before displaying the text.*/
span.pageText{
	font-size:13px;
	font-family:"Book Antiqua", Geneva, sans-serif;
	text-align:justify;
	color:#696969;
}

span.softwarePageText{
	font-size:13px;
	font-family: "Book Antiqua", Geneva, sans-serif;
	text-align:justify;
	color:#252525;
}

/*Testing*/
span.pageTest{
	font-size:13px;
	font-family:"Book Antiqua", Geneva, sans-serif;
	text-align:justify;
	color:#000000;
}

/*Give the text that appear in an ordered list a uniform color*/
ol{
	font-size:13px;
	font-family:"Book Antiqua", Geneva, sans-serif;
	text-align:justify;
	color:#696969;
}

/* A nuiform background color for the site page */
body{
	background-color:#DFDFDF;
}

/* Places the product summary section*/
.productSummarySection{
	position:relative;
	width:700px;
	margin-left:5px;
	margin-right:auto;
}

/*Places the sage graphical description*/
.sageProductSummary{
	position:relative;
	width:900px;
	height:460px;
	background-image:url("../images/sageSectionBg.png");
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
}

/*Places the synergy hr plus background*/
.synergyHrSummary{
	position:relative;
	width:900px;
	height:460px;
	background-image:url("../images/synergyHrBg.png");
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
}

/*Places the webTma background*/
.webTmaSummary{
	position:relative;
	width:900px;
	height:460px;
	background-image:url("../images/webTmaBg.png");
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
}



/*The body content of the software page*/
.softwarePageBodyContent{
	position:relative;
	width:900px;
	height:500px;
	margin-left:auto;
	margin-right:auto;
	margin-top:1px;	
	border-style:solid;
	border-color:#06F;
	border-width:thin;
}

/*The body content of the network page*/
.networkPageBodyContent{
	position:relative;
	width:900px;
	height:750px;
	margin-left:auto;
	margin-right:auto;
	margin-top:1px;	
	border-style:solid;
	border-color:#06F;
	border-width:thin;
}

/*Places the Juniper device pictures*/
.juniperWanDevice{
	position:relative;
	width:550px;
	margin-left:auto;
	margin-right:auto;
	top:10px;
}

/*Places the Juniper router pictures*/
.juniperRouterDevice{
	position:relative;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	top:10px;
}

/*Places the success picture*/
.successPicture{
	position:relative;
	width:170px;
	float:left;
}

/*Places the customer picture*/
.customerPicture{
	position:relative;
	width:215px;
	float:left;
}

/*Body background for gilat*/
.gilatBodyBg{
	position:relative;
	background-image:url("../images/gilatBodyBg.png");
	width:880px;
	height:700px;
	margin-left:0px;
	margin-top:0px;
}

/*Body background for gilat*/
.libelleContent{
	position:relative;
	width:800px;
	height:600px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	top:20px;
	border-style:solid;
	border-width:thin;
	border-color:#999;
}

/*Places the Libelle Graph*/
.libelleGraph{
	position:relative;
	width:605px;
	height:305px;
	margin-left:auto;
	margin-right:auto;
}

/*Places the list of software product header*/
.softwareProductHeader{
	position:relative;
	width:900px;
	background-image:url("../images/softwareHeaderBg.png");
	margin-left:auto;
	margin-right:auto;
	top:0px;
}

/*Places the list of software product header*/
.networkProductHeader{
	position:relative;
	width:900px;
	background-image:url("../images/productMenuBar.png");
	margin-left:auto;
	margin-right:auto;
	top:0px;
}

/*Places the list of client page header*/
.clientPageHeader{
	position:relative;
	width:900px;
	background-image:url("../images/clientPageBar.png");
	margin-left:auto;
	margin-right:auto;
	top:0px;
}

/*Decorates a hyper link header text placed on the bar with blue background*/
a.barHeader{
	font-family:Calibri;
	font-weight:bold;
	font-size:15px;
	color:#FFF;
	text-decoration:none;
}

/*Places the sage500 description div tag*/
.sage500Description{
	position:relative;
	width:240px;
	height:115px;
	/*border-style:solid;
	border-width:thin;*/
	top:5px;
	left:75px;
	float:left;

}

/*Places the sage500 anchor image*/
.sage500Anchor{
	position:relative;
	width:35px;
	height:107px;
	top:0px;
	left:71px;
	float:left;
}

/*Places the sage1000 anchor image*/
.sage1000Anchor{
	position:relative;
	width:35px;
	height:107px;
	top:0px;
	left:232px;
	float:left;
}

/*Places the sage1000 description div tag*/
.sage1000Description{
	position:relative;
	width:240px;
	height:115px;
	top:5px;
	left:235px;
	float:left;
}

/*Places the sageX3 anchor image*/
.sageX3Anchor{
	position:relative;
	width:35px;
	height:107px;
	top:330px;
	left:-479px;
	float:left;
}

/*Places the sageX3 description div tag*/
.sageX3Description{
	position:relative;
	width:240px;
	height:115px;
	top:330px;
	left:-475px;
	float:left;
}

/*Places the sageLogic anchor image*/
.sageLogicAnchor{
	position:relative;
	width:35px;
	height:107px;
	top:330px;
	left:-319px;
	float:left;
}

/*Places the sageLogic description div tag*/
.sageLogicDescription{
	position:relative;
	width:240px;
	height:115px;
	top:215px;
	left:550px;
	float:left;
}

/*Decorates a hyper link header text*/
a.header{
	font-family:Calibri;
	font-weight:bold;
	font-size:15px;
	color:#00F;
	text-decoration:none;
}

/*Decorates a hyper link thin header text*/
a.thinHeader{
	font-family:"Times New Roman", Times, serif;
	font-size:15px;
	color:#00F;
	text-decoration:none;
}

/*Decorates a plain header text*/
span.header{
	font-family:Calibri;
	font-weight:bold;
	font-size:15px;
	color:#00F;
	text-decoration:none;
}

/*Decorates the hyperlinked product header*/
a.productHeader{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#6666FF;
	text-decoration:none;
}

/*Decorates the Product Description header*/
span.productHeader{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#6666FF;
	text-decoration:none;
}

/*Places the list of product header*/
.productHeader{
	position:relative;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
}

/*Signifies or closes a div tag*/
div.descriptionClosed{
	display:none;
}

/*Signifies that a hyper link header is the currently selected one*/
a.itemChoosen{
	font-family:Calibri;
	font-weight:bold;
	font-size:14px;
	color:#CCCCCC;
	text-decoration:none;
}

/*Decorates the hyperlink mail text*/
a.mailTo{
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	text-decoration:none;
}

/*Decorates the <ul>*/
ul.siteul{
	list-style-image:url("../images/itemBullet.png");
	font-size:13px;
	font-family:"Book Antiqua", Geneva, sans-serif;
	text-align:justify;
	color:#696969;
}

/*Decorates a plain header*/
strong{
	text-decoration:underline;
}

}