/*
Theme Name: 500
Theme URI: http://www.attitudedesign.co.uk/
Description: Bespoke theme designed for 500.
Version: 1
Author: Attitude Design
Author URI:  http://www.attitudedesign.co.uk/

*/

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

CREATOR DETAILS

Author: Matt Davies
Company: Attitude Design
Web Address: http://www.attitudedesign.co.uk
Date: 08/04/08

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




/*---------------------------------------------------------------------------------
GLOBAL RESET
---------------------------------------------------------------------------------*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,f,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/*---------------------------------------------------------------------------------
GLOBAL FONT CONSISTENCY (http://developer.yahoo.com/yui/fonts/#using)
---------------------------------------------------------------------------------*/

body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}


/*---------------------------------------------------------------------------------
GLOBAL BASIC STYLING FOR COMMON HTML ELEMENTS
---------------------------------------------------------------------------------*/

p {
	color: #5C5C5C;
	margin: 0 0 0.2em 0;
	line-height: 1.3em;
}


/* base.css*/
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:158.5%; 
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:110%;  
}

h4 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:100%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0 0.2em 0;

}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
	color: #2A323D;
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;
	color: #5C5C5C;
	margin: 0 0 5px 0;

}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
	color: #5C5C5C;
	margin: 0 0 5px 0;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table {
	/*so things don't run into each other*/
	margin-bottom:1em;
}

a:link		{ color: #FF5800; text-decoration: none;}
a:visited	{ color: #FF5800; text-decoration: none;}
a:hover		{ color: #888888; text-decoration: none;}
a:active	{ color: #FF5800; text-decoration: none;}

/*---------------------------------------------------------------------------------
Global Layout
---------------------------------------------------------------------------------*/

body {
	margin-right: auto; /* this centres the body */
	margin-left: auto;  /* this centres the body */
	margin-top: 0;
	padding: 0;
	width: 100%;
	font-family: Arial, Verdana, 'Lucida Grande', Helvetica,  sans-serif;
    background-color: #FFF;

}


/*---------------------------------------------------------------------------------
IE Hack - Only need to use in extreame cicumstances!

  voice-family: "\"}\"";
  voice-family: inherit;


html>name {
	
	}
---------------------------------------------------------------------------------*/








/*---------------------------------------------------------------------------------
Global Divs
---------------------------------------------------------------------------------*/

div {
	text-align: left;
	margin: 0;
	padding: 0;
}

.clear {
	height: 0;
	width: 0;
	line-height: 0;
	clear: both;
	font-size: 0;
}

.page_width {
	width: 940px;
	padding: 0 15px 0 15px;
	margin: 0 auto 0 auto;
	display: block;
}

/*---------------------------------------------------------------------------------
Layout Styles
---------------------------------------------------------------------------------*/

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

#header_container {
	background: url('images/header_bg.gif') top left repeat-x #fff;
}

#header_container .left {
	width: 470px;
	float: left;
	padding: 15px 0 10px 0;
	margin: 0;
}



#header_container .left #logo {
	background: url('images/500_logo.gif') top left no-repeat; /*ADD THIS BACK IN*/
	height: 50px;
	float: left;
	width: 77px;
}

#header_container .left #logo h1{
	height:1px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	border: none;
}

#header_container .left h2 {
	margin: 20px 0 0 20px;
	float: left;
	padding: 0;
}


#header_container .right {
	width: 470px;
	float: right;
	text-align: right;
	padding: 0;
	margin: 0;
	background: url('images/topbar-right.gif') bottom right no-repeat;

}

.topbar_container {
	margin: 0;
}

.topbar {
	margin: 0 15px 0 0;
	text-align: right;
	padding: 8px 0 5px 0;
	background: url('images/topbar-left.gif') bottom left no-repeat;
	display: inline;
	float: right;
}

.topbar p {
	text-align: right;
	padding: 4px 0 5px 15px;
	display: inline;
	margin: 0;
	color: #8C8C8C;
	font-size: 90%; 
	float: left;
}

.topbar a {
	color: #8C8C8C;
}

.topbar a:hover {
	color: #FF5800;
}

#searchform {
	display: inline;
	float: left;
}


.topbar input{
	display: inline;
	float: left;
}

.search {
	font-size: 90%;
	margin: 0 0 0 3px;
	color: #8C8C8C;
}

.search_but {
	font-size: 90%;
}

