@charset "UTF-8";
/* CSS Document */

body{
	background-color: #D2D0B6 ;
	
}




/* === CONTAINER ======================================= */




body #container{
	height: 591px ;
	width: 946px ;	
	
	margin-top: 32px ;
	margin-bottom: 62px ;
	margin-left: auto ;
	margin-right: auto ;
	
	padding: 0px ;
	 
	border-color: #FFFFFF ;
	border-width: 1px ;
	border-style: solid ;
	
	background-color: inherit ;
	
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-style: normal ;
	font-weight: normal ;
}




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




body #navigation{
	height: 32px ;
	width: 579px ;	
	
	margin-left: 367px ;
	
	background-color: inherit ;
}

body #navigation ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
}

body #navigation ul li{
	height: 32px ;
	display: block ;
	float: left ;
	list-style-type: none ;
	background-color: inherit ;
}

body #navigation ul li a {
   display: block ;
   height: 32px ; 
   text-indent: -9009px ;
}

body #navigation ul li#navServices a {
	width: 95px ;
	background: transparent url(../images/navServices.jpg) no-repeat 0 0 ;
}

body #navigation ul li#navServices a:hover {
   background-position: 0 -32px ;
}

body #navigation ul li#navProjects a {
	width: 102px ;
  	background: transparent url(../images/navProjects.jpg) no-repeat 0 0 ;
}

body #navigation ul li#navProjects a:hover {
   background-position: 0 -32px ;
}

body #navigation ul li#navContact a {
	width: 107px ;
  	background: transparent url(../images/navContact.jpg) no-repeat 0 0 ;
}

body #navigation ul li#navContact a:hover {
   background-position: 0 -32px ;
}

body #navigation ul li#navOfficeworks a {
	width: 130px ;
  	background: transparent url(../images/navOfficeworks.jpg) no-repeat 0 0 ;
}

body #navigation ul li#navOfficeworks a:hover {
   background-position: 0 -32px ;
}

body #navigation ul li#navBoxes {
	width: 145px ;
  	background: transparent url(../images/navBoxes.jpg) no-repeat 0 0 ;
}




/* === HEADER ======================================= */




body #header{
	height: 106px ;
	width: 946px ;	
	
	background-color: #FFFFFF ;
}

body #header #navHome{
	position: relative ;
	height: 63px ;
	width: 147px ;
	
	top: 21px ;
	left: 32px ;
}




/* === CONTENT ======================================= */




body #content{
	height: 421px ;
	width: 946px ;	
	
	background-color: #FFFFFF ;
}

body #content .banner#home{
	height: 59px ;
	width: 946px ;
	
	background-color: #8CC63F ;
	background-image: url(../images/BGI_Home_Banner.jpg) ;
	background-repeat: no-repeat ;
}

body #content .banner#services{
	height: 59px ;
	width: 946px ;
	
	background-color: #8CC63F ;
	background-image: url(../images/BGI_Services_Banner.jpg) ;
	background-repeat: no-repeat ;
}

body #content .banner#projects{
	height: 59px ;
	width: 946px ;
	
	background-color: #8CC63F ;
	background-image: url(../images/BGI_Projects_Banner.jpg) ;
	background-repeat: no-repeat ;
}

body #content .banner#contact{
	height: 59px ;
	width: 946px ;
	
	background-color: #8CC63F ;
	background-image: url(../images/BGI_Contact_Banner.jpg) ;
	background-repeat: no-repeat ;
}

body #content .banner#officeworks{
	height: 59px ;
	width: 946px ;
	
	background-color: #8CC63F ;
	background-image: url(../images/BGI_Officeworks_Banner.jpg) ;
	background-repeat: no-repeat ;
}



/* === CONTENT SPECIFIC ======================================= */


/* === HOME === */

body #content #Blueprint{
	width: 587px ;
	height: 362px ;
	
	margin-top: -362px ;
}

