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

/*ALL PAGES*/

body {
   text-align: center;
   background-color:#EAE6D6;

  
   }
   
div.content {
	  height: 100%;
  overflow: auto;
}

#container {
	border: solid thin #BBBBBB;
	width:900px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	background: url(SPimages/bodybg.jpg);
	min-height:600px;

}

#banner {
	position: relative;
	top: 0px;
	background-image: url(SPimages/sourceplus_banner-bg.jpg);
	width: 900px;
	height: 109px;
}



/*NAVIGATION BAR*/

#navbar {
	position:absolute;
	top: 50px;
	margin:0px 0 0 0px;
	width:580px;
}

ul#list-nav {

	position:absolute;
	top: 50px;
	margin:0px 0 0 305px;
	padding:0;
	list-style-type:none;
	width:580px;

}

ul#list-nav li {
	display:inline
}

ul#list-nav li a {
	display: compact;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif ;
	font-size:14px;
	text-decoration: none;
	padding:3px 13px;
	text-align:center;
	color: #555;
	float:left;
}


ul#list-nav li a:hover {
	color:#4C8589;
}


/*INDIVIDUAL PAGES*/
#leftcontent {
	text-align:left;
	position : relative;
	top: 0px;
	width : 240px;
	margin : 10px 0px 50px 40px;
	color : #EEE;
	float: left;

}

#maincontent {
	text-align:left;
	position:relative;
 	top : 0px;
	width: 550px;
 	margin : 10px 40px 50px 0px;
 	color : #EEE;
	float: right;
	min-height:500px;
} 

#leftcontent-inv {
	text-align:left;
	position : relative;
	top: 0px;
	width : 280px;
	margin : 10px 0px 50px 40px;
	color : #EEE;
	float: left;

}

#maincontent-inv {
	text-align:left;
	position:relative;
 	top : 0px;
	width: 510px;
 	margin : 10px 40px 50px 0px;
 	color : #EEE;
	float: right;
	min-height:500px;
} 

#imagebanner {
	position: relative;
	height: 253px;
	width: 800px;
	top: 0px;
}

#imagebannerthin	 {
	position: relative;
	height: 5px;
	width: 900px;
	top: 0px;
}

#pplpic {
	position: relative;
	height:100px;
	width:100px;
	float: left;
	margin-right:10px;
	margin-top:10px;
}

#column2 {
	text-align:left;
	position : absolute;
	top: 398px;
	width : 240px;
	margin : 0px 0px 25px 520px;
	color : #EEE;
	float: left;

}

#prodimg {
	position: relative;
	float: left;
	width: auto;
	height: auto;
}

#proddesc {
	position: relative;
	float: left;
	clear: both;
	width: auto;
	margin-top:10px;
}



	

/*INDEX*/

#indexbanner {
	position:relative;
	top: 0px;
	background-image: url(SPimages/sourceplus_mock-textbanner-page_02.jpg);
	width: 800px;
	height: 261px;
}

#indexleftcontent {
	text-align:left;
	position : relative;
	top: 0px;
	width : 195px;
	margin : 10px 0px 0px 40px;
	color : #EEE;
	float: left;

}

#indexmaincontent {
	text-align:left;
	position:relative;
	top : 0px;
	width: 580px;
	margin : 10px 40px 0px 0px;
	color : #EEE;
	float: right;
	text-align: left;
	min-height:280px;
} 

#indexallcontent {
	position: relative;
	width: auto;
	margin: 0 40px 0 40px;
	text-align: left;
	color:#EEE;
	clear: both;
}

#indexstories {
	position: relative;
	width:195px;
	margin:0 0 40px 40px;
	float: left;
}

#indeximage {
	position: relative;
	width: 175px;
	margin: 0px 0px 20px 35px;
	float: left;
}

#indexbottomcontent {
	text-align:left;
	position:relative;
	top : 0px;
	width: 380px;
	margin : 0px 40px 20px 0px;
	color : #EEE;
	float: right;
	text-align: left;
	min-height:120px;
} 


/* PRODUCT BOX */
#indexprodbox {
	position: relative;
	float: left;
	clear: both;
	margin: -20px 0px 40px 25px;
}

/*ul#prodbox {
	padding:0;
	list-style-type:none;
	margin: 20px 30px 0 25px;
	width:800px;
}

ul#prodbox li {
	display:inline;
	
}

ul#prodbox li a {
	display:compact;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif ;
	font-size:14px;
	text-decoration: none;
	padding:3px 13px;
	text-align:center;
	color: #555;
	float:left;
}*/
#indexprodbar {
	position: absolute;
	top: 790px;
	background-image: url(SPimages/idx-productbar.jpg);
	width: 800px;
	height:200px;
}

