/*
Theme Name: WordPress Default
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

body {
	background: #ccc url(/img/body-bg.jpg) repeat-x top;
	color: #333;
	font-size: 62.5%;
	font-family: "Lucida Sans", 'Lucida Grande', Verdana, Arial, Sans-Serif;
	margin: 0 auto;
	padding: 2em 0;
	text-align: center;
}
a, a:hover {
	color: #ff6600;
	text-decoration: none;
}
a:hover {
	color: #333;
	text-decoration: underline;
}
a img {
	border: none;
}
h1, h2, h3 {
	clear: both;
	font-weight: bold;
	letter-spacing: -.03em;
}
h1, h1 a, h1 a:hover, h1 a:visited {
	color: #ff6600;
	text-decoration: none;
}
h1 a:hover {
	color: #ff6600;
	text-decoration: none;
}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
}
h2 a:hover, h3 a:hover {
	color: #ff6600;
	text-decoration: underline;
}
h3.big {

}
h1 {
	font-size: 4em;
	margin: 0;
	padding: 0;
}
h2, h3, h4 {
	border-bottom: 1px solid #ccc;
	font-size: 2em;
	margin: 0 0 .5em 0;
	padding: 0 0 .25em 0;
}
h3 {
	font-size: 1.5em;
}
h4 {
	font-size: 1.5em;
}
p, li {
	font-size: 1.3em;
}
ul {
	list-style: none;
	margin: 1.5em 0;
	padding: 0;
}
ul li {
	background: url(/img/li.gif) no-repeat 0 50%;
	margin: 0;
	padding: .25em 0 .25em .75em;
}
.entry ol li {
	padding: .25em 0 .25em .75em;
	font-size: 12px;
}

.entry ol li a {
	font-size: 18px;
}

/* Header */

#wrapper {
	background: #fff url(/img/bg.jpg) repeat-y center;
	margin: 0 auto;
	text-align: center;
	width: 810px;
}
#header {
	border-top: 1px solid #ccc;
	margin: 0 auto;
	text-align: left;
	width: 800px;
}
#logo {
	float: left;
	padding: 20px;
	width: 120px;
}
#tagline {
 float: left;
 width:280px;
 margin-top:25px;
 padding-top:0px;
 font-size: 16px;
}
#search {
	float: right;
	padding: 25px 20px 0 0;
}

/* Nav */

#tabs {
	background: #ff6600 url(/img/tab.jpg) repeat-x top;
	border: 1px solid #ccc;
	clear: both;
	width: 798px;
}
#tabs ul {
	border-bottom: 1px solid #ff6600;
	border-top: 1px solid #ff6600;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#tabs li {
	background: none;
	float: left;
	font-size: 1.3em;
	list-style: none;
	margin: 0;
	padding: 0;
}
#tabs li a, #tabs li a:visited {
	border-right: 1px solid #ff6600;
	color: #fff;
	float: left;
	margin: 0;
	padding: .75em;
}
#tabs li a:hover {
	background: #ff6600;
}

/* Client list */

.list {
	padding: .5em 0;
}
.thumbnail {
	float: left;
	width: 220px;
}

.thumbnail p {
}
.excerpt {
	float: left;
	width: 300px;
}
.excerpt p {
	font-size: 1.2em;
	margin: 0;
	padding: 0 0 .5em 0;
}

/* Services */

#service {
	/* padding-bottom: 2em; */
}

/* Client */

#client-main {
	margin: 2em 0;
}
#client-main img {
	border: 1px solid #ccc;
}
.client {
	clear: both;
	float: left;
	margin: 1.5em 0;
	width: 500px;
}
.client-image {
	float: left;
	width: 170px;
}
.client-image a img {
	border: 1px solid #ccc;
}
.client-image a:hover img {
	border: 1px solid #333;
}
.client-info {
	float: left;
	width: 330px;
}
.client-info a h3, .client-info h3 {
	border: none;
	margin: 0;
	padding: 0;
}
.client-info p {
	font-size: 1.2em;
}

/* Page containers */

