body {
 font-family: arial, helvetica, sans-serif;
 padding:0;
 margin:0;
 text-align:center;
 /*font-size: 62.5%/1.5;*/ /*set reference size, to 16px, so ems in relation, ex. 1em = 10px*/
 font-size: 12px;
 }
 
 /*Reset*/
 h1,h2,h3,h4,h5,h6,p { margin:0; padding:0; }

h1 {
font-size: 1.2em;	
}

h2 {
font-size: 1.1em;		
}

h3 {
font-size: 1em;	
}

h4 {
font-size: 1em;	
}

form, fieldset, input, textarea { margin:0; padding:0; font-family: arial, helvetica, sans-serif; font-size:1em; margin-bottom:2px; }

ul, ol, li { margin:0; padding:0; list-style: none; line-height:1.4em; }
img { border:none; padding:0; margin:0; }

/*hides dotted outline when a link is in focus, mainly in IE. To define for accessibility and keyboard tab users*/
:focus {
	outline: 0;
	color:#000000;
	/*background-color:#ffffff;*/ /*set to a discreet background color for all focused on elements and links !*/
}

input:focus, textarea:focus {
	outline: 0;
	background-color:#ffffff; /*set to same as page background color*/
}

a {text-decoration:none; }

/*Site styles*/

body {
background: #ffffff url(http://www.isp-solutions.net/images/bckgrd-tech-long.jpg) repeat-x top left;	
}

a:link {
color: #666666;
}

a:visited {
color: #666666;
}

a:hover {
color:#000000;
}

#container {
margin: 0 auto;
text-align:center;	
font-size:1em;
z-index:100;
position:relative;
width:850px;
}

#language {
position:relative;
top:7px;
left:0px;
height:20px;
width:100px;
z-index:200;
text-align:left;
}

#headercontainer {
position:relative;	
top:0px;
left:0;
}

#header {
float:left;
width:534px;
height:235px;	
}

#logoprofile {
float:left;
width:303px;
}

#logo {
height:90px;
text-align:right;
width:293px;
}

/*profile*/

#profile {
height:125px;
text-align:left;
/*padding-left:90px;*/
}

#profiletxt {
position:relative;
top:85px;
z-index:2;	
}

#profile span {
position:relative;	
}

#profile span.texttech {
left:60px;
top:60px;
}

#profile span.textmana {
left:100px;
top:60px;
}

/* This is to prevent an IE bug that would make the background image stick */
#profile span a:hover {background-color:transparent}

#profile span#tech a {
z-index:1;
color:#fff;
position:absolute;
top:0;left:0;
min-width:109px;
width:109px;
min-height:116px;
height:116px;
background:transparent url(http://www.isp-solutions.net/images/profiletech_off.gif) no-repeat;border:0
}

#profile span#tech a:hover,#profile span#tech a:focus,#profile span#tech a:active {
	background-image: url(http://www.isp-solutions.net/images/profiletech_off.gif)
}


#profile span#mana a {
z-index:1;
color:#fff;
position:absolute;
top:0;left:75px;
min-width:100px;
width:100px;
min-height:116px;
height:116px;
background:transparent url(http://www.isp-solutions.net/images/profilemana_on.gif) no-repeat;border:0
}

#profile span#mana a:hover,#profile span#mana a:focus,#profile span#mana a:active {
	background-image: url(http://www.isp-solutions.net/images/profilemana_off.gif)
}

/*Menu*/

#menu {
width:880px;
clear:both;
text-align:left;	
}

/*Content*/

#contentholder {
left:22px;
position:relative;
text-align:left;
top:20px;
width:831px;
text-align:justify;
}


#leftequal {
border-left:1px solid black;
border-right:1px solid black;
float:left;
margin-right:10px;
min-height:300px;
padding-left:20px;
padding-right:20px;
width:350px;
text-align:justify;
min-height:300px;
height:auto !important;
height:300px;
}


#rightequal {
/*border-right:1px solid black;*/
float:left;
padding-left:20px;
padding-right:10px;
width:369px;
text-align:justify;
min-height:300px;
height:auto !important;
height:300px;
}

/*home page*/

#leftequalhome {
border-right:1px solid black;
float:left;
margin-right:5px;
min-height:300px;
padding-right:5px;
width:408px;
text-align:justify;
min-height:300px;
height:auto !important;
height:300px;
}