/*---------------------------------------------------------------------------------
Navigation-----*/

#nav_container {
	background: url('images/nav_bg.gif') bottom left repeat-x #C7C7C7;
	padding: 0;
	margin: 0;
}

#nav_content {
	background: url('images/nav_divider.gif') top left repeat-y;
	margin: 0;
	padding: 0 0 0 2px;
	float: left;
}

#nav_content .left{
	width: 780px;
	float: left;
}

#nav_content .right{
	width: 156px;
	float: right;
}

#nav_content .right p{
	padding: 6px 0 0 0;
	margin: 0;
	text-align: right;

}

#nav_container ul{
	margin: 0;
	padding: 0;
}

#nav_container li{
	background: url('images/nav_divider.gif') top right repeat-y;
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
}

#nav_container a{
	padding: 6px 12px 6px 10px;
	float: left;
	color: #404040;
}

#nav_container a:hover{
	background: url('images/nav_over.gif') bottom right repeat-x #838383;
	color: #FFF;
}

#nav_container .current_page_item a{
	background: url('images/nav_selected.gif') bottom right repeat-x #FF5800;
	color: #FFF;
	float: left;
}




#nav_container .current_page_parent a{
	background: url('images/nav_selected.gif') bottom right repeat-x #FF5800;
	color: #FFF;
	float: left;
}

#nav_container .current_page_ancestor a{
	background: url('images/nav_selected.gif') bottom right repeat-x #FF5800;
	color: #FFF;
	float: left;
}


/*---------------------------------------------------------------------------------
Main Content-----*/

#maintop_container {
	background: url('images/maintop_bg.gif') top left repeat-x #F3F4F4;
	padding: 10px 0 10px 0;
}

#mainbottom_container {
	background: url('images/mainbottom_bg.gif') top left repeat-x #fff;
	padding: 10px 0 25px 0;
}

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

#footer_container {
	background: url('images/footer_bg.gif') top left repeat-x #fff;
	padding: 20px 0 50px 0;
	margin: 30px 0 0 0;

}

#footer_container .left {
	width: 460px;
	float: left;
}

#footer_container .right {
	width: 460px;
	float: right;
	text-align: right;
}

#footer_container p{
	font-size: 90%;
	color: #444;

}

#footer_container a{
	color: #666;
}

#footer_container a:hover{
	color: #FF5800;
}


/*---------------------------------------------------------------------------------
Home -----*/

.thirds_container {
	background: url('images/home_thirds_bgtop.gif') top left no-repeat;
	padding: 0;
	margin 0;
}


.thirds_block {
	background: url('images/home_thirds_bgbottom.gif') bottom left no-repeat;
	padding: 0;
	margin 0;
}

.third {
	width: 278px;
	float: left;
	margin: 0 7px 0 0;
	padding: 20px 10px 20px 20px;
}

.third_end {
	width: 278px;
	float: left;
	margin: 0;
	padding: 20px 10px 20px 20px;
}


.third .left{
	width: 54px;
	float: left;
	margin: 0 20px 0 0;
}

.third .right{
	width: 185px;
	float: left;
}

.third .right h1,
.newblock1 .right h1{
	padding: 0 0 2px 0;
	margin: 0;
	color: #2A323D;
	font-size: 125%;
}



.third_end .left{
	width: 54px;
	float: left;
	margin: 0 20px 0 0;
}

.third_end .right{
	width: 195px;
	float: left;
}

.third_end .right h1{
	padding: 0 0 2px 0;
	margin: 0;
	color: #2A323D;
	font-size: 125%;
}

.third_end .right ul{
	border-top: solid 1px #C0C1C1;
	margin: 0 0 8px 0;	
}

.third_end .right li{
	border-bottom: solid 1px #C0C1C1;
	margin: 0;
	padding: 2px 0 2px 0;
	font-size: 95%;
	list-style-type: none;
}

.third_end .right li a{
	color: #919191;
}

.third_end .right li a:hover{
	color: #FF5800;
}

.link {
	padding: 0;
	margin: 0;
}

.home_block {
	border-top: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	margin: 10px 0 0px 0;
	padding: 15px 0 4px 0;
}

.home_block h2{
	padding: 0 0 3px 0;
	margin: 0;
	color: #575757;
}
.home_block p{
	padding: 0 0 12px 0;
	margin: 0;
}

.home_block .left{
	float: left;
	width: 770px;
}

