/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	background: url(../images/background.gif) fixed top center repeat-x;	
	text-align: center; /* IE6 ONLY */
}

A:LINK, A:VISITED {
	color: white;
	text-decoration: none;
}

A:HOVER {
	color: #000000;
}

H1, H2, H3, H4, H5, H6 {
	margin: 0.25em 0 0.5em 0;
	line-height: 1.1em;
}

H2 {
	text-transform: uppercase;
	font-size: 180%;
}

H3 {
	font-size: 160%;
	text-transform: uppercase;
	font-weight: normal;
}

H4 {
	font-size: 120%;
	font-style: italic;
}

H6 {
	font-size: 100%;
	margin-top: 0.5em;
	margin-bottom: 1em;
	letter-spacing: 1px;
	text-transform: uppercase;
}

P {
	font-size: 130%;
	line-height: 1.5em;
	margin: 0.5em 0 1em 0;
}

.uppercontent P { font-size: 140%; }

UL, OL {
	margin: 0.25 0 0.75em 20px;
	list-style: square;
	padding: 0;
}

LI {
	font-size: 120%;
	line-height: 1.4em;
	margin: 0 0 0.5em 0;
	padding: 0;
}

IMG { border: 0; }

HR {
	height: 0px;
	border: none;
	border-top: 1px solid black;
	border-bottom: 1px solid #666666;
	margin: 20px 0;
}


/* CLEARFIX 
This will "clear" any floats inside a DIV
*/

.clearfix:after,
.uppercontent:after,
.lowercontent:after,
.leftcol:after,
.rightcol:after,
.threebox:after,
.twobox:after,
.galnav:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}



#wrapper {
	width: 964px;
	background: white;
	margin: 0 auto;
	padding: 0;
	text-align: left; /* IE6 ONLY */
}

#header {
	height: 147px;
	background: #bbb url(../images/new-png-maskhead.png) top center no-repeat;
}

#header img {
	height: 117px;
	margin: 0 0 0 50px;
}

/* NAVIGATION */

ul#nav {
	list-style: none outside;
	margin: 0; padding: 0 50px;
	background: black;
	height: 30px;
	overflow: hidden;
}

ul#nav li {
	display: inline;
	font-size: 120%;
	text-transform: uppercase;
	line-height: 30px;
	color: white;
	font-weight: bold;
}

ul#nav li a:link,
ul#nav li a:visited {
	display: block;
	float: left;
	text-decoration: none;
	color: white;
	padding: 0 10px;
	margin: 0 20px 0 0;
}

ul#nav li a:hover {
	background: #7d0000;
}

ul#nav li.phone {
	float: right;
	font-size: 180%;
}

#content {
	clear: both;
}


#content h1 {
	background: #3f3f3f;
	padding: 10px 30px;
	font-size: 280%;
	line-height: 1em;
	color: white;
	margin: 0;
	border-bottom: 1px solid black;
	text-transform: uppercase;
}

.uppercontent-wrapper {
	background: #514f50 url(../images/uppercontent-bg.gif) top repeat-x;
	border-bottom: 1px solid black;
	border-top: 1px solid #666666;
	color: white;
}

.uppercontent {
	width: 964px;
	background: url(../images/middle-lines.gif) top repeat-y;
}


.lowercontent-wrapper {
	background: #333031 url(../images/lowercontent-bg.gif) top repeat-x;
	color: white;
	border-top: 1px solid #666666;
	/* border-bottom: 1px solid black; */
	width: 964px;
}

.lowercontent {
	background: url(../images/middle-lines.gif) top center repeat-y;
	width: 964px;
}



/* .lowercontent .leftcol,
.lowercontent .rightcol {
	min-height: 250px;
} */

.leftcol {
	width: 480px;
	margin: 0 1px;
	padding: 0;
	float: left;
}

.rightcol {
	width: 480px;
	margin: 0 1px;
	padding: 0;
	float: left;
}

.uppercontent .video {
	margin: 5px 0 0 80px;
	width: 320px;
}


.lowercontent H2, .lowercontent P,
.lowercontent H3, .lowercontent H4,
.lowercontent H5, .lowercontent H6,
.lowercontent UL, .lowercontent OL,
.lowercontent IMG {
	padding: 0 31px;
}

