/* ----------------------------------------------- */
/* CSS code generated by Endecom Computer Services */
/* for www.endecom.com                             */
/*                                                 */
/*   Release Date: Feb 2008                        */
/*   Visit us: www.endecom.com                     */
/*                                                 */
/* ----------------------------------------------- */

@import url("reset.css"); /* import the reset file */


body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	background: url(-endecombgfade.jpg) repeat-y center;
	background-color: #fff;
	margin: 0px;
	}

a        { font-family: Arial, Verdana, Helvetica; color: #3268B5; color: #333; text-decoration: underline; font-weight: normal;}
a:link     { font-family: Arial, Verdana, Helvetica; color: #3268B5; color: #333; text-decoration: underline; font-weight: normal;}
a:visited  { font-family: Arial, Verdana, Helvetica; color: #3268B5; color: #333; text-decoration: underline; font-weight: normal;}
a:hover    { font-family: Arial, Verdana, Helvetica; color: #4379C6; color: #aaa; text-decoration: underline; font-weight: normal;}

#computersupport ul {font-size: 14px; line-height: 1.4em;}
#websitedevelopment ul {font-size: 14px; line-height: 1.4em;}

p {
	font-family: Arial, Verdana, Helvetica;
	font-size: 12pt; 
	font-style: normal;
	color: #2a4781;
	text-align: left; 
	text-decoration: none;
	}


#w-wrapper {
	background: url(-endecombackground2.jpg) repeat-x;
	background-color: #fff;
	margin: 0px auto;
	padding-bottom: 0px;
	text-align: left;
	width: 915px;
	}

#homepage #w-wrapper { background: url(-endecombackground.jpg) repeat-x;	background-color: #fff;}

#wrapper- {
	}

#header {
	height: 125px;
	border: solid green 0px;
	}

#logo {
	display: block;
	margin: 12px 0px 0px 12px;
	float: left;
	}

#tagline {
	display: block;
	margin: 20px 40px 0px 0px;
	float: right;
	}

#menubar {
	color: #FFF;
	/* line-height: 0px; /* with borders specified, this needs to be 0px.  Without borders, this needs to be 30px; */
	text-align: left;
	background: url(headermenu.gif) repeat-x;
	padding: 0px;
	border: solid 0px #e6721a;
	height: 28px;
	}

#menubar a  { font-family: Arial, Verdana, Helvetica; font-size: 10pt; color: #fff; color: #16244a; text-decoration: none; font-weight: normal;}
#menubar a:hover    { color: #16244a; text-decoration: underline;}

#menubar ul {text-align: center;  margin: 0px; padding: 8px 0px;}

#menubar li {
	display: inline;
	margin: 0px 20px;
	}

/* ------------- */
#submenubar {
	color: #FFF;
	line-height: 0px; /* with borders specified, this needs to be 0px.  Without borders, this needs to be 30px; */
	text-align: left;
	padding: 1px 0px;
	}

#submenubar a  { font-family: Arial, Verdana, Helvetica; font-size: 8pt; color: #fff; text-decoration: none; font-weight: normal;}
#submenubar a:hover    { color: #fff; text-decoration: underline;}

#submenubar ul {text-align: center; margin:10px 0px;}

#submenubar li {
	display: inline;
	margin: 0px 20px;
	}

#websitedevelopmentpage #submenubar {background: #4b4b4b;}
#computersupportpage #submenubar {background: #2e323e;}
#onlinemarketingpage #submenubar {background: #272e27;}
#toolsanddownloadspage #submenubar {background: #60150d;}

/* ------------- */

#contentarea { /* don't know why, but this needs to come before contentareawrap sections - 20080113 */
	padding: 0px;
	overflow: auto;
	margin: 0px ;
	margin-top: 5px;
	}

#contentarea div {background-color: #e1792d;}


#contentareawrap {
	margin-top: 5px;
	padding-top: 0px;
	/* background: #fff; */  /* If I turn this off, you see the orange behind it from the bg color */
	}

#homepage #contentareawrap {
	margin-top: 0px;
	padding-top: 0px;
	background: none;
	border: solid red 0px;
	}

#subfooter {
	width: 915px;
	color: #444;
	padding: 20px 0px 36px 0px;
	margin: 0px auto 20px auto;
	text-align: center;
	line-height: 1.2em;
	}

#subfooter a {font-size: 10px; color: #444;}
#subfooter a:link {text-decoration: underline;}
#subfooter a:visited {text-decoration: underline;}
#subfooter a:hover {color: #999; text-decoration: underline;}

