/*--------------------------------------------------------------------------

Tameside Entry Page - Basic Style Sheet

Version:	1.0
Author:		Ben Aldred
Website:	Tameside Prospectus

--------------------------------------------------------------------------*/

/* Structure 

	=Global
	=Typography
	=Headings
	=Links
	=Access Keys / Jumps
	=Forms
	=LayoutStructure
		- header
		- navigation
		- p-content	
		- s-content
		- footer
	=Shared Styles
	=header
	=p-content ( insides )
	=s-content ( insides )
	=footer ( insides )

--------------------------------------------------------------------------*/


/* =Global 
--------------------------------------------------------------------------*/

*
{
	margin: 0;
	padding: 0;
}

body { border-top: solid 97px #b7b7b7; background: url(img/splash/1px_green_gradient.gif) repeat-x 0 50%;}

.clearme { clear: both; }
.hideme { display: none; } /* visibility: hidden; could be used here instead depends what you need */
.left { float: left; }
.right { float: right; }

acronym { speak: normal; }
abbr { speak: spell-out; }

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
   content: ".";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0;
}

.pkg { display: inline-block; }

/* =Typography
 *
 * Use this section for general type styles
--------------------------------------------------------------------------*/
html { font-size: 100.01%; }
body { font-family: Tahoma, Arial, Verdana, Sans-Serif; font-size: 1em; color: #2d2d2d; }

/* =Headings
--------------------------------------------------------------------------*/

h1 {
    width: 304px; height: 36px;
    background: url(../../img/splash/logo.gif) no-repeat;
    text-indent: -9999px;
}

h3 { 
font-family: Tahoma, Arial, Verdana, Sans-Serif; font-size: 85%; font-weight: bold; color: #585858; 
padding-bottom: 10px;
}

h4 { 
font-size: 85%; 
color: #585858; 
font-weight: bold;
font-family: Tahoma, Arial, Verdana, Sans-Serif;
padding-bottom: 3px;
border-bottom: 1px solid #eaeaea;
}



/* =Links
 * 
 * LVHA ( :link / :visited / :hover / :active ) - important due to the way CSS handles cascade / ordering.
--------------------------------------------------------------------------*/

a:link { text-decoration: underline; color: #2d2d2d; }
a:visited { text-decoration: underline; color: #2d2d2d; }
a:hover, a:active, a:focus { text-decoration: none; color: #677808; }

a img { border: 0; }

.container a {
    display:inline-block;
}

/* =LayoutStructure
--------------------------------------------------------------------------*/

.container { 
    position: relative;
}

.center {
    margin: 0 auto;
    width: 710px;
}

/* =header
--------------------------------------------------------------------------*/

#header{
    background: url(../img/splash/circles.gif) no-repeat top right;
    margin: 0 auto;
    width: 750px;
    padding-bottom: 15px;
}


/* =p-content
--------------------------------------------------------------------------*/

.bg {
    background: #fff url(../img/splash/1px_green_gradient.gif) repeat-x left bottom;
    padding-bottom: 20px;
}

.p-content {
   width: 720px;
   position:relative;
   left: 50%;
   margin-left:-360px;
}

.p-content p {
    font-size: 0.69em;
    color: #585858;
    margin-left: 1px;
}

#employers, #individual {
    display:block;
 /*   width: 325px; height: 249px;
    text-indent: -9999px;*/
    float:left;
}
/*
#individual {
    background: url(../img/splash/individuals.jpg) no-repeat left top;
}

#individual:hover {
    background: url(../img/splash/individuals_on.jpg) no-repeat left top;
}

#employers {
    background: url(../img/splash/employers.jpg) no-repeat left top;
}

#employers:hover {
    background: url(../img/splash/employers_on.jpg) no-repeat left top;
}
*/
#individual-freeform, #employers-freeform {
    width: 320px;
    float: left;
    margin-top: 10px;
}

#individual-freeform {
    margin-right: 68px;
}


/* =s-content
--------------------------------------------------------------------------*/
.s-content {
   position:relative;
   left: 50%;
   margin-left:-360px;
   width: 720px;
}

#individual {
    display:inline-block;
    margin-right: 60px;
}

.freeform {
    background: #EEEEEE;
    border-bottom: 1px solid #EAEAEA;
    padding-bottom: 10px;
}


/* =footer
--------------------------------------------------------------------------*/

#footer {
   margin: 0 auto;
   width: 720px;
}

#footer p {
   font-size: 0.63em;
   color: #B1B1B1;
}

#footer .left {
    margin-top: 15px;
}

#footer .right {
    margin-top:6px;
}

#footer .right img {
    margin-left: 10px;
}

#lsc-logo {
    position: relative;
    bottom: -2px;
}