/*

Boost Creative Client
www.boost-creative.co.uk

Main Style

Author : Rob W
------------------------------------------------

*/

body {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	margin:0px;
	padding:0px;
	color:#73626e;
	background:#FFFFFF url(../images/layout/header_image.png) repeat-x;
}

p {	line-height: 1.7em;}
p, li {	font-size:1.1em; }
a { color:#3b93c7;  text-decoration:none; }
a:hover {
color: #96cbea;
}
img {	border:0; }
li {	margin-bottom:5px; }

/*
 = Frame
------------------------------------------------*/

#frame {
	width:900px;
	margin:0px auto;

}

/*
 = Header
------------------------------------------------*/

#frame  #header {
	padding:0px 0px;
	height:111px;	
	padding:1px 0px 0px;
	position:relative;
}

#frame  #header img{
	display:block;
	margin:0px;
	position:absolute;
	top:-1px;
	right:0px;
}

#frame  #header ul{
	list-style:none;
	margin:45px 0px 0px 20px;
	padding:0px;
}

#frame  #header ul li{
	float:left;
	margin:0px 9px 0px 0px;
	padding:0px;
}

#frame  #header ul li a{
	display:block;
	color:#FFF;
	text-indent:-9000px;
	overflow:hidden;
	background:url(../images/layout/navigation.png) no-repeat;
	width:69px;
	height:25px;
}


#frame  #header ul li a#quotes { background-position:0px 0px;}
#frame  #header ul li a#account { background-position:-77px 0px;}
#frame  #header ul li a#contact { background-position:-154px 0px;}
#frame  #header ul li a#logout { background-position:-232px 0px;}

#frame  #header ul li a#quotes:hover { background-position:0px -34px;}
#frame  #header ul li a#account:hover { background-position:-77px -34px;}
#frame  #header ul li a#contact:hover {background-position:-154px -34px }
#frame  #header ul li a#logout:hover {  background-position:-232px -34px;}

#frame  #header ul li#current_area a#quotes{ background-position:0px -70px;}
#frame  #header ul li#current_area a#account { background-position:-77px -70px;}
#frame  #header ul li#current_area a#contact {background-position:-154px -70px }
#frame  #header ul li#current_area a#logout {  background-position:-232px -70px;}


/*
 = Content
------------------------------------------------*/

#frame #content {
	width:850px;
	margin:0px auto;
}

#frame #content:after  {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* html>body #frame #content {
	display: inline-block; 
	width: 100%;
}

* html #frame #content{
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}

#frame #content h1{
	font-size:2.7em;
	font-family: "Century Gothic", Arial, sans-serif;
	font-weight:normal;
	margin:50px 0px 10px 0px;
	border-bottom: 4px solid #f6f5f5;
	padding:0px 0px 21px 15px;
}

#frame #content h1 span{display:block; font-size:11px; }

#frame #content p { margin:15px;}

#frame #content p.note { font-size:1.5em; }


#frame #content #terms li{
	font-size:1.5em;
	font-weight:bold;
}


#frame #content #terms li ul {
	padding:5px 15px;
	margin:10px 5px;
}
#frame #content #terms li ul li{
	font-size:11px;
	line-height:19px;
	font-weight:normal;
	margin-bottom:10px;
}#frame #content #terms li ul li ul{	margin:20px 5px; }


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

#frame #content form {position:relative;}
#frame #content form p label input, #frame #content form p label textarea {
	display:block;
	width:300px;
	padding:3px;
	font-size:10px;
	margin-top:5px;
	width:430px;
	padding:10px;
	font-size:11px;
	border:1px solid #e7e5e5;
}

#frame #content form p label input:focus, 
#frame #content form p label textarea:focus {
	border:1px solid #4bafdd;
}


/* Login Form  ---------------------------------------*/

#frame #content #login_form {
	width:438px;
	padding:1px;
	height:408px;
	background: url(../images/layout/login_backrgound.jpg);
	margin:50px auto;
}

#frame #content #login_form h1 {
	padding-top:20px;
	margin:0px 0px 25px;
}

#frame #content #login_form  p label {	display:block;}

#frame #content #login_form  p label input {
	width:380px;

	margin:5px 0px 30px;
}

#frame #content #login_form #reminder  {
	border-top: 4px solid #f6f5f5;
	margin:0px;
	padding:10px 15px;
}
#frame #content #login_form #reminder strong{
	display:block;
	font-size:1.3em;
	color:#B8AFB4;
	margin-bottom:5px;
}

#frame #content #login_form #reminder a {
	font-style:italic;
	padding:0px 15px 0px 5px;
	background:url(../images/layout/arrow.jpg) no-repeat right;
}

#frame #content #login_form #error{
	top:-68px;
	left:-30px;
}
#frame #content #contact_form #error{
	top:-198px;
	left:-20px;
}

/* Job Listing  ---------------------------------------*/

#frame #content #listing  .listing_nav{
	list-style:none;
	margin:20px 0px 58px 15px;
	padding:0px;
	height:20px;
}

#frame #content #listing  .listing_nav li{
	float:left;
	margin:0px 4px 0px 0px;
	padding:0px;
}

#frame #content #listing  .listing_nav li a{
	display:block;
	text-align:center;
	font-size:10px;
	width:87px;
	color:#73626e;
	padding:5px 0px 0px;
	height:20px;
	background: url(../images/layout/listing_nav_a.jpg) no-repeat;
}

#frame #content #listing  .listing_nav li a:hover, #frame #content #listing  .listing_nav li#current_page a{
	color:#FFF;
	background: url(../images/layout/listing_nav_a.jpg) no-repeat -99px 0px;
}

