/*Service Point Software CSS*/

/*
Table of Contents:
1. Main Element styles (including resets.)
2. Wrapper styles
3. Header styles
4. Main Content Area styles
5. Footer styles
*/


/*Main element styles*/
a:active, a:link 
{
color: #347b0e;
text-decoration: none;
}
a:hover
{
color: #88b925;
text-decoration: underline;
}
a:visited
{
colour: #1f4ba5;
text-decoration: underline;
}
body
{
background-color: #c5c5c5;
border: none;
color: 333;
font-family: verdana, "helvetica neue", tahoma, sans-serif;
font-size: 62.5%;
margin: 0;
padding: 0;
}
h1
{
background: url("../images/SPSbanner.jpg") no-repeat;
color: #52505d;
font-size: 5em;
height: 120px;
left: 0;
letter-spacing: 90%;
margin: 0;
text-indent: -9999px;
top: 0;
width: 960px;
}
h2
{
color: #555;
font-family: impact;
font-size: 3.2em;
line-height: 1em;
margin:0;
margin-left: -25px;
text-indent: -9999px;
text-transform: uppercase;
}
h3
{
color: #52505d;
font-size: 1.25em;
letter-spacing: 90%;
margin: 2em 1.5em;
}
img
{
border: none;
}
ul
{
list-style: none;
}
ul li
{
margin: 0;
}


/*Wrapper styles*/
#wrapper
{
background-color: #c5c5cb;
border: 1px solid #d2d2d2;
font-size: 1.2em;
line-height: 1.4em;
margin: 0 auto;
position: relative;
width: 960px;
}

/*Header styles*/
#header 
{
height: 120px;
position: relative;
}
#header ul
{
bottom: 40px;
margin: 0;
padding: 0;
position: relative;
right: -766px;
}
#home #navhome a:link, #home #navhome a:visited, #about #navabout a:link, #about #navabout a:visited /* Used for 'you are here' styling on navigation */
{
color: #929eb9;
}
#navigation #endmenu
{
border: none;
}
#navigation li
{
display: inline;
margin: 0 -4px 0 0;
padding: 0;
}
#navigation li a:link, #header li a:visited
{
background-color: #6c980f;
border-right: 2px solid #555;
color: #555;
font-size: 1.2em;
font-weight: bold;
padding: 0.5em;
text-decoration: none;
}
#navigation li a:hover
{
color: #d3d3d3;
}


/*Main Content Area styles*/
#blurb
{
float: left;
margin-left: 25px;
width: 350px;
}
#blurb p
{
line-height: 1.35em;
margin-left: 4em;
}
#content
{
background: url("../images/SPScontentbg.jpg") #d2d2d2 repeat-x top left;
overflow: auto;
}
.firstword
{
font-weight: bold;
}
#heading1
{
background: url("../images/SPSheading1.jpg") #d2d2d2 no-repeat;
height: 140px;
width: 520px;
}
#heading2
{
background: url("../images/SPSheading2.jpg") #d2d2d2 no-repeat;
height: 86px;
width: 448px;
}
#tagline
{
margin:1em;
text-indent: inherit;
}
#infopanel
{
background: url("../images/SPSinfobg.jpg") repeat-x #d2d2d2 bottom;
padding:1em 1em 3em 6em;
overflow: auto;
}
#infopanel #mac, #infopanel #nix, #infopanel #win
{
line-height: 1.75em;
margin-left: -1em;
}
#infopanel #mac
{
list-style-image: url("../images/listmac.jpg");
}
#infopanel #nix
{
list-style-image: url("../images/listnix.jpg");
}
#infopanel #win
{
list-style-image: url("../images/listwin.jpg");
}
.info
{
float: left;
margin-right:3em;
width: 250px;
}
.info h3, .info li, .info p 
{
line-height: 1.5em;
margin:0;
text-align: left;
}
.info li
{
list-style: none;
margin-bottom: 1em;
margin-left: -3.2em;
}
.info p
{
margin-top:1.25em;
}
#intro
{
margin: 2.5em;
}
#main
{
background:url("../images/SPSmainbg.jpg") #d2d2d2 no-repeat;
height:600px;
overflow: auto;
}
.profile
{
clear: both;
margin: 3em;
}
.profile img
{
float: left;
margin: 1em;
}
.profiletitle
{
font-weight: bold;
}
#team
{
background: url("../images/SPScontentbg.jpg") #d2d2d2 repeat-x;
overflow: auto;
margin: 0 auto;
}


/*Footer styles*/
#footer
{
background: url("../images/SPSfooterbg.jpg") repeat-x #77788c bottom;
height:100px;
margin:0 auto;
padding-top:50px; 
text-align:center;
}