/* --
blues - 51,102,204
oranges - 189,89,38
greens - 66,134,44
gray - 171,171,171
-- */

body {
	margin:0; 
	padding:0; 
	width:100%; 
	height:100%; 
	background:url(images/gradient-back.png) repeat-x; 
	background-color:RGB(180,205,229);
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:RGB(54,54,54);
}

#pageTitleBar {
	width:960px; 
	height:12px; 
	margin:5px auto 5px auto; 
	padding:0; 
	overflow:hidden;
}

#pageTitleBar h1 {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color:#999; 
	margin:0 0 0 10px;
}

#mainWrap {
	width:964px; 
	height:auto; 
	margin:0 auto 0 auto; 
	background:url(images/head-back.png) top left no-repeat; 
	overflow:hidden;
}

#logo {
	width:501px; 
	height:62px; 
	float:left; 
	padding-left:22px; 
	margin-top:10px; 
	overflow:hidden;
}

#logo img {
	width:501px;
	height:62px;
	border:none;
}

#headerContact {
	width:350px; 
	height:62px; 
	float:right; 
	padding-right:22px; 
	margin-top:10px; 
	text-align:right;
	overflow:hidden;
}

#headerContact img {
	width:270px;
	height:62px;
	border:none;
}

#gnav {
	width:938px; 
	height:26px; 
	margin:8px 0 0 12px; 
	padding-top:1px;
	overflow:hidden; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	line-height:12px;
	text-align:center;
	background-image:url(images/nav-bar-2.png);
	background-repeat:no-repeat;
}

#gnav ul {
	width:auto;
	height:auto;
	padding:0;
	margin:0 6px;
	list-style:none;
}

#gnav ul li {
	width:auto;
	margin:0;
	display:block;
	float:left;
}

#gnav a {
	text-decoration:none;
	display:block;
	height:18px;
	padding:6px 12px 0 12px;
	color:RGB(110,110,110);
	border-right:1px solid #CCC;
}

#gnav a.last {
	border-right:none;
}

#gnav a:hover, #gnav a.last:hover {
	color:RGB(189,89,38);
	background:url(images/gnav-sel-arrow.png) bottom center no-repeat #FFF;
}

#gnav a.sel {
	color:RGB(189,89,38);
	background:url(images/gnav-sel-arrow.png) bottom center no-repeat #FFF;
}

#bodyWrap {
	width:960px; 
	height:auto; 
	margin:0; 
	padding:0 2px 0 2px; 
	background:url(images/content-back.png) repeat-y;
}

#contentFooter {
	width:964px; 
	height:6px; 
	margin:0; 
	padding:0; 
	background:url(images/footer-back.png) no-repeat;
}

#standAloneFooter {
	width:960px; 
	height:24px; 
	padding-top:9px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px; 
	color:RGB(150,150,150); 
	text-align:center; 
	margin:20px auto 0 auto; 
	background:url(images/stand-alone-footer.png) no-repeat; 
	overflow:hidden;
}

#standAloneFooter a {
	text-decoration:none;
	color:RGB(51,102,204);
	font-weight:bold;
	background-color:#FFF;
	padding:0;
}

#standAloneFooter a:hover {
	color:RGB(189,89,38);
}

/* --- content elements --- */
#contentWrap {
	width:auto;
	height:auto;
	padding:0;
	margin:10px 0 0 0;
	background-color:RGB(255,255,255);
}

.lineBack {
	background-image:url(images/contentWrap-back.png);
	background-repeat:repeat-y;
}

.dottedTop {
	border-top:1px dotted RGB(210,210,210);
}

#contentWrap #contentWrapLeft {
	width:610px; 
	padding-left:10px; 
	height:auto; 
	overflow:hidden; 
	float:left;
}

#contentWrap #contentWrapRight {
	width:290px; 
	padding-right:10px;
	height:auto; 
	overflow:hidden; 
	float:right;
}

div.pad {
	width:auto;
	height:20px;
	clear:both;
}


/* --- page elements --- */

h2, h3.home, h4.home {
	font-size:22px;
	line-height:26px;
	font-weight:normal;
	color:#333333;
	margin:0 0 9px 0;
}

h3, h4, h5, h6 {
	font-size:18px;
	line-height:22px;
	font-weight:normal;
	color:#333333;
	margin:24px 0 9px 0;
}

h2 a, h3 a, h4 a {
	text-decoration:none;
	font-weight:normal;
}

h2 a:hover, h3 a:hover, h4 a:hover {
	color:RGB(189,89,38);
}

p {
	font-size:12px;
	line-height:18px;
	color:#333333;
}

a {
	color:RGB(51,102,204);
}

