/* STYLES FOR BARRY SENTER DESIGN WEB SITE */

/* GLOBAL DECLARATIONS */

html, body {margin: 0; padding: 0}

body {
	background-color: #b0b59e;
	/* font: 11px/16px verdana, arial, helvetica, sans-serif;  */
	font-family: verdana, arial, helvetica, sans-serif;
}

img {border: 0}

#skipnav {display: none}

/* GLOBAL MODIFIERS */
/* 
#logo			{border: 1px solid yellow}
#nav 			{border: 1px solid black}
#bodywrap	{border: 2px solid green}
h1				{border: 1px dotted red}
#intro		{border: 1px solid blue}
#main			{border: 1px solid purple}
#swf			{border: 1px solid yellow}
 */

/* IE6 and earlier will *not* read this style */
/* html>body #main {	border: 1px solid transparent; } */

/* LOGO BLOCK */

#logo {
	width: 150px; overflow: hidden;
	position: absolute; top: 135px; left: 0;
	/* border: 1px dotted purple; */
}

/* IE6 and earlier will *not* read this style */
html>body #logo { top: 120px; }

.level1 #logo {
	width: 360px;
	top: 113px;
}

/* IE6 and earlier will *not* read this style */
html>body.level1 #logo {
	top: 114px;
}

#home #logo, .projectlanding #logo {
	width: 390px;
	top: 204px;
}

/* IE7 ONLY: IE6 and earlier will *not* read this style */
html>body#home #logo, html>body.projectlanding #logo {
	top: 195px;
}

/* IE7 can't read this; neither can Safari */
*:lang(en)#home #logo, *:lang(en).projectlanding #logo {
	top: 195px;
}

/* Safari can read this */
*:lang(en)#home #logo:empty, *:lang(en).projectlanding #logo:empty {
	top: 195px;
}

#logo a {
	/* border: 1px dotted green */
	position: relative;
	width: 100%; height: 100%;
	z-index: 1;
}

/* NAVIGATION BLOCK */

#nav {
	position: relative;
	border: 1px solid #b0b59e;
	margin: 0; padding: 0 0 0 390px;
	white-space: nowrap;
	min-height: 59px;
	max-height: 59px;
	height: auto !important;
	height: 59px;
}

/* IE6 and earlier will *not* read this style */
html>body #nav {
	min-height: 75px;
	max-height: 75px;
	height: 75px;
}

#home #nav {
	min-height: 46px;
	max-height: 46px;
	height: 46px;
}

/* IE6 and earlier will *not* read this style */
html>body#home #nav {
	min-height: 51px;
	max-height: 51px;
	height: 51px;
}

#nav ul {
	/* border: 1px solid blue; */
	overflow: hidden;
	height: 100%;
	margin: 15px 0 0 0; padding: 0;
	list-style: none;
	white-space: nowrap;
}

#nav li {
	/* border: 1px solid black; */
	position: relative; float: left; z-index: 13;
	margin: 0; padding: 2px 7px 2px 7px;
	text-align: center;
}

#nav li.thispage, #nav li.thishome {
	background-color: #bcc2a9;
}

#nav li a {
	/* border: 1px solid blue; */
	display: block;
	position: relative;
	z-index: 14;
	margin: 0; padding: 1px 0px;
	color: #fff;
	font: bold 10px/1 arial, helvetica, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: 1px solid #b0b59e;
}

#nav li.thispage a, #nav li.thishome a {
	border-bottom: 1px solid #bcc2a9;
}

#nav li a:hover {border-bottom: 1px solid #fff; /* text-decoration: underline */}

p.breadcrumb {
	/* border: 1px dotted blue; */
	position: absolute;
	bottom: 0;
}

p.breadcrumb, p.breadcrumb * {
	text-align: left;
	font: normal 10px/1 arial, helvetica, sans-serif;
}

p.breadcrumb a {
	color: #000;
	text-decoration: none;
}

p.breadcrumb a:hover {
	text-decoration: underline;
}

/* MAIN WRAPPER DIV */

#bodywrap {
	/* border: 1px dotted green; */
	position: relative;
	width: 930px;
	overflow: auto;
}

.level1 #bodywrap, .projectlanding #bodywrap {
	/* border: 1px dotted green; */
	overflow: hidden;
}

/*
	h1 is buggy in IE, and needs workarounds
	positioned h1 must be wrapped in unstyled div
	otherwise it disappears
*/

h1 {
	/* border: 1px dotted red; */
	position: absolute;
	width: 390px; height: 30px;
	right: 540px; top: 10px; z-index: 15;
	text-align: center;
	overflow: hidden;
}

/* IE6 and earlier will *not* read this style */
html>body h1 {
	top: 0;
}

.level1 h1 {
	text-align: right;
	top: 176px;
}