.uppercontent H2, .uppercontent P,
.uppercontent H3, .uppercontent H4,
.uppercontent H5, .uppercontent H6,
.uppercontent UL, .uppercontent OL {
	padding: 0 15px;
}

.lowercontent UL, .lowercontent OL,
.uppercontent UL, .uppercontent OL {
	margin: 0 0 1em 15px;
}

.lowercontent P A:LINK,
.lowercontent P A:VISITED {
	font-size: 80%;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 16px;
	background: url(../images/bullet-red.gif) left center no-repeat;	
}

.lowercontent P A:HOVER {
	color: #000000;
	background: url(../images/bullet-black.gif) left center no-repeat;
}

/* THREEBOX */

.twobox {
	/* background: #333333 url(../images/2box-bg2.gif) top left repeat-x; */
	border-bottom: 1px solid black;
	background: url(../images/middle-lines.gif) top center repeat-y;
	width: auto;
	height: 270px;
}

.twobox DIV H2, .twobox DIV P,
.twobox DIV H3, .twobox DIV H4,
.twobox DIV UL, .twobox DIV OL,
.twobox DIV IMG {
	padding: 0 20px;
}

.twobox H2 {
	margin: 0.25em 0 0em 0;
	line-height: 1em;
}

.threebox {
	background: url(../images/3box-bg.gif) top center repeat-y;
	border-bottom: 1px solid black;
	height: 180px;
}

.threebox DIV {
	float: left;
	width: 160px;
	height: 170px; 
	position: relative;
	padding-top: 10px;
}

.threebox DIV H2, .threebox DIV P,
.threebox DIV H3, .threehox DIV H4,
.threebox DIV UL, .threebox DIV OL,
.threebox DIV IMG {
	padding: 0 10px;
}

.threebox DIV.bot {
	float: none;
	height: 60px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	border: none;
}

.threebox DIV.last {
	border-right: none;
	width: 160px;
}

.threebox DIV.lowlogos {
	float: none;
	width: auto;
	height: auto;
	padding: 0;
}

.lowercontent .twobox IMG {
	margin: 0 20px;
	padding: 0;
	border: 1px solid #333;
}

.lowercontent .threebox IMG {
	margin: 0 15px;
	padding: 0;
	border: 1px solid #333;
}


.twobox DIV {
	float: left;
	width: 230px;
	/*height: 240px;*/
	padding: 5px 0;
	/*border-right: 1px solid black;
	border-left: 1px solid #666666;*/
}	

.twobox DIV.last {
	border-right: none;
	padding-right: 0;
}

.threebox DIV.top,
.twobox DIV.top {
	float: none;
	width: auto;
	border: none;
	height: auto;
	padding: 0;
}

.twobox .lowell {
	padding: 0;
	margin: 0;
}

.twobox .lowell A:LINK,
.twobox .lowell A:VISITED {
	display: block;
	height: 266px;
	width: 240px;
	background: url(../images/2box-lowell.png) bottom right  no-repeat;
	text-indent: -9000px;
}

.twobox .lowell A:HOVER {
	background: url(../images/2box-lowell-rollover.png) bottom right no-repeat;
}

.twobox P,
#wrapper .lowercontent .threebox P { margin: 0 0 0.25em 0;}

#wrapper .lowercontent .threebox H2 { margin: 0; line-height: 1em; }


.threebox IMG.bottomlogos {
	margin: 0; 
	padding: 0;
}

#footer {
	clear: both;
	margin: 0 0 20px 0;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #333333;
}

UL#logos {
	list-style: none;
	margin: 0;
	padding: 10px;
	text-align: center;
	background: #b2b2b2;
	border-bottom: 1px solid #333333;
}

UL#logos LI {
	display: inline;
	margin: 0 30px;
}

UL#footnav {
	list-style: none;
	background: #7d0000;
	padding: 10px 20px;
	margin: 0;
}

UL#footnav LI {
	display: inline;
	margin: 0 15px 0 0;
}

/* GALLERY NAV */

.uppercontent UL.galnav {
	list-style: none outside;
	margin: 0; padding: 0;
	background: #333333; /* url(../images/galnav-bg.gif) top repeat; */
}

