/*----------------------------------------------------
	
	SCREEN.CSS
	
	SITE: www.eccles-heddon.com
	CREATED: Tue 06.04.10 @ 14:21
	AUTHOR: Kean Richmond
	
----------------------------------------------------*/

@import url("reset.css");


/*--- 00. Common Elements ---------------------------------------------------------------------------*/

body						{background:url(/img/_bkg.jpg) top center repeat-x #F5F5F5; color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:62.5%;}
body#index					{background:url(/img/_bkg_index.jpg) top center repeat-x #F5F5F5;}

#main_container				{margin:0px auto; padding:0 10px; position:relative; width:970px;}
#content_container			{height:100%; overflow:hidden; padding-top:141px;}
#index #content_container	{padding-top:596px;}

a							{color:#3471B6;}
a:hover						{color:#758224;}


/*--- 01. Headings ---------------------------------------------------------------------------*/

h1							{color:#3471B6; font-size:2.4em; font-weight:bold; margin:45px 0 5px 0;}
h2							{color:#3471B6; font-size:1.8em; margin:15px 0 6px 0;}
h3							{color:#3471B6; font-size:1.6em; margin:15px 0 6px 0;}
h6							{color:#999999; font-size:2.4em; font-weight:bold; margin:2px 0 5px 0;}


/*--- 02. Header ---------------------------------------------------------------------------*/

#header						{left:10px; position:absolute; top:0; width:970px;}
#logo						{display:block; float:left; margin:11px 0 0 0;}

#hdr_contact				{background:url(/img/_hdr_contacts.png) no-repeat; color:#FFFFFF; float:right; height:75px; margin:17px 0 0 0; text-indent:-9999px; width:442px;}

#nav						{clear:right; float:right; margin:23px -6px 0 0;}
#nav li						{float:left;}
#nav li a					{background:url(/img/_nav.png) 8px 0 no-repeat; color:#FFFFFF; display:block; height:22px; margin:0 0 0 6px; padding:0 6px 0 8px; text-indent:-9999px; width:42px;}
#nav li a.nav_current		{border-bottom:3px solid #FFFFFF;}
#nav li#nav-index a:hover		{background-position:8px -36px;}
#nav li#nav-about-us a			{background-position:-55px 0; width:67px;}
#nav li#nav-about-us a:hover	{background-position:-55px -36px;}
#nav li#nav-meet-our-people a	{background-position:-144px 0; width:117px;}
#nav li#nav-meet-our-people a:hover	{background-position:-144px -36px;}
#nav li#nav-our-services a			{background-position:-284px 0; width:91px;}
#nav li#nav-our-services a:hover	{background-position:-284px -36px;}
#nav li#nav-location a			{background-position:-398px 0; width:60px;}
#nav li#nav-location a:hover	{background-position:-398px -36px;}
#nav li#nav-contact a			{background-position:-482px 0; width:55px;}
#nav li#nav-contact a:hover		{background-position:-482px -36px;}

#banner						{background:url(/img/_banner.png) no-repeat; color:#FFFFFF; clear:both; display:block; float:right; height:73px; margin:168px 0 148px 0; text-indent:-9999px; width:528px;}

#services					{clear:both; margin:0 -10px;}
#services li				{float:left;}
#services li a				{background:url(/img/_services.png) no-repeat; display:block; height:94px; text-indent:-9999px; width:99px;}
#services li#estate-planning a	{background-position:-99px 0;}
#services li#elderly-clients a	{background-position:-198px 0;}
#services li#family a			{background-position:-297px 0;}
#services li#dispute-resolution a	{background-position:-396px 0;}
#services li#conveyancing a		{background-position:-495px 0;}
#services li#commercial-property a	{background-position:-594px 0;}
#services li#business-advice a	{background-position:-693px 0;}
#services li#agriculture a		{background-position:-792px 0;}
#services li#employment a	{background-position:-891px 0;}


/*--- 03. Content ---------------------------------------------------------------------------*/

#content					{float:left; margin:0 0 25px 0; width:580px;}
#index #content				{margin:21px 0 0 0;}
#content p					{font-size:1.2em; line-height:1.55em; padding:9px 0; text-align:justify;}
#index #content p			{line-height:1.2em; padding:7px 0;}
#content img				{background:#FFFFFF; border:1px solid #DFDFDF; float:right; margin:10px 0 10px 20px; padding:10px;}

#content ul 				{list-style:square; margin:20px 0;}
#content ul > li			{font-size:1.2em; padding:5px 0;}

.section					{background:url(/img/_rule_horizontal.png) repeat-x; margin:13px 0 0 0; padding:5px 0 0 0;}

#content ul#offices			{height:100%; list-style:none; margin:0; overflow:hidden;}
#content ul#offices li		{border-right:1px dotted #C4C4C4; float:left; font-size:1em; margin:0 2% 0 0; padding:2px 5% 4px 0; width:26%;}
#offices li:last-child		{border:0;}
#content #offices li p		{font-size:1.1em; padding:3px 0; text-align:left;}

#contact_form input[type='submit']	{background:url(/img/_btn_send.png) no-repeat; border:0; cursor:pointer; float:left; height:26px; margin:10px 0 0 0; padding:0 0 0 115px; text-indent:-9999px; width:116px;}
#contact_form input[type='submit']:hover	{background-position:-116px 0;}

.map						{border:5px solid #FFFFFF; height:400px; width:560px;}
#content .map img			{background:0; border:0; float:none; margin:0; padding:0;}


/*--- 04. Side Column ---------------------------------------------------------------------------*/

#side_column				{background:url(/img/_rule_vertical.png) repeat-y; float:right; margin:43px 0 0 0; padding:0 23px 23px 23px; width:302px;}
#index #side_column			{margin:64px 0 0 0;}

#side_column form			{padding:5px 0 0 0;}
#side_column label			{display:block; font-size:1.1em; margin:7px 0 2px 0;}
#side_column textarea		{height:90px; width:260px;}
#side_column .required 		{display:none;}


/*--- 05. Content ---------------------------------------------------------------------------*/

#our-services #content			{float:none; width:auto;}
#our-services #services			{list-style:none; margin:30px 0 0 0;}
#our-services #services li		{float:left; height:100%; margin:10px 2% 0 0; overflow:hidden; width:31%;}
#our-services #services li a	{background:0; color:#666666; font-size:1.6em; font-weight:bold; height:auto; padding:35px 0 0 0; text-indent:0; text-decoration:none; width:auto;}
#our-services #services li a:hover	{color:#3471B6;}

#our-services #services li a span	{background:url(/img/_services.png) no-repeat; display:block; float:left; height:94px; margin:-35px 10px 0 0; text-indent:-9999px; width:99px;}
#our-services #services li#estate-planning a span		{background-position:-99px 0;}
#our-services #services li#elderly-clients a span		{background-position:-198px 0;}
#our-services #services li#family a span				{background-position:-297px 0;}
#our-services #services li#dispute-resolution a span	{background-position:-396px 0;}
#our-services #services li#conveyancing a span			{background-position:-495px 0;}
#our-services #services li#commercial-property a span	{background-position:-594px 0;}
#our-services #services li#business-advice a span		{background-position:-693px 0;}
#our-services #services li#agriculture a span			{background-position:-792px 0;}
#our-services #services li#employment a span			{background-position:-891px 0;}

#content ul.people			{list-style:none; margin:0 0 30px 0; height:100%; overflow:hidden;}
#content ul.people li		{clear:both; font-size:1em; /*height:100%; overflow:hidden;*/}
#content .people img		{float:left; margin:10px 10px 10px 0;}
.people h3					{font-weight:bold; margin:0; padding:20px 0 0 0;}
.people .position			{font-weight:bold; padding-top:0;}
#content .people p.services	{font-size:1.1em; padding-top:0;}
.people div					{border-bottom:1px solid #CCCCCC; float:right; margin:0 0 30px 0; padding:0 0 20px 0; width:423px;}
.people a					{background:#2B5D95; color:#FFFFFF; cursor:pointer; display:block; float:left; font-weight:bold; margin:10px 0; padding:5px 10px; text-decoration:none; text-transform:uppercase; background:-moz-linear-gradient(100% 100% 90deg,#2B5D95, #5C93D2); background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#5C93D2), to(#2B5D95)); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.people a:hover				{background:#626C20; background:-moz-linear-gradient(100% 100% 90deg, #626C20, #82912B); background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#626C20), to(#82912B));}

#content ul#tab_navigation	{border-bottom:1px solid #CCCCCC; height:100%; list-style:none; margin:30px 0 20px 0; overflow:hidden;}
#content ul#tab_navigation li	{float:left; padding:0;}
#tab_navigation a			{color:#999999; cursor:pointer; display:block; font-size:1.2em; font-weight:bold; padding:5px 20px;}
#tab_navigation a:hover		{color:#2B5D95;}
#tab_navigation .current a	{background:#CCCCCC; color:#FFFFFF; -moz-border-radius:5px 5px 0 0; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; border-radius:5px 5px 0 0; text-shadow:#999999 1px 1px 1px;}


/*--- 50. Footer ---------------------------------------------------------------------------*/

#footer						{clear:both; font-size:1.1em; padding:50px 0; text-align:center;}
#footer	a					{color:#666666; text-decoration:none;}
#footer	a:hover				{color:#3471B6;}

#copyright					{background:url(/img/_rule_horizontal.png) repeat-x; color:#999999; font-weight:bold; margin:10px auto 4px auto; padding:13px 0 0 0; width:400px;}
#bronco						{color:#999999;}
#bronco a					{color:#999999;}
#bronco	a:hover				{color:#3471B6;}


/*--- 51. Form Elements ---------------------------------------------------------------------------*/

form p						{height:100%; overflow:hidden;}

input[type='text'],
textarea					{background:#FFFFFF; border:1px solid #CCCCCC; color:#666666; float:left; font:Arial, Helvetica, sans-serif 12px; padding:4px 4px 3px 4px; width:240px;}
textarea					{height:150px; width:400px;}

#p_security					{clear:both; display:none; height:0px; visibility:hidden;}
#p_security label			{float:none; padding:0 0 4px 0; text-align:left; width:auto;}
#p_security .input_box		{display:block; float:none;}

form .optional				{background:url(/img/icon_optional.gif) no-repeat; display:block; float:left; height:13px; margin:9px 0 0 6px; text-indent:-9999px; width:53px;}
form .required				{background:url(/img/icon_required.gif) no-repeat; display:block; float:left; height:13px; margin:9px 0 0 6px; text-indent:-9999px; width:53px;}
form .hidden				{background:url(/img/icon_hidden.gif) no-repeat; display:block; float:left; height:13px; margin:9px 0 0 -4px; text-indent:-9999px; width:44px;}
form .warning				{background:url(/img/icon_warning.png) no-repeat; display:block; float:left; height:15px; margin:7px 0 0 6px; text-indent:-9999px; width:17px;}


/*--- 52. Response Elements ---------------------------------------------------------------------------*/

#msg_response				{background:url(/img/response_bkg.jpg) #FFFFFF repeat-x; border:1px solid #CCCCCC; clear:both; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:11px!important; font-weight:bold; line-height:1.3em; margin:20px 0; padding:1px; position:relative; zoom:1; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#msg_response a				{color:#333333;}
#msg_response a:hover		{text-decoration:none;}
#msg_response span			{background:url(/img/response_close.gif) no-repeat; height:11px; position:absolute; right:10px; top:8px; width:10px;}

#msg_response div			{padding:6px 46px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.msg_error					{background:url(/img/response_error.jpg) left center no-repeat; color:#B7220A;}
.msg_success				{background:url(/img/response_success.jpg) left center no-repeat; color:#0F8915;}


/*--- 53. Skip Link ---------------------------------------------------------------------------*/

#skip_link					{float:left; margin:0 0 0 -9999px; text-decoration:none;}
#skip_link:focus			{background:#333333; border-bottom:1px solid #FFFFFF; border-right:1px solid #FFFFFF; color:#FFFFFF; font-size:11px; margin:0; padding:3px 7px 3px 5px; position:relative; z-index:1000;}