/* design notes --
xhtml and css by:		zero_ohm for VIA Studio
project began:			2006.07.12
last updated:			2006.08.07

<!--ieb-->					in IE6 an empty div will default to line height; by putting this comment in it is
								no longer empty. ieb=IE bug
div.ender					this is in here because in IE6, margin-bottom, on the footer wasn't registering
3 column space		IE6 adds 3px or more width between floated divs so for a 3 column layout or it
								requires a 4px space between the columns. If it doesn't have enough space
								it will kick the center column down. Reference float drop or float wrap.
margins / padding	I use padding for top and bottom and margin for left and right space in text
								classes because it is rendered more consistently in IE6 and FF. Sometimes it
								seems that a top or bottom margin will effect the containing element rather than
								the element that is actually styled.
a / h1 spans				spans set to display:none, enable text to be within the a and h1 tags for
								semantically compliant code, while using imgs for the design. 
background fixed		in IE6 this will only work within body
font size					I am going to attempt to use pt when possible / suitable rather than px 

position:?					apparently absolutely positioned elements will ignore there containing div if it is
								position:static and will respect its containing element if it is position:relative
								
column-void				I put a border-bottom of 1px on this element becuase without it FF was 
								creating a 2px margin between it self and the footer div ??? 
			
-- design notes */

/* root */
html {
	margin:0;
	padding:0;
	height:100%;
}
body {
	margin:0;
	padding:0;
	height:100%;
	color:#000000;
	background-color:#ffffff;
	/*background:#acdede url(../images/bgi/body.png) repeat scroll;*/
}
div.area-zero {
	margin:0 auto;
}
/* root */