#frame #content #listing .entry{ 
	background:url(../images/layout/entry_background.jpg) repeat-y;	
	padding:30px 20px 30px ;
}	

#frame #content #listing h2 {
	float:right;
	width:650px;
	font-weight:normal;
	font-size:1.8em;
	margin:0px;
}
#frame #content #listing h2 a{ display:block;}

#frame #content #listing h2 span {
	padding-left:10px;
	font-size:0.7em;
	margin-top:4px;
	color:#666666;
}

#frame #content #listing .entry:after  {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* html>body #frame #content #listing .entry{
	display: inline-block; 
	width: 100%;
}

* html #frame #content #listing .entry{
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}

#frame #content #listing .entry .date{ 
	width:85px;
	font-size:1.1em;
	margin:0px;
	float:left;
	text-align:right;
	padding:0px 0px 0px 0px;
}

#frame #content #listing .entry .date strong {
	font-size:1.1em;
	display:block;
}

#frame #content #listing .entry .view{
	float:right;
	width:630px;
	margin:10px 0px 10px;
	padding:0px 0px 20px 15px;
	border-bottom:3px solid #EFEDEE;
	color:#333333;
	font-family:"Century Gothic", Arial, sans-serif;
}

#frame #content #listing .entry .view:hover{	color:#96cbea;}



/* Job  ---------------------------------------*/


#frame #content #job  .job_nav{
	list-style:none;
	margin:20px 0px 18px 15px;
	padding:0px;
	height:20px;
}

#frame #content #job  .job_nav li{
	float:left;
	margin:0px 4px 0px 0px;
	padding:0px;
}

#frame #content #job  .job_nav li a{
	display:block;
	text-align:center;
	font-size:10px;
	width:87px;
	color:#73626e;
	padding:5px 0px 0px;
	height:20px;
	background: url(../images/layout/listing_nav_a.jpg) no-repeat;
}

#frame #content #job .job_nav li a:hover, #frame #content #job .job_nav li#current_page a{
	color:#FFF;
	background: url(../images/layout/listing_nav_a.jpg) no-repeat -99px 0px;
}


#frame #content #job dl {
	margin:40px 20px 30px;
	font-size:1.1em;
	padding:10px;
	border:1px solid #DDD9DB
}

#frame #content #job dl:after  {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* html>body #frame #content #job dl{
	display: inline-block; 
	width: 100%;
}

* html #frame #content #job dl{
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}


#frame #content #job dl dt{
	width:90px;
	float:left;	
	clear:left;
	margin:2px 0px;
	padding:6px;
	height:14px;
	font-size:0.9em;
	text-align:right;

}


#frame #content #job dl dd{
	float:left;
	width:650px;
	margin:2px 0px;
	font-size:1.1em;
	padding:6px 15px;
	height:14px;
}

#frame #content #job dl .status {background:#f6f5f5;}

#frame #content #job p, #frame #content #job h2, #frame #content #job h3, #frame #content #job ul, #frame #content #job ol {	margin:15px 40px; }

#frame #content #job .terms {
	font-size:1.3em;
	margin-top:30px;
	font-weight:bold;
}
#frame #content #job #cost {
	border-bottom:1px solid #DDD9DB;
	border-top:1px solid #DDD9DB;
	position:relative;
	margin:40px 24px 20px;
	padding:10px 10px 30px;
}

#frame #content #job #cost h2{
	position:absolute;
	margin:0px;
	padding:0px;
	left:10px;
	font-size:1.5em;
	top:32px;
	color:#1281B4;
	font-weight:normal;
}

#frame #content #job #cost h2 span{
	display:block;
	font-size:11px;
	color:#666666;
	margin-top:5px;	
}

#frame #content #job #cost h2 img {
	display:block;
	margin:10px 0px 10px -3px;
}

#frame #content #job #cost p{
	text-align:right;
	font-size:1.5em;
	margin:15px 0px 0px;
	font-weight:bold;
}


#frame #content #job #cost p.note{
	text-align:left;
	clear:both;
	margin-top:15px;
	padding:5px;
	font-size:12px;
}

#frame #content #job #cost form p{
margin:20px -10px 0px 0px;
}


#frame #content #job #bacs {
	background:#F6F5F5;
	padding:10px 20px;
	width:768px;
	margin:50px auto;
}
#frame #content #job #bacs h2, #frame #content #job #bacs p {margin:15px 10px; }

#frame #content  #recieved {
	margin-top:30px;
}

/* Adderss  ---------------------------------------*/

#frame #content #address {

	width:250px;
	float:right;
	display:inline;
}

#frame #content #address h2, #frame #content #address p{
	margin-left:15px;
}

/* Footer  ---------------------------------------*/

#frame #footer {

	margin:70px 25px 10px ;
	border-top: 4px solid #f6f5f5;
	padding:21px 0px 0px 15px;
}

/* Error  ---------------------------------------*/

#error {
	position:absolute;
	background: url(../images/layout/error_background.png);
	width:500px;
	padding:10px;
	color:#FFF;	border:3px solid #fb5286;
}
_#error { background:#f4165a;
}

#error a#hide{ 
	display:block;
	color:#FFF;
	border:1px solid #fb5286;
	float:right;
	padding:3px 3px 3px 18px;
	width:26px;
	background:url(../images/layout/error_hide_icon.png) no-repeat 4px 5px;
}

#error a#hide:hover{
	border:1px solid #FFBBCF;
}