/*
Theme Name: Sayers Technology Holdings Theme
Theme URI: http://www.sayertech.com
Description: Sayers Technology Holdings Theme
Version: 1.0 (WP 3.0.1)
Author: Ricardo Salazar
Author URI: http://www.caneidia.com
Tags: clean, semantic, custom
*/

/* Initial reset
---------------------------------------------------------- */
html, body, h1, h2, h3, h4, h5, h6, ul, ol, li, dt, dd, p, blockquote, form, fieldset, legend {
		margin: 0;
		padding: 0;
		font: 100%/120% "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
ol, ul {
		list-style: none;
}
fieldset, img {
		border:0;
}
input, select, textarea {
		font-size: 100%;
}
/* General
---------------------------------------------------------- */
html {
		font-size:100.01%; 
} 
body {
		font-size:13px;
		color:#444;
		background:#f3f3f3;
}
.wrapper {
		width:960px;
		margin:0 auto;
}
a {
		color:#a740a4;
		text-decoration:none;
}
a:hover {
		color:#7c2379;
		text-decoration:underline;
}
p {
		line-height:150%;
		padding-bottom:12px;
}
/* Wordpress
---------------------------------------------------------- */
/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { 
		display:block; 
		margin:0 auto;
}
.alignleft { 
		float:left;
}
.alignright { 
		float:right;
}
.wp-caption { 
		border:1px solid #666; 
		text-align:center; 
		background:#ccc; 
		padding:10px; 
		margin:10px 
}
/* Header
---------------------------------------------------------- */
#header {	
		overflow:hidden;
		height:100%;
		background:#f8f8f8;
}
h1 {	
		float:left;
		background:url(images/sayers-technology-holdings-logo.gif) no-repeat;
		margin:26px 0 0 8px;
}
h1 a { 
		text-indent:-9000px; 
		display:block; 
		width:233px; 
		height:55px; 
		margin-bottom:17px;
}
/* Bar
---------------------------------------------------------- */
#bar {
		overflow:hidden;
		height:100%;
		background:#303030 url(images/bar-bg.gif) repeat-x left top;
		margin-bottom:30px;
}
#navigation ul {
		float:left;
		padding:9px 8px;
}
#navigation ul li {
		float:left;	
		margin-right:18px;
		background:url(images/navigation-separate.gif) no-repeat left top;
		line-height:19px;
		padding:2px 0 0 18px;
}
#navigation ul li:first-child {
		background:none;
		padding-left:0;
}
#navigation ul li a {
		color:#fff;
		text-transform:uppercase;
}
#navigation ul li.current a{
		color:#cb7bca;	
}
#navigation ul li.current a:hover{
		text-decoration:none;
}
#search {
		float:right;
		background:url(images/search-bg.gif) no-repeat; /* background here to avoid Explorer issue */
		margin-top:9px;
		padding:2px 12px 4px 24px;
}
#search input.search-input {
		font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
		font-size:12px;
		color:#868484;
		width:116px;
		border:none;		
		background:none;
		height:16px;		
}
/* Slider
---------------------------------------------------------- */
#slider-container {
		margin-bottom:24px;
}
.anythingSlider {
		background:url(images/slider-bg.png) no-repeat left top !important;
		background:url(images/slider-bg.gif) no-repeat left top;
		width:960px;
		height:261px;	
		position:relative;	
		margin:0 auto;
}
.anythingSlider .wrapper {
		overflow:hidden;
		width:956px;
		height:253px;
		position:absolute;
		top:4px;
		left:2px;
		margin:0;
}
/* Width below is max for Opera */
.anythingSlider .wrapper ul {
		width:32700px;
		position:absolute;
		top:0;
		left:0;
}
.anythingSlider ul li {
		float:left;
		display:block;
		padding-top:32px;
		width:956px;
		height:253px;
		overflow:hidden;
}
.anythingSlider ul li h2 {
		text-indent:-9000px; 
		display:block; 
		height:95px; 
		margin:5px 0 19px 352px;
}
.anythingSlider ul li h3 {
		text-indent:-9000px; 
		display:block; 
		height:20px; 
		margin:0 0 20px 352px;
}
.anythingSlider ul li .slider-button {
		text-indent:-9000px; 
		display:block; 
		height:36px; 
		margin-left:352px;
}
.anythingSlider ul li.slide-01 {		
		background:url(images/slide-01-bg.png) no-repeat 37px 35px !important;
		background:url(images/slide-01-bg.gif) no-repeat 37px 35px;
}
.anythingSlider ul li.slide-01 h2 { /* image replacement for SEO purposes */
		background:url(images/slide-01-h2.png) no-repeat !important;
		background:url(images/slide-01-h2.gif) no-repeat;
		width:505px; 		
}
.anythingSlider ul li.slide-01 h3 { /* image replacement for SEO purposes */
		background:url(images/slide-01-h3.png) no-repeat !important;
		background:url(images/slide-01-h3.gif) no-repeat;
		width:314px; 		
}
.anythingSlider ul li.slide-02 {		
		background:url(images/slide-02-bg.png) no-repeat 37px 35px !important;
		background:url(images/slide-02-bg.gif) no-repeat 37px 35px;
}
.anythingSlider ul li.slide-02 h2 { 
		background:url(images/slide-02-h2.png) no-repeat !important;
		background:url(images/slide-02-h2.gif) no-repeat;
		width:487px; 		
}
.anythingSlider ul li.slide-02 h3 { 
		background:url(images/slide-02-h3.png) no-repeat !important;
		background:url(images/slide-02-h3.gif) no-repeat;
		width:376px; 		
}
.anythingSlider ul li.slide-03 {		
		background:url(images/slide-03-bg.png) no-repeat 37px 35px !important;
		background:url(images/slide-03-bg.gif) no-repeat 37px 35px;
}
.anythingSlider ul li.slide-03 h2 {
		background:url(images/slide-03-h2.png) no-repeat !important;
		background:url(images/slide-03-h2.gif) no-repeat;
		width:559px; 		
}
.anythingSlider ul li.slide-03 h3 { 
		background:url(images/slide-03-h3.png) no-repeat !important;
		background:url(images/slide-03-h3.gif) no-repeat;
		width:469px; 		
}
.anythingSlider ul li.slide-04 {		
		background:url(images/slide-04-bg.png) no-repeat 37px 35px !important;
		background:url(images/slide-04-bg.gif) no-repeat 37px 35px;
}
.anythingSlider ul li.slide-04 h2 {
		background:url(images/slide-04-h2.png) no-repeat !important;
		background:url(images/slide-04-h2.gif) no-repeat;
		width:559px; 		
}
.anythingSlider ul li.slide-04 h3 { 
		background:url(images/slide-04-h3.png) no-repeat !important;
		background:url(images/slide-04-h3.gif) no-repeat;
		width:526px; 		
}
.anythingSlider ul li .learn-more { 
		background:url(images/button-learn-more.png) no-repeat !important;
		background:url(images/button-learn-more.gif) no-repeat;
		width:112px; 		
}
.anythingSlider .arrow {
		display:none;  /* buttons are not shown in this slider */
}
#thumbNav {
		position:absolute;
		right:15px;
		top:15px;
		overflow:hidden;
		height:100%;
}
#thumbNav a {
		float:left;
		margin-left:9px;
		background:url(images/slider-control.png) no-repeat !important;
		background:url(images/slider-control.gif) no-repeat;
		text-indent:-9000px; 
		display:block;
		width:11px;
		height:11px;
		outline:none;
}
#thumbNav a.cur {
		background:url(images/slider-control-current.png) no-repeat !important;
		background:url(images/slider-control-current.gif) no-repeat;
}
#start-stop {
		display:none;  /* start-stop is not shown in this slider */
}
/* Contents
---------------------------------------------------------- */
#contents {
}
#contents .wrapper {
		background:url(images/contents-bottom-bg.gif) no-repeat left bottom;
		padding-bottom:32px;
}
#contents #box {
		background:url(images/contents-bg.gif) repeat-y left top;
}
#contents #box-inner {
		overflow:hidden;
		height:100%;
		background:url(images/page-heading.png) no-repeat left top;
		padding-top:77px;
}
#contents #box-inner.home {
		overflow:hidden;
		height:100%;
		background:url(images/contents-top-bg.gif) no-repeat left top;
		padding-top:32px;
}
/* Main-content
---------------------------------------------------------- */
#main-content {
		float:left;
		width:680px;
		margin:0 20px;
		position:relative; /* to position h2 */
		display:inline; /* to correct IE6 bug */
}
#main-content h2 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:20px;
		font-weight:bold;
		color:#fff;
		position:absolute;
		left:0;
		top:-62px;
}
#main-content h3 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:20px;
		margin-bottom:12px;
		line-height:140%;
}
#main-content h3 a {
		text-decoration:underline;
}
#main-content h4 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight:bold;
		color:#933f93;
		margin:20px 0 8px 0;
}
#main-content h5 {
		clear:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		margin:20px 0 8px 0;
}
#main-content.home {
		width:620px;
		margin:0 30px 0 0;
}
#main-content ul {
		padding:6px 0 6px 14px;
}
#main-content ul li {
		list-style-type:disc;
		list-style-position:inside;
		margin-bottom:6px;
}
#main-content ol {
		padding:6px 0 6px 14px;
}
#main-content ol li {
		list-style-type:decimal;
		list-style-position:inside;
		margin-bottom:6px;
}
#main-content blockquote p {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		margin:12px 0 20px 16px;
		padding:0 0 0 14px;
		border-left:3px solid #dfdedc;		
}
/* Sections
---------------------------------------------------------- */
.sections {
		float:left;
		overflow:hidden;
}
.sections .column {
		float:left;
		width:280px;
		margin-left:30px;
		display:inline; /* to fix IE6 bug */
}
.sections .section {
		overflow:hidden;
		height:100%;
		margin-bottom:20px;
}
.sections .section img {
		float:left;
		padding:0 8px 4px 0;		
}
#main-content .sections .section h4 {
		font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
		font-size:13px;
 		float:right;
		font-weight:bold;
		line-height:140%;
		margin:2px 0 0 0;
		color:#333;
		width:224px;	
}
.sections .section p {
 		clear:both;
		color:#555;
		width:280px;	
}
/* Post
---------------------------------------------------------- */
.post {
		overflow:hidden;
		height:100%;
		padding-bottom:3px;
		border-bottom:1px solid #dfdedc;
		margin-bottom:16px;	
}
.post-info {
		font-size:12px;
		color:#666;
		margin:-8px 0 6px 0;
}
.post img.alignleft { 
		margin:0 16px 6px 0;
}
.post img.alignright { 
		margin:0 0 6px 16px;
}
/* Comments
---------------------------------------------------------- */
#main-content h3#comments {
		font-size:18px;
}
#main-content ul.comments {
		padding:0;
}
#main-content .comments li {
		list-style: none;
		padding:0 0 4px 0;
		border-bottom:1px solid #dfdedc;
		margin-bottom:17px;
}
.comments .heading cite {
		font-style:normal;
		font-weight:bold;
}
.comments .heading span {
		font-style:italic;
}
#main-content .comments .heading p.date {
		margin-bottom:-4px;
}
.comments .heading p.date a {
		font-size:12px;
		color:#666;
}
#main-content h3#respond {
		font-size:18px;
}
.comments-form label {
		display:block;
		margin-bottom:2px;		
}
.comments-form input.text {
		font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
		width:240px;
		margin-bottom:12px;
}
.comments-form textarea {
		font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
		width:440px;
		margin-bottom:12px;
}
.comments-form input.send {
		font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
		display:block;
}
/* Sidebar home
---------------------------------------------------------- */
#sidebar-home {
		float:right;	
		width:280px;
		margin-right:30px;
		display:inline; /* to correct IE6 bug */
}
#sidebar-home h4 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight:bold;
		color:#4d4d4d;
		margin-bottom:6px;
}
#sidebar-home #our-clients {
		margin-bottom:12px;
}
#sidebar-home #our-clients img {
		margin-bottom:6px;
}
#sidebar-home #our-clients span {
		display:block;
		margin-left:8px;
}
#sidebar-home #our-clients a {
		font-size:12px;
}
/* Sidebar page
---------------------------------------------------------- */
#sidebar-page {
		float:right;	
		width:200px;
		padding:0 20px;
		background:url(images/sidebar-bg.png) no-repeat 0 0;
  		min-height:450px;
  		height:auto !important;
  		height:450px;
}
#sidebar-page h4 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight:bold;
		color:#933f93;
		margin-bottom:6px;
}
#address {
		margin-bottom:12px;
}
#address p {
		color:#555;
		line-height:150%;
		padding-bottom:0;
}
/* Sidebar
---------------------------------------------------------- */
#sidebar {
		float:right;	
		width:200px;
		padding:0 20px;
		background:url(images/sidebar-bg.png) no-repeat 0 0;
  		min-height:450px;
  		height:auto !important;
  		height:450px;
}
#sidebar h4 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight:bold;
		color:#4d4d4d;
}
#sidebar ul {
		padding:4px 0 16px 6px;
}
#sidebar ul li {
		list-style-type:disc;
		list-style-position:inside;
		margin-bottom:6px;
}
/* Footer
---------------------------------------------------------- */
#footer {
		background:#242424;
		color:#fff;
		margin-top:48px;
}
#footer a {
		color:#c674c4;
}
#footer a:hover {
		color:#c350c0;
}
#footer h5 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
}
#footer-content {
		overflow:hidden;
		height:100%;
		margin-right:30px;
}
#footer-content p {
		color:#cecece;
		margin-bottom:8px;
}
#footer-content .column {
		float:left;
		width:280px;
		margin:30px 0 0 30px;
		display:inline; /* to fix IE6 bug */
}
#footer-content #sign-up {
		padding-top:6px;			
}
#footer-content #sign-up input.textbox {
		color:#717171;
		line-height:13px;
		border:1px solid #434343;
		background:transparent;
		padding:2px 4px 3px 4px;
		width:180px;
		height:17px;
		margin:0 2px 0 0;	
		vertical-align:middle;
}
#footer-content #sign-up input.button {
		vertical-align:middle;			
}
#footer-content ul.icons {
		margin-bottom:24px;
}
#footer-content ul.icons li {
		overflow:hidden;
		height:100%;
		font-size:12px;
		margin-bottom:8px;
}
#footer-content ul.icons li a {
		float:left; /* to avoid underline on image */
		line-height:16px;
}
#footer-content ul.icons li img {
		margin-right:6px;
		float:left; /* to avoid underline on image */
}
#footer-corporate {	
		font-size:11px;
		margin:12px 30px 0 30px;
		padding:20px 0;
		background:url(images/footer-corporate-bg.gif) repeat-x left top;
}
#footer-corporate p {	
		text-align:center;
		margin-bottom:4px;
}