/*  Onera Master CSS  */

/* Universal Styles */
html, body { 
font: normal 12px arial ; 
color: #000 ; 
line-height: 20px ; 
background-color: #e2dad0;
padding: 0px; 
margin: 0px;
}

p { 
font: normal 12px arial ; 
margin: 0px 0px 20px 0px ; 
color: #000 ; 
line-height: 20px ; 
text-align: left ;
}

p.right { 
text-align: right ;
margin: -20px 0px 0px 0px;
}

p.small { 
font: normal 12px arial ; 
margin: 0px 10px 18px 10px ; 
color: #000 ; 
line-height: 20px ; 
text-align: left ;
}

p.small a, p.small a:visited, p.small a:hover{ 
font-size: 12px; 
}


h1 { 
font: bold 30px arial ; 
color: #874854 ; 
letter-spacing: -1px;
margin: 8px 0px 20px 0px ;
}

h2 { 
font: bold 20px "trebuchet ms", arial;
color: #874854;
margin: 30px 35px 18px 0px;
letter-spacing: -1px;
/*border-bottom: 1px solid #e3dcd3;*/
line-height: 22px;
display: block;
clear: left;
text-align: left;
float: none;
}

h2 span { 
font: normal 12px arial ; 
color: #874854;
margin: 3px 0px 0px 0px;
letter-spacing: 0px;
border-bottom: 0;
line-height: 12px;
text-align: right;
float: right;
}

a, a:visited, h2 span a, h2 span a:visited { 
display: inline ; 
font: normal 12px arial ; 
color: #874854 ; 
text-decoration: none ; 
margin: 0px ;
line-height: 18px;
border-bottom: 1px dotted #c1a0a5;
}

a.bold, a.bold:visited, .bold { 
font-weight: bold;
}

h2 span a, h2 span a:visited, h2 span a:hover { 
font: bold 11px arial;
border: 0;
}

a:hover, a.bold:hover { 
color: #874854 ; 
background-color: #e3d1d3;
text-decoration: none ;
border-bottom: 1px solid #e3d1d3;
}

a:focus {
	outline:none
}


/* Structural Elements */
#top { 
position:relative ; 
width: 100% ; 
height: 99px ; 
z-index:0 ; 
text-align: center ; 
background: url(media/bg-top.gif) repeat-x ; 
clear: both ;
}

#middle { 
position:relative ; 
width: 100% ; 
z-index:0 ; 
text-align: center ; 
background: #eee9e2 url(media/bg-middle.gif) repeat-x top ; 
clear: both ;
}

#bottom { 
position:relative ; 
width: 100% ; 
height: 104px ; 
z-index:0 ; 
text-align: center ; 
background: url(media/bg-bottom.gif) repeat-x ; 
clear: both ;
}

.container { 
position:relative ; 
width: 960px ; 
margin: auto ; 
z-index:0 ; 
text-align: left ;
}


/* Unique Elements */
#logo { 
position: absolute;
top: 0px;
left: 30px;
height: 99px ;
width: 250px;
}

#logo a { 
border: 0px;
}

#logo a img { 
border: 0px;
}

#mainNav { 
position: absolute;
top: 39px;
right: 0px;
height: 42px;
width: 667px;
}

#mainNav a, #mainNav a:visited {
border: 0px;
display: block;
height: 42px;
}

#mainNav div {
float: left;
height: 42px;
}

#mainNav div.corporate {
width: 106px;
background: url(media/mainNav.gif) no-repeat 0px -84px;
}

#mainNav div.corporate a, #mainNav div.corporate a:visited { 
display: block;
background: url(media/mainNav.gif) no-repeat 0px 0px;
}

#mainNav div.corporate a:hover { 
background: url(media/mainNav.gif) no-repeat 0px -42px;
}

#mainNav div.organization { 
width: 114px;
background: url(media/mainNav.gif) no-repeat -106px -84px;
}

#mainNav div.organization a, #mainNav div.organization a:visited {
display: block; 
background: url(media/mainNav.gif) no-repeat -106px 0px;
}

#mainNav div.organization a:hover { 
background: url(media/mainNav.gif) no-repeat -106px -42px;
}

#mainNav div.athletic { 
width: 127px;
background: url(media/mainNav.gif) no-repeat -220px -84px;
}