.home_block .left p{
	text-align: justify;
}

.home_block .right{
	float: right;
	width: 110px;
	padding: 5 0 15px 20px;
	display: block;
}





/*---------------------------------------------------------------------------------
Inner -----*/


.inner_left {
	float: left;
	width: 680px;
	margin: 20px 0 0 0;
}

.inner_left p{
	text-align: justify;
}

/* Wendy put this code below*/

.inner_left .orange_box_container {
	margin: 12px 0 0 0;
	background: url('images/inner_orangetop.gif') top left no-repeat;	
}

.inner_left .orange_box_contents {
	background: url('images/inner_orangebottom.gif') bottom left no-repeat;
	padding: 14px;
}
/* Wendy put this code above*/

.inner_right {
	float: right;
	width: 230px;
	margin: 20px 0 0 0;

}

.inner_right h2 h3 h4{
	font-size: 150%;
	color: #575757;
}

.inner_right .grey_box_container {
	margin: 12px 0 0 0;
	background: url('images/inner_greytop.gif') top left no-repeat;	
}

.inner_right .grey_box_contents {
	background: url('images/inner_greybottom.gif') bottom left no-repeat;
	padding: 14px;
}

.inner_right .grey_box_container .grey_box_contents ul .current_page_item a{
	color: #000;
}

.inner_right .grey_box_container .grey_box_contents ul li ul{
	border: none;
	margin: 4px 0 5px 0;
}

.inner_right .grey_box_container .grey_box_contents ul li ul li{
	border: none;
	margin: 0 0 0 5px;
}

.inner_right .grey_box_container .grey_box_contents ul li ul li a{
	color: #FF5800;
}

.inner_right .grey_box_container .grey_box_contents ul li ul li a:hover{
	color: #888888;
}






.inner_right .grey_box_container .grey_box_contents ul .current_page_item ul{
	border: none;
	margin: 4px 0 5px 0;
}

.inner_right .grey_box_container .grey_box_contents ul .current_page_item ul li{
	border: none;
	margin: 0 0 0 5px;
}

.inner_right .grey_box_container .grey_box_contents ul .current_page_item ul li a{
	color: #FF5800;
}

.inner_right .grey_box_container .grey_box_contents ul .current_page_item ul li a:hover{
	color: #888888;
}

.inner_right .grey_box_container .grey_box_contents ul ul .current-cat a{
	color: #000000;
}

.current-cat a{
	color: #000000;
}

.resourcenav .current-cat a{
	color: #000;

}

.resourcenavother .current-cat a{
	color: #000;

}

.inner_right .orange_box_container {
	margin: 12px 0 0 0;
	background: url('images/inner_orangetop.gif') top left no-repeat;	
}

.inner_right .orange_box_contents {
	background: url('images/inner_orangebottom.gif') bottom left no-repeat;
	padding: 14px;
}
.inner_right .orange_box2_container {
	margin: 12px 0 0 0;
	background: url('images/inner_orangetop.gif') top left no-repeat;	
}

.inner_right .orange_box2_contents {
	background: url('images/inner_orangebottom.gif') bottom left no-repeat;
	padding: 14px;
}


.inner_right .c2a_imagecontainer {
/*
	text-align: center;
*/

}

.inner_right .image_box_container {
	margin: 12px 0 0 0;
}

.inner_right .orange_box_contents p{
	color: #FFF;
	padding: 0;
	margin: 0;
}

.inner_right .orange_box_contents p .tel{
	color: #FFF;
	font-size: 210%;
	font-weight: bold;
	line-height: 120%;
}

.inner_right .orange_box2_contents p{
	color: #FFF;
	padding: 0;
	margin: 0;
}

.inner_right .orange_box2_contents p .speed{
	color: #FFF;
	font-size: 170%;
	font-weight: bold;
	line-height: 120%;
}

.half_block .left p {
	font-size: 110%;
}

.half_block .right p {
	font-size: 110%;
}



.half_block .right p {
	font-size: 110%;
}

.half_block .left{
	float: left;
	width: 320px;
	margin: 0 20px 0 0;
}

.half_block .right{
	float: right;
	width: 300px;
}

.inner_right ul{
	border-top: solid 1px #C0C1C1;
	margin: 0 0 8px 0;	
}

.inner_right li{
	border-bottom: solid 1px #C0C1C1;
	margin: 0;
	padding: 4px 0 4px 0;
	font-size: 95%;
	list-style-type: none;
}