/* IE7 ONLY: IE6 and earlier will *not* read this style */
html>body.level1 h1 {
	text-align: center;
	top: 176px;
}

/* IE7 can't read this; neither can Safari */
*:lang(en).level1 h1 {
	text-align: center;
	top: 167px;
}

/* Safari can read this */
.level1 h1:empty {
	text-align: center;
	top: 167px;
}

#services h1 {
	top: 175px;
}

/* IE6 and earlier will *not* read this style */
html>body#services h1 {
	/* border: 1px dotted red; */
	top: 176px;
}

/* IE7 can't read this; neither can Safari */
*:lang(en)#services h1 {
	top: 167px;
}

/* Safari can read this */
*:lang(en)#services h1:empty {
	top: 167px;
}

.projectlanding h1 {
	text-align: right;
	top: 267px;
}

/* IE7 ONLY: IE6 and earlier will *not* read this style */
html>body.projectlanding h1 {
	text-align: center;
	top: 257px;
}

/* IE7 can't read this; neither can Safari */
*:lang(en).projectlanding h1 {
	text-align: center;
	top: 248px;
}

/* Safari can read this */
*:lang(en).projectlanding h1:empty {
	text-align: center;
	top: 248px;
}

#additions h1 {
	top: 266px;
}

/* IE7 ONLY: IE6 and earlier will *not* read this style */
html>body#additions h1 {
	top: 256px;
}

/* IE7 can't read this; neither can Safari */
*:lang(en)#additions h1 {
	top: 247px;
}

/* Safari can read this */
*:lang(en)#additions h1:empty {
	top: 247px;
}

#home h1, #notfound h1 {
	position: static;
	width: auto;
	margin: 24px 0 0 0;
}

#notfound h1 {
	text-align: left;
	font-size: 16px;
	font-weight: bold;
}

#home h1 img {
	position: static;
}

h1 * {
	position: static;
}

h1 img {
	/* border: 1px dotted green; */
}

/* IE6 and earlier will *not* read this style */
html>body h1 img {
	/* border: 1px dotted green; */
	position: absolute; z-index: 16;
	right: -10px;
}

h1 img {
	/* border: 1px dotted green; */
	position: static;;
}

.level1 h1 img {
	right: -30px;
}

#profile h1 img {
	right: -55px;
}

#services h1 img {
	top: -1px; right: -20px;
}

#contact h1 img {
	right: -18px;
}

.recentproject h1 img {
	right: -12px;
}

/* SECONDARY CONTENT DIV */

#intro {
	width: 195px;
	margin: 60px 15px 0 90px;
	float: left;
}

/* IE6 and earlier will *not* read this style */
html>body #intro { margin: 60px 15px 0 180px; }

/* MAIN BODY DIV */

#main {
	width: 540px;
	float: left;
	margin: 0 0 0 0px;
	padding-top: 15px;
	overflow: hidden;
}

.level1 #main {
	margin-left: 150px;
}

/* IE6 and earlier will *not* read this style */
html>body.level1 #main {
	margin-left: 300px;
}

#home #main, .projectlanding #main, #notfound #main {
	margin-left: 195px;
	width: 530px;
}

/* IE6 and earlier will *not* read this style */
html>body#home #main, html>body.projectlanding #main, #notfound #main {
	margin-left: 390px;
	width: 540px;
}

/* IE7 ONLY: IE6 and earlier will *not* read this style */
html>body.projectlanding #main {
	margin-top: 8px;
}

/* IE7 can't read this; neither can Safari */
*:lang(en).projectlanding #main {
	margin-top: 0px;
}

/* Safari can read this */
.projectlanding #main:empty {
	margin-top: 0px;
}

.project #main {
	padding-top: 2px;
}

.project#additions-mercerisland #main {
	/* border: 1px solid blue; */
	padding-top: 9px;
}

.project#kitchensbaths-smithstreet #main {
	/* border: 1px solid blue; */
	width: 530px;
}

.level1 #main * {
	font-size: 12px; line-height: 1.7;
}

.level1 #main .mainphoto {
	margin: 0 0 15px 90px;
}

#home #main .mainphoto {
	margin: 0 0 15px 0;
}

#contact #main ul {
	list-style: none;
	padding-left: 0;
	margin-left: 90px;
}

.projectlanding #main ul {
	/* border: 1px dotted red; */
	width: 480px;
	list-style: none;
	margin-left: 0; padding-left: 0;
}

.projectlanding #main ul li {
	/* border: 1px dotted blue; */
	position: relative;
	/* width: 100%; */
	height: 66px;
	margin-bottom: 30px;
	vertical-align: middle;
}

.projectlanding #main ul li a {
	/* border: 1px dotted green; */
	display: block;
	padding: 25px 0 25px 315px;
	width: 165px;
	text-decoration: none;
	text-transform: uppercase;
}

.projectlanding #main ul li img {
	position: absolute;
	left: 0; top: 0px;
}

