/*
Theme name: Dialogue Consulting
Author: Lakeshore Branding
Description: 
*/

* { margin:0; padding:0; }

body          { background:#b8a999; font:12px/1.5 Arial, Helvetica, sans-serif; color:#6c5835; }

img           { border:0; vertical-align:top; }

p {margin-bottom:10px;}

a, a:visited  {color:#3e2014;}
a:hover       {text-decoration:none;}
:focus        { outline: 0; }

/* Headings */
h1, h2, h3, h4, h5, h6 {color:#b61906; text-transform:uppercase; margin-bottom:10px;}
h1            { font-size:2.2em; font-weight:bold; line-height:1.3;  }
h2            { font-size:1.1em; font-weight:bold; line-height:1.1;}
h3            { font-size:1.1em; font-weight:bold; line-height:1.375; }
h4            { font-size:1.1em; font-weight:bold; }
h5            { font-size:1.1em; font-weight:bold; }
h6            { font-size:1.1em; font-weight:bold; }

/* Forms */
form          { display:inline; }
fieldset      { border:0; }
legend        { display:none; }

/* Table */
table         { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }

/* Content */
address       { font-style:normal; }
cite          { font-style:normal; }
q,
blockquote    { quotes:none; padding:10px; font-style:none; background: #c9bda6; margin-bottom:15px;}
q:before, 
q:after       { content:''; }
small,big     { font-size:1em; }
sup           { font-size:1em; vertical-align:top; }

/* Lists */
#main ul, #main ol {margin-bottom:10px; padding-left:15px;} 

/* Buttons */
button {background:#b7200f; border: #afa38d solid 1px; padding:0px 6px; *padding:0px 4px; *margin-left:3px; height:24px; overflow: hidden; cursor: pointer; text-align:center;}

button:hover {background:#bd2819;}
button span {color:#FFF; font-size:.9em;}

/* Tools */
.clear        {clear:both;}
.nobr         { white-space:nowrap !important; }
.wrap         { white-space:normal !important; }
.a-left       { text-align:left !important; }
.a-center     { text-align:center !important; }
.a-right      { text-align:right !important; }
.v-middle     { vertical-align:middle; }
.f-left, .alignleft,
.left         { float:left !important; }
.f-right, .alignright,
.right        { float:right !important; }
.f-none       { float:none !important; }
.f-fix        { float:left; width:100%; }
.no-display   { display:none; }
.no-margin    { margin:0 !important; }
.no-padding   { padding:0 !important; }
.no-bg        { background:none !important; }
.big          { font-size:1.4em;}

/*** ESSENTIAL STYLES ***/

.sf-menu {
	line-height:	1.0;
position:relative;
z-index:2;
}

.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;

}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
        list-style:none;
        width:115px;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			25px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float: left;
	background: url(images/bg-navigation.gif) no-repeat 0 0;
	width:615px; 
	padding-top:1px; 
	padding-left:1px;
	height:25px;
}

.sales-page .sf-menu {background: url(images/bg-navigation-sales-page.gif) no-repeat 0 0;}
.sf-menu a {
	padding: 7px 0;
	text-decoration:none;
	text-transform: uppercase;
	font-size:.9em;
	height:11px;
	width:115px; 
	
}
.sf-menu li:hover a {font-weight:bold;}
.sf-menu li ul a {font-size:.9em; height:100%;}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFF;
}

.sf-menu li {width:115px; margin-right:2px;text-align:center;}

.sf-menu li.nav1 {background:#fe8b00; }
.sf-menu li.nav2 {background:#936d00; }
.sf-menu li.nav3 {background:#b61906; }
.sf-menu li.nav4 {background:#724e3e; }
.sf-menu li.nav5 {background:#fe8b00; }

.sf-menu li li {
	background:		#c9bda6; text-align:left;
	padding-left:10px;
}
.sf-menu li li li {
	background:		#c9bda6; text-align:left;
	padding-left:10px;
	padding-right:10px;
}
.sf-menu li ul li:hover, .sf-menu li ul li.sfHover,
.sf-menu li ul a:focus, .sf-menu li ul a:hover, .sf-menu li ul a:active {
	background:		#cfc5b3	;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em; _padding-right:0;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-menu li ul .sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			2em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}


body {}
.container {width:616px; margin:0px auto;}

#header {height:150px; position:relative;}
.sales-page #header {background:url(images/bg-header-sales-page.gif) no-repeat top right;}
#header .logo {background: url(images/logo-dialogueConsulting.gif) 0 0 no-repeat; text-indent:-999em; float:left; width:270px; margin-top:20px;}
#header .logo a {display:block;width:265px;height:83px;}
#header .logo:hover {background-position:0px -83px;}
#header .mailinglist {float:right; width:320px; margin-right:15px; margin-top:17px; text-align:right;}
#header .mailinglist p {color:#fffdfe;  font-size:1.1em; line-height:1.2em;}
#header .mailinglist form input {width:90px; margin-top:-4px; font-size:.9em; background:#ddd5c6; border: 0px solid #d5ccbb; padding:4px 3px 3px 4px; color:#5a4824;}
#header .mailinglist form .mailinglist-email {width:120px;}
#header .tagline {color:#fdfffe; font-size:1.1em; position:absolute; top:117px; left:6px;}

#main {background:#d4cabc;  min-height:300px;height:auto !important;height:300px;/*Needs to match the min height pixels above*/ padding:20px; clear:both; position: relative; z-index:1;}
.sales-page #main {padding-top:0px;}
.one-column {}

.one-column h1 {margin-bottom:15px;}

#main-bottom {background:url(images/bg-main-bottom.gif) no-repeat 0 0; height:12px;}

#footer {height:75px;}
#footer .logo {background:url(images/btn-email.gif) no-repeat; text-indent:-999em; margin:24px auto 0px auto; width:196px; }
#footer .logo a {display:block;width:196px;height:48px;}
#footer .logo:hover {background-position:0px -48px;}

.homepage-flash { margin-left:10px; height:225px;}
.homepage-button {background:url(/wp-content/uploads/2010/01/btn-homepage3.gif) no-repeat; text-indent:-999em; margin-top:20px; margin-left:30px;}
.homepage-button a {display:block; width:317px; height:27px;}
.homepage-button:hover {background-position:0px -27px;}

/*** Sidebar Left ***/
#sidebar-left{
position:absolute;
left:50%;
top:175px;
min-height:50px;
width:200px;
margin-left:315px;
}

/*** Sidebar Right ***/
#sidebar-right{
position:absolute;
right:50%;
top:175px;
min-height:50px;
width:200px;
margin-right:315px;
}