/*
Theme Name: Seaman Herbert & Co. Accountants
Theme URI: http://accountantsinyorkshire.co.uk
Author: Tom Hirst
Author URI: http://tomhirst.co.uk
*/

@import "style/css/reset.css";

body
{
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	color: #444444;
	background: url(images/body_bg.jpg) repeat-x #eeeeee;
}

html, body 
{
	height: 100%;
}

.floatLeft
{
	float: left;
}

.floatRight
{
	float: right;
}

.clearFloat
{
	clear: both;
}

a.alt-button 
{
	background: url(images/alt-button-up.jpg) repeat-x;
	height: 15px;
	padding: 10px;
	width: 130px;
	text-align: center;
	font-weight: bold;
	font-size: 1em !important;
	line-height: 1em;
	float: left;
	margin-right: 20px;
	margin-top: 10px;
	text-decoration: none !important;
	color: #444 !important;
}

a:hover.alt-button
{
	
	background: url(images/alt-button-down.jpg) repeat-x #dcbb75;
}

a.button 
{
	background: url(images/button_up.jpg) repeat-x;
	height: 15px;
	padding: 10px;
	width: 130px;
	text-align: center;
	font-weight: bold;
	font-size: 1.4em;
	line-height: 1em;
	float: left;
	margin-right: 20px;
	margin-top: 10px;
	text-decoration: none;
	color: #37466c;
}

a:hover.button
{
	color: #37466c !important;
	background: url(images/button_down.jpg) repeat-x #e1f5f0;
}

a.button:active, a.alt-button:active
{
  position: relative;
  top: 1px;
}

.hr
{
	background: url(images/hr.png) no-repeat;
	height: 6px;
	width: 112px;
	margin: 0 auto;
}

.sendButton
{
	background: url(images/button_up.jpg) repeat-x;
	height: 35px;
	padding: 10px;
	width: 125px;
	text-align: center;
	font-weight: bold;
	font-size: 1em;
	line-height: 1.2em;
	text-decoration: none;
	color: #666666 !important;
}

.rightcol .sendButton
{
	margin-left: 0 !important;
}

.sendButton:hover
{
	background: url(images/button_down.jpg) repeat-x;
	cursor: pointer;
}

.sendButton:active
{
	position: relative;
	top: 1px;
}