.inner_right h1, h2, h3 {
	padding: 0;
	margin: 0 0 6px 0;
}



.inner_left h2 {
	font-size: 145%;
	margin: 30px 0 5px 0;
	padding: 0;
}

.inner_left h3 {
	margin: 20px 0 5px 0;
	padding: 0;
	font-size: 120%;
	color: #2A323D;

}



.half_left {
	margin: 60px 0 0 0;
	width: 405px;
	float: left;
}

.half_right {
	margin: 20px 0 0 0;
	width: 445px;
	float: right;
}

.insection {
	border-top: solid 1px #CECECE;
	padding: 0;
	margin: 0;
}

.insection li{
	border-bottom: solid 1px #CECECE;
	list-style-type: none;
	padding: 5px 0 7px 0;
	margin: 0;

}


/*---------------------------------------------------------------------------------
Wordpress -----*/

#comment {
	width: 680px;
}

.hr {
	width: 100%;
	border-bottom: solid 1px #C0C1C1;
	height: 2px;
	padding: 10px 0 10px 0;
}

.navigation .left{
	width: 320px;
	float: left;
	text-align: left;
	padding: 10px 0 0 0;
}

.navigation .right{
	width: 320px;
	float: right;
	text-align: right;
	padding: 10px 0 0 0;
}



.post {
	border-bottom: solid 1px #C0C1C1;
	padding: 0;
}

.post h2{
	margin: 15px 0 0 0;
	padding: 0;
}

.post .date{
	padding:0;
	margin: 1px 0 20px 0;
	color: #999;
	font-size: 90%;
}

.latest {
	margin: 30px 0 0 0;
}

.resourcenav{
	border: none;
}

.resourcenav ul{
	border: none;
}

.resourcenav h2{
	font-size: 130%;
}

.resourcenav li {
	border: none;
	font-size: 100%;
}


.resourcenav ul li {
	border: none;
	font-size: 100%;
}


.resourcenav li ul li{
	border: none;
	font-size: 100%;
}

.resourcenav li ul li ul{
	border: none;
	font-size: 100%;
}

.resourcenav{
	border: none;
}

.resourcenav ul{
	border: none;
}

.resourcenav h2{
	font-size: 130%;
}

.resourcenav li {
	border: none;
	font-size: 100%;
}


.resourcenav ul li {
	border: none;
	font-size: 100%;
}


.resourcenav li ul li{
	border: none;
	font-size: 100%;
}

.resourcenav li ul li ul{
	border: none;
	font-size: 100%;
}





.resourcenavother{
	border: none;
}

.resourcenavother ul{
	border: none;
}

.resourcenavother h2{
	font-size: 130%;
}

.resourcenavother li {
	border: none;
	font-size: 100%;
}


.resourcenavother ul li {
	border: none;
	font-size: 100%;
}


.resourcenavother li ul li{
	border: none;
	font-size: 100%;
}

.resourcenavother li ul li ul{
	border: none;
	font-size: 100%;
}

.resourcenavother{
	border: none;
}

.resourcenavother ul{
	border: none;
	margin: 0;
}

.inner_right ul.resourcenavother{
	margin: 0;
}

.resourcenavother h2{
	font-size: 130%;
}

.resourcenavother li {
	border: none;
	font-size: 100%;
	padding-bottom: 0;
}


.resourcenavother ul li {
	border: none;
	font-size: 100%;
}


.resourcenavother li ul li{
	border: none;
	font-size: 100%;
}

.resourcenavother li ul li ul{
	border: none;
	font-size: 100%;
}



.social_bookmark {
	margin: 20px 0 20px 0;
	color: #555;
	font-style: normal;
	text-align: center;
}




/*---------------------------------------------------------------------------------
Table -----*/


table {
	margin: 20px 0 20px 0;
}

th {
	color: #000;
	border-top: solid 1px #cccdcc;
	border-bottom: solid 1px #cccdcc;
	border-left: solid 1px #FFF;
	border-right: solid 1px #FFF;
	padding: 20px 6px 6px 6px;
	text-align: left;
}
	

td {
	color: #5c5c5c;
	border-top: solid 1px #cccdcc;
	border-bottom: solid 1px #cccdcc;
	border-left: solid 1px #FFF;
	border-right: solid 1px #FFF;
	padding: 6px 6px 6px 6px;
	text-align: left;
}
	