#rightequalhome {
/*border-right:1px solid black;*/
float:left;
padding-right:10px;
width:370px;
text-align:justify;
min-height:300px;
height:auto !important;
height:300px;
}

.technewshome {
	height:75px;
	width:365px;
background:transparent url(http://www.isp-solutions.net/images/newstechhome.gif) no-repeat;border:0;
margin-bottom:4px;		
}

.mananewshome {
	height:74px;
	width:365px;
background:transparent url(http://www.isp-solutions.net/images/newsmanagerhome.gif) no-repeat;border:0;
margin-bottom:4px;		
}

p.newstitlehome {
padding-top:36px;
padding-left:18px;
width:325px;	
}

div.summaryinfonewshome {
padding-left:18px;
width:325px;	
}

#introtext {
	margin-bottom:16px;
	width:405px;
}

#introtext h1 {
	margin-bottom:12px;
}

#servicebtnshome {
margin-bottom:10px;	
}

#servicebtnshome img {
margin-right:4px;	
}

/*end homepage*/

#topequalcontact {
margin-bottom:10px;
/*padding-left:20px;*/
padding-right:40px;
}

#leftequalcontact {
float:left;
margin-right:10px;
min-height:120px;
/*padding-left:20px;*/
padding-right:20px;
width:350px;
text-align:justify;
min-height:120px;
height:auto !important;
height:120px;
}


#rightequalcontact {
float:left;
/*padding-left:20px;*/
padding-right:10px;
width:369px;
text-align:justify;
min-height:120px;
height:auto !important;
height:120px;
}

#leftlarge {
border-left:1px solid black;
border-right:1px solid black;
float:left;
margin-right:10px;
min-height:300px;
padding-left:10px;
padding-right:20px;
width:525px;
text-align:justify;
min-height:300px;
height:auto !important;
height:300px;
}

#servicesleft {
	float:left;
	width: 80px;
	border-right:1px solid black;
	padding-top:58px;
	
}

#servicesleft img {
	margin-bottom:4px;	
}

#servicesright {
	float:left;
	width: 430px;
	padding-left:14px;
}

.group1services, .group2services, .group3services, .group4services {
margin-bottom:18px;	
}

.serviceindextxt {
height:76px;	
}

.redtxt {
	
}

.yellowtxt {
	
}

.greentxt {
	
}

.bluetxt {
	
}

#leftlargeservices {
border-left:1px solid black;
border-right:1px solid black;
float:left;
margin-right:10px;
min-height:300px;
padding-left:20px;
padding-right:20px;
width:515px;
text-align:justify;
min-height:900px;
height:auto !important;
height:900px;
}

#leftlarge li, #leftlargeservices li {
list-style-type: disc;
margin-left:20px;
padding-left:4px;	
}

#rightsmall {
/*border-right:1px solid black;*/
float:left;
padding-right:10px;
width:192px;
min-height:300px;
height:auto !important;
height:300px;

}


#leftsmall {
/*border-left:1px solid black;*/
float:left;
margin-right:20px;
min-height:300px;
padding-right:20px;
text-align:justify;
width:100px;
min-height:300px;
height:auto !important;
height:300px;
}


#rightlarge {
border-left:1px solid black;
border-right:1px solid black;
float:left;
padding-right:20px;
padding-left:20px;
width:605px;
text-align:justify;
min-height:300px;
height:auto !important;
height:300px;
}

#leftsmalldatacenter {
/*border-left:1px solid black;*/
float:left;
margin-right:20px;
min-height:300px;
padding-right:20px;
text-align:justify;
width:60px;
min-height:300px;
height:auto !important;
height:300px;
}


#rightlargedatacenter {
border-left:1px solid black;
border-right:1px solid black;
float:left;
padding-right:20px;
padding-left:20px;
width:640px;
text-align:justify;
min-height:300px;
height:auto !important;
height:300px;
}

#rightlargeservices {
border-left:1px solid black;
border-right:1px solid black;
float:left;
padding-right:20px;
padding-left:20px;
width:605px;
text-align:justify;
min-height:1245px;
height:auto !important;
height:1245px;
}

#rightlarge li, #rightlargeservices li {
list-style-type: circle;
margin-left:20px;
padding-left:4px;	
}

/*contact box*/

.contactboxholder {
margin-left:4px;
margin-top:5px;	
}

