/* Helvetica, "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, */

*{padding:0px; margin:0px;}

body { color: rgb(90,90,90); font-size: 12px; line-height: 16px; font-family: Helvetica, Arial, sans-serif;  text-align: center; background-color: rgb(48,48,48); background-image: url(../content_images/bgndTile.gif); background-repeat: repeat;}

h3 { font-size: 12px; }

p { margin: 0 0 8px 0;}

ul { margin: 0 0 10px 0 ; list-style-image: url(../content_images/listArrow.gif); }

li { margin: 0 0 3px 14px ; list-style-position: outside;}




div#mainwrap  { background-color: rgb(220,220,220); text-align: left; width: 720px; margin: 0 auto 0; border: solid 0 #fff;  }

div#menuWrap { padding: 0 3px 0 30px; background: rgb(48,48,48); border-top: 4px solid #fff; background-image: url(../content_images/bgndTile.gif); background-repeat: repeat;} 

div#menuWrap a:link { color: rgb(255,255,255); text-decoration: none; }

div#menuWrap a:visited { color: rgb(130,130,130); text-decoration: none; }

div#menuWrap a:hover { color: rgb(255,255,255); text-decoration: none; border-bottom: 1px dotted #999; padding: 0 0 1px 0; }

div#menuWrap a:active { color: rgb(150,150,150); text-decoration: none; }

div#galleryWrap { margin: 0 30px 0 30px; }

div#galleryWrap img { margin: 0 5px 7px 0; border: 1px solid rgb(255,255,255);}

div#galleryWrap p { font-size: 12px;  margin: 15px 0 15px 0; padding: 0 0 5px 0; border-bottom: 1px solid #fff; }

div#blank { margin: 0 30px 0 30px; height: 5px;}

div#basedetails { color: #fff; font-size: 9px; letter-spacing: 1px; line-height: 16px; text-align: right; padding-top: 5px; background-color: rgb(48,48,48); background-image: url(../content_images/bgndTile.gif); background-repeat: repeat;}


/* accordion elements -- */

.accTogglerWrap { padding: 6px 15px 6px 0; letter-spacing: 1px; background: rgb(48,48,48); color: #fff; font-size: 10px; cursor: pointer; float: left; }

.fauxToggerWrap { padding: 6px 15px 6px 0; letter-spacing: 1px; background: rgb(48,48,48); color: #fff; font-size: 10px; cursor: pointer; float: left; }

.accContentWrap { padding: 0 0 10px 0; border: solid 0 #fff;}

.accContentWrap a:hover { text-decoration: none; }

.accContentWrap img { border: solid 0px #fff }

div.element p { padding: 0 10px 7px 0; }

div.element h4 { margin: 10px 0 5px 0; padding: 0 10px 6px 0; }



.introLeft { margin: 0 0 20px 35px; padding: 0 0 0 0; width: 320px; text-align: left; float: left; border: solid 0 rgb(255,255,255); }

.introRight { margin: 0 35px 20px 0; padding: 0 0 0 20px; width: 300px; float: right; border: solid 0 rgb(255,255,255);  }

.panoLeft { margin: 0 0 20px 35px; padding: 0 0 0 0; width: 340px; text-align: left; float: left; border: solid 0 rgb(255,255,255); }

.panoRight { margin: 0 35px 20px 0; width: 240px; float: right; color: #fff; padding: 15px 15px 10px 15px; background-color: rgb(110,110,110);}

.panoRight h3 { font-size: 14px; padding: 0 0 5px 0; margin: 0 0 8px 0; border-bottom: 1px solid #fff;}

.panoRight a:link { color: rgb(255,255,255); text-decoration: none; }

.panoRight a:visited { color: rgb(130,130,130); text-decoration: none; }

.panoRight a:hover { color: rgb(255,255,255); text-decoration: none; border-bottom: 1px dotted #999; padding: 0 0 1px 0; }

.panoRight a:active { color: rgb(150,150,150); text-decoration: none; }


/* general page layout styles -- */


.bottomFivePx { margin-bottom: 5px;}

.bottomTenPx { margin-bottom: 10px;}

.bottomFifteenPx { margin-bottom: 15px;}

.pageTop {color: rgb(255,255,255); font-size: 18px; line-height: 18px; letter-spacing: 1px; margin: 0 0 25px 0; padding: 15px 0 7px 40px; border-bottom: 0 solid rgb(255,255,255); background-color: rgb(48,48,48); background-image: url(../content_images/bgndTile.gif); background-repeat: repeat; }





.pageBottom { margin: 10px 20px 0 20px; padding: 10px 0 10px 0; border-top: 1px solid #fff;}

.gallery { margin: 0 20px 0 0; padding: 0 0 0 0; }

.gallery p {margin-bottom: 10px;}

.galleryImage {margin: 0 8px 10px 0;}

.galleryImageLast {margin: 0 0 10px 0;}

.noborder {border: 0px}

.contactBox {letter-spacing: 1px; font-size: 22px; line-height: 32px; margin: 30px 0 0 0; padding: 0 0 0 0; }

.contactBox h4 { font-size: 13px; border-bottom: 1px dashed rgb(100,100,100); padding: 0 0 0 0; margin: 0 0 5px 0;}

.introText {font-size: 14px; line-height: 20px;}


/* text and image style classes -- */



.columnDivider {margin: 20px 0 0 0; padding: 20px 0 20px 0; border-top: 1px dashed #fff;}

.thumbnailsFirst { font-weight: bolder; padding-top: 5px; padding-bottom: 3px; border-bottom: 1px dashed #fff; }



.backLink { padding: 3px 3px 3px 20px; background: #666; color: #f4f4f4; font-size: 12px; border-top: 1px dashed #ccc; cursor: pointer; }

.servicesBox { color: #fff; padding: 15px 15px 10px 15px; background-color: rgb(110,110,110);}

.servicesBox h3 { font-size: 14px; padding: 0 0 5px 0; margin: 0 0 8px 0; border-bottom: 1px solid #fff;}

.servicesBox h4 { padding: 0 0 0 0; margin: 3px 0 5px 0; }

/* portfolio -- */

.introtext { margin: 10px 20px 0 20px; padding-bottom: 10px; }

.introtext p {margin-bottom: 10px;}

.introtext img {margin: 5px 10px 0 0;}


/* lucky seven test */

.selectMenu { line-height: 16px; color: #505050; border-width: 1px; border-style: dashed; background-color: #bfbfbf; font-size: 13px; font-family: Helvetica, Verdana, Arial, sans-serif;}

.buttonTopSpace {margin: 5px 0 0 0;}


/* -- */

.clearfloats{clear: both}
.clearFloats{clear: both}

/* tip */
.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}