#mainNav div.athletic a, #mainNav div.athletic a:visited {
display: block; 
background: url(media/mainNav.gif) no-repeat -220px 0px;
}

#mainNav div.athletic a:hover { 
background: url(media/mainNav.gif) no-repeat -220px -42px;
}

#mainNav div.design { 
width: 137px;
background: url(media/mainNav.gif) no-repeat -347px -84px;
}

#mainNav div.design a, #mainNav div.design a:visited {
display: block; 
background: url(media/mainNav.gif) no-repeat -347px 0px;
}

#mainNav div.design a:hover { 
background: url(media/mainNav.gif) no-repeat -347px -42px;
}

#mainNav div.about { 
width: 90px;
background: url(media/mainNav.gif) no-repeat -485px -84px;
}

#mainNav div.about a, #mainNav div.about a:visited {
display: block; 
background: url(media/mainNav.gif) no-repeat -485px 0px;
}

#mainNav div.about a:hover { 
background: url(media/mainNav.gif) no-repeat -485px -42px;
}

#mainNav div.contact { 
width: 93px;
background: url(media/mainNav.gif) no-repeat -574px -84px;
}

#mainNav div.contact a, #mainNav div.contact a:visited {
display: block; 
background: url(media/mainNav.gif) no-repeat -574px 0px;
}

#mainNav div.contact a:hover { 
background: url(media/mainNav.gif) no-repeat -574px -42px;
}

#phoneNumber { 
display: block;
text-align: center;
margin: 10px 0 30px 0;
}

#phoneNumber p { 
text-align: center;
}

#bodyLeft {
float: left;
width: 250px;
padding: 30px 0px 0px 30px;
padding-bottom: 0px;
}

#bodyRight {
float: right;
width: 642px;
padding: 30px 0px 0px 0px;
padding-bottom: 0px;
}

#bodyWide {
float: left;
display: block;
padding: 0px 0px 0px 30px;
padding-bottom: 0px;
}

#clear {
height: 20px;
clear: both;
}

#bgHome {
background: url(media/bg-home.jpg) no-repeat -20px 115px;
}

#bgHome2 {
background: url(media/bg-home2.jpg) no-repeat -20px 115px;
}

#bgFirefighter {
background: url(media/bg-firefighter.jpg) no-repeat -20px 115px;
}

#bgLithia {
background: url(media/bg-lithia.jpg) no-repeat -20px 115px;
}


#bgSales{
background: url(media/bg-sales.jpg) no-repeat -20px 115px;
}


#bottom .container a, #bottom .container a:visited, #bottom .container p {
font-size: 11px;
}

#bottom .container a, #bottom .container a:visited {
display: block;
width: 100%;
padding: 3px 5px 2px 5px;
background-color: transparent;
border-top: 1px solid #cbc0b2;
border-bottom: 0px;
}

#bottom .container a:hover {
color: #000;
background-color: #eee9e2;
border-bottom: 0px;
}

#bottom .container .copyright { 
float: left;
margin: 30px 30px 0px 0px;
width: 300px; 
}

#bottom .container .copyright p { 
margin-left: 50px;
}

#bottom .container .column { 
float: left;
margin: 30px 30px 20px 0px;
width: 130px; 
}

#bottom .container .columnWide { 
float: left;
margin: 30px 0px 0px 0px;
width: 175px; 
}

#bottom .container .column  h1, #bottom .container .columnWide h1 {
font: bold 10px arial;
text-transform: uppercase;
letter-spacing: 2px;
color: #000;
margin: 0px;
padding: 3px 5px 4px 5px;
}

/* Styles */

.brown {
color: #917a6a;
}


.title {
margin: 10px 0px 20px 0px;
}


.box, .boxLarge {
display: block;
padding: 18px 20px 2px 20px;
background: #f5f1ed url(media/box-bg.gif) repeat-x;
margin-bottom: 20px;
clear: left;
}

.boxLarge {
padding: 20px 20px 0px 20px ;
}

.box p, .box p a, .box p a:visited {
font-size: 11px;
line-height: 18px;
}

.boxLarge p, .boxLarge p a {
font-size: 12px;
margin: 20px 0px 0px 0px;
}