.contactboxleft {
background:transparent url(http://www.isp-solutions.net/images/contactboxleft.gif) no-repeat;
width:7px;
height:63px;	
float:left;
}

.contactboxcenter {
background:transparent url(http://www.isp-solutions.net/images/contactbar.gif) repeat-x;
width:352px;
height:63px;	
float:left;
padding-top:6px;	
}

.contactboxright {
background:transparent url(http://www.isp-solutions.net/images/contactboxright.gif) no-repeat;	
width:6px;
height:63px;	
float:left;
}

/*news*/

p.newstitle {
margin-top:6px;	
}

p.newstitlebeforenext {
margin-top:6px;	
margin-bottom:16px;		
}

p.newstitle span {
font-weight:bold;	
}

/*buttons mana and tech*/

.buttontitle {
padding-bottom:6px;	
}

/*boites de droite*/

.boxholder {
	font-size:0.9em;
}

.boxtop {
background:transparent url(http://www.isp-solutions.net/images/boxtop.gif) no-repeat;
width:225px;
height:9px;	
}

.boxcontent {
background:transparent url(http://www.isp-solutions.net/images/boxinner.gif) repeat-x;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
height:134px;
margin-left:2px;
width:200px;
padding-left:10px;
padding-right:10px;	
text-align:left;
}

.boxcontent img {
padding:4px 10px 4px 4px;	
}

.boxbottom {
background:transparent url(http://www.isp-solutions.net/images/boxbottom.gif) no-repeat;	
width:225px;
height:9px;	
}


/*content of pages*/

.extrainfo {
background-color:#dddcdc;	
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
}

.extrainfonews {
background-color:#dddcdc;	
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
}

/* partenaires */

.partenaireitem {
	clear:both;
	height: 7em;
	
}

.partenairelogo {
float:left;
width:175px;
	
}

.partenairetext {
	float:left;
	text-align:justify;
	width:616px;
}

/* news */

#newscontent {
width:780px;	
}

#footer {
bottom:-50px;
clear:both;
display:block;
font-size:0.8em;
height:40px;
position:relative;	
}

/* datacenter */

#datacenterphotos {
text-align:center;
	
}


/*for full width pages div*/

#fullfixwidth {
padding-right:40px;
}

.showbullets ul, .showbullets li, .showbullets ol {
list-style-type: disc;	
margin-left:6px;
padding-bottom:4px;
}


/*bread crum*/

#breadcrum {
color:#666666;
font-size:0.95em;
margin-left:20px;
text-align:left;
}

#servicesNav,#servicesNavAct, #datacenterNav,#datacenterNavAct, #materielNav,#materielNavAct, #newsNav, #newsNavAct, #partenairesNav, #partenairesNavAct,#entrepriseNav, #entrepriseNavAct, #contactNav, #contactNavAct{
 background-repeat:no-repeat;
 display:block;
 width:98px;
 height:66px;
 text-indent:-2000px;
 float:left;
}
#servicesNav{background-image:url(../images/nav/services_off.gif);}
#servicesNav:hover, #servicesNavAct {background-image:url(../images/nav/services_on2.gif);}
#datacenterNav{background-image:url(../images/nav/datacenter_off.gif);}
#datacenterNav:hover, #datacenterNavAct{background-image:url(../images/nav/datacenter_on2.gif);}
#materielNav{background-image:url(../images/nav/materiel_off.gif);}
#materielNav:hover, #materielNavAct{background-image:url(../images/nav/materiel_on2.gif);}
#newsNav{background-image:url(../images/nav/news_off.gif);}
#newsNav:hover, #newsNavAct{background-image:url(../images/nav/news_on2.gif);}
#partenairesNav{background-image:url(../images/nav/partenaires_off.gif);}
#partenairesNav:hover, #partenairesNavAct{background-image:url(../images/nav/partenaires_on2.gif);}
#entrepriseNav{background-image:url(../images/nav/entreprise_off.gif);}
#entrepriseNav:hover, #entrepriseNavAct{background-image:url(../images/nav/entreprise_on2.gif);}
#contactNav{background-image:url(../images/nav/contact_off.gif);}
#contactNav:hover, #contactNavAct{background-image:url(../images/nav/contact_on2.gif);}

.border{
float:left;
	}
	
.clear{
clear:both;
}