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


/* === GLOBAL ======================================= */

body{
	background-color: #D2D0B6 ;
	
}

h3{
	color: #FFFFFF ;
	font-size: 20px ;
	line-height: 20px ;
	font-style: normal ;
	font-weight: normal ;
	
	margin-bottom: 10px ;
}

h4{
	color: #FFFFFF ;
	font-size: 10.5px ;
	line-height: 16px ;
	font-style: normal ;
	font-weight: normal ;
	
	margin-bottom: 10px ;
}

h4 sup{
	font-size: 7px ;
	vertical-align: top ;
}

br{
	line-height: 14px ;
}


.contentRow#row1{
	width: 592px ;
	height: 261px ;
	
}

.contentRow#row2{
	width: 537px ;
	height: auto ;
	
	
	padding-top: 15px ;
	padding-left: 30px ;
	padding-right: 25px ;
	padding-bottom: 21px ;
}

a:link{ text-decoration: underline ; color: inherit ; }
a:active{ text-decoration: underline ; color: inherit ; }
a:visited{ text-decoration: underline ; color: inherit ; }
a:hover{ text-decoration: underline ; color: inherit ; }

h4 a:link{ text-decoration: underline ; color: #FFFFFF ; }
h4 a:active{ text-decoration: underline ; color: #FFFFFF ; }
h4 a:visited{ text-decoration: underline ; color: #FFFFFF ; }
h4 a:hover{ text-decoration: underline ; color: #FFFFFF ; }




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




body #container{
	height: 591px ;
	width: 946px ;	
	
	margin-top: 32px ;
	margin-bottom: 32px ;
	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: 903px ;	
	
	margin-left: 43px ;
	
	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#navPhotoGallery a {
	width: 129px ;
	background: transparent url(../images/navPhotoGallery.jpg) no-repeat 0 0 ;
}

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

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

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

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

body #navigation ul li#navServices a {
	width: 107px ;
	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#navProducts a {
	width: 116px ;
	background: transparent url(../images/navProducts.jpg) no-repeat 0 0 ;
}

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

body #navigation ul li#navContact a {
	width: 113px ;
	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: 142px ;
	background: transparent url(../images/navOfficeworks.jpg) no-repeat 0 0 ;
}

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


/* === PRENTICE PANEL ======================================= */


body #container #prenticePanel{
	width: 304px ;
	height: 337px ;
	
	padding-top: 190px ;
	padding-left: 50px ;

	background-color: #FFFFFF ;
}



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


body #container .content{
	width: 592px ;
	height: 527px ;
	
	margin-left: 354px ;
	margin-top: -527px ;

	background-color: #FFFFFF ;

}


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


/* === HOME ======= */

body #container .content#indexContent .column#column2 {
	margin-top: -527px ;
	margin-left: 296px ;
}


body #container .content#indexContent .column .panel{
	width: 296px ;
	height: 263px ;
	
	
}


body #container .content#indexContent #column1 #panel1{ 
	width: 246px ;
	height: 248px ;
	
	padding-top: 15px ;
	padding-left: 30px ;
	padding-right: 20px ;
	
	background-color: #7A7C7F ;
	
}

body #container .content#indexContent #column2 #panel2{
	background-color: #989B9F ;
} 

body #container .content#indexContent #column1 #panel3{
	background-color: #A7AAAF ;
} 

body #container .content#indexContent #column2 #panel4{
	background-color: #8A8C8F ;
} 

body #container .content#indexContent #column1 #panel1 h3{
	margin-bottom: 15px ;
} 

body #container .content#indexContent #column1 #panel1 h4{
	font-size: 10.5px ;
} 



body #container .content#indexContent .column#column1 .panel#panel3{ 
	height: 264px ; 
	
}

body #container .content#indexContent .column#column2 .panel#panel4{ 
	height: 264px ; 
	
}





/* === INSIGHTS ======= */

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

body .varHeight#container .content#insightsContent {
	width: 552px ;
	height: auto ;
	
	padding: 0px ;
	margin: 0px ;
	margin-left: 304px ;
	margin-top: -305px ;
}


body .varHeight#container .content#insightsContent .contentRow#row2{
	background-color: #566423 ;
}





/* === HISTORY VIDEO ======= */

body #container .content#historyContent {
	width: 480px ;
	height: 400px ;
	
	padding: 63px 56px 64px 56px ;
	margin: 0px ;
	margin-left: 354px ;
	margin-top: -527px ;
	
	background-color: #B9B8B9 ;
}








/* === SERVICES ======= */

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

body .varHeight#container .content#servicesContent{

	display: block ;
	
	width: 537px ;
	height: auto ;
	
	padding: 0px ;
	margin: 0px ;
	margin-left: 304px ;
	margin-top: -305px ;
	
	padding-top: 15px ;
	padding-left: 30px ;
	padding-right: 25px ;
	padding-bottom: 25px ;
	
	background-color: #5A471C ;
}

body .varHeight#container .content#servicesContent h4.title{
	color: #E7A614 ;
	
	margin-bottom: 0px ;
	font-weight: bold ;
}

body .varHeight#container .content#servicesContent h4{
	margin-bottom: 8px ;

}



/* === PRODUCTS ======= */

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

body .varHeight#container .content#productsContent{
	width: 552px ;
	height: auto ;
	
	padding: 0px ;
	margin: 0px ;
	margin-left: 304px ;
	margin-top: -305px ;
}

body .varHeight#container .content#productsContent .contentRow#row2{
	background-color: #004960 ;
}