#page {
	margin: 0 auto;
	padding: 1.5em 0;
	text-align: left;
	width: 800px;
}
#main {
	width: 520px;
}
#main {
	float: left;
	margin-left: 20px;
}
#main p {
	line-height: 1.5em;
}
.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
}
.narrowcolumn {
	float: left;
	padding: 2em 0;
	margin: 0;
	width: 570px;
}
.post {
	margin: 0 0 1em 0;
}
.post a img, .post a:visited img {
	border: 1px solid #ccc;
}
.post-data a img, .post-data a:visited img {
	border: none;
}
.post-data ul {
	clear: both;
	background: #efefef;
	border-bottom: 1px solid #ccc;
	list-style: none;
	margin: 2em 0;
	padding: .25em 1em;
}
.post-data li {
	background: none;
	font-size: 1.2em;
	margin: 0;
	padding: .25em 0;
}
.post p.overview {
 font-weight: bold;
 color: #666;
 font-size: 1.4em; 
 margin: 0px;
}
#older-newer {
	clear: both;
}
#older-newer ul {
	clear: both;
	list-style: none;
	padding: 1em 0;
}
#older-newer li {
	background: none;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}
#older-newer a, #older-newer a:visited {
	background: #efefef;
	border: 1px solid #ccc;
	color: #333;
	padding: .25em;
	text-decoration: none;
}
#older-newer a:hover {
	background: #333;
	border: 1px solid #ccc;
	color: #fff;
	text-decoration: none;
}
.older {
	float: left;
}
.newer {
	float: right;
}
#secondary {
	border-bottom: 1px solid #ccc;
	float: right;
	margin: 0 20px 2em 0;
	width: 210px;
}
#secondary h2 {
	background: #ff6600 url(/img/tab.jpg) repeat-x;
	border: 1px solid #ff6600;
	color: #fff;
	display: block;
	font-size: 1.3em;
	font-weight: normal;
	letter-spacing: 0;
	margin: 0;
	padding: .5em;
}
.secondary-info ul {
	background: #efefef;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 0 0 1.5em 0;
	padding: .75em .5em;
}
.secondary-info a, .secondary-info a:visited {
	color: #333;
}
.secondary-info a:hover {
	color: #ff6600;
}

/* Home page banner */

#value-wrapper {
	margin: 0 auto;
	width: 800px;
}
#value {
	background: #efefef;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 20px;
}
#value-head {
	float: left;
	padding: 0 0;
	text-align: left;
	width: 350px;
}
#value-you{
	float: left;
	padding: 1.5em 0;
	text-align: left;
	width: 700px;
}

#value h2 {
	border: none;
	color: #333;
	font-size: 2.75em;
	line-height: 1.3em;
	margin: 0 0 .5em 0;
	padding: 0;
}
#value p {
	font-size: 2.25em;
	letter-spacing: 0;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
}
#value-head p {
	line-height: 1.7em;
}
#value a, #value a:visited {
	color: #ff6600;
}
#value a:hover {
	color: #333;
	text-decoration: underline;
}
#value-services {
	float: right;
	text-align: left;
	width: 375px;
	padding-left: 25px;
	margin: 0;
	padding: 0;
}
#value-services ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#value-services li {
	background: none;
	list-style: none;
	margin: 0;
	padding: 0;
}
#value-services li a, #value-services li a:visited {
	background: url(/img/li.gif) no-repeat 0 50%;
	border-bottom: 1px solid #ccc;
	color: #333;
	display: block;
	margin: 0;
	padding: .5em 0 .5em 1em;
}
#value-services li a:hover {
	background: #fff url(/img/li.gif) no-repeat 0 50%;
	color: #ff9900;
	padding: .5em 0 .5em 1em;
	text-decoration: none;
}
#value-feature a img {
	border: 1px solid #ccc;
}

/* Get a quote */

.get-started ul {
	list-style: none;
	margin: 0;
	padding: 3em 0 4em 0;
}
.get-started li {
	background: none;
	font-size: 1.5em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.get-started li a {
	background: #ffffcc;
	border: 1px solid #FF9900;
	padding: 1em;
	width: auto;
}

/* Featured clients */

#featured-clients {
	margin: 0 auto;
	text-align: left;
	width: 760px;
}
#featured-clients ul {
	border-bottom: 1px solid #ccc;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 0 2em 0;
}
#featured-clients li {
	background: #efefef;
	border: 1px solid #ccc;
	float: left;
	margin: 7px;
	padding: 11px;
}
#featured-clients a img {
	border: 1px solid #ccc;
}
#featured-clients a:hover img {
	border: 1px solid #333;
}

/* Begin Images */

p img {
	padding: 0;
	max-width: 100%;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left
}

/* Comments */

