/* CSS Document */
#container {
	margin: 12 auto;
	background-image: url(1pxbackground.jpg);
        background-repeat: repeat-x; 
        background-position: center; 
	}

html,body{
margin:auto auto; 
width:100%;
font:Arial;
background: url(/feelgoodagain.co.uk/pics/fullbackground.jpg);
background-position: center; 
margin-top:0;
margin-bottom:12px;
overflow-x: visible;
width: 100%;
background-color: #333333;
}

.menu {
    /*width:940px;*/
    position: absolute;
	margin-left: 2.5%;
	margin-top: -233px;
	z-index: 999999;
	
	}


/* =Menu
 -------------------------------------------------------------- */
.skip-link {
    display: none;
}

#access {
    font-size: 16px;
	font-weight: bold;
    overflow: visible;
    z-index: 100;
    float: left;
    width: 500px;
    margin-top: 199px;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sf-menu {
    line-height: 1.0;
}

.sf-menu ul {
    position: absolute;
	font-size: 12px;
    top: -999em;
    width: 10em; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
    width: 100%;
}

.sf-menu li:hover {
    visibility: inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li {
    float: left;
    position: relative;
	color: #005EBB;
}

.sf-menu a, visited {
	color: #005EBB;
    display: block;
    position: relative;
    border: none;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
    left: 0;
    top: 2.5em; /* match top ul list item height */
    z-index: 99;
}

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
    left: 10em; /* match ul width */
    top: 0;
}

ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
    left: 10em; /* match ul width */
    top: 0;
}

/*** THEMATIC SKIN ***/
.sf-menu {
    border-bottom: none;
    float: left;
    margin-left: 15px;
	font: 16px Arial;
	font-weight:bold;
	color: #666666;
    padding-right: 0px;
	
}

.sf-menu a {
    padding: 8px 0;
    text-decoration: none;
    margin-left: 20px;
}

.sf-menu .current_page_item a, .sf-menu .current_page_ancestor a, .sf-menu .current_page_parent a {
    border-bottom: none;
    margin-bottom: -2px;
    padding: 8px 0 3px 0;
	font: 16px Arial;
	font-weight:bold;
    color: #005EBB;
}


.sf-menu li {
    background: none;
}

.sf-menu li li {
    background: #fff;
    padding: 0 10px;
	
}

.sf-menu li li:hover {
    padding: 0 10px;
	
}
.sf-menu li li a{
	color: #005EBB;
	margin:0;
	border-bottom:1px solid #e3e3e3;
	
}
.sf-menu li li a:hover{
	margin:0;
	border-bottom:1px solid #e3e3e3;
}
.sf-menu li li li {
    background: #fff;
    padding: 0 10px;
	margin-left:15px;
}

.sf-menu li:hover, .sf-menu li.sfHover {
font: 16px Arial;
font-weight:bold;
}

.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    outline: 0;
    border-bottom: none;
    margin-bottom: -2px;
    padding: 8px 0 3px 0;
	color: #A8D3FF;
}

.sf-menu li li a:focus,  .sf-menu li li a:active, .sf-menu .current_page_item li a, .sf-menu .current_page_ancestor li a, .sf-menu .current_page_parent li a {
    border-bottom: 1px solid #A8D3FF;
    padding: 8px 0 8px 0;
    margin: 0px;
	font: 12px Arial;
	font-weight:bold;
    color: #333;
}
.sf-menu li li a:hover{
	border-bottom: 1px solid #A8D3FF;
    padding: 8px 0 8px 0;
    margin: 0px;
    color:#268733;
}
.sf-menu ul {
	-moz-box-shadow:3px 3px 30px 0 #878787;
	-webkit-box-shadow:3px 3px 30px #878787;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
    top: 32px; /* overriding essential styles */
}

.sf-menu ul ul {
    margin-top: 0;
}

.sf-menu ul a {
	color: #db2d12;
    background: none;
    border-bottom: none;
	font: 12px Arial;
	font-weight:bold;
}

.sf-menu ul a:hover {
    color: #db2d12;
	font: 12px Arial;
	font-weight:bold;
}

.children {
font: 12px Arial;
font-weight:bold;
color:#666666;
}

/*End Logo Main Header Box CSS*/


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

pre {
    font: 12px Arial;
	font-weight:bold;
    margin-bottom: 18px;
}

code {
    font: 12px Arial;
	font-weight:bold;
}

pre, code {
    font: 12px Arial;
	font-weight:bold;
}
/*End Text elements*/


/* sidebox
 -------------------------------------------------------------- */
#sidebox {
	float: right;
}

#sidebox  ul {
	margin-right: 3px;
	padding: 10 10 0 0;
	list-style: none;
}

#sidebox  li {
	display: -moz-inline-block;
	display: inline !ie7; /* hack for IE7 and below */ 
	display:inline-block;
}

#sidebox  a {
	float: left;
	width: 221px;
	height: 92px;
	margin: 0 0 0 3px;
	padding: 3px 0 0 0;
	background: url(/feelgoodagain.co.uk/pics/Box.jpg) no-repeat;
	text-decoration: none;
	text-align: center;
	letter-spacing: 0px;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333333;
}
/*--sidebox--*/