div.img
{
  margin: 0px;
  /*border: 1px solid #ffffff;*/
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	
div.img img
{
  display: inline;
  margin: 0 0 0 0px;
  border: 1px solid #ffffff;

}
div.img a {color:#DDD;}
div.img a:hover {color:#81264A}
div.img a:visited {color:#888}
div.img a:hover img {border: 1px solid #4C8589;}
div.desc
{
  text-align: center;
  width: 91px;
  margin-top: 3px;
  font-family: Myriad Pro, Arial, Helvetica, sans-serif ;
  font-size:12px;
  text-decoration: none;
  color: #DDD;
}


ul#prodbox li a:hover {
	color:#4C8589;
}
	

ul#servlist {
	postition: relative;
	list-style-type:none;
}

ul#servlist li {
	list-style-type:none;
	margin: -15px 0 0 -40px;
	background: transparent url(SPimages/idx-bulleticon.jpg);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding: 0 0 0 10px;
}

ul#servlist li a {
	display:compact;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	text-align:left;
	color: #DDD;
	float:left;
	background: transparent url(SPimages/idx-bulleticon.jpg);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding: 0 0 0 15px;
}


ul#prodsidebar {
	position: relative;
	list-style-type:none;
	float: left;
	margin: 10px 0px 0px 10px;
}

ul#prodsidebar li {
	list-style-type:none;
	margin: 0px 0 0 -40px;
	padding: 0 0 5px;
}

ul#prodsidebar li a {
	display:compact;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration: none;
	text-align:left;
	color: #888;
	float:left;
	background: transparent url(SPimages/idx-bulleticon.jpg);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding: 0 0 0 15px;
}



ul#faqlist {
	/*postition: relative;
	list-style-type:none;*/
		position: relative;
	list-style-type:none;
	float: left;
	margin: 0px 0px 0px -20px;
}

ul#faqlist li {
	/*list-style-type:none;
	margin: -15px 0 0 -40px;
	background-position:0px 5px;
	padding: 0px 0px 0 5px;*/
		list-style-type:none;
	margin: 0px 0 0 -40px;
	padding: 5px 0px 5px 5px;
}

ul#faqlist li a {
	/*display:compact;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration: none;
	text-align:left;
	color: #666;
	float:left;
	background: transparent url(SPimages/idx-bulleticon.jpg);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding: 0 0 10px 10px;*/
		display:compact;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration: none;
	text-align:left;
	color: #888;
	float:left;
	background: transparent url(SPimages/idx-bulleticon.jpg);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding: 3px 0 0px 15px;
}

#footer {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	text-align:center;
	clear: both;
	margin-bottom:-10px;
}

a.readmore {
	display: block;
	width: 69px;
	height: 18px;
	text-decoration: none;
	background: url(SPimages/readmore.jpg);
	}

a.readmore:hover {
	background-position: -69px 0;
	}
	
	
.displace {
	position: absolute;
	left: -5000px;
	}
	
.center {
	text-align:center;
}

/*TEXT STYLES*/
h1
{
	font-family:Helvetica, sans-serif, Arial;
	font-size:20px;
	text-align:left;
	color:#666;
}

p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#666;
}

.indent {
	margin-left:25px;
}

.mbottom {
	margin-bottom:20px;
}

.mtop {
	margin-top:35px;
}

#p1 /*offwhite regular font*/
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	color:#DDD;
	margin-bottom: -15px;
}

#p2 /*offwhite header font*/
{
	font-family: Helvetica, sans-serif, Arial;
	font-size:20px;
	text-align:left;
	color:#DDD;
	margin-bottom: -10px;
}

#p3 /*gray header font*/
{
	font-family:Helvetica, sans-serif, Arial;
	font-size:20px;
	text-align:left;
	color:#666;
	margin-bottom: -5px;
}

#p4
{
	font-family: Helvetica, sans-serif, Arial;
	font-size: 20px;
	text-align: left;
	color: #81264A;
	margin-bottom: -5px;
}

#p5 /*center aligned*/
{
	font-family: Helvetica, sans-serif, Arial;
	font-size: 10px;
	text-align: center;
	color: #666;
}

#p6 /*right aligned for readmore button#1*/
{
	font-family: Helvetica, sans-serif, Arial;
	font-size: 10px;
	text-align: right;
	color: #666;
	margin-left:110px;
	margin-top:15px;
}

#p7 /*right aligned for readmore button #2*/
{
	font-family: Helvetica, sans-serif, Arial;
	font-size: 10px;
	text-align: right;
	color: #666;
	margin-left:110px;
	margin-top:28px;
}

#p8 /*right aligned for readmore button #3*/
{
	font-family: Helvetica, sans-serif, Arial;
	font-size: 10px;
	text-align: right;
	color: #666;
	margin-left:125px;
	margin-top:15px;
}

a:link {color:#666;
  text-decoration: none;
  font-family: Helvetica, sans-serif, Arial;}
a:hover {color:#81264A}
a:visited {color:#888}