.box h2 {
margin: 0px 0px 18px 0px;
}

.boxLarge h2 {
margin: 0px;
}

.boxLarge .clear {
clear: both;
height: 20px;
}

.bar {
display: block;
border-top: 1px solid #e3dcd3;
border-bottom: 1px solid #e3dcd3;
padding: 7px 20px;
background: #fff;
margin-bottom: 10px;
font-size: 12px;
line-height: 30px;
clear: left;
}

.bar.margin {
margin: 30px 0 20px 0;
}

.bar a, .bar a:visited{
font-size: 12px;
border-bottom: 1px dotted #c1a0a5;
}

.bar .right {
float: right;
}

.bar .left {
clear: left;
}

.bar .left p {
font: bold 10px arial;
text-transform: uppercase;
letter-spacing: 2px;
margin: 0px;
}

.bar .left p a, .bar .left p a:visited {
font: bold 11px arial;
text-transform: none;
letter-spacing: 0px;
}

.bar .right p {
margin: -3px 0px 0px 0px;
}

.ringLinks {
margin-bottom: -20px;
}

.ringLinks div {
float: left;
height: 132px;
width: 141px;
margin: 0px 15px 15px 0px;
}

.box .ringLinks div,
.boxLarge .ringLinks div  {
margin: 0px 8px 8px 0px;
}

.ringLinks div a:hover img {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransfrom.Microsoft.
		Alpha(Opacity=70)";
	filter: alpha(opacity = 70);
	
	-webkit-transition: opacity .2s ease;	
	-moz-transition: opacity .2s ease;	
	-o-transition: opacity .2s ease;	
	transition: opacity .2s ease;
}

.ringLinks .clear {
float: none;
margin: 0px;
clear: both;
height: 20px;
}

.ringLinks a, .ringLinks a:visited, .ringLinks a:hover, .ringLinks a img, .ringLinks a:visited img, .ringLinks a:hover img {
border: 0px;
	
	-webkit-transition: opacity .2s ease;	
	-moz-transition: opacity .2s ease;	
	-o-transition: opacity .2s ease;	
	transition: opacity .2s ease;
}

.formField {
background: #fff url(media/formField-bg.gif) no-repeat;
border: 0px;
border-right: 1px solid #f5f1ed;
border-bottom: 1px solid #f5f1ed;
margin: 3px 0px 15px 0px;
font: normal 11px arial;
color: #666;
padding: 4px 8px;
}

.formButton {
border: 0px;
margin: 10px 0px 0px 0px;
}

.required {
color: #8d5661;
}

.smallCaps {
font: bold 10px arial;
text-transform: uppercase;
letter-spacing: 0px;
color: #000;
margin: 1px 0px 2px 0px;
}

.textRight {
text-align: right;
float: right;
}

.light {
color: #999;
}

.heading { 
font: bold 20px "trebuchet ms";
color: #874854;
margin: 0px 0px 18px 0px;
letter-spacing: -1px;
}

.heading a { 
font: bold 20px "trebuchet ms";
color: #874854;
border: 0px;
text-transform: none;
}

.box p .heading a, .box p .heading a:visited, h2 a, h2 a:visited { 
font: bold 20px "trebuchet ms";
color: #874854;
border: 0px;
}

.processImage {
float: left;
width: 166px;
margin: 4px 20px 5px 0px;
}

.constructionImage {
float: left;
margin: 4px 20px 15px 0px;
border: 1px solid #e3dcd3;
}

.gemSmall, .gemLarge  {
float: left;
background: url(media/stone-bgSmall.gif) no-repeat;
width: 86px;
margin: 20px 28px 0px 0px;
}

.gemLarge {
background: url(media/stone-bgLarge.gif) no-repeat;
width: 106px;
}

.gemSmall img, .gemLarge img {
margin: 20px 0px 20px 21px;
}

.gemSmall p, .gemLarge p {
margin: 0px;
text-align: center;
font-size: 11px;
}


/* Lists */
ul { 
margin: 16px 0px 18px 20px ; 
padding: 0px 0px 0px 0px ; 
letter-spacing: 0px ; 
list-style-type: none ;
}

li { 
background: url(media/bullet.gif) no-repeat 0px 6px ; 
padding: 0px 0px 0px 16px ;
font: normal 12px arial ; 
line-height: 24px ;
}