.commentlist {
	padding: 0;
}
.commentlist ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
.commentlist li {
	background: none;
	border-bottom: 1px solid #ccc;
	list-style: none;
	margin: 0 0 1.5em 0;
	padding: 0 0 .5em 0;
}
.commentlist p {
	line-height: 1.5em;
	margin: 10px 5px 10px 0;
	text-transform: none;
}
#commentform p {
	margin: 5px 0;
}
.nocomments {
	margin: 0;
	padding: 0;
}
.commentmetadata {
	display: block;
	font-weight: normal;
	margin: 0;
}
.commentlist li, #commentform input, #commentform textarea {
	font-size: 1em;
}
.commentlist li .avatar { 
	float: right;
	border: 1px solid #ccc;
	padding: 2px;
	background: #fff;
}
.commentlist cite, .commentlist cite a {
	font-size: 1.2em;
	font-style: normal;
	font-weight: bold;
}

/* What they say */

.quote p {
	font-size: 1.75em;
	margin: 0 auto auto;
	padding: 1em 2em;
	width: 400px;
}
.pullquote {
	background: url(/img/header.gif) no-repeat 15px bottom;
	color: #fff;
	padding: 0 0 15px 0;
}
.pullquote p {
	background: #ff6600 url(/img/tab.jpg) repeat-x top;
	border: 1px solid #ff6600;
	margin: 0;
	padding: .75em;
}

.entry .pullquote p {
	background: #ffffff;
	color: #000000;
}

.entry .from {
	text-decoration: underline;
}

.from p {
	margin: 0;
	padding: 0 0 1.5em 0;
}
.from a, .from a:visited {
	color: #333;
}
.from a:hover {
	color: #ff6600;
}

/* Sidebar Service List */
.services-side {
	margin: 0 auto auto;
}

.services-side .selected-service {
	text-decoration: underline;
}

/* Footer */

#footer-wrapper {
	clear: both;
}
#footer {
	background: #efefef;
	border: 1px solid #ccc;
	padding: 20px;
	margin: 0 auto;
	text-align: left;
	width: 758px;
}
#footer h2 {
	border-bottom: 1px solid #ccc;
	font-size: 1.5em;
	margin-bottom: 1em;
	padding-bottom: .5em;
}
#footer  ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer  p {
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
}
#footer li {
	background: none;
	font-size: 1.2em;
	list-style: none;
	margin: 0;
	padding: 0 0 .15em 0;
}
.footer-about, .footer-twitter, .footer-connect {
	width: 230px;
}
.footer-about, .footer-twitter {
	float: left;
	margin: 0 30px 0 0;
}
.footer-connect {
	float: right;
}

/* Copyright */

#copyright {
	margin: 0 auto;
	width: 800px;
}
#copyright p {
	font-size: 1.1em;
	margin: 0;
	padding: 1em 0;
	text-align: right;
}

/* General classes */

acronym, abbr, span.caps {
	cursor: help;
}
acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
}
acronym, abbr {
	border-bottom: 1px dashed #999;
}
.alt {
	background-color: #efefef;
	margin: 0;
	padding: 2em 0;
}
blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ccc;
}
blockquote cite {
	display: block;
}
.clear {
	clear: both;
}
.center {
	text-align: center;
}
code {
	font: 1.1em 'Courier New', Courier, Fixed;
}
small {
	color: #999;
	display: block;
	font-size: 1.2em;
	line-height: 1.5em;
	padding-bottom: .25em;
}
.more ul {
	list-style: none;
	margin: 0;
	padding: 0 0 1.5em 0;
	text-align: right;
}
.more li {
	background: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Forms */

#searchform {
	margin: 0 auto;
	padding: 5px 3px;
}
#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
}
#sidebar #searchsubmit {
	padding: 1px;
}
.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
}
select {
	width: 130px;
}

/* Forms */

#container {
	text-align:left;
	width: 100%;
}
#container, #top, #bottom {
	margin: 0 auto;
}
#top, #bottom {
	width:650px;
	height:10px !important;
	display:block !important;
}
#top {
	margin-top:10px;
}
form.exygy {
	margin: 0;
	padding: 0 0 20px 0;
}

/* ----- LOGO ----- */

.hide {
	display:none !important;
}
.exygy li{
	width:62%;
}
form ul{
	margin: 0;
	padding: 0;
	text-align:left;
	width: 100%;
}
form li{
	background: none;
	clear: both;
	list-style: none;
	margin: 0;
	padding: 4px 0 2px 0;
	position: relative;
	text-align:left;
}
form li:after, .buttons:after{
content:"."; 
display:block;
height:0; 
clear:both; 
visibility:hidden;
}

form li, .buttons{display: inline-block;}
* html form li, * html .buttons{height: 1%;}
form li, .buttons{display: block;}