.signup {
	width: 500px;
}

.noborder {
	border: none;
}

.bordertop {
	border: none;
	border-top: solid 1px #cccdcc;

}
/*---------------------------------------------------------------------------------
In Depth -----*/

#accordion {
	padding: 0;
	margin: 0;
	padding: 5px;
}

#accordion li{
	list-style: none;
	padding: 0;
	margin: 0;
}

#accordion h3{
	padding: 0;
	margin: 0;
	color: #FFF;
	display: inline;
}

.indepth_container h3 span {
	color: #333;
	position: relative;
	top: -11px;
	font-weight: bold;
	font-size: 23px;
}

.indepth_container{
	padding: 0;
	background: url('images/indepth_bg.gif') top left no-repeat;	
}

.indepth_bottom{
	background: url('images/indepth_bgbottom.gif') bottom left no-repeat;
	padding: 0;
	margin: 0 0 20px 0;
}

.indepth_button{
	padding: 5px 5px 3px 5px;
}

.collapse-container {
	padding: 10px 10px 3px 10px;
}

#accordion li .collapse-container li{
	list-style-type: disc;
	color: #green;
	margin: 0 0 5px 0;
}

/*---------------------------------------------------------------------------------
Memebr Area -----*/

.membersign {
	border-top: solid 1px #cccdcc;
	border-bottom: solid 1px #cccdcc;
	}

.membersign td, th{
	border: none;
}

.sign {
	padding: 0;
	margin:0;
	
}
	
.error {
	float: left;
	margin: 0 10px 0 0;
}
	
.errortext {
	padding: 10px 0 0 0;
	font-size: 110%;
	color: #FF1A00;
	font-weight: bold;
	margin: 0 0 50px 0;

}
	 iframe { display:block; width:100%; border:none; }
	 
	 
div.newblock1{
background: url('images/newblock1_bg.png') top left no-repeat;
float:left;
display:block;
overflow:hidden;
width:430px;
height:170px;
margin-right:17px;
padding: 20px 10px 20px 20px;
}
.newblock1 .left {
    float: left;
    margin: 0 20px 0 0;
    width: 54px;
}
.newblock1 .right {
    float: left;
    height: 177px;
    overflow: hidden;
    width: 420px;
}

.fourths_container {
	background: url('images/home_fourths_bgtop.png') top left no-repeat;
	padding: 0;
	margin 0;
}


.fourths_block {
	background: url('images/home_fourths_bgbottom.png') bottom left no-repeat;
	padding: 0;
	margin 0;
}

.fourth {
	float: left;
    margin: 0 16px 0 0;
    padding: 20px 10px 20px 20px;
    width: 193px;
}

.fourth_end {
	width: 193px;
	float: left;
	margin: 0;
	padding: 20px 10px 20px 20px;
}


.fourth .left{
	width: 54px;
	float: left;
	margin: 0 20px 0 0;
}

.fourth .right{
	width: 185px;
	float: left;
}

.fourth .right h1,
.fourth_end .right h1,
.newblock1 .right h1{
	color: #2A323D;
    font-size: 145%;
    margin: 0;
    padding: 7px 0 21px;
}



.fourth_end .left{
	width: 54px;
	float: left;
	margin: 0 20px 0 0;
}

.fourth_end .right{
	width: 180px;
	float: left;
}

/*.fourth_end .right h1{
	padding: 0 0 2px 0;
	margin: 0;
	color: #2A323D;
	font-size: 125%;
}*/
.fourth .right h1,
.fourth_end .right h1{
width:137px;
float:left;
}

.fourth_end .right ul{
    border-top: 1px solid #C0C1C1;
    float: left;
    margin: 8px 0;
}

.fourth_end .right li{
	border-bottom: solid 1px #C0C1C1;
	margin: 0;
	padding: 2px 0 2px 0;
	font-size: 95%;
	list-style-type: none;
}

.fourth_end .right li a{
	color: #919191;
}

.fourth_end .right li a:hover{
	color: #FF5800;
}
.newblock1 img.alignleft,
.fourth img.alignleft,
.fourth_end img.alignleft{
float:left;
margin-right:10px;
}
.newblock1 img.alignright,
.fourth img.alignright,
.fourth_end img.alignright{
float:right;
}
img.morelink{
margin-top:8px;
}
#homepageanim{
display:block;
float:left;
margin-top:1px;
}