/* header */
div.header {
	height:200px;
	background:url(../images/bgi/gradient-x.png) repeat-x scroll;
}
div.header-content {
	position:relative;
	margin:0 auto;
	width:1000px;
	height:85px;
	background:url(../images/bgi/gradient-x.png) repeat-x scroll;
}
/*content-header*/
a.logo_byron-roberts {
	position:absolute;
	top:11px;
	left:20px;
	width:574px;
	height:55px;
	background:url(../images/nav/byron-roberts.png) no-repeat scroll 0 0;
}
a.logo_byron-roberts:hover {
	background:url(../images/nav/byron-roberts.png) no-repeat scroll 0 -55px;
}
img.header-info {
	position:absolute;
	top:11px;
	right:20px;
	width:225px;
	height:58px;
}
/*content-header*/
div.header-nav {
	margin:0 auto;
	width:1000px;
	height:115px;
	background:url(../images/bgi/gradient-x.png) repeat-x scroll 0 -85px;
}
/*nav_header*/
a.nav_about-byron-roberts {
	margin:0 0 0 15px;
	width:123px;
	height:115px;
	background:url(../images/nav/header.png) no-repeat scroll 0 0;
	float:left;
}
a.nav_about-byron-roberts_x {
	margin:0 0 0 20px;
	width:123px;
	height:115px;
	background:url(../images/nav/header.png) no-repeat scroll 0 -115px;
	float:left;
}
a.nav_about-byron-roberts:hover, a.nav_about-byron-roberts_x:hover {
	background:url(../images/nav/header.png) no-repeat scroll 0 -230px;
}
a.nav_styles {
	width:121px;
	height:115px;
	background:url(../images/nav/header.png) no-repeat scroll -123px 0;
	float:left;
}
a.nav_styles_x {
	width:121px;
	height:115px;
	background:url(../images/nav/header.png) no-repeat scroll -123px -115px;
	float:left;
}
a.nav_styles:hover, a.nav_styles_x:hover {
	background:url(../images/nav/header.png) no-repeat scroll -123px -230px;
}
a.nav_styles_paintings-prints {
	width:71px;
	height:115px;
	background:url(../images/nav/header.png) no-repeat scroll -244px 0;
	float:left;
}
a.nav_styles_paintings-prints_x {
	width:71px;
	height:115px;
	background:url(../images/nav/header.png) no-repeat scroll -244px -115px;
	float:left;
}
a.nav_styles_paintings-prints:hover, a.nav_styles_paintings-prints_x:hover {
	background:url(../images/nav/header.png) no-repeat scroll -244px -230px;
}
a.nav_styles_murals {
	width:71px;
	height:115px;
	background:url(../images/nav/header.png) no-repeat scroll -315px 0;
	float:left;
}
a.nav_styles_murals_x {
	width:71px;
	height:115px;
	background:url(../images/nav/header.png) no-repeat scroll -315px -115px;
	float:left;
}
a.nav_styles_murals:hover, a.nav_styles_murals_x:hover {
	background:url(../images/nav/header.png) no-repeat scroll -315px -230px;
}
a.nav_styles_faux-finish {
	width:71px;
	height:115px;
	background:url(../images/nav/header.png) no-repeat scroll -386px 0;
	float:left;
}
a.nav_styles_faux-finish_x {
	width:71px;
	height:115px;
	background:url(../images/nav/header.png) no-repeat scroll -386px -115px;
	float:left;
}
a.nav_styles_faux-finish:hover, a.nav_styles_faux-finish_x:hover {
	background:url(../images/nav/header.png) no-repeat scroll -386px -230px;
}
a.nav_case-studies {
	width:121px;
	height:115px;
	background:url(../images/nav/header.png) no-repeat scroll -457px 0;
	float:left;
}
a.nav_case-studies_x {
	width:121px;
	height:115px;
	background:url(../images/nav/header.png) no-repeat scroll -457px -115px;
	float:left;
}
a.nav_case-studies:hover, a.nav_case-studies_x:hover {
	background:url(../images/nav/header.png) no-repeat scroll -457px -230px;
}
a.nav_awards-press {
	width:121px;
	height:115px;
	background:url(../images/nav/header.png) no-repeat scroll -578px 0;
	float:left;
}
a.nav_awards-press_x {
	width:121px;
	height:115px;
	background:url(../images/nav/header.png) no-repeat scroll -578px -115px;
	float:left;
}
a.nav_awards-press:hover, a.nav_awards-press_x:hover {
	background:url(../images/nav/header.png) no-repeat scroll -578px -230px;
}
a.nav_gallery {
	width:121px;
	height:115px;
	background:url(../images/nav/header.png) no-repeat scroll -699px 0;
	float:left;
}
a.nav_gallery_x {
	width:121px;
	height:115px;
	background:url(../images/nav/header.png) no-repeat scroll -699px -115px;
	float:left;
}
a.nav_gallery:hover, a.nav_gallery_x:hover {
	background:url(../images/nav/header.png) no-repeat scroll -699px -230px;
}
a.nav_contact {
	width:124px;
	height:115px;
	background:url(../images/nav/header.png) no-repeat scroll -820px 0;
	float:left;
}
a.nav_contact_x {
	width:124px;
	height:115px;
	background:url(../images/nav/header.png) no-repeat scroll -820px -115px;
	float:left;
}
a.nav_contact:hover, a.nav_contact_x:hover {
	background:url(../images/nav/header.png) no-repeat scroll -820px -230px;
}
/*nav_header*/
/* header */