#subfooter #spanright {
	float: right;
	margin: 0px;
	padding-right: 10px;
	font-size: 10px;
	color: #444;
	}

#homepage #homelink,
#computersupportpage #computersupportlink,
#websitedevelopmentpage #websitedevelopmentlink,
#onlinemarketingpage #onlinemarketinglink,
#toolsanddownloadspage #toolsanddownloadslink,
#remotesupportpage #remotesupportlink,
#aboutuspage #aboutuslink
{text-decoration: underline; color: #16244a;}

.aboutus #about-us-link,
.backupsolutions #backup-solutions-link,
.backupsolutions #backup-solutions-link2,
.computermaintenancediy #computer-maintenance-diy-link,
.computersupport #computer-support-link,
.computersupport #computer-support-link2,
.consultingandmaintenance #consulting-and-maintenance-link,
.consultingandmaintenance #consulting-and-maintenance-link2,
.contactform #contact-link,
.datarecovery #data-recovery-link,
.domainnames #domain-names-link,
.domainnames #domain-names-link2,
.ecommerce #ecommerce-link,
.ecommerce #ecommerce-link2,
.emailclientsettings #email-client-settings-link,
.emailsupport #email-support-link,
.getaquote #get-a-quote-link,
.legal #legal-link,
.mailinglist #mailing-list-link,
.maintenanceplans #maintenance-plans-link,
.networkingservices #networking-services-link,
.networkingservices #networking-services-link2,
.newsletter #newsletter-link,
.onlinemarketing #online-marketing-link,
.paybill #pay-bill-link,
.portfolio #portfolio-link,
.portfolio #portfolio-link2,
.portfolioupcoming #portfolio-upcoming-link,
.portfolioupcoming #portfolio-upcoming-link2,
.remotesupport #remote-support-link,
.requestservice #request-service-link,
.requestservice #request-service-link2,
.scheduleservice #schedule-service-link,
.sitemap #sitemap-link,
.supporttools #support-tools-link,
.seoandmarketing #seo-and-marketing-link,
.seoandmarketing #seo-and-marketing-link2,
.seoreviewrecommendation #seo-review-recommendation-link,
.seosuccessstories #seo-success-stories-link,
.seoselfhelp #seo-self-help-link,
.toolsanddownloads #tools-and-downloads-link,
.techsupportandrepair #tech-support-and-repair-link,
.techsupportandrepair #tech-support-and-repair-link2,
.uploads #uploads-link,
.vendorlinks #vendor-links-link,
.vpnsolutions #vpn-solutions-link,
.webmail #webmail-link,
.websitehosting #website-hosting-link,
.websitehosting #website-hosting-link2,
.websitedevelopment #website-development-link,
.websitedevelopment #website-development-link2,
.websiteredesign #website-redesign-link,
.whatisseo #what-is-seo-link,
.wirelessnetworking #wireless-networking-link,
.xhtmlcss #xhtml-css-link
{text-decoration: underline;}

#contentarea p {
	font-size: 14px;
	letter-spacing: 0px;
	word-spacing: 2px;
	line-height: 20px;
	}

div#quarter1 p, div#quarter2 p, div#quarter4 p {
	font-size: 14px;
	letter-spacing: 0px;
	word-spacing: 2px;
	line-height: 20px;
	}

.contentheader {
/* float: left */
	padding: 10px 0px 20px 0px;
	clear: right;
	border: solid green 0px;
	margin-bottom: 0px;
	}

#contentarea p  {
	/* clear: both; */
	margin-top: 0px;
	}

#homepage #contentarea p  {
	clear: none;
	}

#homepage .homecontentheader {
	float: left;
	margin-top: 30px;
	}

#homepage .collage {
	float: right;
	margin-right: -25px;
	margin-top: 20px;
	margin-left: 15px;
	}

#contactpage #formarea {
	float: right;
	margin-top: 70px;
	margin-right: 10px;
	}

#contactpage #contentarea p {
	clear: left;
	margin-right: 400px;
	}

.clear { height: 1%; clear: both; margin: 0; padding: 0;}

.wide {width: 133px; height: 106px;}
.tall {width: 116px; height: 106px;}


/*  ----------------------------------------  */
/*      Home / Computer Support Div
/*  ----------------------------------------  */

#homepage #computersupport {
	background: url(computersupport.jpg) top left;
	margin-top: 0px;
	width: 300px;
	height: 240px;
	float: left;
	color: #fff;
	}

#homepage #computersupport h1 {
	margin-top: 20px;
	color: #fff;
	display: none;
	}

