﻿/* CSS styles: nxpage.com
Color palette:
#666699 - darker blue (bg)
#5d84ba - bg light blue
#f0f0f0 - light gray
#dcdcdc - darker gray
#fffff0 - light yellow
#ffffc0 - darker yellow
#f5f5dc - bg tan
#800 - maroon */

/* Layout */
body {
	text-align:center;
	margin:0px auto; 
	font: normal 90% Georgia, 'Times New Roman', serif;
	color:#000;
	background:#666699;}
.hm {background:#666699 url(../img/bgHome.gif) top left no-repeat;}			/* home */
.ab {background:#666699 url(../img/bgAbout.gif) top left no-repeat;}		/* about */
.ar {background:#666699 url(../img/bgArch.gif) top left no-repeat;}			/* architectural */
.gl {background:#666699 url(../img/bgGallery.gif) top left no-repeat;}		/* gallery */
.nw {background:#666699 url(../img/bgNews.gif) top left no-repeat;}			/* news */
.rs {background:#666699 url(../img/bgResources.gif) top left no-repeat;}	/* resources */
.pt {background:#666699 url(../img/bgParts.gif) top left no-repeat;}		/* parts */
.sv {background:#666699 url(../img/bgServices.gif) top left no-repeat;}		/* services */
.sh {background:#666699 url(../img/bgShop.gif) top left no-repeat;}			/* shop */

#container {
	width:895px;
	margin:0 auto;
	text-align:left;}
#header {
	margin:0;
	text-align:center;}
	
	#hdrTop {
		float:left;
		margin:0;
		background:#666699 url(../img/bannerLogoT.jpg) no-repeat;
		width:330px;
		height:27px;}
	#hdrBot {}
	
#wrapper {
	float:left; 
	width:100%;
	background:transparent;}
#content {
	float:right;
	text-align:left; 
	width:705px;
	height:auto;
	margin-top:0;
	padding:20px 30px;
	background:#fff;
	border: #dcdcdc solid .01em;}
#breadcrumb {
	font-size:.9em; 
	color:#666699; 
	background:#f0f0f0; 
	padding-left:5px;
	/* css3 rounded corners */
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	/* css3 rounded corners */}
#footer {
	text-align:center;
	font-size:.75em;
	margin:30px 5px;
	padding:5px;
	background:#fff;
	border: #dcdcdc solid .01em;}
#callBx {
	float:right;
	width:230px;
	/* css3 rounded corners */
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	/* css3 rounded corners */
	margin:0 0 10px 5px;
	padding:5px;
	background:#f0f0f0;
	font-size:.85em;}

	#callBx dl {
		font-size:inherit;
		margin-bottom:20px;}
	#callBx dt {
		margin:10px;}
	#callBx input {
		font: normal 1em Verdana, Arial;}
.lightBx {
	float:left;
	width:190px;
	height:510px;
	margin-right:15px;
	padding:5px 10px;
	font-size:.8em;
	background:#f5f5dc;
	border-top:solid 1px #708090;
	border-bottom:solid 0px #708090;}
	
	.lightBx dl {
		margin-bottom:30px;}
	.lightBx dt {
		margin:10px 0 0 0;
		font-size:1.2em;}
	.lightBx dd {
		margin:0;}
	.lightBx h2 {
		margin-top:10px;
		font-size:1.4em;}

#services dl {
	font-size:inherit;
	margin-bottom:30px;}
	#services dt {
		font-weight:bold;
		margin:10px;}
	#servicesList dd {
		margin:0;}