/* content */
div.column-void {
	color:#000000;
	background-color:#ffffff;
}
div.column-matrix {
	margin:0 auto;
	width:1000px;
	color:#000000;
	background-color:#ffffff;
}
div.column_center {
	margin:0 auto;
	width:900px;
}
div.column_center a:link, a:visited, a:active {
	text-decoration:underline;
	color:#333333;
	background-color:transparent;
}
div.column_center a:hover {
	text-decoration:underline;
	color:#696969;
	background-color:transparent;
}
/*nav_pic*/
div.pic-nav {
	margin:0 0 0 18px;
	width:200px;
	float:left;
}
div.pic-nav_flourish-top {
	width:200px;
	height:18px;
	background:url(../images/bgi/flourishes_pic-nav.png) no-repeat scroll 0 0;	
}
div.pic-nav_swfobject {
	margin:0;
	padding:0;
	width:200px;
	height:150px;
}
div.pic-nav_flourish-bottom {
	width:200px;
	height:18px;
	background:url(../images/bgi/flourishes_pic-nav.png) no-repeat scroll 0 -18px;	
}
a.nav-pic_styles_paintings-prints {
	display:block;
	width:200px;
	height:150px;
	background:url(../images/nav/paintings-prints_pic.jpg) no-repeat scroll 0 0;
	border:1px solid #aaaaaa;
}
a.nav-pic_styles_paintings-prints:hover {
	border:1px solid #333333;
}
a.nav-pic_styles_paintings-prints_text {
	display:block;
	width:200px;
	height:50px;
	background:url(../images/nav/pic-nav_text.png) no-repeat scroll 0 0;
}
a.nav-pic_styles_paintings-prints_text:hover {
	background:url(../images/nav/pic-nav_text.png) no-repeat scroll 0 -50px;
}
a.nav-pic_styles_murals-large-scale {
	display:block;
	width:200px;
	height:150px;
	background:url(../images/nav/large-scale-murals_pic.jpg) no-repeat scroll;
	border:1px solid #aaaaaa;
}
a.nav-pic_styles_murals-large-scale:hover {
	border:1px solid #333333;
}
a.nav-pic_styles_murals-large-scale_text {
	display:block;
	width:200px;
	height:50px;
	background:url(../images/nav/pic-nav_text.png) no-repeat scroll -200px 0;
}
a.nav-pic_styles_murals-large-scale_text:hover {
	background:url(../images/nav/pic-nav_text.png) no-repeat scroll -200px -50px;
}
a.nav-pic_styles_faux-finish-antuquing-marbling {
	display:block;
	width:200px;
	height:150px;
	background:url(../images/nav/faux-finishing_pic.jpg) no-repeat scroll;
	border:1px solid #aaaaaa;
}
a.nav-pic_styles_faux-finish-antuquing-marbling:hover {
	border:1px solid #333333;
}
a.nav-pic_styles_faux-finish-antuquing-marbling_text {
	display:block;
	width:200px;
	height:50px;
	background:url(../images/nav/pic-nav_text.png) no-repeat scroll -400px 0;
}
a.nav-pic_styles_faux-finish-antuquing-marbling_text:hover {
	background:url(../images/nav/pic-nav_text.png) no-repeat scroll -400px -50px;
}
a.nav-pic_home-business-decoration {
	display:block;
	width:200px;
	height:150px;
	background:url(../images/nav/home-business_pic.jpg) no-repeat scroll;
	border:1px solid #aaaaaa;
}
a.nav-pic_home-business-decoration:hover {
	border:1px solid #333333;
}
a.nav-pic_home-business-decoration_text {
	display:block;
	width:200px;
	height:50px;
	background:url(../images/nav/pic-nav_text.png) no-repeat scroll -600px 0;
}
a.nav-pic_home-business-decoration_text:hover {
	background:url(../images/nav/pic-nav_text.png) no-repeat scroll -600px -50px;
}
/*nav_pic*/
/*content-430*/
div.content-430 {
	margin:10px auto;
	width:430px;
	overflow:hidden;
}
div.content-430_flourish-top {
	width:430px;
	height:11px;
	background:url(../images/bgi/flourishes_content-430.png) no-repeat scroll 0 0;
	clear:both;
}
/*sidebar-left_100*/
div.sidebar-left_100 {
	margin:10px 0 50px 10px;
	width:100px;
	float:left;
}
/*sidebar-left_100*/
/*content_300*/
div.content_300 {
	margin:0;
	width:300px;
	float:left;
}
/*content_300*/
div.content-430_flourish-bottom {
	width:430px;
	height:15px;
	background:url(../images/bgi/flourishes_content-430.png) no-repeat scroll 0 -11px;
	clear:both;	
}
/*content-430*/
/*content-900*/
div.content-900 {
	margin:0 auto;
	padding:10px 0;
	width:900px;
}
div.flash-gallery_swfobject {
	margin:10px auto;
	width:640px;
}
h1.content-900 {
	margin:0 0 10px 0;
	padding:5px 0 0 15px;
	height:45px;
	width:785px;
	text-align:left;
	font:14pt 'Times New Roman', serif;
	color:#000000;
	background:#edf1f8 url(../images/bgi/h1_content-900.png) no-repeat scroll;
	overflow:hidden;
}
h1.about-byron-roberts {
	margin:0 0 10px 0;
	padding:0;
	height:50px;
	width:800px;
	background:url(../images/bgi/h1_about-byron-roberts.png) no-repeat scroll;
}
h1.styles {
	margin:0 0 10px 0;
	padding:0;
	height:50px;
	width:800px;
	background:url(../images/bgi/h1_styles.png) no-repeat scroll;
}
h1.paintings-prints {
	margin:0 0 10px 0;
	padding:0;
	height:50px;
	width:800px;
	background:url(../images/bgi/h1_paintings-prints.png) no-repeat scroll;
}
h1.murals {
	margin:0 0 10px 0;
	padding:0;
	height:50px;
	width:800px;
	background:url(../images/bgi/h1_murals.png) no-repeat scroll;
}
h1.faux-finish {
	margin:0 0 10px 0;
	padding:0;
	height:50px;
	width:800px;
	background:url(../images/bgi/h1_faux-finish.png) no-repeat scroll;
}
h1.case-studies {
	margin:0 0 10px 0;
	padding:0;
	height:50px;
	width:800px;
	background:url(../images/bgi/h1_case-studies.png) no-repeat scroll;
}
h1.awards-press {
	margin:0 0 10px 0;
	padding:0;
	height:50px;
	width:800px;
	background:url(../images/bgi/h1_awards-press.png) no-repeat scroll;
}
h1.gallery {
	margin:0 0 10px 0;
	padding:0;
	height:50px;
	width:800px;
	background:url(../images/bgi/h1_gallery.png) no-repeat scroll;
}
h1.contact {
	margin:0 0 10px 0;
	padding:0;
	height:50px;
	width:800px;
	background:url(../images/bgi/h1_contact.png) no-repeat scroll;
}
h1.home-business {
	margin:0 0 10px 0;
	padding:0;
	height:50px;
	width:800px;
	background:url(../images/bgi/h1_home-business.png) no-repeat scroll;
}
h1.site-map {
	margin:0 0 10px 0;
	padding:0;
	height:50px;
	width:800px;
	background:url(../images/bgi/h1_site-map.png) no-repeat scroll;
}
h1.privacy-statement {
	margin:0 0 10px 0;
	padding:0;
	height:50px;
	width:800px;
	background:url(../images/bgi/h1_privacy-statement.png) no-repeat scroll;
}
/*sidebar-left_200*/
div.sidebar-left_200 {
	margin:10px;
	width:200px;
	float:left;	
}
div.sidebar-left_200_flourish-pic-bottom {
	margin:-5px 0 20px 0;
	width:200px;
	height:14px;
	background:url(../images/bgi/flourishes_sidebar-left.png) no-repeat scroll 0 0;
}
div.sidebar-left_200_flourish-quote-top {
	margin:20px 0 0 0;
	width:200px;
	height:3px;
	background:url(../images/bgi/flourishes_sidebar-left.png) no-repeat scroll 0 -14px;
}
div.sidebar-left_200_flourish-quote-bottom {
	margin:0 0 10px 0;
	width:200px;
	height:17px;
	background:url(../images/bgi/flourishes_sidebar-left.png) no-repeat scroll 0 -17px;
}
p.sidebar-left_200_quote {
	text-align:left;
	font:8pt verdana, sans-serif;
	color:#000000;
	background-color:#f2f2f2;
}
/*sidebar-left_200*/
/*content_500*/
div.content_500 {
	margin:0 10px 10px 10px;
	width:500px;
	float:left;
}
img.style-example {
	margin:10px 0 0 10px;
	padding:0;
	border:0;
}
div.content_500_flourish-bottom {
	margin:10px auto;
	width:430px;
	height:15px;
	background:url(../images/bgi/flourishes_content-430.png) no-repeat scroll 0 -11px;
}
/*content_500*/
/*case-study*/
div.case-study {
	margin:5px 0;
	padding:5px 5px 5px 0;
	border:1px solid #eeeeee;
}
div.case-study h2 {
	margin:0;
	padding:0 10px 0 10px;
	font:bold 10pt verdana, sans-serif;
	color:#000000;
	background-color:transparent;
}
/*case-study*/
/*content_700*/
div.content_700 {
	margin:0 0 10px 0;
}
/*content_700*/
/*content-900*/
/* content */

