/* orange CSS 



*/



BODY {
	background: url(../bgs/main-bg.gif) repeat-y #E1ECC4;	
}



A {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #837e4f;
	text-decoration: none;
		font-style:italic;
}
A:hover {
	color: #339933;
	text-decoration: underline;
		font-style:italic;
}
A#active {
	color: #FF6600;
	width: 155px;
}

/* =========== BRANDING AREA ============ */



/* ========== ORANGE CLASSES ============ */

.downarrow {
	background: url(../images/orange/b_down-arrow.gif) no-repeat;
	width: 7px;
	height: 8px;
	float: right;
	margin: 7px 3px 0px 0px;
}
.rightarrow {
	background: url(../images/orange/b_right-arrow.gif) no-repeat;
	width: 7px;
	height: 7px;
	float: left;
	margin: 6px 4px 0px 0px;
}
.project_header {
	text-align: right;
	color: #FFFFFF;
	background-color: #FF6600;
width: 538px;
	margin: 10px 0px 1px 0px;
	padding: 2px 7px 2px 0px;
}
.news_header {
	text-align: left;
	color: #FFFFFF;
	background-color: #FF6600;
	width: 527px;
	margin: 10px 0px 10px 0px;
	padding: 2px 0px 2px 7px;
}


/* =========== NAVIGATION ELEMENTS ============ */

#navbg {

	margin: 0px 0px 0px 0px;
	padding: 35px 0px 0px 0px;
	display: block;
	width: 196px;
	float: left;
	height: 500px;
	background: url(../images/elements/nav-bar.gif) no-repeat;
	
}

.navigation {
	font: 220%/1.1em Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 2px;
	display: block;
	font-size: 13px;
	width: 196px;
	float: left;
	text-transform: lowercase;
	text-align: center;



	
}
.navigation A {
	text-decoration: none;
	color: #837e4f;
	display: block;
	margin: 5px 0px 0px 0px;
	padding: 6px 0px 6px 0px;
	width: 196px;

}
.navigation A:hover {
	text-decoration: none;
	color: #339933;
	width: 196px;
	display: block;

}

/* ============================= Lightbox ======================= */

#lightbox
{	
position: absolute;	
left: 0; 
width: 100%; 
z-index: 100; 
text-align: center; 
line-height: 0;
}

#lightbox img
{ 
width: auto; 
height: auto;
}

#lightbox a img
{ 
border: none; 
}

#outerImageContainer
{ 
position: relative; 
background-color: #fff;
width: 350px; 
height: 350px; 
margin: 0 auto; 
}

#imageContainer
{ 
padding: 10px; 
}

#loading
{ 
position: absolute; 
top: 40%; 
left: 0%; 
height: 25%; 
width: 100%; 
text-align: center; 
line-height: 0; 
}

#hoverNav
{ 
position: absolute; 
top: 0; 
left: 0; 
height: 100%; 
width: 100%; 
z-index: 10; 
}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a
{ 
outline: none;
}


#imageDataContainer
{ 
font: 10px Arial, Helvetica, sans-serif;
background-color: #fff;  
margin: 0 auto; 
line-height: 1.4em; 
overflow: auto; 
width: 100%; 
}

#imageData
{ 
padding:0 10px; 
color: #666; 
}

#imageData #imageDetails
{ 
width: 100%; 
float: left; 
text-align: left; 
}	

#imageData #caption
{ 
font-weight: bold;	
}

#imageData #numberDisplay
{ 
display: block; 
clear: left; 
padding-bottom: 1.0em;	
}
			
#imageData #bottomNavClose
{
width: 66px; 
float: right;  
padding-bottom: 0.7em; 
outline: none;
}	 	

#overlay
{
position: absolute; 
top: 0; 
left: 0; 
z-index: 90; 
width: 100%; 
height: 500px; 
background-color: #222;
}



/* CSS Document */

/* ============================= Body elements ======================= */

BODY {
	margin: 0px 0px 0px 0px;
	color: #666666;
	font: 80%/1.5em Arial, Helvetica, sans-serif;
}

/* ============================= Generic Classes ======================= */

#bblogo
{
	background: url(../images/elements/b-b-logo.gif) no-repeat;
	height:60px;
	width: 85px;
	display: block;
	float: left;
	margin: 5px 4px 0 0;
	padding: 0;
}

#ban
{
	background: url(../images/elements/banner.gif) no-repeat;
	font-size: 20px;
	line-height: 22px;
	height:83px;
	width: 549px;
	display: block;
	float: left;
	margin: 0px 0 8px 0;
	padding: 13px 0 0 0;
	text-align: center;
}


.limage
{

	margin: 7px 0px 0px 48px;
	padding: 0px 0px 0px 0px;
}


