/* JARSCO - Interior CSS */
/* logo blue = #0042A0 */
/* page blue = #08234A */
/* header blue = #12376C */
/* main yellow = #FFE400 */
body
{
	margin: 10px auto 10px auto;
	background-color: #08234a;
}

#page /* 806 px total width */
{
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 800px;
	height: auto;
	border-color: #12376C;
	border-width: 6px 0px 0px 6px;
	border-style: solid;
	background-image: url(../../website/art/global/page_bg/interior_bg.gif);
	background-repeat: no-repeat;
}

/* PAGE COLUMNS */
#leftside
{
	float: left;
	width: 224px;
	height: 533px;
}

#rightside
{
	float: right;
	width: 576px;
}

/* HEADER */
#header
{
	height: 112px;
	text-align: center;
}

/* HEADER MENU */
#menu
{
	padding: 0px 0px 0px 46px;
	margin: 0px 0px 0px 0px;
	clear: right;
	float: left;
	height: auto;
	width: 530px;
	background-image: url(../../website/art/global/menu/menu_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* CONTENT */
#content
{
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 30px 50px 40px 70px;
	font-family: Verdana, Arial, sans-serif;
	color: #333333;
	font-size: 11px;
	line-height: 130%;
	background-color: transparent;
}

*:focus
{
	outline-color: invert;
	outline-style: none;
	outline-width: 0;
}

h1.title
{
	font-size: 16px;
	line-height: 100%;
	font-weight: bold;
	margin: 0px 0px 25px 0px;
	padding: 0px;
	color: #0042A0;
}

h2.subtitle
{
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	color: #0042A0;
}

.small
{
	font-size: 10px;
}

#content img
{
	border-color: #0042A0;
	border-width: 1px;
	border-style: solid;
}

img.right
{
	float: right;
	margin: 10px 0px 10px 10px;
}

img.left
{
	float: left;
	margin: 10px 10px 10px 0px;
}

/* BULLETED LISTS */
#content ul
{
	list-style-image: url(../../website/art/global/bullets/blue_triangle.gif);
	list-style-position: outside;
	margin: 0px 0px 0px -16px;
	line-height: normal;
	padding: 0px 0px 0px 40px;
}

#content ul li
{
	margin: 0px 0 2px 0px;
	padding: 0px 0px 0px 6px;
	line-height: 1.2em;
}

#content ul ul
{
	list-style: disc;
	list-style-image: none;
	font-size: 10px;
	margin: 4px 0px 12px 20px;
	padding: 0px 0px 0px 0px;
	line-height: normal;
}

#content ul ul li
{
	margin: 0px 0 0px 0px;
	padding: 0px 0px 0px 2px;
	line-height: 1.2em;
}

/* DEFINITION LISTS */
.contact_info dl { padding: 0px 0px 0px 0px; }

.contact_info dt
{
	padding: 0px 0px 0px 0px;
	width: 100px;
	height: 20px;
	font-weight: bold;
}

.contact_info  dd
{
	padding: 0px 0px 0px 4px;
	margin: -20px 0px 10px 100px;
}

/* LINKS */
a:link
{
	color: #0042A0;
	text-decoration: none;
	font-weight: bold;
}

a:visited
{
	color: #0042A0;
	text-decoration: none;
	font-weight: bold;
}

a:active { color: #0042A0; }
a:hover { text-decoration: underline; }

#content a:link img
{
	border-color: #0042A0;
	border-width: 1px;
	border-style: solid;
}

#content a:visited img
{
	border-color: #0042A0;
	border-width: 1px;
	border-style: solid;
}

#content a:active img { color: #0042A0; }
#content a:hover img
{
	border-color: #FFE400;
	/*border-width: 1px;*/
	border-style: solid;
}

/* LEFT COLUMN BACKGROUND IMAGES */
.staff { background-image: url(../../website/art/left_column/staff.jpg); }
.company { background-image: url(../../website/art/left_column/company.jpg); }
.clients { background-image: url(../../website/art/left_column/clients.jpg); }
.contact { background-image: url(../../website/art/left_column/contact.jpg); }
.propane { background-image: url(../../website/art/left_column/propane.jpg); }
.compliance { background-image: url(../../website/art/left_column/compliance.jpg); }
.gas { background-image: url(../../website/art/left_column/gas.jpg); }
.mobile { background-image: url(../../website/art/left_column/mobile.jpg); }
.gasleaks { background-image: url(../../website/art/left_column/gasleaks.jpg); }
.cathodic { background-image: url(../../website/art/left_column/cathodic.jpg); }

/* FOOTER */
#footer
{
	clear: both;
	margin: 0px 0px 0px -6px;
	padding: 0px;
	background-color: #0042A0;
	background-image: url(../../website/art/global/footer/tagline.gif);
	background-position: center center;
	background-repeat: no-repeat;
	height: 24px;
}