body #content #DeskImage{
	width: 587px ;
	height: 362px ;
		
	background-image:url(../images/BGI_Home_Deskimage.jpg) ;
	background-repeat: no-repeat ;
}

body #content #description{
	width: 359px ;
	height: 362px ;
	
	margin-left: 587px ;
	margin-top: -362px ;

	background-image: url(../images/BGI_Home_Wood.jpg) ;
	background-repeat: no-repeat ;
}

body #content #description p{
	width: 235px ;
	height: 327px ;

	padding-top: 30px ;
	padding-left: 60px ;
	padding-right: 60px ;
		
	color: #542E1A ;
	font-size: 11px ;
	line-height: 29px ;
	letter-spacing: 0.5px ;
}



/* === SERVICES === */

body #navigation ul li#Services {
	width: 95px ;
  	background: transparent url(../images/navServices.jpg) no-repeat 0 0 ;
	background-position: 0 -32px ;
	text-indent: -9999px ;
}

body #content #servicesText{
	position:relative ;
	width: 774px ;
	margin-top: -303px ;
	margin-left: 108px ;
	margin-right: 64px ;
}

body #content #servicesText br{
	line-height: 25px ;
}

body #content #servicesText p{
	color: #542E1A ;
	font-size: 11px ;
	line-height: 20px ;
	letter-spacing: 0.5px ;
}

body #header #serviceHeader{
	width: 579px ;
	height: 106px ;
	
	margin-left: 367px ;
	margin-top: -63px ;
	
	background-image: url(../images/BGI_Services_Header.jpg) ;
	background-repeat: no-repeat ;
}


body #content #serviceIMG{
	position: relative ;
	height: 144px ;
	width: 240px ;
	
	margin-left: 550px ;
	margin-top: 200px ;
	
	background-image:url(../images/BGI_Services_Wood.jpg) ;
	background-repeat: no-repeat ;
}


/* === PROJECTS === */

body #navigation ul li#Projects {
	width: 102px ;
  	background: transparent url(../images/navProjects.jpg) no-repeat 0 0 ;
	background-position: 0 -32px ;
	text-indent: -9999px ;
}

body #content #bgiGallery{
	width: 484px ;
	height: 527px ;
	
	margin-left: 462px ;
	margin-top: -165px ;
	
	background-color: #FFFFFF ;
}

body #content #projectsText{
	position:relative ;	
	width: 255px ;
	height: 362px ;
	
	padding-left: 108px ;
	padding-right:64px ;
	margin-top: -362px ;
	
	background-color: #FFFFFF ;
	background-image: url(../images/BGI_Projects_Wood.jpg) ;
	background-repeat: no-repeat ;
	
}

body #content #projectsText br{
	line-height: 25px ;
}

body #content #projectsText p{
	padding-top: 25px ;
	color: #542E1A ;
	font-size: 11px ;
	line-height: 20px ;
	letter-spacing: 0.5px ;
}

body #content #projectsText p a:link{ text-decoration: underline ; color: #542E1A ; }
body #content #projectsText p a:active{ text-decoration: underline ; color: #542E1A ; }
body #content #projectsText p a:visited{ text-decoration: underline ; color: #542E1A ; }
body #content #projectsText p a:hover{ text-decoration: underline ; color: #542E1A ; }

body #content #projectsText ul{
	list-style-type: none ;
}

body #content #projectsText ul li a{
	color: #542E1A ;
	font-size: 13px ;
	line-height: 20px ;
	letter-spacing: 0.5px ;
	text-transform: uppercase ;
}

body #content #projectsText ul li a:link{ text-decoration: none ; color: #542E1A ; }
body #content #projectsText ul li a:active{ text-decoration: none ; color: #8CC63F ; }
body #content #projectsText ul li a:visited{ text-decoration: none ; color: #542E1A ; }
body #content #projectsText ul li a:hover{ text-decoration: none ; color: #8CC63F ; }

body #content #projectsText ul li a.selected{
	color: #8CC63F ;
}