#homepage #computersupport p {
	/* color: #fff;
	padding-left: 15px; */ /* repeated */
	margin-top: 80px;
	}

#computersupport p { /* this affects homepage but not subpages (defined below) */
	color: #fff;
	padding-left: 15px;
	margin-top: 15px;
	}

/*  ----------------------------------------  */
/*      Home / Website Development Div
/*  ----------------------------------------  */

#homepage #websitedevelopment {
	background: url(websitedevelopment-.jpg) top left;
	width: 307px; /* should be 310 but IE6 forces the page down when it's set at 310 */
	height: 238px;
	float: right;
	color: #fff;
	color: #000;
	background: #cacccd;
	border: solid 1px #ddd;
	}

#homepage #websitedevelopment a {color: #000;}

#homepage #websitedevelopment h1 {
	display: none;
	color: #fff;
	margin-top: 20px;
	padding-left: 15px;
	}

#homepage #websitedevelopment p {
	/* color: #fff; 
	padding-left: 15px; */  /* Repeated */
	margin-top: 60px;
	margin-bottom: 0px;
	}

#websitedevelopment p { /* this affects homepage but not subpages (defined below) */
	color: #fff;
	margin-top: 15px;
	padding-left: 15px;
	}

#contentarea a {
	color: #fff;
	text-decoration: none;
	}

#contentarea a:hover {
	color: #fff;
	text-decoration: underline;
	}

#homepage #indexbottomarea {padding-top: 0px; margin-top: 0px; border: solid 0px orange; border-top: solid 0px orange;}

#homepage #indexbottomarea #quarters {color: #333; background: #e1792d; background: url(endecombgfadedarker.jpg) top left repeat-x #f3f3f3;	background-color: #f0ede8;
	}


#homepage #indexbottomarea h1 {text-align: left; color: #333; font-size: 18px; font-weight: bold; margin-top: 20px;}

#homepage #indexbottomarea p {text-align: left; margin: 15px 0px; color: #333; padding-left: 5px;}

div#quarter1 {float: left; padding: 0px 14px 10px 14px; width: 570px; border-right: dashed 1px #ccc; }

div#quarter4 {float: right; padding: 0px 14px 10px 14px; width: 280px;}

#homepage #indexbottomarea #quarters #quarter4 p {padding-left: 0px;}

div#remotesupport,
div#toolsanddownloads, 
div#aboutus {
	width: 690px;
	float: left;
	border: solid 1px #ccc;
	background: url(fadedbg.jpg) repeat-x;
	background: url(endecombgfadedarker.jpg) repeat-x;
	background-color: #f3f3f3;
	background-color: #f0ede8;
	}

#computersupportpage #computersupport {
	background: none;
	width: 690px;
	float: left;
	border: solid 1px #ccc;
	background: url(fadedbg.jpg) repeat-x;
	background: url(endecombgfadedarker.jpg) repeat-x;
	background-color: #f3f3f3;
	background-color: #f0ede8;
	}

#websitedevelopmentpage #websitedevelopment {
	background: none;
	width: 690px;
	float: left;
	border: solid 1px #ccc;
	background: url(fadedbg.jpg) repeat-x;
	background: url(endecombgfadedarker.jpg) repeat-x;
	background-color: #f3f3f3;
	background-color: #f0ede8;
	}

#onlinemarketingpage #onlinemarketing {
	background: none;
	width: 690px;
	float: left;
	border: solid 1px #ccc;
	background: url(fadedbg.jpg) repeat-x;
	background-color: #fff;
	}

#websitedevelopmentpage #websitedevelopment h1,
#computersupportpage #computersupport h1,
#onlinemarketingpage #onlinemarketing h1,
div#sidebar h1,
div#sidebar2 h1,
div#remotesupport h1,
div#toolsanddownloads h1, 
div#aboutus h1 {
	color: #333;
	padding: 5px 15px;
	}

#websitedevelopmentpage #websitedevelopment h2,
#computersupportpage #computersupport h2,
#onlinemarketingpage #onlinemarketing h2,
div#sidebar h2,
div#sidebar2 h2,
div#remotesupport h2,
div#aboutus h2,
div#toolsanddownloads h2 {
	color: #333;
	padding: 0px 15px;
	}

#websitedevelopmentpage #websitedevelopment h3,
#computersupportpage #computersupport h3,
#onlinemarketingpage #onlinemarketing h3,
div#sidebar h3,
div#sidebar2 h3,
div#remotesupport h3,
div#aboutus h3,
div#toolsanddownloads h3 {
	color: #333;
	padding: 0px 15px;
	font-size: 1.6em;
	}

