body {
	font-family: verdana, tahoma, arial;
	font-size: 11.0px;
	color: #4c4c4c;
	background-image: url(images/template/graystonelight.gif);
	background-color: #4C4C4C;
}

li{
	padding: 8px 0px 0px 0px;
}


h1{
	font-size: 18px;
	color: #4c4c4c;
	font-family: verdana, tahoma, arial;
}

h1.PageHeading{
	font-size: 18px;
	color: #4c4c4c;
	font-family: verdana, tahoma, arial;
	margin: 6px 0px 0px 0px;
}

h2{
	font-size: 14px;
	color: #4c4c4c;
	font-family: verdana, tahoma, arial;
}

.H2SubHeading{
	font-size: 14px;
	color: #4c4c4c;
	font-family: verdana, tahoma, arial;
	margin: 0px 0px 0px 0px;
}

.bulletHeader{
	margin: 0px 0px -20px 24px;
}

ul.Hosting {
	Margin-top: -10px;
}

ul.circle {
	list-style-type: circle;
}

p {
	font-size: 11.0px;
	color: #4c4c4c;
	font-family: verdana, tahoma, arial;
}

.layerTwo{
	position: absolute;
	z-index: 2;
	right: 340px;
	top: 19px;
}

.layerPhone{
	font-family: verdana, arial, helvetica;
	position: absolute;
	z-index: 3;
	right: 40px;
	top: 60px;
}

.layerPhone2{
	font-family: verdana, arial, helvetica;
	position: absolute;
	z-index: 2;
	right: 39px;
	top: 61px;
}

.required {
	font-size: 11.0px;
	font-weight: bold;
	color: #D20000;
	font-family: verdana, tahoma, arial;
}

.small {
    FONT-SIZE: 9.0px;
    COLOR: #4c4c4c;
    FONT-FAMILY: Verdana, Tahoma, Arial
}

.smallText {
    FONT-SIZE: 9.0px;
    COLOR: #4c4c4c;
    FONT-FAMILY: Verdana, Tahoma, Arial;
    margin: 0px 0px 0px 0px;
}

.red {
    FONT-SIZE: 11.0px;
    COLOR: red;
    FONT-FAMILY: Verdana, Tahoma, Arial
}

.widehead {
	font-family: courier new, courier, verdana, tahoma, arial;
	font-size: 18.0px;
	letter-spacing: 18pt;
}


.CenterCol {
	font-size: 12.0px;
	font-weight: bold;
	color: #4c4c4c;
	font-family: verdana, tahoma, arial;
}

.big1 {
	font-size: 14.0px;
	font-weight: bold;
	color: #4c4c4c;
	font-family: verdana, tahoma, arial;
}

a.javaBacklink {
	font-size: 11px;
}

a.white {
    FONT-SIZE: 1.0px;
    COLOR: white;
    FONT-FAMILY: Verdana, Tahoma, Arial
}

td {
    FONT-SIZE: 11.0px;
    COLOR: #4c4c4c;
    FONT-FAMILY: Verdana, Tahoma, Arial
}

.SubHeading {
    FONT-SIZE: 12.0px;
    COLOR: #4c4c4c;
    FONT-FAMILY: Verdana, Tahoma, Arial;
    font-weight: bold;
}

a.Red {
	font-size: 12.0px;
	font-weight: bold;
	color: red;
	font-family: verdana, tahoma, arial;
}

.footerText{
	font-family: verdana, tahoma, arial;
	font-size: 11px;
	color: #BBBBBB;
	padding: 12px 0px 0px 0px;
}

a.footerLink {
	font-size: 10.0px;
	font-weight: normal;
	color: #ABABAB;
	font-family: verdana, tahoma, arial;
}

.contentCell{
	padding: 0px 0px 0px 16px;
}


.testimonialPgCell {
	background-color: #F7F7F7;
	border-style: solid;
	border-color: #E3E3E3;
	border-width: 1px;
	padding: 8px 8px 8px 8px;
}

a.testimonialPgLink {
	color: #012F8D;
	text-decoration: none;
	line-height: 100%;
}

a.testimonialPgLink:hover {
	color: #012F8D;
	text-decoration: underline;
	line-height: 100%;
}

.stockPhotoCell{
		padding: 10px 10px 10px 10px;
		border: solid 1px #cccccc;
		background-color: #FAF4F7;
}

/***** Quick Quote Form **********/


.wideQuoteFormBG{
	background-image: url(images/FreeQuoteWide/BGColor.gif);
}

