/*
-----------------------------------------------------
Proiv-Solutions 
Base styles for screen 
FileName:    base.css
Version:     2006.06.12
-----------------------------------------------------
*/



/*
Main Elements
---------------------------
*/
	
html body {
	font-size:x-small;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color:#666666;
	margin:0;
	padding:0;
	text-align:center;
	background:#FFF url("/images/bgr/bgrTexture.gif") repeat top left;
	voice-family: "\"}\"";
	voice-family:inherit;
  	font-size:small;
	
	} html>body {font-size:small;}

body.basic {
	
	width:640px;
	text-align:left;
	padding:25px;
	background:#FFF;
	}

body.basic h2, body.basic p, body.basic form { margin-left:0; }
body.basic h2 { color:#1B6BAE;}



/*
Links LVHA
---------------------------
*/

a {
  color: #90B2D3;
  text-decoration: none;
  }

a:link {
  color: #90B2D3;
  text-decoration: none;
  }

a:active {
  text-decoration: none;
  }

a:hover {
  color: #BCD1E4;
  text-decoration: none;
  }

a:visited {
  color: #90B2D3;
  text-decoration: none;
  }

a:visited:hover {
  color: #BCD1E4;
  text-decoration: none;
  }


h3 a {
  color: #FF9800;
  text-decoration: none;
  }

h3 a:link {
  color: #FF9800;
  text-decoration: none;
  }

h3 a:active {
  text-decoration: none;
  }

h3 a:hover {
  color: #FF9800;
  text-decoration: underline;
  }

h3 a:visited {
  color: #FF9800;
  text-decoration: none;
  }

h3 a:visited:hover {
  color: #FF9800;
  text-decoration: underline;
  }



/*
Page structure
---------------------------
*/

#wrap {
	position:relative;
	width:800px;
	background:#FFF;
	padding:0;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	font-size:90%;
	}
	
#header {
  height:80px;
  /*background:#0065C3 url("/images/bgr/header2.gif") no-repeat top left;*/
  background:#0065C3;
  }

#header #logo {
  padding-top:10px;
  padding-left:10px;
  }

#footer {
  background-color:#A6A6A6;
  color:#FFF;
  }

#footer p {
  margin:0;
  padding:4px 10px;
  }

#main {
  border-right:4px solid #A6A6A6;
  border-left:4px solid #A6A6A6;
  border-top:4px solid #A6A6A6;
  margin-top:1px;
  padding-top:10px;
  padding-bottom:20px;
  background:#FFF; /*url("/images/bgr/bodyBgr.gif") no-repeat bottom left;*/
  }


#nav {
  width:800px;
	background-color:#F0F0F0;
  }

#nav ul {
  border-bottom:4px solid #FF9800;
  width:800px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav li {
  position:relative;
	display: block;
	float: left;
	text-align:center;
	background-color:transparent;
	background-image: url(/images/navButtonLeftInactive.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin:10px 0 0 1em;
	padding:0;
}

#nav a {
  position:relative;
	display: block;
	width:80px;
	background-image: url(/images/navButtonRightInactive.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 0.6em 1em;
	color: #666;
	text-decoration: none;
}

#nav .active a {
	background-image: url(/images/navButtonRight.gif);
	color: #666;
}

#nav .active {
	background-image: url(/images/navButtonLeft.gif);
}

/* easy clearing */
#nav ul:after
	{
	content: '[IGNORE ME]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#nav ul
	{
	display: inline-block;
	}
/*\*/
#nav ul
	{
	display: block;
	}
/* end easy clearing */

.page-banner {
  margin-right:auto;
  margin-left:auto;
  text-align:center;
  }


.colwrap h2, .colwrap h3 {
  margin-top:0;
  }

.colwrap h2 {
  font-weight:normal;
  color:#0072FF;
  }

#fp.colwrap {
  margin-top:10px;
  }

/* easy clearing */
.colwrap:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.colwrap
	{
	display: inline-block;
	margin-top:0px;
	}
/*\*/
.colwrap
	{
	display: block;
	}
/* end easy clearing */

.content {
  padding:10px;
  }

#col1
	{
	float: left;
	width: 280px;
	margin-left:10px;
	}
#col2
	{
	float: left;
	width: 470px;
	margin-left:10px;
	}


#fp #col1
	{
	float: left;
	width: 400px;
	margin-left:10px;
	}