#main * {
	color: #210;
}

#main a:link		{}
#main a:visited	{}
#main a:hover		{}
#main a:active		{}

#main #swf {
 	width: 500px; height: 385px;
	/* margin-top: 25px; margin-left: -3px; padding-top: 5px; */
	/* border: 1px dotted red; */
}

.recentproject #main #swf {
	/* border: 2px dotted red; */
	margin-left: -6px;
}

#main #swf p {
	display: none;
}

/* FOOTER */

#footer				{position: relative; margin-left: 390px; padding-top: 8px}
.level1 #footer	{margin-left: 300px;}
#home #footer, #contact #footer, #notfound #footer	{margin-left: 390px;}

#recent-broadview #footer {
	top: -25px;
}

#recent-udistrict #footer {
	top: -100px;
}

#recent-minorave #footer {
	/* top: -75px; */
}

#footer *			{font: normal 10px/1.3 verdana, arial, helvetica, sans-serif;}

#footer a {
	color: #000;
	text-decoration: underline;
}

#footer a.thispage, #footer a:hover {
	text-decoration: none;
}

/* GLOBAL LINK STYLES */

/* HEADINGS */
/* Note that there is only one <h1>, specified above */
h2, h3, h4, h5, h6	{font-family: "Trebuchet MS", Trebuchet, helvetica, geneva, arial, sans-serif; line-height: 1.2; font-weight: normal;}
h2, h3, h4, h5, h6	{margin: 8px 0 2px 0}

h1, .h1, #h1	{font-size: 14px; font-weight: normal; letter-spacing: 1px;}
h2, .h2			{font-size: 11px; letter-spacing: 1px;}
h3, .h3			{font-size: 15px; font-weight: normal}
h4, .h4			{font-size: 13px; font-weight: normal}
h5, .h5			{font-size: 12px; font-weight: normal; letter-spacing: 1px;}
h6, .h6			{font-size: 11px; font-weight: normal; letter-spacing: 1px;}

/* GLOBAL MODIFIERS */

div, p,ul,ol,li,dl,dt,dd,td	{font: normal 11px/1.5 verdana, arial, helvetica, sans-serif;}

p,ul,ol,dl,.p				{margin-top: 0px; margin-bottom: 6px;}

dt			{margin-top: 6px;}

#main ul.space li, #main ol.space li			{margin-bottom: 6px;}
#main ul.nobullets, #main .nobullets ul		{list-style: none; padding-left: 1em; margin-left: 0px}
#main ul.nobullets li, #main .nobullets li	{background-image: none}

/* dl.bullet 	{margin-left: 12px; padding-left: 24px; list-style: disc}
dl.bullet dt	{margin-left: 12px; padding-left: 24px; list-style: disc}
 */

dt				{margin-top: 8px; font-weight: bold}
dd				{margin-left: 16px}
#main dd span.email * {font-size: 11px}
#links #main dd, ul.arrow li {
	/* border: 1px dotted blue; */
	height: 0.01%;	/* fix for disappearing text in IE: see 'visualIEFloatFix' global class, above */
	/* * html .visualIEFloatFix { height: 0.01%; } */
	margin-left: 0; padding-left: 16px;
	background: url('images/widgets/arrow-more-black4.gif') 2px 6px no-repeat;
}


p.first		{margin-bottom: 0px}
p.middle		{margin-bottom: 0px; text-indent: 16px;}
p.last		{text-indent: 16px;}

.thick		{margin-bottom: 9px;}		/* extra white space below */
.thicker		{margin-bottom: 12px;}
.thickest	{margin-bottom: 16px;}

.thin			{margin-bottom: 3px;}		/* less white space below */
.thinner		{margin-bottom: 2px;}
.thinnest	{margin-bottom: 1px;}
.div			{margin-bottom: 0px;}
.head			{margin-top: 0px;}		/* e.g. at the top of a page */

.hthick		{margin-top: 12px;}		/* extra white space above */
.hthicker	{margin-top: 14px;}
.hthickest	{margin-top: 18px;}

.h				{margin-top: 8px;}		/* "default" white space above */

.hthin		{margin-top: 4px;}		/* less white space above */
.hthinner	{margin-top: 3px;}
.hthinnest	{margin-top: 2px;}
.hdiv			{margin-top: 0;}

.small		{font-size: 11px}
.smaller		{font-size: 10px}

.left			{text-align: left}
.center		{text-align: center}
.right		{text-align: right}

.bold			{font-weight: bold}
.italic		{font-style: italic}

/* MISC STYLES */

.tabularlist ul, .tabularlist ol, .tabularlist h2 {
	/* border: 1px dotted red; */
	margin-top: 0;
	width: 24%;
	float: left;
}

.tabularlist ul {
	list-style: none;
	margin-left: 0; padding-left: 0;
}