.box ul { 
margin-left: 0px ; 
}

.box ul li, .box ul li a, .box ul li a:visited { 
font-size: 11px; 
font-weight: normal;
}

.box.navLinks ul {
margin: -20px -20px -2px -20px;
}

.box.navLinks li {
display: block;
background: transparent; 
padding: 0 20px 0 20px ;
font: bold 12px arial ; 
height: 30px;
line-height: 30px;
border-top: 5px solid #efeae5;
}

.box.navLinks li a, .box.navLinks li a:visited {
margin: 0 -20px 0 -20px;
padding: 0 20px 0 20px ;
display: block;
border: 0;
font: bold 12px arial ; 
line-height: 30px ;
}

.box.navLinks li a.current, .box.navLinks li a.current:visited {
background-color: #a16871;
color: #fff;
font-weight: normal;
}

div.button {
	clear: left;
	height: 27px;
}


div.button a:hover {
background: transparent;
border: 0;
}

.homeLinks {
margin: 15px 0px 10px 0px;
}

.homeLinks a, .homeLinks a:visited, .homeLinks a:hover {
	margin: 0 5px 0 0;
	border: 0;
	text-indent: -5000px;
	font-size: 0px;
	display: block;
	float: left;
}

.homeLinks p {
margin: 0 0 24px 0;
}

a#corporateLink,
a#corporateLink:visited {
	height: 82px;
	width: 201px;
	background: url(media/home-corporate.jpg) no-repeat 0 0;
} 

a#corporateLink:hover {
	background-position: 0 -82px;
} 

a#organizationalLink,
a#organizationalLink:visited {
	height: 82px;
	width: 201px;
	background: url(media/home-organization.jpg) no-repeat 0 0;
} 

a#organizationalLink:hover {
	background-position: 0 -82px;
} 

a#championshipLink,
a#championshipLink:visited {
	height: 82px;
	width: 201px;
	background: url(media/home-athletic.jpg) no-repeat 0 0;
} 

a#championshipLink:hover {
	background-position: 0 -82px;
} 

/* For overLIB */

td {
border: 0px;
}

td div {
background: transparent url(media/popup-bgLarge.gif) no-repeat top left ;
color: #000 ; 
line-height: 20px ; 
text-align: left ;
width: 225px;
border-bottom: 1px solid #fff;
}

td div h1 { 
font: bold 13px arial;
color: #fff;
margin: 0 0 0 0;
padding: 13px 0 0 15px;
line-height: 14px ; 
border-bottom: 0px;
letter-spacing: 0px;
}

td div h2 { 
background: transparent url(media/popup-pdf.gif) no-repeat left 8px ;
font: normal 11px arial;
color: #fff;
margin: 0 10px 7px 15px;
padding: 7px 0px 0px 17px;
line-height: 16px ; 
border-bottom: 0px;
letter-spacing: 0px;
}

td div h3 { 
background: transparent url(media/popup-x.gif) no-repeat left 9px ;
font: normal 11px arial;
color: #fff;
margin: 0px 10px 7px 14px;
padding: 7px 0px 0px 17px;
line-height: 16px ; 
border-bottom: 0px;
letter-spacing: 0px;
}

td div p { 
font: normal 11px arial;
color: #000;
line-height: 18px;
margin: 20px 15px 7px 15px;
clear: left;
}

td div span { 
/*border-top: 1px solid #e3dcd3;*/
/*border-bottom: 1px solid #e3dcd3;*/
font-size: 11px;
color: #fff;
padding: 4px 8px;
background: #874854;
clear: left;
margin: 0px 0px 0px 15px;
}

#share {
	margin: 0 0 20px 20px;
}

#share a,
#share a:visited,
#share a:hover {
	background: transparent;
	border: 0;
}

.addthis_button_facebook_like {
	width: 45px;
	margin-right: 15px;
	overflow: hidden;
}

.addthis_button_google,
.addthis_button_email {
	margin:  2px 15px 0 0;
	float: none;
}

.addthis_button_google {
	margin-right: 0;
	float: none;
}

#plusone {
	left: 0;
	margin-top: 1px;
}

.twitter-share-button {
	margin-right: 13px;
}