#fp #col2
	{
	float: left;
	width: 170px;
	margin-left:10px;
	background:#FFF url("/images/bgr/colBorder.gif") repeat-y left top;
	}
#fp #col3
	{
	float: left;
	width:180px;
	margin-left:10px;
	background:#FFF url("/images/bgr/colBorder.gif") repeat-y left top;
	}


#col1, #col2, #col3
	{
	/*padding-bottom: 32767px;
	margin-bottom: -32767px;*/
	}
.colwrap
	{
	overflow: hidden;
	}


/* Corner boxes */
.rbtop div {
	background: url(/images/bgr/boxTL.gif) no-repeat top left;
}

.rbtop {
	background: #FFF url(/images/bgr/boxTR.gif) no-repeat top right;
}

.rbbot div {
	background:transparent url(/images/bgr/boxBL.gif) no-repeat bottom left;
}

.rbbot {
	background:transparent url(/images/bgr/boxBR.gif) no-repeat bottom right;
}

.rbroundbox {
	background:transparent;
	margin-top:1em;
	margin-bottom:1em;
}

.rbtop div,.rbtop,.rbbot div,.rbbot {
	width: 100%;
	height: 10px;
	font-size: 1px;
}

.rbcontent  {
  padding:1px 10px 1px 10px;
  background:#FFF;
  border-right:1px solid #BDBDBD;
  border-left:1px solid #BDBDBD;
  height:100%;
}

/* End corner boxes */

/*
Lists
---------------------------
*/

ul.ladder {
  list-style:none;
  margin:0;
  padding:0;
  border-bottom:1px solid #CCC;
  margin-top:1em;
}

.ladder li {
  list-style:none;
  margin:0;
  padding:4px 0;
  border-top:1px solid #CCC;
  
}

#case-studies {
  list-style:none;
  position:relative;
  height:260px;
  width:260px;
  margin:0;
  padding:0;
  background:#FFF url("/images/caseStudiesBigGrey.jpg") no-repeat top left;
}

#case-studies li {
  list-style:none;
  margin:0;
  padding:0;
  height:130px;
  width:130px;
}

#case-studies a {
  position:absolute;
  height:130px;
  width:130px;
}
 
#case-studies a span {
  display:none;
}
  
#case-studies #npflnk a { top:0; left:0; }
#case-studies #npflnk a:hover {
  background:transparent url("/images/npf.gif") no-repeat top left;
}

#case-studies #dwvclnk a { top:0; left:130px; }
#case-studies #dwvclnk a:hover {
  background:transparent url("/images/dwvc.gif") no-repeat top left;
}

#case-studies #tsavelnk a { top:130px; left:0; }
#case-studies #tsavelnk a:hover {
  background:transparent url("/images/tsave.gif") no-repeat top left;
}

#case-studies #idslnk a { top:130px; left:130px; }
#case-studies #idslnk a:hover {
  background:transparent url("/images/ids.gif") no-repeat top left;
}

#case-studies #npflnk.active a {
  background:transparent url("/images/npf.gif") no-repeat top left;
}

#case-studies #dwvclnk.active a {
  background:transparent url("/images/dwvc.gif") no-repeat top left;
}

#case-studies #tsavelnk.active a {
  background:transparent url("/images/tsave.gif") no-repeat top left;
}

#case-studies #idslnk.active a {
  background:transparent url("/images/ids.gif") no-repeat top left;
}


/*
Text
---------------------------
*/

h2 {
  font-size:1.3em;
  }



h3 {
  font-size:1em;
  text-transform:uppercase;
  font-weight:normal;
  border-bottom:1px solid #CCC;
  color:#FF9800;
  }



h3.go {
  font-size:.9em;
  font-weight:bold;
  border:none;
  padding-left:14px;
  background:transparent url("/images/go.gif") no-repeat center left;
  }
  
strong { font-weight:normal; }

.colwrap h3.pull {
  margin-top:2em;
  }
  
.photocap {
  font-size:90%;
  color:#A6A6A6;
  margin-top:0;
  }

/*
Forms
---------------------------
*/

label {
  display:block;
  color:#A9A9A9;
  margin-top:0.5em;
  margin-bottom:0em;
  font-size:90%;
  }
  
.formerror {
  color:#FF0000;
  }

/*
Tables
---------------------------
*/

table {
  margin:1em 0;
  }

img { border:none; }