UL.galnav LI  {
	display: inline;
	margin: 0; padding: 0;
	
}

UL.galnav LI A:LINK,
UL.galnav LI A:VISITED {
	width: 111px;
	display: block;
	float: left;
	height: 148px;
	padding: 0 0 0 7px;
	border-left: 1px solid #545454;
	border-right: 1px solid #000000;
	background: url(../images/galnav-bg.gif) top repeat;
}

UL.galnav LI A:HOVER {
	 background: url(../images/galnav-bg-over.gif) top repeat; 
	 border-left: 1px solid #888888;
	 border-right: 1px solid #212121;
}

UL.galnav IMG {
	margin: 0 0 0 4px;
	border: 1px solid white;
}

UL.galnav A:HOVER IMG {
	border: 1px solid #000000;
}

UL.galnav LI SPAN {
	font-size: 100%;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 25px;
	padding: 0 0 0 12px;
	background: url(../images/bullet-red.gif) left center no-repeat;	

}

UL.galnav LI A:HOVER SPAN {
	background: url(../images/bullet-black.gif) left center no-repeat;
}

UL.galnav LI.selected A:HOVER IMG {
	border: 1px solid #ffffff;
}

UL.galnav LI.selected SPAN,
UL.galnav LI.selected A:HOVER SPAN {
	color: white;
	background: url(../images/bullet-white.gif) left center no-repeat;	
}

UL.galnav LI.selected A:LINK,
UL.galnav LI.selected A:VISITED,
UL.galnav LI.selected A:HOVER {
	border-left: 1px solid #720000;
	background: url(../images/galnav-bg-selected.gif) top repeat;
}

DIV.servicenav UL.galnav {
	background: #2e2e2e; /*url(../images/galnav-bg.gif) top left repeat-x;*/
}

DIV.servicenav UL.galnav LI {
	height: 145px;
}

DIV.servicenav UL {
	margin: 0;
	padding: 0;
}



/* PICNAV */

UL.picnav {
	text-align: center;
	list-style: none;
	background: url(../images/picnav-bg.gif) top center no-repeat;
	margin: 5px 31px 10px 31px;
	padding: 0 20px;
	height: 36px;
	border: 1px solid #000000;
}

.rightcol UL.picnav {
	margin: 5px 0 10px 15px;
}

UL.picnav LI {
	text-align: center;
	display: inline;
}

UL.picnav LI A:LINK,
UL.picnav LI A:VISITED {
	display: block;
	float: left;
	width: 18px;
	height: 18px;
	background: url(../images/picnav-btn.gif) center center no-repeat;
	margin: 9px 9px 0 0;
	line-height: 18px;
	font-size: 90%;
	font-weight: bold;
	color: white;
}

UL.picnav LI A:HOVER {
	color: black;
	background-image: url(../images/picnav-btn-over.gif);
}

UL.picnav LI.selected A:LINK,
UL.picnav LI.selected A:VISITED,
UL.picnav LI.selected A:HOVER {
	color: white;
	background-image: url(../images/picnav-btn-on.gif);
}


div.rightcol UL.picnav {
	height: 30px;
	width: 280px;
	padding: 0 10px;
}

div.rightcol UL.picnav LI A:LINK,
div.rightcol UL.picnav LI A:VISITED {
	margin-top: 6px;
}



div.servicegal {
	margin: 10px 0 0 0;
	position: relative;
}

div.servicegal .sleft {
	margin: 0;
	padding: 20px 0;
}

div.servicegal .sright {
	width: 130px;
	margin: 0; padding: 0 0 10px 5px;
	position: absolute;
	top: 225px; left: 315px;
	border-left: 1px solid white;
}

div.servicegal .sright * {
	margin: 0; padding: 0;
}

div.servicegal .sright p {
	font-size: 100%;
	line-height: 36px;
	background: url(../images/icon-page.gif) left center no-repeat;
	padding-left: 30px;
}

div.servicegal IMG {
	
	border: 1px solid black;
	padding: 0;
	margin: 0 15px;
}
/*
.lowercontent .leftcol { background: black; }
*/

#centered {
	text-align: center;
	}