/* Global Stylesheet for PBCI-Allen */

/*******************************
	ELEMENTS 
*******************************/
body {
	margin:0 auto;
	padding:0;
	text-align:center;
	font-size:87%;
	font-family:verdana,arial,helvetica,sans-serif;
	background:#003A66 url(/assets/images/body-bgd.gif) top center;
color:#000;
}
/* normalize padding and margins */
p,ol,ul,li,dl,dd,dt,h1,h2,h3,h4,h5,h6,table,tr,td,br,blockquote,pre {
	padding:0;
	margin:0;
}
/* Font sizes */
p {
	font-size:.9em;
	padding-bottom:.8em;
	line-height:1.4em;
}
td {
	font-size:.9em;
}
h1 {
	font-size:1.4em;
}

/* h2 */
/* Page title (see below) */

h3 {
	color:#3380bb;
	background:#fff;
	font:normal 1.4em arial,helvetica,sans-serif;
	margin-top:1em;
	margin-bottom:.2em;
}
h4 {
	font:bold 1.2em arial,helvetica,sans-serif;
	padding-top:1em;
	padding-bottom:.2em;
	color:#700;
	background:#fff;
}
h5 {
	font:bold 1em arial,helvetica,sans-serif;
	padding-top:1em;
	padding-bottom:.2em;
	color:#000;
	background:#fff;
}
ul, ol, dl {
font-size:.9em;
	padding:8px 0 8px 30px;
}
li {
	padding:0 0 8px 0px;
}
ol li {
	list-style: decimal;
}
ul ul,
ol ol {
	font-size:1em;
}

a {
	color:#036;
	background:#fff;
}
a:link {
	color:#036;
	background:#fff;
}
a:visited {
	color:#547;
	background:#fff;
}
a:hover {
	color:#036;
	background:#fff;
	text-decoration:none;
}
a:active {
	color:#000;
	background:#fff;
}


/***********************************
	POSITIONING
***********************************/

/* masthead */
#masthead {
width:760px;
	height:101px;	
margin:0 auto;	
text-align:right;
background:#fff;
color:#000;
}
#masthead h1 {
float:left;
width:312px;
	height:80px;
	text-align:left;
}
#masthead h1 a img {
width:312px;
	height:80px;
	border: none;
}
#masthead div#masthead-services {
	float:right;
	width: 448px;
	height: 80px;
}
#masthead div#masthead-addressBar {
clear:both;
	width:760px;
	height: 21px;
	padding:0;
	margin:0;
	list-style: none;
	display:block;
}

#content-wrapper {
	background:#fff url(/assets/images/navColBgd.gif) top left repeat-y;
	color:#000;
	margin:0px auto;
	width:760px;
	text-align:left;
	border-bottom:10px solid #C00;

}
div#right-column {
clear:both;
	width:604px;
	float:right;
}
#content {
padding:0 40px 30px 40px;
}
#navigation {
float:left;
	width:155px;
}
ul#partners {
	float:left;
	width:155px;
	margin:20px auto;
	text-align:center;
	list-style:none;
	padding:0;
}
ul#partners li a{
	color:white;
	background-color:#004793;
}

ul#partners li img {
	border:1px solid #000;
}

#footer {
 clear: both;
 margin:10px 50px 5px 188px;
}

/**********************************
	TITLES
**********************************/
h2 {
	width:524px;
	height:25px;
	margin:20px 0;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:top left;
}
body#home h2 {
	background-image: url(/assets/images/titles/welcome.gif);
}
body#aboutUs h2 {
	background-image: url(/assets/images/titles/aboutUs.png)
}
body#services h2 {
	background-image: url(/assets/images/titles/services.png)
}
body#products h2 {
	background-image: url(/assets/images/titles/products.png)
}
body#location h2 {
	background-image: url(/assets/images/titles/location.png)
}
body#employment h2 {
	background-image: url(/assets/images/titles/employment.png)
}
body#maintenance h2 {
	background-image: url(/assets/images/titles/preventiveMaintenance.png)
}
body#contactUs h2 {
	background-image: url(/assets/images/titles/contactUs.png)
}
body#sitemap h2 {
	background-image: url(/assets/images/titles/sitemap.png)
}