/* footer */
div.footer {
	position:relative;
	height:100px;
	/*background:url(../images/bgi/gradient-x.png) repeat-x scroll 0 -200px;*/
}
div.footer-nav {
	position:relative;
	margin:0 auto;
	padding:0;
	width:950px;
	height:100px;
	background:url(../images/bgi/gradient-x.png) repeat-x scroll 0 -200px;
	border-bottom:2px solid #b2b2b2;
}
div.footer-flourish_left {
	position:absolute;
	bottom:0;
	left:0;
	width:90px;
	height:50px;
	background:url(../images/bgi/flourishes_footer.png) no-repeat scroll 0 0;
}
div.footer-flourish_right {
	position:absolute;
	bottom:0;
	right:0;
	width:90px;
	height:50px;
	background:url(../images/bgi/flourishes_footer.png) no-repeat scroll -90px 0;
}
div.footer_left {
	position:absolute;
	top:50px;
	left:80px;
	margin:0;
	padding:0;
}
div.footer_center {
	position:absolute;
	top:50px;
	left:323px;
	margin:0;
	padding:0;
}
div.footer_right {
	position:absolute;
	top:50px;
	right:80px;
	margin:0;
	padding:0;
}
div.ender {
	height:10px;
}
/* footer */

/* div */
div {
	position:static;
	margin:0;
	padding:0;
}
div.float_clear {
	height:1px;
	clear:both;
}
div.float_clear-right {
	height:1px;
	clear:right;
}
/* div */