.wideQuoteFormTopLeft{
	background-image: url(images/FreeQuoteWide/TopLeft.gif);
	background-repeat: no-repeat;
}

.wideQuoteFormTopRight{
	background-image: url(images/FreeQuoteWide/TopRight.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.wideQuoteFormTop{
	background-image: url(images/misc/BlackSpacer.gif);
	background-repeat: repeat-x;
}

.wideQuoteFormLeft{
	background-image: url(images/misc/BlackSpacer.gif);
	background-repeat: repeat-y;
}

.wideQuoteFormRight{
	background-image: url(images/misc/BlackSpacer.gif);
	background-repeat: repeat-y;
	background-position: top right;
}

.wideQuoteFormText{
	font-family: arial, verdana, helvetica;
	font-size: 11px;
	color: #808800;
	font-weight: normal;
	padding: 2px 2px 0px 2px;
}

.wideQuoteformBase{
	background-image: url(images/FreeQuoteWide/BaseRepeater.gif);
	background-repeat: repeat-x;}
}

.wideSubmitButton{
	color: #000000;
	font-size: 11px;
	background-color: #AEBC12;
	border: solid 1px #808800;
	border-color: #ffffff #000000 #000000 #ffffff;
	cursor: pointer;
	width:96px;
}

.quickQuoteFormBG{
	background-image: url(images/FreeQuoteFormRepeater.gif);
	background-repeat: repeat-y;
}

.quickQuoteFormTextBG{
	background-image: url(images/FreeQuoteFormBGTop.gif);
	background-repeat: no-repeat;
	font-family: arial, verdana, helvetica;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	padding: 6px 9px 6px 9px;
	line-height: 12px;
}

.quickQuoteFormText{
	font-family: arial, verdana, helvetica;
	font-size: 11px;
	color: #808800;
	font-weight: normal;
}


.quickQuoteFormInput{
	font-family: arial, verdana, helvetica;
	font-size: 11px;
	color: #CD6463;
	font-weight: normal;
	width: 96px;
	background-color: #FFFFB1;
	border: solid 1px #808800;
	padding: 1px 1px 1px 2px;
}

/******* Left Menu Styles for Box Shapes *************/

.menuBox {
	font-size: 11px;
	border-style: solid;
	border-width: 1px;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 3px;
	width: 160;
}

a.menuLink {
	text-decoration: none;
}

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




/**** Color Specific Styles********************************************************/


h1.leftGutterHeader{
	font-family: verdana, tahoma, arial;
	font-size: 11px;
	color: #585858;
	font-weight: bold;
	margin: 6px 0px 1px 0px;
}

.leftLinkCells{
	padding: 3px 0px 0px 0px;
}

/**** Blank - if no color defined *************************/

.leftGutter{
	background-color: #F7F7F7;
	border-style: solid;
	border-color: #E3E3E3;
	border-width: 1px;
	padding: 4px 5px 12px 5px;
}

a.leftGutterLink {
	color: #7D7D7D;
	text-decoration: none;
}

a.leftGutterLink:hover {
	color: #444444;
	text-decoration: underline;
}

/**** Red *************************/
.bannerRed{
	background-image: url(images/TopLogoRed.gif);
	background-repeat: no-repeat;
	padding: 4px 0px 0px 0px;
}

a.bannerLinkRed{
	color: #530900;
	font-size: 10px;
	text-decoration: none;
}

a.bannerLinkRed:Hover{
	color: #530900;
	font-size: 10px;
	text-decoration: underline;
}

a.leftGutterLinkRed {
	color: #5E1003;
	text-decoration: underline;
	line-height: 100%;
}

a.leftGutterLinkRed:hover {
	color: #B81501;
	text-decoration: underline;
	line-height: 100%;
}

.leftGutterRed{
	background-color: #F8F0F0;
	border-style: solid;
	border-color: #D9C7C7;
	border-width: 1px;
	padding: 4px 5px 12px 5px;
}

.HeadingTextRed{
	font-family: verdana, tahoma, arial;
	font-size: 11px;
	color: #000000;
	font-weight: regular;
	line-height: 100%;
	padding: 38px 8px 0px 79px;
	width:
}

.footerParagraphRed{
	background-image: url(images/BottomRightRed.gif);
	background-repeat: no-repeat;
	background-position: top right;
	font-family: verdana, tahoma, arial;
	font-size: 10px;
	color: #000000;
	font-weight: regular;
	line-height: 150%;
	padding: 12px 12px 12px 12px;
}


/**** Yellow *************************/

.bannerYellow{
	background-image: url(images/TopLogoYellow.gif);
	background-repeat: no-repeat;
	padding: 4px 0px 0px 0px;
}

a.bannerLinkYellow{
	color: #8B630D;
	font-size: 10px;
	text-decoration: none;
}

a.bannerLinkYellow:Hover{
	color: #8B630D;
	font-size: 10px;
	text-decoration: underline;
}

a.leftGutterLinkYellow {
	color: #A1934C;
	text-decoration: underline;
	line-height: 100%;
}

a.leftGutterLinkYellow:hover {
	color: #B8A854;
	text-decoration: underline;
	line-height: 100%;
}

.leftGutterYellow{
	background-color: #FCF6D4;
	border-style: solid;
	border-color: #E3E3E3;
	border-width: 1px;
	padding: 4px 5px 12px 5px;
}

.HeadingTextYellow{
	font-family: verdana, tahoma, arial;
	font-size: 11px;
	color: #000000;
	font-weight: regular;
	line-height: 100%;
	padding: 38px 8px 0px 79px;
}

.footerParagraphYellow{
	background-image: url(images/BottomRightYellow.gif);
	background-repeat: no-repeat;
	background-position: top right;
	font-family: verdana, tahoma, arial;
	font-size: 10px;
	color: #000000;
	font-weight: regular;
	line-height: 150%;
	padding: 12px 12px 12px 12px;
}

/**** Grape *************************/

.bannerGrape{
	background-image: url(images/TopLogoGrape.gif);
	background-repeat: no-repeat;
	padding: 4px 0px 0px 0px;
}

a.bannerLinkGrape{
	color: #4D2132;
	font-size: 10px;
	text-decoration: none;
}

a.bannerLinkGrape:Hover{
	color: #4D2132;
	font-size: 10px;
	text-decoration: underline;
}

a.leftGutterLinkGrape {
	color: #3B2932;
	text-decoration: underline;
	line-height: 100%;
}

a.leftGutterLinkGrape:hover {
	color: #8C5D6F;
	text-decoration: underline;
	line-height: 100%;
}

.leftGutterGrape{
	background-color: #FAF4F7;
	border-style: solid;
	border-color: #E4DADF;
	border-width: 1px;
	padding: 4px 5px 12px 5px;
}

.HeadingTextGrape{
	font-family: verdana, tahoma, arial;
	font-size: 11px;
	color: #ffffff;
	font-weight: regular;
	line-height: 100%;
	padding: 38px 8px 0px 79px;
}

.footerParagraphGrape{
	background-image: url(images/BottomRightGrape.gif);
	background-repeat: no-repeat;
	background-position: top right;
	font-family: verdana, tahoma, arial;
	font-size: 10px;
	color: #ffffff;
	font-weight: regular;
	line-height: 150%;
	padding: 12px 12px 12px 12px;
}

/**** Aqua *************************/

.bannerAqua{
	background-image: url(images/TopLogoAqua.gif);
	background-repeat: no-repeat;
	padding: 4px 0px 0px 0px;
}

a.bannerLinkAqua{
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: none;
}

a.bannerLinkAqua:Hover{
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: underline;
}

a.leftGutterLinkAqua {
	color: #214337;
	text-decoration: underline;
	line-height: 100%;
}

a.leftGutterLinkAqua:hover {
	color: #3C7963;
	text-decoration: underline;
	line-height: 100%;
}

.leftGutterAqua{
	background-color: #F0F5F3;
	border-style: solid;
	border-color: #CCD8D3;
	border-width: 1px;
	padding: 4px 5px 12px 5px;
}

.HeadingTextAqua{
	font-family: verdana, tahoma, arial;
	font-size: 11px;
	color: #000000;
	font-weight: regular;
	line-height: 100%;
	padding: 38px 8px 0px 79px;
}

.footerParagraphAqua{
	background-image: url(images/BottomRightAqua.gif);
	background-repeat: no-repeat;
	background-position: top right;
	font-family: verdana, tahoma, arial;
	font-size: 10px;
	color: #000000;
	font-weight: regular;
	line-height: 150%;
	padding: 12px 12px 12px 12px;
}



/**** Blue *************************/

.bannerBlue{
	background-image: url(images/TopLogoBlue.gif);
	background-repeat: no-repeat;
	padding: 4px 0px 0px 0px;
}

a.bannerLinkBlue{
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;
}

a.bannerLinkblue:Hover{
	color: #ffffff;
	font-size: 10px;
	text-decoration: underline;
}

a.leftGutterLinkBlue {
	color: #19546F;
	text-decoration: underline;
	line-height: 100%;
}

a.leftGutterLinkBlue:hover {
	color: #2F7EA2;
	text-decoration: underline;
	line-height: 100%;
}

.leftGutterBlue{
	background-color: #E6F1F7;
	border-style: solid;
	border-color: #BED2DC;
	border-width: 1px;
	padding: 4px 5px 12px 5px;
}

.HeadingTextBlue{
	font-family: verdana, tahoma, arial;
	font-size: 11px;
	color: #000000;
	font-weight: regular;
	line-height: 100%;
	padding: 38px 8px 0px 79px;
}

.footerParagraphBlue{
	background-image: url(images/BottomRightBlue.gif);
	background-repeat: no-repeat;
	background-position: top right;
	font-family: verdana, tahoma, arial;
	font-size: 10px;
	color: #000000;
	font-weight: regular;
	line-height: 150%;
	padding: 12px 12px 12px 12px;
}


/**** Right Gutter Styles ***********************************/

.rightGutterContentCell{
	padding: 18px 0px 0px 0px;
}

.rightGutterImage{
	margin: 3px 0px 3px 0px;
 	border: 1px solid #000000;
}


.rightGutterTestimonial{
	padding: 18px 0px 0px 0px;
}

.featuredMainHeader{
	font-family: verdana, tahoma, arial;
	font-size: 18px;
	color: #585858;
	font-weight: bold;
	margin: 0px 0px 2px 0px;
}

.rightGutterHeader{
	font-family: verdana, tahoma, arial;
	font-size: 13px;
	color: #585858;
	font-weight: bold;
	margin: 0px 0px 6px 0px;
}

a.rightGutterLink{
	color: #7D7D7D;
	text-decoration: underline;
}

a.rightGutterLink:hover{
	color: #444444;
	text-decoration: underline;
}



/**** RG Yellow ***********************************/
.rightGutterYellow{
	background-color: #F7F7F7;
	border-style: solid;
	border-color: #EBE7CF;
	border-width: 0px 0px 0px 1px;
	padding: 4px 6px 12px 6px;
}

.rightGutterBoxYellow{
	background-color: #FFFFFF;
	border-style: solid;
	border-color: #EBE7CF;
	border-width: 1px;
	padding: 4px 4px 0px 4px;
	width: 160px;
}


/**** RG Red ***********************************/
.rightGutterRed{
	background-color: #F7F7F7;
	border-style: solid;
	border-color: #E0CCCC;
	border-width: 0px 0px 0px 1px;
	padding: 4px 6px 12px 6px;
}

.rightGutterBoxRed{
	background-color: #FFFFFF;
	border-style: solid;
	border-color: #E0CCCC;
	border-width: 1px;
	padding: 4px 4px 0px 4px;
	width: 160px;
}

/**** RG Grape ***********************************/
.rightGutterGrape{
	background-color: #F7F7F7;
	border-style: solid;
	border-color: #E4DADF;
	border-width: 0px 0px 0px 1px;
	padding: 4px 6px 12px 6px;
}

.rightGutterBoxGrape{
	background-color: #FFFFFF;
	border-style: solid;
	border-color: #C0D597;
	border-width: 1px;
	padding: 4px 4px 0px 4px;
	width: 160px;
}

/**** RG Aqua ***********************************/
.rightGutterAqua{
	background-color: #F7F7F7;
	border-style: solid;
	border-color: #F1CFB8;
	border-width: 0px 0px 0px 1px;
	padding: 4px 6px 12px 6px;
}

.rightGutterBoxAqua{
	background-color: #FFFFFF;
	border-style: solid;
	border-color: #F1CFB8;
	border-width: 1px;
	padding: 4px 4px 0px 4px;
	width: 160px;
}

/**** RG Blue ***********************************/
.rightGutterBlue{
	background-color: #F7F7F7;
	border-style: solid;
	border-color: #EBE7CF;
	border-width: 0px 0px 0px 1px;
	padding: 4px 6px 12px 6px;
}

.rightGutterBoxBlue{
	background-color: #FFFFFF;
	border-style: solid;
	border-color: #E0CCCC;
	border-width: 1px;
	padding: 4px 4px 0px 4px;
	width: 160px;
}

/********** Portfolio and home page Thumbnails ********************/
.recentSites{
 text-align: center;
 padding: 0px 6px 14px 6px;
}

.portfolioTitle{
 font-size: 12px;
 padding: 0px 0px 3px 0px;
 line-height: 12px;
}

.portFolioImage{
	border: solid 1px #000000;
	margin: 0px 0px 1px 0px;
}

.recentSiteLink{
	color: #000000;
	text-decoration: none;
}

.recentSiteLink:hover{
	color: #000000;
	text-decoration: underline;
}

.portfolioLine{
	color: #BCBCBC;
	height: 1px;
}

.portfolioDividerHome{
	border: dashed 1px #ababab;
	border-width: 1px 0px 0px 0px;
}

.portfolioHomeH1{
	font-size: 14px;
	color: #CD6463;
	font-weight: bold;
	margin: 16px 0px 10px 0px;
}

.reCallout{
	font-family: verdana, tahoma, arial;
	font-size: 11px;
	color: #000000;
	background-image: url(images/RECalloutRepeater.jpg);
	padding: 6px;
}

/**************** Popup Portolio (uses anylink menu flyout code) **********************/
.anylinkcss{
	position:absolute;
	visibility: hidden;
	border:1px solid #3B3B3B;
	border-bottom-width: 0px;
	font-family: arial, helvetica, verdana;
	font-size:11px;
	line-height: 100%;
	z-index: 100;
	color: #2D4476;
	background-color: #B0CEF3;
	width: 500px;
	margin:0px 0px 0px 0px; /*positions the left corner of the dropdown */
	}

.anylinkcss a{
	width: 100%;
	display: block;
	border-bottom: 1px solid #3B3B3B;
	text-decoration: none;
	color: #2D4476;
	}

.anylinkcss a:hover{ /*hover background color*/
	width: 100%;
	display: block;
	background-color: #88A6C0;
	text-decoration: none;
	color: #000000;
}

.linkItem{
	padding:3px 6px 3px 6px;
}

.realEstateH1{
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	font-family: arial, helvetica, verdana;
	margin: 0px 0px 0px 0px;
}

.RECellColor1{
	background-color: #FAF5D0;
	padding: 8px;
}

.RECellColor2{
	background-color: #ECEFDE;
	padding: 8px;
}

.REH2{
 	color: #AD9F34;
	font-size: 14px;
	font-weight: bold;
	font-family: verdana, tahoma, arial;
 	margin: 0px 0px 4px 0px;
}

.REBullet{
	padding: 0px 0px 12px 0px;
	margin: 0px 0px 0px -18px;
	list-style-image: url(images/REBullet-Check.gif);
	list-style-type: square;
}

.REGraphicDots{
	background-image: url(images/REGraphicTitleDotBG2.gif);
	background-repeat: repeat-x;
	background-position: top left;
}

/**************** Draggable Box Styles **********************/
.dragBox {
	position:relative;
	left:0px;
	top:0px;
	visibility:hidden;
	width: 140px;
	background-color: orange;
	border: 1px solid #000000;
}

.dragBar {
  background-color: #008080;
  color: #ffffff;
  font-weight: bold;
  padding: 2px 1em 2px 1em;
}


/******** Tool Tip/ or windowlayer Styles ***********************************/

.button{
	float: left;
	border: 1px solid black;
	padding: 0px;
	margin: 0px;
	cursor: pointer;
	color: blue;
}

.information{
		visibility: hidden;
		border: 0px solid black;
		padding: 0px;
		position: absolute;
		width: 300px;
		z-index: 10;
		margin-left: -200px;
		margin-top: -30px;
}

.theCloser{
		border: solid 1px #000000;
		padding: 3px;
		margin: 3px;
		cursor: pointer;
		color: #000000;
		width: 18px;
		height: 18px;
		font-weight: bold;
		font-height: 12px;
		font-family: arial, helvetica, verdana;
}

.popUpLayerBGTop{
	background-image: url(images/WindowLayers/PopUpLayer-TopRepeater.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
}

.popUpLayerBGBottom{
	background-image: url(images/WindowLayers/PopUpLayer-BaseRepeater.gif);
	background-position: top left;
	background-repeat: repeat-x;
}

.popUpLayerBGLeft{
	background-image: url(images/WindowLayers/PopUpLayer-LeftRepeater.gif);
	background-position: top right;
	background-repeat: repeat-y;
}

.popUpLayerBGRight{
	background-image: url(images/WindowLayers/PopUpLayer-RightRepeater.gif);
	background-position: top left;
	background-repeat: repeat-y;
}

.popUpLayerContent{
	color: #000000;
	font-height: 11px;
	font-family: arial, helvetica, verdana;
	background-image: url(images/WindowLayers/PopUpLayer-BackgroundColor.gif);
	padding: 4px;
}

.jobDivider{
	border-style: dashed;
	border-color: #000000;
	border-width: 1px 0px 0px 0px;
}