/**********************************
	PHOTOGRAPHS
**********************************/
.inset-photo {
	border:1px solid #000;
}

.float-right {
	float:right;
	margin:5px 0 20px 20px;
}
.float-left {
	float:left;
	margin:5px 20px 20px 0;
}



body#home #mainPhoto {
	/* established on page */
	background-image: url(/assets/photos/main/fanGrille.jpg);
}
body#history #mainPhoto {
	background-image: url(/assets/photos/main/plug.jpg);
}
body#services #mainPhoto {
	background-image: url(/assets/photos/main/plumbingGauges.jpg);
}
body#contact #mainPhoto {
	background-image: url(/assets/photos/main/wires.jpg);
}
body#sitemap #mainPhoto {
	background-image: url(/assets/photos/main/thermostat.jpg);
}


/* ---- Picture Gallery ---- */
/*
body#pictures #content-material {
	padding-right:50px;
}
ul#image-gallery-thumbs {
	text-align: center;
	padding: 0;
	margin: 0 0 0 0;
	
}
#image-gallery-thumbs li {
	float: left;
	margin: 0px 5px 3px 0;
	padding:0px;
	list-style:none;
}
#image-gallery-thumbs  li a img {
	border: 1px solid #314594;
	margin: 0;
	padding: 0;
}
.image-gallery-links {
	margin:0 auto 10px;
	text-align: center;
}
.image-gallery-links li {
	list-style:none;
	display:inline;
}
.image-gallery-links li a {
	padding:0 10px;
	font:.9em verdana,arial,sans-serif;
}
.gallery-displayLargePhoto {
	margin:0 auto;
	text-align:center;
}
.gallery-displayLargePhoto img {
	border:1px solid #000;
}

*/
/**********************************
	NAVIGATION
**********************************/
/* level 1 menu */
#navigation ul {
margin:0 0 0 0;
padding:0;
	list-style:none;
}
#navigation ul li {
padding:0px 0;
}

#navigation ul li a {
	color: #004793;
	background:#fff;
	font:bold 1.0em verdana,arial,sans-serif;
	text-decoration: none;
	padding:5px 0px 5px 12px;
	margin-left:0px;
	margin-right:0px;
	height:100%;
	display:block;
	border-bottom:1px solid #004793;
}
#navigation ul li a:link {
	color:#004793;
	background-color:#fff;
}
#navigation ul li a:visited {
	color:#004793;
	background-color:#fff;
}
#navigation ul li a:hover {
	color:#c00;
	background-color:#fff;
}
#navigation ul li a:active {
	color:#004793;
	background-color:#fff;
}
#navigation ul li a.selected-nav {
	color:#004793;
	background:#fff url(/assets/images/activeNavGlyph.gif) 0% 50% no-repeat;
}
#navigation ul li a.last-nav,
#navigation ul li a:link.last-nav,
#navigation ul li a:visited.last-nav {
	border-bottom:none;
}


/**********************************
	CONTENT
**********************************/

/* Initial paragraph */
p.first-paragraph:first-letter {
	float: left;
	font-size: 480%;
	color: #c00;
	background-color: #fff;
	font-family: arial,helvetica,sans-serif;
	padding: 0 0px 0 3px;
	margin: 5px 5px 0px -4px;
}
.sidebar-right {
	clear:both;
	width:240px;
	float:right;
	margin:0 0 10px 10px
}
.sidebar-right-content {
	padding:10px;
	background-color:#efefef;
	border:1px solid #000;
}
.sidebar-right-content h4 {
	color:#700;
	background-color:#efefef;
}


/**********************************
	FOOTER
**********************************/
#footer {
padding-top:10px;
padding-bottom:20px;
	border-top:1px solid #036;
	font-size:.7em;
}
#footer ul {
padding:0;
	margin:0 0 8px 0;

}
#footer ul li {
list-style: none;
display:inline;
	margin:0;
	padding:0;
}

/**********************************
	MISC.
**********************************/
.development-notification {
	padding:5px;
	color:#f00;
	background:#fff;
	border:1px solid #f00;
	margin:10px 0;
}
.callout {
	color:#3380bb;
	background:#fff;
	font:normal 1.4em arial,helvetica,sans-serif;
	margin-top:1em;
	margin-bottom:.2em;
}