/* lists */
ul {
	margin:0;
	padding:0 0 10px 0;
}
li {
	margin:2px 30px;
	padding:0;
	text-align:left;
	font:10pt verdana, sans-serif;
	color:#000000;
	background-color:#ffffff;
}
/* lists */

/* forms */
/* forms */

/* anchors */
a:link, a:visited, a:active {
	text-decoration:none;
	color:#333333;
	background-color:transparent;
}
a:hover {
	text-decoration:underline;
	color:#696969;
	background-color:transparent;
}
a span {
	display:none;	
}
/* anchors */

/* text */
h1 {
	margin:0;
	padding:0;
	height:50px;
	font:bold 18pt verdana, sans-serif;
	color:#000000;
	background-color:transparent;
}
h1 span {
	display:none;
}
h2 {
	margin:0;
	padding:10px 10px 0 10px;
	font:bold 10pt verdana, sans-serif;
	color:#000000;
	background-color:transparent;
}
p {
	margin:0;
	padding:10px;
	text-align:left;
	font:10pt verdana, sans-serif;
	color:#000000;
	background-color:transparent;
}
p.left {
	margin:0;
	padding:10px;
	text-align:left;
	font:10pt verdana, sans-serif;
	color:#000000;
	background-color:transparent;
}
p.center {
	margin:0;
	padding:10px;
	text-align:center;
	font:10pt verdana, sans-serif;
	color:#000000;
	background-color:transparent;
}
p.right {
	margin:0;
	padding:10px;
	text-align:right;
	font:10pt verdana, sans-serif;
	color:#000000;
	background-color:transparent;
}
p.justify {
	margin:0;
	padding:10px;
	text-align:justify;
	font:10pt verdana, sans-serif;
	color:#000000;
	background-color:transparent;
}
/* text */

/* imgs */
img {
	margin:0;
	padding:0;
	border:0;
}
img.frame {
	border:1px solid #92090a;
}
img.right {
	margin:0 0 10px 10px;
	float:right;
	border:1px solid #aaaaaa;
}
img.left {
	margin:0 10px 10px 0;
	float:left;
	border:1px solid #aaaaaa;
}
/* imgs */