* html form li div{
display:inline-block;
}
form li div, form li span{
margin:0 4px 0 0;
padding:0 0 8px 0;
color:#444;
}
form li span{
float:left;
}

form li div.address{
padding-bottom:0;
}

form li div.left{
display:inline;
float:left;
width:47%;
}
form li div.right{
display:inline;
float:right;
width:47%;
}

/* ----- SECTIONS ----- */

form hr{
display:none;
}
form li.section{
border-top:1px dotted #ccc;
margin-top:9px;
padding-top:13px;
padding-bottom:0px;
padding-left:9px;
width:97% !important;
}
form ul li.first{
border-top:none !important;
margin-top:0px !important;
padding-top:0px !important;
}
form .section h3{
font-weight:normal;
line-height:135%;
margin:0 0 2px 0;
}
form .section p{
margin:0 0 10px 0;
}

/* ----- FIELDS AND LABELS ----- */

label.desc{
line-height:150%;
padding:0 0 1px 0;
border:none;
display:block;
}
form li div label, form li span label{
margin:0;
padding-top:3px;
clear:both;
font-size:9px;
line-height:9px;
color:#444;
display:block;
}

input.text, input.file, textarea.textarea, select.select{
margin:0;
font-size:100%;
color:#333;
}
input.text, textarea.textarea, .firefox select.select{
border-top:1px solid #7c7c7c;
border-left:1px solid #c3c3c3;
border-right:1px solid #c3c3c3;
border-bottom:1px solid #ddd;
}
input.text, input.file{
padding:2px 0 2px 0;
}

label.choice{
font-size:100%;
display:block;
line-height:1.5em;
margin:-1.65em 0 0 25px;
padding:.44em 0 .5em 0;
color:#222;
width:90%;
}
input.checkbox, input.radio{
display:block;
line-height:1.5em;
margin:.6em 0 0 3px;
width:13px;
height:13px;
}

textarea.textarea{
	font-family: "Lucida Sans", 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
select.select{
	font-family: "Lucida Sans", 'Lucida Grande', Verdana, Arial, Sans-Serif;
	margin:1px 0;
	padding:1px 0 0 0;
}
select.select[class]{
margin:0;
padding:1px 0 1px 0;
}
*:first-child+html select.select[class]{
margin:1px 0;
}
.safari select.select{
margin-bottom:1px;
font-size:120% !important;
}

span.symbol{
font-size:115%;
line-height:130%;
}
form li .datepicker{
float:left;
margin:.1em 5px 0 0;
padding:0;
width: 16px;
height: 16px;
cursor:pointer !important;
}

/* ----- BUTTONS ----- */

input.btTxt{
	background: #fff url(/img/submit.jpg) repeat-x bottom;
	border: 1px solid #ccc;
	color: #333;
	font-size: 1em;
	padding: .25em;
	overflow: visible;
	width: auto;
}
.buttons{
clear:both;
margin-top:10px;
}
.buttons input{
font-size:1em;
margin-right: 5px;
}

/* ----- TEXT DIRECTION ----- */

.rtl .info h2, .rtl .info p, .rtl label.desc, .rtl label.choice, 
.rtl div label, .rtl span label, .rtl input.text, 
.rtl textarea.textarea, .rtl select.select, .rtl p.instruct, 
.rtl .section h3, .rtl .section p, .rtl input.btTxt{
direction:rtl;
}

/* ----- SIZES ----- */

.third{
width:32% !important;
}
.half{
width:48% !important;
}
.full{
width:100% !important;
}

input.small, select.small{
width:25%;
}
input.medium, select.medium{
width:70%;
}
input.large, select.large, textarea.textarea{
width:100%;
}

textarea.small{
height:5.5em;
}
textarea.medium{
height:10em;
}
textarea.large{
height:20em;
}

/* ----- ERRORS ----- */

#errorLi{
width:99%;
margin:0 auto;
background:#fff;
border:1px dotted red;
margin-bottom:1em;
text-align:center;
padding-top:4px;
padding-left:0px;
padding-right:0px;
}
#errorMsgLbl{
margin:7px 0 5px 0;
padding:0;
font-size:125%;
color:#DF0000;
}
#errorMsg{
margin:0 0 .8em 0;
color:#000;
font-size:100%;
}
#errorMsg strong{
background-color: #FFDFDF;
padding:2px 3px;
color:red;
}
form li.error{
display:block !important;
background-color: #FFDFDF !important;
margin:3px 0;
}
form li.error label{
color:#DF0000 !important;
}
form p.error{
display:none;
color:red;
font-weight:bold;
font-size:10px;
margin:-2px 0 5px 0;
clear:both;
}
form li.error p.error{
display:block;
}
.leftLabel p.error, .rightLabel p.error{
margin-left:30%;
padding-left:15px;
}
.noI .leftLabel p.error, .noI .rightLabel p.error{
margin-left:35%;
padding-left:15px;
}