#errorMessage{
	width: 400px ;
	height: 427px ;
	
	padding-top: 100px ;
	padding-left: 42px ;
	padding-right: 42px ;
	
	background-color: #CCCCCC ;
	color: #542E1A 
	
}

#errorMessage p{
	color: #542E1A ;
	font-size: 13px ;
	line-height: 20px ;
	letter-spacing: 0.5px ;
}

#errorMessage p a:link{ text-decoration: underline ; color: #542E1A ; }
#errorMessage p a:active{ text-decoration: underline ; color: #542E1A ; }
#errorMessage p a:visited{ text-decoration: underline ; color: #542E1A ; }
#errorMessage p a:hover{ text-decoration: underline ; color: #542E1A ; }











/* === CONTACT === */

body #navigation ul li#Contact {
	width: 107px ;
  	background: transparent url(../images/navContact.jpg) no-repeat 0 0 ;
	background-position: 0 -32px ;
	text-indent: -9999px ;
}

body #content #emailform{
	width: 413px ;
	height: 342px ;
	
	padding-left: 0px ;
	padding-right: 0px ;
	padding-top: 20px ;
	padding-bottom: 0px ;
	
	margin-left: 511px ;
}

body #content #emailform label{
	font-size: 8px ;
	line-height: 16px ;	
	text-transform:uppercase ;
	color: #8CC63F ;
}

body #content #emailform input{
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-style: normal ;
	font-weight: normal ;
	font-size: 10px ;
	
	background-color: #D9F1B8 ;
	color: #333333 ;
	border: none ;
	
	height: 15px;
}

body #content #emailform textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-style: normal ;
	font-weight: normal ;
	font-size: 10px ;
	
	background-color: #D9F1B8 ;
	color: #333333 ;
	border: none ;
	resize: none ;
	
   	width: 262px ;
    min-width: 262px ;
    max-width: 262px ;
    height: 50px ;
    min-height: 50px ;
    max-height: 50px ;
}


body #content #emailform #nameTextBox{ width: 406px ; }
body #content #emailform #emailTextBox{ width: 406px ; }
body #content #emailform #phoneTextBox{ width: 193px ; }
body #content #emailform #faxTextBox{ width: 193px ; }
body #content #emailform #companyTextBox{ width: 406px ; }
body #content #emailform #addressTextBox{ width: 406px ; }
body #content #emailform #address2TextBox{ width: 406px ; }
body #content #emailform #cityTextBox{ width: 123px ; }
body #content #emailform #stateTextBox{ width: 123px ; }
body #content #emailform #zipTextBox{ width: 123px ; }
body #content #emailform #messageBox{ width: 272px ; }








body #content #emailform input#submitBTN{
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-style: normal ;
	font-weight: normal ;
	font-size: 8px ;
	
	padding: 10px ;
	padding-top: 7px ;
	padding-bottom: 18px;
	
	margin-left: 85px;
	
	background-color: #8CC63F ;
	color: #FFFFFF ;
	border: none ;
	
	height: 25px;
}

body #content #contactText{
	position:relative ;	
	width: 290px ;
	height: 362px ;
	
	padding-left: 108px ;
	padding-right:64px ;
	margin-top: -345px ;
	
}

body #content #contactText p{
	padding-top: 25px ;
	color: #663700 ;
	font-size: 11px ;
	line-height: 20px ;
	letter-spacing: 0.5px ;
}


body #content #contactText pre{
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-style: normal ;
	font-weight: normal ;
	font-size: 8px ;
	padding-top: 25px ;
	color: #663700 ;
	font-size: 11px ;
	line-height: 20px ;
	letter-spacing: 0.5px ;
}



/* === OFFICEWORKS === */

body #navigation ul li#Officeworks {
	width: 130px ;
  	background: transparent url(../images/navOfficeworks.jpg) no-repeat 0 0 ;
	background-position: 0 -32px ;
	text-indent: -9999px ;
}