/* General */
h1, h2, h3, h4 {
	margin-top:25px;
	font: bold Georgia, Verdana, Arial, sans-serif; 
	color:#800;}
	h1 {font-size:1.4em;}
	h2 {font-size:1.1em;}
	h3 {font-size:1em;}
	h4 {font-size:1.1em;} /*callbox*/
	
hr {
	color:#fff;
	border-top:solid .01em #dcdcdc;}
li, dt	{margin:10px 0;}
	dt.parts {font-size:1em;font-weight:bold;color:#800;margin-top:20px;}
dd		{margin-top:5px;margin-bottom:5px;}
input	{font: normal .85em Verdana, Arial;}
select	{font: normal .75em Verdana, Arial;}


/* Navigation */
a, a:link, a:visited {
	color:#800;}
a:hover {
	color:#666699;}
.external {
	padding-right:18px;
	background: transparent url(../img/iconExternal.gif) center right no-repeat;
	display: inline-block;	/* IE correction to show the icon in correct location when link wraps */}
   
#navToolsHdr {background:#666699;}
#navToolsFtr {
	border-top:solid 1px #fff;
	border-right:solid 1px #fff;
	border-bottom:solid 0px #fff;
	border-left:solid 1px #fff;
	background:#ece2d8;}
	
	#navToolsHdr, #navToolsFtr {
	color:#ffffc0;
	font-family:Verdana; 
	font-size:12px; /* px to accommodate increased text size */
	height:27px;}

	#navToolsHdr ul, #navToolsFtr ul {
	list-style-type:none;
	width:100%;
	margin:0;
	padding:0;}

	#navToolsHdr li, #navToolsFtr li {
	float:right;
	margin:5px 1px 0 1px;
	padding:2px;}

	#navToolsHdr li a, #navToolsFtr li a {
	color:#ffffc0;
	font-weight:bold;
	text-decoration:none;}

	#navToolsHdr li a:hover, #navToolsFtr li a:hover {color:#fff;border-top:solid 1px #ffffc0;}

#navMain {
	margin:auto;/*margin:3px 0 auto 175px;*/
	height:35px;
	color:#ffffc0;
	font-family:Arial;}

	#navMain ul {
	list-style-type:none;
	width:100%;
	margin:3px 0;
	padding:0;}

	#navMain li {
	float:left;
	margin:5px 0 5px 10px;
	padding:0;}
	
	#navMain li a {
	color:#ffffc0;
	font-size:1em;
	font-weight:bold;
	text-decoration:none;}

	#navMain li a:hover {color:#fff;text-decoration:overline;}
	#navMain li .selected {color:#fff;text-decoration:overline;}
	
#navSub {
	float:right;
	text-align:left;
	color:#666699;
	font-size:.85em;
	width:110px;
	height:auto;
	margin-left:10px;
	padding-top:5px;
	border:#800 solid 0px;
	background:#f0f0f0;}
	
	#navSub dt {
	margin:0 0 15px 0;
	padding:5px 0 5px 7px;
	text-align:left;
	font-size:1.1em;
	font-weight:bold;
	color:#fff;
	background:#800;}
	/*#navSub dt.hmsub {background:#800;}
	#navSub dt.absub {background:#800;}
	#navSub dt.glsub {background:#800;}
	#navSub dt.nwsub {background:#800;}
	#navSub dt.rssub {background:#800;}
	#navSub dt.rtsub {background:#800;}
	#navSub dt.svsub {background:#800;}*/
	
	#navSub dd {
	margin:2px 0px 7px 5px;}