.table
{

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


.largeimage
{
	position: absolute;
	margin: 0px 0px 0px 10px;
	padding: 5px 20px 20px 10px; 
}

.navbox2 {
	margin: 0px 0px 0px 0px;
	width: 118px;
}


#quick
{
	
	border-bottom: dotted 1px #CCCCCC;
	color: #666666;
	width: 80px;
	font-size: 13px;
	margin: 0px 0px 10px 0px; 
	padding: 0px 0px 0px 0px; 
}

.position
{
	border-top: dotted 1px #CCCCCC;
	border-bottom: dotted 1px #CCCCCC;
	color: #666666;
	width: 560px;
	font-size: 13px;
	margin: 0px 0px 0px 20px; 
	padding: 0px 0px 0px 0px; 
}

.welcome
{
	font-weight: bold;
	color: #339933;
	font: 100%/1.2em trebuchet MS, arial, tahoma, sans-serif; 
	margin: 10px 0px 5px 0px;
}

.welcome2
{
	font-weight: bold;
	color: #666666;
	font: 100%/1.2em trebuchet MS, arial, tahoma, sans-serif;
	margin: 0; 
	padding: 0; 
}

.style3 
{
	font: 140%/2.1em Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color: #837e4f;

}

.style4 
{
	font: 120%/1.8em Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color: #837e4f;

}

.homeText
{
	font: 110%/1.8em Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color: #837e4f;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	display: block;
	float: left;

}

#where
{
 

background-color: #F4F3DB;
width: 242px;
float: left;
padding: 5px 15px 15px 15px;
margin: 10px 10px 20px 20px;
text-align: left;
}

#contactform
{
 

background-color: #F4F3DB;
width: 240px;
float: left;
padding: 5px 15px 15px 15px;
margin: 10px 10px 10px 0px;
text-align: left;
}

#links
{
 
width: 550px;
float: left;
padding:5px 0px 5px 0px;
margin: 0px 0px 10px 0px;
text-align: left;
}

.quickcol
{
 
background: url(../bgs/bg-sticky.gif) no-repeat;
width: 225px;
float: left;
padding: 15px 15px 15px 25px;
margin: 0px 10px 10px 10px;
text-align: left;
}


.pleaseNote
{
width: 515px;
float: left;
padding: 0px 0px 0px 0px;
margin: 10px 0px 0px 0px;
text-align: left;
}


.prices
{
background-color: #F4F3DB;
border-top: dotted 1px #CCCCCC;
border-bottom: dotted 1px #CCCCCC;
border-left: dotted 1px #CCCCCC;
border-right: dotted 1px #CCCCCC;
width: 515px;
float: left;
padding: 15px 15px 15px 15px;
margin: 10px 0px 20px 0px;
text-align: left;
}

#map
{
 

width: 265px;
float: left;
padding: 5px 15px 15px 0px;
text-align: left;
}

#leftbar
{
 

width: 267px;
float: left;
padding: 0px 15px 15px 0px;
text-align: left;
}

#sidebar
{

color: #666666;
width: 267px;
float: left;
padding: 0px 0px 30px 0px;
text-align: left;
}

#addressbar
{
 
color: #666666;
width: 240px;
float: left;
padding: 9px 10px 10px 5px;
text-align: left;
}


h1 {
	font-weight: bold;
	color: #837e4f;
	font: 220%/1.1em Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	margin: 0px 0px 0px 0px;
}

h2
{
	font-weight: bold;
	color: #b3b093;
	font: 160%/1.1em Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	margin: 0px 0px 10px 0px; 
	border-bottom: dotted 1px #CCCCCC;
	padding: 0px 0px 10px 0px;
}


h3
{
	color: #999;
	font: 100%/1.4em Georgia, "Times New Roman", Times, serif;
}



.error
{
background: #CC0000;
border: 1px solid #fff;
padding: 10px;
margin: 10px 0 10px 0;
color: #FFFFFF;
text-transform:uppercase;
font-size: 14px
}

tr.h1Row td, th

{
	font: 120%/1.4em Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	background-color: #b3b093;
	text-align: center;
	color: #fff;
}

tr {
	background-color: #FFFEEF;
	text-align: center;
}


th {

	font-size: 13px;
	text-align: center;
	background-color: #F4F3DB;

}

td {
	background-color: #FFFEEF;
	font-size: 13px;
	padding: 10px 10px 10px 10px;
	text-align: center;

}

.gallerytable {
	background-color: #F4F3DB;	
	font-size: 13px;
	padding: 5px 2px 0px 2px;
	text-align: center;
}

.gallerytab {
	background-color: #F4F3DB;	
	margin: 0px 0px 0px 0px;
	padding: 13px;
	text-align: center;
}


.bottomlinks {
	color: #8D8D95;
	font-size: 10px
}
.bottomlinks A {
	color: #8D8D95;
	text-decoration: none;
	font-size: 10px
}
.bottomlinks A:hover {
	color: #8D8D95;
	text-decoration: underline;
	font-size: 10px
}
.dots-horiz {
	
	height: 1px;
	width: 178px;
	font-size: 1px;
	margin: 0px;
	padding: 0px;
	clear: both;
}

.dots-horiz2 {
	background: url(../images/generic/horizontal_dots2.gif) repeat-x;
	height: 1px;
	font-size: 10px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 5px 0px;

	clear: both;
}

.dots-horiz3 {
	background: url(../images/generic/horizontal_dots.gif) repeat-x;
	height: 1px;
	width: 178px;
	font-size: 1px;
	margin: 0px;
	padding: 0px;
	clear: both;
}

.dots-nav {
	background: url(../images/generic/horizontal_dots-dark.gif) repeat-x;
	height: 1px;
	width: 178px;
	font-size: 1px;
	margin: 0px;
	padding: 0px;
	clear: both;
}
.box01_head {

	padding: 0px 10px 0px 4px;
	float: left;
}

.navbox {
	margin: 0px 0px 0px 0px;
	width: 119px;
}

.contentbox 
{	
	float: left;
	display: block;
	width: 550px;
}

.leftTextCol
{
width: 255px;
float: left;
text-align: left;
}

.text, b
{
width: 255px;
font-weight: normal;
}

.rightTextCol
{
width: 255px;
text-align: left;
float: left;

margin-left: 20px;
margin-bottom: 20px;
}
.allColText
{
width: 545px;
margin-top: 10px;
margin-bottom: 15px;
}

#topbox
{
	position: absolute;
	width: 560px;
}






.newsbox {
	margin: 4px 0px 0px 5px;
}
.newsheader {
	background-color: #33333E;
	width: 527px;
	padding: 5px 0px 6px 10px;
}
* HTML .newsheader {
	background-color: #33333E;
	width: 527px;
	padding: 5px 0px 2px 10px;
}
.smallpic {
	margin: 6px 10px 6px 6px;
	border: 2px solid #FFFFFF;
}
.folio {
	margin: 10px 0px 0px 0px;
}
.portfoliopic {
	margin: 0px 10px 10px 0px;
}
.largepicright {
	margin: 0px 6px 10px 10px;
	border: 2px solid #FFFFFF;
}
.help {
	padding: 3px;
	float: right;
}
/* PORTFOLIO OPTION BOXES START HERE */ 

.PF_individual_boxes
{
width: 258px;
border: 1px solid #33333E;
padding: 1px;
float: left;
margin: 0 5px 20px 8px;

}
.PF_individual_boxContent
{
padding: 2px 3px 3px 3px;
float: left;
font-size: 11px;
}
.PF_individual_headers {
background-color: #33333E;
width: 252px;
padding: 1px 3px 5px 3px;
}
.PF_individual_ss
{
float: left;
margin-right: 5px;
padding-left: 3px;
border: 1px solid #33333e
}
.ico
{
margin-left: 5px;
}
#mainfoliooptions {
	clear: both;
	display: block;
	margin-top: 20px;
}
#portfolioselection {
	float: left;
	width: 308px;
	margin-right: 20px;
	margin-left: 0px;
}
#quote {
	float: left;
	width: 200px;
	font-size: 14px;
}
.bottomleft {
	border-top: dotted 1px #CCCCCC;
	float: left;
	padding: 5px 0px 0px 0px;
	color: #8D8D95;
	font-size: 11px;
	width: 550px;
}