.subTitle {
	font-size:14px;
	font-weight:bold;
	color:RGB(24,24,24);
}

.bigSubTitle {
	font-size:15px;
	color:RGB(110,110,110);
	font-weight:normal;
}

.subText {
	font-size:12px;
	font-weight:normal;
}

.ntm {
	margin-top:0;
}

.nbm {
	margin-bottom:0;
}

.textBlue {
	color: RGB(6,77,179);
}

.textGreen {
	color: RGB(66,134,44);
}

.textOrange {
	color: RGB(189,89,38);
}

.textBlack {
	color:#000;
}

.sectionPrice {
	width:auto; 
	height:auto; 
	margin:10px; 
	margin-bottom:20px; 
	border-top:1px dashed RGB(220,220,220); 
	border-bottom:1px dashed RGB(220,220,220); 
	padding:5px 10px; 
	color:RGB(66,134,44); 
	font-size:14px;
}

.sectionPrice .avgTime {
	font-size:12px; 
	color:RGB(110,110,110);
}

.sectionSave {
	width:auto; 
	height:auto; 
	margin:10px; 
	margin-bottom:20px; 
	border-top:1px dashed RGB(220,220,220); 
	border-bottom:1px dashed RGB(220,220,220); 
	padding:5px 10px; 
	color:RGB(189,89,38); 
	font-size:12px;
}

.noBorder {
	border:none;
}

.lt {
	text-decoration:line-through;
}

.bigBoardResultsImages {
	margin:10px; 
	width:940px; 
	height:411px;
}

/* --
a {
	color:RGB(51,102,204);
	font-weight:bold;
	padding:0 2px;
}

a:hover {
	color:RGB(189,89,38);
	background-color:transparent;
}

a:visited {
	color:RGB(66,134,44);
}
-- */

a {
	font-weight:bold;
	padding:0 2px;
}

a:hover {
	color:RGB(189,89,38);
}

.linkArrow {
	background:url(images/link-arrow.png) left center no-repeat; 
	padding-left:10px;
}



/* --- testimonials --- */
div.testimonial {
	width:auto;
	height:auto;
	background-color:RGB(246,246,246);
	border:1px solid RGB(208,208,208);
	padding:10px;
}

div.testimonial:hover {
	border:1px solid RGB(66,134,44);
	background-color:#FFF;
}

.testimonial {
	line-height:115%;
	font-style:italic;
}

.testimonialSignature {
	color:RGB(12,12,12);
	margin-bottom:0;
}

.testimonialSignature a {
	background-color:transparent;
}

/* --- side bar styles --- */
.sideBarTitle {
	font-size:16px;
	font-weight:normal;
	color:RGB(55,55,55);
	margin-bottom:5px;
	border-bottom:1px dotted RGB(210,210,210);
}

.sideBarSourceText {
	color:#999; 
	font-size:10px;
}

/* --- web design packages styles --- */
div.formOption {
	clear:left; 
	margin:0; 
	margin-top:10px;
}

div.formOption label {
	display:block; 
	font-size:14px;
}

div.formOption p {
	margin:3px 0 0 25px;
}

/* --- call out - attention box styles --- */
.offerBoxBlue {
	width:auto; 
	height:auto; 
	padding:10px; 
	background-color:RGB(239,246,255); 
	border:1px solid RGB(201,220,241);
}

/* --- home page ... message board styles --- */
.hpMsgBoard {
	background-image:url(images/hp-msg1.jpg); 
	background-repeat:no-repeat; 
	width:940px; 
	height:411px; 
	margin:10px; 
	overflow:hidden; 
	border:none;
}

.hpMsgBoard .buttonContainer {
	width:345px; 
	height:114px; 
	padding-right:15px; 
	margin-top:297px; 
	float:right; 
	overflow:hidden;
}

.hpMsgBoard .buttonContainer a.haveSite {
	display:block; 
	width:345px; 
	height:55px; 
	background-image:url(images/hpb-i-have-a-website.png); 
	background-repeat:no-repeat;
}

.hpMsgBoard .buttonContainer a.haveSite:hover {
	background-image:url(images/hpb-i-have-a-website-over.png);
}

.hpMsgBoard .buttonContainer a.needSite {
	display:block; 
	width:345px; 
	height:55px; 
	margin-top:4px; 
	background-image:url(images/hpb-i-need-a-website.png); 
	background-repeat:no-repeat;
}

.hpMsgBoard .buttonContainer a.needSite:hover {
	background-image:url(images/hpb-i-need-a-website-over.png);
}

/* --- page summary styles --- */
ul.summary li {
	margin-bottom:7px;
}

/* --- top ten list styles -- */
ol.topTen li {
	margin-bottom:25px;
}