/* Style sheet for yourway.co.uk - writen by Tom Mason */

/*=============================== START default styles =========================*/
body
{
	font-family: calibri, arial;
	font-size: 12pt;
	color: #76777c;
	behavior:url("/csshover.htc");

}

img
{
	border: none; 
}

h3
{
	color: #c1272d;
}

h2
{
	color: #c1272d;
	font-size: 20pt; 
	padding: 0px; 
	margin: 0px; 
	padding-top: 30px; 
}
/*============================== END default styles ===========================*/

/*============================== START nav bar ==============================*/
#nav_container
{
	width: 790px;
	margin: 0px auto;
	border-left: 1px solid #d1d4d1;
	border-right: 1px	 solid #d1d4d1;
	margin-top: -15px;
}

#nav_container a:link, a:hover, a:visited
{
	display: block;
	height: 41px;
}

#nav_fade
{
	width: 790px;
	height: 36px;
	background-image: url(../images/nav_fade.jpg);
}

#logo
{
	float: right;
	margin-top:  15px; 
	margin-right: 15px;
}

#logo a:link, a:hover, a:visited
{
	margin: 0px;
	padding: 0px; 	
}

/*--- START staff link ---*/
#staff_access
{
	float: left;
	margin-top: 15px;
	margin-left: 15px; 
	font-size: 16pt; 
}

#staff_access a, a:link, a:visited
{
	color: #000;
	cursor: pointer;
	height: 41px;
	display: block;
	padding: 10px 0px 10px 40px;
	margin: 0px; 
	text-decoration: none; 
	float: left;
}

#staff_access a:hover
{
	color: #c1272d; 
	cursor: pointer;
	height: 41px;
	display: block;
	padding: 10px 0px 10px 40px;
	margin: 0px; 
	text-decoration: none; 
	float: left;
}

/*--- END staff link --*/

/*--- START site navigation ---*/
#nav
{
	margin-left: 25px;
	font-size: 16pt; 
}

#nav a, a:link, a:visited
{
	color: #c1272d;
	cursor: pointer;
	padding-left: 40px;
	padding-top: 10px;  
	display: block;
	text-decoration: none; 

}

#nav a:hover
{
	color: #76777c;
	cursor: pointer;
	padding-left: 40px;
	padding-top: 10px;  
	display: block;
	text-decoration: none; 
	
}

#nav li
{
	list-style-type: none; 
	float: left; 
	margin-left: 90px; 
	width: 100px; 
}

#nav ul ul
{
	position: absolute;
	z-index: 500;
	top: 114px;
	display: none; 
	border: 1px solid #c1272d;
	background-color: #efeeee;
	height: auto;
   padding: 0px; 
   margin-left: 35px; 
}

#nav li li
{
	float: none; 
	text-align: left;
	margin-left: 0px; 
	width: auto; 
	padding: 2px 5px 2px 5px; 
	font-size: 12pt; 
}

#nav li ul li a:link
{
	padding: 0px;
	margin-left: 0px; 
	color: #c1272d;
	text-decoration: none; 
	display: inline; 
	float: none; 
}

#nav li ul li a:hover
{
	padding: 0px;
	margin-left: 0px; 
	color: #76777c;
	text-decoration: none; 
	display: inline; 
	float: none;
}

#nav li ul li a:visited
{
	padding: 0px;
	margin-left: 0px; 
	text-decoration: none; 
	display: inline;
	float: none;  
}

#nav li:hover ul
{
	display: block;
}

#home_link
{
	background-image: url(../images/buttons/home.jpg);
	background-repeat: no-repeat; 
}

#services_link
{
	background-image: url(../images/buttons/services.jpg);
	background-repeat: no-repeat; 
}

#contacts_link
{
	background-image: url(../images/buttons/contacts.jpg);
	background-repeat: no-repeat; 
}

#links_link
{
	background-image: url(../images/buttons/links.jpg);
	background-repeat: no-repeat; 
}

#access_link
{
	background-image: url(../images/buttons/staff.jpg);
	background-repeat: no-repeat;
}

#users_link
{
	background-image: url(../images/buttons/users.jpg);
	background-repeat: no-repeat;
}

#testimonials_link
{
	background-image: url(../images/buttons/testimonials_nv.jpg);
	background-repeat: no-repeat;
}

#assets_link
{
	background-image: url(../images/buttons/asset_nv.jpg);
	background-repeat: no-repeat;
}

#news_link
{
	background-image: url(../images/buttons/news_nv.jpg);
	background-repeat: no-repeat;
}


#nav ul
{
	margin-top: 20px; 
	height: 30px; 
}

/*===================================== END site navigation =================================*/

#page_title
{
	color: #c1272d;
	font-size: 16pt;
}

#accessibility_title
{
	color: #c1272d;
}

#main_content
{
	width: 790px;
	border-left: 1px solid #d1d4d1;
	border-right: 1px solid #d1d4d1;
	border-bottom: 1px solid #d1d4d1;
	margin: 0px auto;
	padding-bottom: 10px; 
	padding-top: 10px; 
	font-size: 12pt; 
}