body #content #officeText{
	position:relative ;
	height: 318px ;
	width: 241px ;
	
	padding-top: 44px ;
	padding-left: 108px ;
	padding-right: 40px ;
	
	background-color: #7A7C7F ;
}

body #content #officeText br{
	line-height: 25px ;
}

body #content #officeText p{
	color: #FFFFFF ;
	font-size: 11px ;
	line-height: 23px ;
	letter-spacing: 0.5px ;
}

body #content #linksPanel{
	width: 557px ;
	height: 362px ;
	
	margin-top: -362px ;
	margin-left: 389px ;
	
}






body #content #linksPanel .panel p{
	font-size: 10.5px ;
	line-height: 18px ;
	color: #000000 ;
	
	padding-left: 185px ;
	padding-right: 45px ;
}

body #content #linksPanel .panel p a:link{ text-decoration: underline ; color: #000000 ; }
body #content #linksPanel .panel p a:active{ text-decoration: underline ; color: #000000 ; }
body #content #linksPanel .panel p a:visited{ text-decoration: underline ; color: #000000 ; }
body #content #linksPanel .panel p a:hover{ text-decoration: underline ; color: #000000 ; }

body #content #linksPanel #prenticePanel{
	width: 557px ;
	height: 113px ;
	
	
}

body #content #linksPanel #prenticePanel p{ 
	padding-top: 32px ; 
	
	margin-top: -113px ;
}


body #content #linksPanel #officefurniturePanel{
	width: 557px ;
	height: 129px ;
	
	border: #7A7C7F ;
	border: 0px ;
	border-top: 1px ;
	border-bottom: 1px ;
	border-style: solid ;
	
}

body #content #linksPanel #officefurniturePanel p{ 
	padding-top: 35px ; 
	
	margin-top: -129px ;
}

body #content #linksPanel #eatonPanel{
	width: 557px ;
	height: 118px ;
}

body #content #linksPanel #eatonPanel p{ 
	padding-top: 38px ; 
	
	margin-top: -118px ;
}




/* === PRIVACY POLICY === */


body .privacyPolicy#container{
	height:auto;
	/*height: 1000px ;*/
	width: 946px ;	
	
	margin-top: 32px ;
	margin-bottom: 62px ;
	margin-left: auto ;
	margin-right: auto ;
	
	padding: 0px ;
	 
	border-color: #FFFFFF ;
	border-width: 1px ;
	border-style: solid ;
	
	background-color: inherit ;
	
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-style: normal ;
	font-weight: normal ;
}


body #privacyPolicyContent{
	height: auto ;
	/*height: 830px ;*/
	width: 946px ;	
	
	padding-bottom: 40px ;
	
	background-color: #FFFFFF ;
}

body #privacyPolicyContent .banner#privacypolicy{
	height: 59px ;
	width: 946px ;
	
	background-color: #8CC63F ;
}

body #privacyPolicyContent #privacyPolicyText{
	position:relative ;
	width: 774px ;
	margin-top: 40px ;
	margin-left: 108px ;
	margin-right: 64px ;
}

body #privacyPolicyContent #privacyPolicyText br{
	line-height: 12px ;
}

body #privacyPolicyContent #privacyPolicyText p{
	color: #542E1A ;
	font-size: 11px ;
	line-height: 20px ;
	letter-spacing: 0.5px ;
}







/* === FOOTER ======================================= */




body #footer{
	height: 10px ;
	width: 910px ;	
	
	background-color: inherit ;
	
	padding: 11px ;
	padding-left: 0px ;
	padding-right: 36px ;
		
	text-align: right ;
}

body #footer h6 a{
	color: #404041 ;
	
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-style: normal ;
	font-weight: normal ;
	font-size: 9px ;
}

body #footer h6 a:link{ text-decoration: none ; color: #404041 ; }
body #footer h6 a:active{ text-decoration: none ; color: #404041 ; }
body #footer h6 a:visited{ text-decoration: none ; color: #404041 ; }
body #footer h6 a:hover{ text-decoration: underline ; color: #404041 ; }




/* === END ======================================= */