#wrapper
{
	width: 860px;
	margin: 0 auto -109px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

.push
{
	height: 109px;
}

#header
{
	height: 200px;
	background: url(images/header_bg.jpg) no-repeat right;
}

h2.strapline
{
	font-family: Georgia, serif;
	font-size: 2.6em;
	float: right;
	text-align: right;
	margin-top: 60px;
}

h2.contact
{
	font-size: 2em;
	line-height: 1.25;
	color: #dfa537;
	
	font-style: normal;
	font-family: Georgia, serif;
	text-align: right;
	float: right;
}

#header h2 a
{
	text-decoration: none;
	color: #dfa537;
}

#header h2 a:hover
{
	text-decoration: underline;
}

#nav
{
	height: 50px;
}

#nav li
{
	display: inline;
	font-size: 1.2em;
	line-height: 4em;
	margin-right: 20px;
	text-transform: uppercase;
}

#nav a
{
	color: #FFFFFF;
	text-decoration: none;
}

#nav a:hover, a:active, a:focus
{
	color: #dfa537;
	text-decoration: none;
}

.current_page_item a, .current-page-ancestor a
{
	color: #dfa537 !important;
}

#featurehome
{
	height: 222px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
}

h3.clients-say
{
	font-size: 2.2em;
	color: #37466c;
	margin-bottom: 20px;
	margin-top: 5px;
	font-family: Georgia, serif;
	font-style: normal;
	margin-left: 40px;
}

#featurehome h1, h2
{
	font-size: 2.2em;
	color: #37466c;
	margin-bottom: 20px;
	margin-top: 5px;
	font-family: Georgia, serif;
	font-style: normal;
}

#featurehome .left
{
	width: 465px;
	float: left;
	
}

#featurehome .right
{
	width: 365px;
	float: right;
	height: 210px;
	overflow: hidden;
}

ul#slides
{
	
}

ul#slides li
{
	height: 210px;
	width: 365px;
	background: url(images/slide-bg.jpg) repeat-x;

}
	
h3.name
{
	font-size: 2em;
	margin-bottom: 20px;
}

h3.name span
{
	font-size: 0.7em;
}

blockquote
{
	border-left: 2px solid #ccc;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 40px;
}

#featurehome p
{
	font-size: 1.5em;
	line-height: 1.3em;
	color: #37466c;
	margin-bottom: 10px;
}

.homeleft
{
	width: 258px;
	padding-right: 20px;
	margin-right: 20px;
	border-right: 1px solid #CCCCCC;
	float: left;
}

.homemid
{
	width: 258px;
	padding-right: 20px;
	margin-right: 20px;
	border-right: 1px solid #CCCCCC;
	float: left;
}

.homeright
{
	width: 258px;
	float: left;
}

.homeleft h2, .homemid h2, .homeright h2
{
	font-size: 2.2em !important;
}

.homeleft p, .homemid p, .homeright p
{
	font-size: 1.4em !important;
	line-height: 1.8em !important;
}

#feature
{
	height: 75px;
	margin-bottom: 20px;
}

#contentbg
{
	height: 100%;	
}

#content
{
	color: #444444;
	background: url(images/home_content_bg.jpg) top center no-repeat;
}

#content h2
{
	font-size: 2.4em;
	color: #37466c;
	font-family: Georgia, serif;
	font-style: normal;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
}

#content table
{
	border: 1px solid #CCCCCC;
	font-size: 1em;
	margin-bottom: 40px;
}

#content td
{
	padding: 7px;
}

#content th
{
	padding: 7px;
}

#content th[scope=col]
{
	background: #e3d19e;
	font-weight: bold;
}

#content p
{
	font-size: 1.4em;
	line-height: 2.1em;
	margin-bottom: 20px;
}

#content li
{
	font-size: 1.4em;
	line-height: 1.75em;
	list-style: outside;
	list-style-type: disc;
}

#content ul
{
	margin-bottom: 20px;
	margin-left: 20px;
}

#content a
{
	color: #dfa537;
	text-decoration: underline;
	font-weight: bold;
}

#content a:hover
{
	text-decoration: none;
}

img.sidebar-image
{
	margin-bottom: 20px;
}

.leftcol
{
	width: 550px;
	padding-right: 20px;
	float: left;
}

.leftcol img
{
	padding: 2px;
	border: 1px solid #d8d8d8;
	float: left;
	margin-right: 20px;
}

.leftcol input, textarea
{
	border: 1px solid #CCCCCC;
	padding: 5px;
	color: #333;
}

.rightcol input, .rightcol textarea
{
	border: 1px solid #CCCCCC;
	padding: 5px;
	color: #333;
	max-width: 200px;
}

.rightcol input[text], .rightcol textarea
{
	max-width: 200px;
}

.leftcol input:focus
{
	background: #f1f1f1;
	border: 1px solid #666666;
}

.rightcol input:focus
{
	background: #f1f1f1;
	border: 1px solid #666666;
}

.leftcol textarea:focus
{
	background: #f1f1f1;
	border: 1px solid #666666;
}

.rightcol textarea:focus
{
	background: #f1f1f1;
	border: 1px solid #666666;
}

.rightcol
{
	width: 290px;
	float: right;
	margin-top: 70px;
}

.rightcol li
{
	list-style: none !important;
}

.linkarrow
{
	margin-left: 5px;
}

#footerwrapper
{
	height: 109px;
	background: url(images/footer_bg.png) repeat-x;
	
}

#footer
{
	width: 860px;
	height: 19px;
	margin: 0 auto;
	padding: 45px;
	margin-top: 20px;
	color: #FFFFFF;
	font-size: 1em;
	text-transform: uppercase;
}

#footer p
{
	margin-bottom: 5px;
}


#footer li
{
	line-height: 1.4em;
	display: inline;
	margin-left: 5px;
}

#footer a
{
	color: #eeeeee;
	text-decoration: none;
}

#footer a:hover, a:active, a:focus
{
	color: #dfa537;
	text-decoration: none;
}

/* TEAM PAGE */

.staff-block
{
	width: 195px;
	margin: 10px;
	float: left;
	overflow: hidden;
}

.staff-block img
{
	margin-bottom: 10px;
}

.staff-block h3
{
	font-weight: bold;
	font-size: 1.6em;
}

.staff-block a
{
	font-size: 1.1em;
}

.social-button
{
	float: right;
	height: 16px;
	display: block;
}

p#breadcrumbs
{
	padding-top: 10px;
	padding-bottom: 10px;
	color: #37466c;
}

p#breadcrumbs a
{
	color: #b3862c;
}

li.widget-container
{
	background: #e8e8e8;
	padding: 20px;
	border: 1px solid #dedede;
	margin-bottom: 20px;
	overflow: hidden !important;
}

h3.widget-title
{
	margin-bottom: 20px;
	font-size: 1.8em !important;
	font-family: Georgia, serif;
	color: #37466c;
}

.rightcol
{
	font-size: 62.5% !important;
}

.rightcol ul
{
	margin-left: 0 !important;
	margin-bottom: 0 !important;
}

.rightcol ul ul li
{
	font-size: 1.4em !important;
	margin: 0 !important;
	padding: 0 !important;
}

.rightcol ul ul li ul li
{
	font-size: 1em !important;
	padding-left: 10px !important;
}

.rightcol li.subpages-navi-current-level a
{
	color: #b3862c !important;
	padding-left: 20px;
}

.rightcol li.subpages-navi-current-level
{
	
}

.rightcol ul ul li a
{
	text-decoration: none !important;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #dedede;
}

.rightcol ul ul li a:hover
{
	color: #b3862c !important;
}

.hitarea
{
	display: none !important;
}

#contact-box
{
	background: #e8e8e8;
	padding: 20px;
	border: 1px solid #dedede;
	margin-bottom: 20px;
	overflow: hidden !important;
}

#contact-box li
{
	font-size: 2.2em !important;
}