#main_content a:link
{
	border: none; 
	text-decoration: none; 
	color: #c1272d;;
	padding: 0px;
	display: inline; 
	margin: 0px; 
	height: auto;
	width: auto;
}

#main_content a:hover
{
	border: none; 
	text-decoration: none; 
	color: #c1272d;;
	padding: 0px;
	display: inline; 
	margin: 0px; 
	height: auto;
	width: auto;
}

#main_content a:visited
{
	border: none; 
	text-decoration: none; 
	color: #c1272d;;
	padding: 0px;
	display: inline; 
	margin: 0px; 
}

#info_link
{
	margin-left: 60px; 
	padding: 0px;
	float: none; 
	width: auto;
}

#info_link a:link
{
	border: none; 
	text-decoration: none; 
	color: #c1272d;;
	padding: 0px;
	display: inline; 
	width: auto;
	float: none;
}

#info_link a:hover
{

	border: none; 
	text-decoration: none; 
	color: #c1272d;;
	padding: 0px;
	display: inline; 
	width: auto;
	float: none;
}

#info_link a:visited
{
	border: none; 
	text-decoration: none; 
	color: #c1272d;;
	padding: 0px;
	display: inline;  
	width: auto;
	float: none;
}

#left_content
{
	width: 360px; 
	padding: 0px 0px 0px 50px;
	float: left; 	
}

#left_content_reverse
{
	width: 315px; 
	padding: 0px 0px 0px 50px;
	float: left; 
}

#right_content_reverse
{
	float: left;
	padding: 0px 20px 0px 10px;
	width: 360px; 
}

#right_content
{
	float: left;
	padding: 0px 20px 0px 20px;
	width: 305px; 
}

#about_us
{
	border-right: 1px solid #d1d4d1;
	padding-right: 20px; 
	float: left;
}

#news
{
	border: 1px solid #000;
	margin-right: 20px; 
	padding: 5px; 
	margin-top: 10px;
	height:  210px; 
	overflow-y: scroll;
}

#support_bricks_image
{
	margin: 0px auto;
	margin-top: 0px; 
	width: 200px; 
}

#consultancy_puzzle_image
{
	width: 200px; 
	margin: 0px auto; 
}
/*===================================== START select font ===================================*/