/* Images */
img {border:0; padding:0; vertical-align:middle;}

	img.callBx {
	margin:3px auto;
	border:5px solid #f0f0f0;}
	img.body {
		margin: 0 10px 5px 10px; /* auto 10px */
		border:5px solid #f0f0f0;}
	img.icon {
		width:16px;
		height:16px;
		margin:2px;}
	img.icon24 {
		width:24px;
		height:24px;
		margin:5px;}
	img.gallery {
		margin: 0 10px 5px 10px;
		border:solid 5px #f0f0f0;}
		
/* Buttons */
.btnStd, .btnSm, .btnMed, .btnLg {
    margin:2px 0 0 0;
    height:25px;
    font-size:.75em; 
    color:#fff; 
    font-weight:normal; 
    background:#800;
    cursor:pointer;}

    .btnStd	{width:65px;}
    .btnSm	{width:40px;}
    .btnMed	{width:80px;}
    .btnLg	{width:225px;}

/* Extras */
.testimonial {
	color:#666699;
	font-size:inherit;
	width:200px;
	margin:5px auto;
	padding:5px;
	background:#fffff0;
	border:#666699 solid 1px;}
.cite {
	text-align:right;
	margin-bottom:10px;}
.txtsm {font-size:smaller;}
.clear	{clear:both;}
.clearLf{clear:left;}
.clearRt{clear:right;}
.alignLf{float:left;}
.alignRt{float:right; clear:right;}
.alignCt{text-align:center;}
.hide {display:none;}
.bgHi {background:#dcdcdc;}
#whoami, .none {visibility:hidden;}

.pdf, .doc, .xls, .jpg {padding-left:22px;}
	.pdf {background: url(../img/iconPDF.gif) left no-repeat;}
	.doc {background: url(../img/iconDOC.gif) left no-repeat;}
	.xls {background: url(../img/iconXLS.gif) left no-repeat;}
	.jpg {background: url(../img/iconJPG.gif) left no-repeat;}

#dataTbl {
	width:90%;}
	
	#dataTbl table {
	width:90%;
	margin:0 0 0 35px;
	padding:3px;
	}
	
	#dataTbl caption {background:#fff;font-size:.85em;text-align:left;margin:0 0 0 35px;}
	#dataTbl th {border:1px solid #c0c0c0;background:#f0f0f0;font-size:.85em;color:#800;font-weight:normal;}
	#dataTbl td {vertical-align:top;border:1px solid #c0c0c0;background:#fff;font-size:.85em;padding:5px;}

/* gallery */	
#PhotoDataList { 
	width:60%;}
	
	#PhotoDataList table {
	width:60%;
	margin:0;
	padding:0;}
	
	#PhotoDataList caption {background:#fff;font-size:.95em;font-weight:bold;text-align:center;margin:0;padding:5px;}
	#PhotoDataList td {vertical-align:top;border:1px solid #c0c0c0;background:#fff;font-size:.8em;padding:7px;}

#PhotoDetailPanel { 
	background:#fff;
	width:700px;
	height:360px;
	padding:25px;
	text-align:left;
	/* css3 rounded corners */
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	/* css3 rounded corners */}

/* 
CSS STYLES for dynamic content
Developed by The Next Page (NXPAGE LLC)
www.nxpage.com
*/
#frmSearch {
	height:50px;}

	#frmSearch ul {
	list-style-type:none; 
	margin:0; 
	padding:0; 
	font-size:.9em;}
	
	#frmSearch li {
	float:left;
	margin:0 5px 5px 0;
	padding:2px;
	font-size:.9em;}
	
	#frmSearch input, #frmSearch select {
	font-size:.9em;}

#frmButtons {
float:left; 
margin:7px 0 0 2px;
font-size:1em;}

#ctl00_phContent_dbImgCaption {
font-size:.75em;
margin:20px 0;
color:#666699;
background:#f0f0f0;}

	.imgContent {
	float:right;
	padding:0;
	margin:5px 5px 10px 10px;
	border:1px solid #8f7a69;
	cursor:pointer;}

#content_description {
 width:80%;
 margin-left:50px;
}

table.dbTbl {
width:80%;
margin:0;
padding:0;
border:1px solid #ece2d8;}
	td {vertical-align:top;}
	.col {width:30%;}
	
#dbGrid {height:100%;}
#dbGridCnt, .dbGridCnt {font-size:.85em; color:#c46118;}
#gridMain {width:100%;}

.GridHead, .GridFooter {
color:#fff; 
margin:0;
padding:0;
background:#800;}

.GridHead {
font-size:.85em; 
font-weight:bold;}

.GridFooter {
font-size:.85em; 
font-weight:normal; 
line-height:2px;}

.GridItem, .GridItemAlt {
margin:8px 0;
color:#000; 
font-size:.85em;
font-weight:normal;}

.GridItem		{background:#fff;}
.GridItemAlt	{background:#fffff0;}

/* global styles */
.imgBullet {
border:0; 
margin:5px;
vertical-align:text-top;}