body .varHeight#container .content#productsContent .contentRow#row2 table #topRow h4{
	margin-bottom: 0px ;
}

body .varHeight#container .content#productsContent .contentRow#row2 table td.one{ width: 17% ; }
body .varHeight#container .content#productsContent .contentRow#row2 table td.two{ width: 20% ; }
body .varHeight#container .content#productsContent .contentRow#row2 table td.three{ width: 25% ; }
body .varHeight#container .content#productsContent .contentRow#row2 table td.four{ width: 20% ; }





/* === PHOTO GALLERY ======= */


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


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

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

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







/* === CONTACT ======= */

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

body .varHeight#container .content#contactContent{
	width: 532px ;
	height: auto ;
	
	padding-left: 30px ;
	padding-right: 30px ;
	padding-top: 15px ;
	padding-bottom: 25px ;
	
	margin: 0px ;
	margin-left: 304px ;
	margin-top: -305px ;
	

	background-color: #7a7c7f ;
}


body .varHeight#container .content#contactContent label{
	font-size: 8px ;
	line-height: 16px ;	
	text-transform:uppercase ;
	color: #FFFFFF ;
}

body .varHeight#container .content#contactContent input{
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-style: normal ;
	font-weight: normal ;
	font-size: 10px ;
	
	background-color: #A7A9AC ;
	color: #FFFFFF ;
	border: none ;
	
	height: 15px;
}

body .varHeight#container .content#contactContent textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-style: normal ;
	font-weight: normal ;
	font-size: 10px ;
	
	background-color: #A7A9AC ;
	color: #FFFFFF ;
	border: none ;
	resize: none ;
	
   	width: 430px ;
    min-width: 430px ;
    max-width: 430px ;
    height: 50px ;
    min-height: 50px ;
    max-height: 50px ;
}


body .varHeight#container .content#contactContent #nameTextBox{ width: 430px ; }
body .varHeight#container .content#contactContent #emailTextBox{ width: 430px ; }
body .varHeight#container .content#contactContent #phoneTextBox{ width: 210px ; }
body .varHeight#container .content#contactContent #faxTextBox{ width: 210px ; }
body .varHeight#container .content#contactContent #companyTextBox{ width: 430px ; }
body .varHeight#container .content#contactContent #addressTextBox{ width: 430px ; }
body .varHeight#container .content#contactContent #address2TextBox{ width: 430px ; }
body .varHeight#container .content#contactContent #cityTextBox{ width: 137px ; }
body .varHeight#container .content#contactContent #stateTextBox{ width: 137px ; }
body .varHeight#container .content#contactContent #zipTextBox{ width: 137px ; }





body .varHeight#container .content#contactContent 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-top: 15px ;
		
	background-color: #FFFFFF ;
	color: #000000 ;
	border: none ;
	
	width: 50px ;
	height: 25px;
}






/* === OFFICEWORKS ======= */

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

body .varHeight#container .content#officeworksContent{
	height: auto ;
		
	margin: 0px ;
	margin-left: 304px ;
	margin-top: -305px ;
}



body .varHeight#container .content#officeworksContent #owTop{
	width: 532px ;
	height: auto ;
	
	
	padding-left: 30px ;
	padding-right: 30px ;
	padding-top: 15px ;
	
	background-color: #7B7C7F ;
}

body .varHeight#container .content#officeworksContent .panel{
	width: 591px ;
	
	border: 0px ;
	border-top: 1px ;
	border-left: 1px ;
	border-color: #7B7C7F ;
	border-style: solid ;
	
	background-color: #FFFFFF ;
	
}

body .varHeight#container .content#officeworksContent .panel img{
	margin-left: 8px ;
}


body .varHeight#container .content#officeworksContent .panel p{
	width: 375px ;

	font-size: 10.5px ;
	line-height: 18px ;
	color: #000000 ;
	
	
	padding-left: 185px ;
	padding-right: 30px ;
	padding-top: 18px ;
		
}

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



body .varHeight#container .content#officeworksContent .panel#bgiPanel {
	height: auto ;
	padding-bottom: 45px ;
}

body .varHeight#container .content#officeworksContent .panel#bgiPanel p{
	margin-top: -95px ;
}

body .varHeight#container .content#officeworksContent .panel#ofcPanel {
	height: auto ;
	padding-bottom: 25px ;
}

body .varHeight#container .content#officeworksContent .panel#ofcPanel p{
	margin-top: -95px ;
}

body .varHeight#container .content#officeworksContent .panel#eatonPanel {
	height: auto ;
	padding-bottom: 35px ;
}

body .varHeight#container .content#officeworksContent .panel#eatonPanel p{
	margin-top: -87px ;
}








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


body .varHeight#container{
	
	width: 946px ;	
	height:auto;
	
	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 .varHeight#container #prenticePanel{
	height: auto ;
	
}


body .varHeight#container #prenticePanel #privacypolicyContent {
	width: 542px ;
	height: auto ;

	padding-left: 30px ;
	padding-right: 20px ;
	padding-top: 25px ;
	padding-bottom: 30px ;
	
	margin-left: 304px ;
	margin-top: -310px ;
	
	color: #FFFFFF ;
	
	background-color: #7B7C7F ;
}


body .varHeight#container #prenticePanel #privacypolicyContent br{
	line-height: 12px ;
}

body .varHeight#container #prenticePanel  #privacypolicyContent p{
	color: #FFFFFF ;
	font-size: 11px ;
	line-height: 16px ;
	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 ;
	text-transform: uppercase ;
	
}


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 ======================================= */