#font_background
{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

#font_container
{
    display: none;
    position: absolute;
    top: 25%;
    left: 25%;
    right: 25%;
    width: 50%;
    height: 120px; 
    border: 2px solid #d1d4d1;
    background-color: white;
    z-index:1002;
    overflow: auto;
    text-align: center; 
    font-size: 14pt; 
}

#font_container li
{
	list-style-type: none;
	float: left; 
	margin-left: 10px; 
	line-height: 69px; 
	color: #c2272d;
}

#font_container li a:link
{
	color: #c2272d;
	margin: 0px; 
	padding: 0px; 
	float: left;
	text-decoration: none;
}

#font_container li a:visited
{
	color: #c2272d;
	margin: 0px; 
	padding: 0px; 
	float: left;
	text-decoration: none;
}

#font_container li a:hover
{
	color: #c2272d;
	margin: 0px; 
	padding: 0px; 
	float: left;
	text-decoration: none;
}

#font_container ul
{
	padding: 10px;
	margin: 0px; 
	margin-left: 0px; 
	width: 360px;
	margin: 0px auto; 
}

.font_item
{
	background-image: url(../images/text_button_background.jpg);
	height: 69px;
	width: 100px; 
	border: 1px solid #d1d4d1;
}

/*===================================== END select font ====================================*/

/*===================================== START accessibility =================================*/
#accessibility
{
	width: 395px;
	margin-top: 70px; 
	float: left;
	height: auto;
}

#accessibility a:link
{
	color: #c1272d;
	cursor: pointer;
	padding: 10px 10px 10px 40px;
	height: 30px;  
	display: block;
	float: left;

}

#accessibility a:visited
{
	color: #c1272d;
	cursor: pointer;
	padding: 10px 10px 10px 40px;
	height: 30px;  
	display: block;
	float: left;

}

#accessibility a:hover
{
	color: #76777c;
	cursor: pointer;
	padding: 10px 10px 10px 40px;
	height: 30px;  
	display: block;
	float: left;
	margin: 0px;
}

#accessibility li
{
	list-style-type: none; 
	float: left;	
}

#accessibility ul
{
	margin: 0px; 
	padding: 0px; 
	margin-top: 20px; 
	height: 30px; 
}

#easy_read
{
	background-image: url(../images/buttons/easy.jpg);
	background-repeat: no-repeat;
}

#large_fonts
{
	background-image: url(../images/buttons/font.jpg);
	background-repeat: no-repeat;	
}

#audio
{
	background-image: url(../images/buttons/audio.jpg);
	background-repeat: no-repeat;
}
/*===================================== END accessibility ==================================*/

/*===================================== START easy read ==================================*/
#easy_read_page_title_container
{
	padding: 10px 10px 10px 90px;  
	font-size: 16pt; 
}

#easy_read_title
{
	float: left;
}

#easy_read_title_image
{
	float: left; 
	padding-left: 60px;
	padding-right: 60px; 
}

#easy_read_title_description
{
	float: left; 
	width: 280px; 
	padding-top: 10px; 
}

#easy_read_content
{
	padding-left: 80px; 
	padding-top: 40px; 
	font-size: 16pt; 
}

.easy_read_brokerage_item
{
	width: 355px;
	float: left; 
}

.easy_read_brokerage_item_image
{
	float: left; 
}

.easy_read_brokerage_item_description
{
	float: left;
	width: 150px; 
}

.easy_read_enabling_item
{
	width: 165px;
	float: left; 
	text-align: center; 
}

#easy_read_content a
{
	margin: 0px;
	padding: 0px; 
}

#easy_read_content a:link
{
	margin: 0px;
	padding: 0px;
	float: none; 
}

#easy_read_content a:visited
{
	margin: 0px;
	padding: 0px; 
	display: inline;
	float: none; 
}

#easy_read_content a:hover
{
	margin: 0px;
	padding: 0px; 
	display: inline; 
	float: none;
}
/*===================================== END easy read ====================================*/

/*===================================== START admin =====================================*/
#admin_content
{
	padding: 10px 20px 10px 20px; 

}

#admin_content a:link
{
	margin: 0px;
	padding: 0px;
	display: inline;
	float: none; 
}

#admin_content a:visited
{
	margin: 0px;
	padding: 0px;
	display: inline;
	float: none;
}

#admin_content a:hover
{
	margin: 0px;
	padding: 0px;
	display: inline;
	float: none; 
}

#nav_admin
{
	margin-left: 0px;
}

#nav_admin a:link, a:visited
{
	color: #c1272d;
	cursor: pointer;
	padding-left: 40px;
	padding-top: 10px;  
	display: block;
	text-decoration: none;
}

#nav_admin a:hover
{
	color: #76777c;
	cursor: pointer;
	padding-left: 40px;
	padding-top: 10px;  
	display: block;
	text-decoration: none; 
}

#nav_admin li
{
	list-style-type: none; 
	float: left; 
	margin-left: 0px; 
	width: 150px; 
}

#nav_admin ul
{
	margin-top: 20px; 
	height: 30px; 
}
/*--START table format --*/
.contact_table{ background-color: #f2f2f2;}
.desc_cell{ border: 2px #fff solid; width: 200px; text-align: right; valign: top; }
.input_cell{ border: 2px #fff solid; }
.inputs{ border: 1px #d1d4d1 solid; background-image: url(../images/input_background.jpg); width: 210px; font-size: 8pt; color: #6e6e6e; }
.inputs:focus{ border: 1px solid #c1272d; }
.file{ border: 1px #d1d4d1 solid; background-image: url(../images/input_background.jpg); width: 200px; font-size: 8pt; color: #6e6e6e; }
.description{  width: 200px; background-image: url(../images/text_background.jpg); background-repeat: no-repeat; border: 1px solid #d1d4d1; font-size: 8pt; color: #6e6e6e;}
.cms_cell{ border: none; background-color: #f2f2f2; width: 200px; border-bottom: 1px solid #fff; padding: 10px 5px 10px 5px;}
.cms_table{ border: none; }
.cms_header{ background-color: #eeeeee; border-bottom: 1px solid #d1d4d1; text-align: left;  border-top: 1px solid #d1d4d1; padding: 10px 5px 10px 5px; }
/*-- END table format --*/

#admin_login
{
	width: 410px;
	margin: 0px auto; 
}

#admin_index_menu
{
	width: 600px;
	padding-top: 30px; 
	padding-bottom: 20px; 
	margin: 0px auto;
	
}

#admin_index_menu a:link
{
	color: #76777c;
	display: inline; 
	margin: 0px;
	padding: 0px; 
	float: none;
}

#admin_index_menu a:visited
{
	color: #76777c;
	display: inline; 
	margin: 0px;
	padding: 0px; 
	float: none;
}

/*--START testimonial --*/
.testimonial_inner th
{
	background-color: #eeeeee; 
	text-align: left; 
	border: 1px solid #d1d4d1; 
	padding: 10px 5px 10px 5px; 
	margin: 0px; 
}

.testimonial_inner td
{
	padding: 0px; 
}

.testimonial_outter
{
	width: 500px;
	margin: 0px auto; 
}
/*-- END testimonial --*/
/*===================================== END admin ======================================*/
/*===================================== START testimonials ======================================*/
#testimonials_top
{
	margin-left: 60px;
	height: 40px;  
}

#testimonials_bottom
{
	margin-left: 60px;
	
  
}
.quote_box
{
	background-image: url(../images/quote_bk.jpg);
	width: 280px;
	height: 94px;
	font-size: 14pt; 
	padding: 10px;
}


#testimonials_left
{
	float: left;
	margin-left: 40px; 
	padding: 0px 20px 0px 20px;
	width: 305px; 
	border-right: 1px solid #d1d4d1;
}

#testimonials_right
{
	float: left;
	padding: 0px 20px 0px 20px;
	width: 305px; 
}
/*===================================== END testimonials ======================================*/