/* ----- REQUIRED ----- */

form .req{
float:none;
color:red !important;
font-weight:bold;
margin:0;
}

/* ----- INSTRUCTIONS ----- */

form li.focused{
background-color:#fff7c0;
}
form .instruct{
position:absolute;
top:0;
left:100%;
z-index:1000;
width:42%;
margin:0 0 0 8px;
padding:8px 10px 9px 10px;
border:1px solid #e6e6e6;
background:#f5f5f5;
line-height:130%;
font-size:80%;
color:#444;
visibility:hidden;
}
form .instruct small{
font-size:105%;
}
form li.focused .instruct, form li:hover .instruct{
visibility:visible;
}

/* ----- ALT INSTRUCTIONS ----- */

li.altInstruct .instruct, li.leftHalf .instruct, li.rightHalf .instruct{
visibility:visible;
position:static;
margin:-2px 0 0 0;
padding:0 0 7px 0;
background:none;
border:none;
width:100%;
font-size:9px;
clear:left;
}

/* ----- LABEL LAYOUT ----- */

.leftLabel li, .rightLabel li, li.leftLabel, li.rightLabel{
width:74% !important;
padding-top:9px;
}

.leftLabel .small, .rightLabel .small{
width:17%;
}
.leftLabel .medium, .rightLabel .medium{
width:35%;
}
.leftLabel .large, .leftLabel textarea.textarea,
.rightLabel .large, .rightLabel textarea.textarea,
.leftLabel .address, .rightLabel .address{
width:64%;
}

* html .leftLabel .small, * html .rightLabel .small{
width:23%;
}
* html .leftLabel .medium, * html .rightLabel .medium{
width:55%;
}
* html .leftLabel .large, * html .leftLabel textarea.textarea,
* html .rightLabel .large, * html .rightLabel textarea.textarea{
width:97%;
}

.leftLabel label.desc, .rightLabel label.desc{
float:left;
width:30%;
margin:2px 15px 0 0;
}
.rightLabel label.desc{
text-align:right;
}
.leftLabel .address, .rightLabel .address{
float:left;
}

.leftLabel p.instruct, .rightLabel p.instruct{
width:27%;
margin-left:5px;
}
.leftLabel .altInstruct .instruct, .rightLabel .altInstruct .instruct{
margin-left:30% !important;
padding-left:15px;
width:65%;
}

.leftLabel .buttons, .rightLabel .buttons{
margin-left:15px;
}
.leftLabel .buttons input, .rightLabel .buttons input{
margin-left:30%;
}

/* ----- NO INSTRUCTIONS ----- */

.noI .instruct{
display:none !important;
}
.noI form li, .noI form li.buttons{
width:97% !important;
}
.noI form li.section{
padding-left:9px !important;
}

/* ----- NO INSTRUCTIONS LABEL LAYOUT ----- */

.noI .leftLabel .large, .noI .leftLabel textarea.textarea,
.noI .rightLabel .large, .noI .rightLabel textarea.textarea,
.noI .leftLabel .address, .noI .rightLabel .address{
width:60%;
}

* html .noI .leftLabel .small, * html .noI .rightLabel .small{
width:23%;
}
* html .noI .leftLabel .medium, * html .noI .rightLabel .medium{
width:55%;
}
* html .noI .leftLabel .large, * html .noI .leftLabel textarea.textarea,
* html .noI .rightLabel .large, * html .noI .rightLabel textarea.textarea{
width:97%;
}

.noI .leftLabel label.desc, .noI .rightLabel label.desc{
width:35%;
}
.noI .leftLabel .buttons input, .noI .rightLabel .buttons input{
margin-left:35%;
}

/* ----- FIELD FLOATING ----- */

form li.leftHalf, form li.rightHalf{
width:46% !important;
}
li.leftHalf{
clear:left;
float:left;
}
li.rightHalf{
clear:none;
float:right;
}
li.leftHalf .medium, li.rightHalf .medium,
li.leftHalf .small, li.rightHalf .small{
width:100%;
}

/* ZMB */

/* for contact form */
div.wpcf7 p { text-align: left; }

.highlight {
 background-color: yellow;
}