#websitedevelopmentpage #websitedevelopment h4 {
	color: #333;
	padding: 0px 15px;
	font-size: 1.3em;
	}

#websitedevelopmentpage #websitedevelopment p,
#computersupportpage #computersupport p,
#onlinemarketingpage #onlinemarketing p,
div#sidebar p,
div#sidebar2 p,
div#remotesupport p,
div#toolsanddownloads p,
div#aboutus p {
	padding: 0px 30px; 
	padding: 0px 15px; 
	color: #333;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	}

#websitedevelopmentpage #websitedevelopment li
#computersupportpage #computersupport li,
#onlinemarketingpage #onlinemarketing li {
	color: #333;
	}

#websitedevelopmentpage #websitedevelopment a,
#computersupportpage #computersupport a,
#onlinemarketingpage #onlinemarketing a,
div#sidebar a,
div#sidebar2 a,
div#remotesupport a,
div#aboutus a,
div#toolsanddownloads a {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #8bf;
	color: #e1792d;
	color: #274591;
	text-decoration: underline;
	}

div#sidebar a {text-decoration: none;}
div#sidebar2 a {text-decoration: none;}

#websitedevelopmentpage #websitedevelopment a:hover,
#computersupportpage #computersupport a:hover,
#onlinemarketingpage #onlinemarketing a:hover,
div#sidebar a:hover,
div#sidebar2 a:hover,
div#remotesupport a:hover,
div#aboutus a:hover,
div#toolsanddownloads a:hover {
	color: #aaa;
	text-decoration: underline;
	}

div#aboutus ul {list-style: none; line-height:1.4em; font-size: 14px;}

#toolsanddownloads .title {font-weight: bold; text-decoration: underline;}

div#sidebar {color: #333; margin-left: 700px; padding: 5px 20px 30px 20px; border-top: solid 1px #ccc;border: solid 1px #ccc;text-align: right; 	background: url(fadedbg.jpg) repeat-x; background-color: #fff;	background: url(endecombgfadedarker.jpg) repeat-x;
	background-color: #f3f3f3;	background-color: #f0ede8;
	}

div#sidebar ul {list-style: none; line-height:1.4em; font-size: 14px; padding-top: 30px;}
div#sidebar {line-height: 1.5em;}

div#sidebar2 {color: #333; margin-left: 700px; padding: 5px 20px 30px 20px; border-top: solid 1px #ccc;border: solid 1px #ccc;text-align: right; 	background: url(fadedbg.jpg) repeat-x; background-color: #fff; margin-top: 10px;	background: url(endecombgfadedarker.jpg) repeat-x;
	background-color: #f3f3f3;
	background-color: #f0ede8;
	}
div#sidebar2 ul {list-style: none; line-height:1.4em; font-size: 14px; padding-top: 30px;}


table {margin-right: 15px;}
td {vertical-align: top; padding-top: 5px;}

#websitedevelopmentpage .theprocess {padding-left: 15px;}

#computersupportpage div#attention {height: 340px;  background: url(attention-large-computers.jpg); background-color: #1d212d; margin-top: 5px;}
#computersupportpage div#attention-small {height: 100px; background: #1d212d; margin-top: 5px;}
#computersupportpage div#attention h1 {color: #f47b22; margin: 20px 0px 0px 20px;}
#computersupportpage div#attention p {color: #dbd9d9; font-size: 14px; line-height: 1.2em; margin: 15px 350px 0px 20px;}

#websitedevelopmentpage div#attention {height: 340px; background: url(attention-large-websites.jpg); background-color: #424242; margin-top: 5px;}
#websitedevelopmentpage div#attention-small {height: 100px; background: #424242; margin-top: 5px;}

#onlinemarketingpage div#attention {height: 340px; background: url(attention-large-marketing.jpg); background-color: #1a221b; margin-top: 5px;}
#onlinemarketingpage div#attention-small {height: 100px; background: #1a221b; margin-top: 5px;}

#homepage div#attention {height: 200px; /* max 256 */ background: url(midsection.jpg); background-color: #eeeae2; margin-top: 4px;}
#homepage div#attention-small {height: 100px; background: #101010; margin-top: 5px;}



#homepage #newcontents {
	background: url(main-topbg.jpg);
	width: 600px;
	height: 240px;
	float: left;
	color: #111133;
	}

#homepage #newcontents p{
color: #111133;
}

#toolsanddownloadspage #toolsanddownloads h2.notfirst {margin-top: 40px;}