/*--Footer--*/


.copy2  {
font-size: 10px;
font-weight: normal;
font-family:Arial, Helvetica, sans-serif;
}

a:link.contact
{
	color:#859E0C;
	}
a:visited.contact,a:active.contact
{
	color:#666666;
	}
a:hover.contact { 
	color:#87feff;
	}
#copyposition {
	position:absolute;
	margin-top:1100px;
	margin-left:100px;
	
}	
#copyr {
	position:relative;
	margin: auto auto ;
	text-align: center;
	margin-right: 0px;
	padding:0px;
	color:#666666;
	z-index: 9999999999999;
}
/*--End Footer--*/













/*Header Main Text Box CSS*/
	
.gradientBox1 H1 {
	height:1500px;
	padding-top:0;
	margin-top:0;
	border: 0px;
	width: 940px;
	background-color: #FFF;
	z-index: 5000;
}


.gradientBox1 H1 {
    margin:0px auto;
	border: collapse;
		  }
  
/*End =Menu*/

/*Header Main Header Box CSS*/
	
.gradientBox1 H2 {
	height:300px;
	padding-top:0;
	margin-top:20px;
	width: 900px;
	background-color: #000000;
	z-index: 6000;
	border: 0;
}


.gradientBox1 H2 {
    position:absolute;
    margin-left: 20px;
	}
  
/*End Header Main Header Box CSS*/

/*Logo Main Header Box CSS*/

.graphiclogo H3 {
	padding-top:0;
	margin-left: 0;
	z-index: 6001;
	border: none;
	}
	
 

/*End Logo Main Header Box CSS*/

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

 Default Styles
 
 -------------------------------------------------------------- */
/* =Global Elements
 -------------------------------------------------------------- */

/* ------------------------------
contents styles
------------------------------ */

#gradientBox2 {
	clear:left;
	border-color:#fff #D9DAB8 #D9DAB8;
    border-style: none solid solid;
    border-width:1px;
	overflow:hidden;
    width:898px;
	height:1160px;
	text-align: top;
	text-indent: 0px;
	line-height: 0.5em;
	margin: 0;
    padding: 0;			
	}

#gradientBox2  {
	position: absolute;
	margin-left: 20px;
	margin-top: 320px;
	}

/* ------------------------------
paragraph styles
------------------------------ */

p { margin: 25px 6px;
		}
	
.list {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	font-style: normal;
	font-weight:lighter;
	}
	
.list2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight:bold;
	color: #0052A4;
	font-style: normal;
	font-weight:lighter;
	}
	
.list3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:bold;
	color: #0052A4;
	font-style: normal;
	font-weight:lighter;
	}

/* ------------------------------
tracker styles
------------------------------ */

#eXTReMe {
      border: 0px;
      width: 42px;
	  z-index: -2;
      position: absolute;
      }
#eXTReMe {
      position: absolute;
	  visibility: hidden;
	  margin-left: 10px;
      margin-top: 0px;
	  }
	 
/* ------------------------------
form
------------------------------ */	  
	  
	 
/*--- roundedbox---*/ 
	 
	  .boxwrapper {
min-width:100px; 
max-width:100px; 
float: right;
margin-top: 50px;
margin-right: 20px;
	}
.boxwrapper2{
font-family:trebuchet ms;
font-size: 11px;
text-align:left;
text-align:justify;
margin-left: 5px;
margin-right: 5px;
}
div.formgroup {
border-bottom: 1px solid #CCC;
line-height: 0px;
margin: 0px;
padding: 0px 0px 0px 0px;
z-index: 1;}

.outer {
margin:0px 1px; 
border:1px solid #CCC; 
border-left-width:0; 
border-right-width:0;
}

.inner {
background:#FFF; 
margin:0 0px; 
border:1px solid #CCC; 
border-top-width:0; 
border-bottom-width:0;
}
/*End roundedbox*/
	  
 /* form
 -------------------------------------------------------------- */

.form1 {
	font-family: arial, sans-serif;
	padding: 4px 15px 0px 25px;
	color:#333333;
	font-size:11px;
	text-align:right;
	
	}
					
.form2 input {
	font-family: arial, sans-serif;
	padding: 0px;
	margin: 0px 0px 1px 0px;
	border: solid 1px #333333;
	width: 200px;
	}
					
.form2 textarea {
	padding: 0px;
	margin: 0px 0px 1px 0px;
	border: solid 1px #000000;
	width: 200px;
	font-size: 12px;
	font-family: arial, sans-serif;
	height: 80px;
	}
	
.form3 input {
	display:inline;
       _top:0.5em;
	/*height:13px;*/
	/*line-height:1.4em;*/
	/*margin:6px 0 0 3px;*/
	/*width:13px;*/
	}
	
	textarea {
		font-family: arial, sans-serif;
		font-size: 11px;
		}
					
#error {
	background-color: #ff0000;
	color: #ffffff;
	padding: 3px 7px 6px 7px;
	margin: 0px 0px 10px 0px;
	}

	/*End form*/	  
	  
	  .Occupation {
visibility:hidden
}