.bottomnav {
	float: left;
	padding: 10px 418px 10px 10px;
	color: #8D8D95;
	text-transform:uppercase;
	font-size: 11px;
	font-weight: bold;
	background-color: #454545;
	
}

.bottomleft A {
	padding: 4px 0px 0px 0px;
	text-decoration: none;
	font-size: 12px;
}
.bottomright {
	float: right;
	padding: 4px 0px 0px 0px;
	color: #CCCCCC;
	font-size: 11px;
}


#hopesMain {
	position: absolute;
	top: 3px;
	left: 188px;
	width: 570px;

}

.design
{
	color: #777;
	font-style:normal;
}

.design A
{
	color: #777;
	font-style:normal;
}

.design A:hover
{
	color: #111;
}

.design A#active {
	color: #FF6600;
}
.center {
	text-align: center
}

.copyright {

	font: 100%/1.6em Arial, Helvetica, sans-serif;
	text-align: left
}

.address {

	font: 110%/1.7em Arial, Helvetica, sans-serif;
	text-align: left
}
/* ============================= MAIN blocks ======================= */

#centrecol_nav 
{
	width: 206px;
	float: left;
	margin: 10px 0px 0px 0px;
}
#rightcol_info {
	margin: 10px 0px 0px 0px;
	width: 560px;
	float: left;
}