/* CSS Styles based on body ID */
body#home {	background-image: url(../_images/homepage/bg_body_home.jpg);}
body#company { background-image: url(../_images/company/bg_body_hm2.jpg);}
body#services {	background-image: url(../_images/services/body_bg_home.jpg);}
body#services.analysis{	background-image: url(../_images/services/body_bg_analysis.jpg);}
body#services.design{ background-image: url(../_images/services/serv_bg.jpg);}
body#services.development { background-image: url(../_images/services/body_bg_development.jpg);}
body#services.marketing { background-image: url(../_images/services/body_bg_hosting.jpg);}
body#portfolio { background-image: url(../_images/portfolio/body_bg_portfolio_home.jpg);}
body#contact { background-image: url(../_images/contact/bg.jpg);}
body#casestudies { background-image: url(../_images/portfolio/case_bg.jpg);}

/* Masthead Images and sizes */	
body#home #masthead {
	background-image: url(../_images/homepage/header_home.jpg);
	background-color: #4285CC;
	height: 318px;
	width: 760px;
}
body#company #masthead {
	background-image: url(../_images/company/header_company_hm.jpg);
	background-color: #79B5BF;
	height: 266px;
	width: 760px;
}
body#services #masthead {
	background-image: url(../_images/services/header_development_home.jpg);
	background-color: #848C03;
	height: 266px;
	width: 760px;
}
body#services.analysis #masthead {
	background-image: url(../_images/services/header_analysis.jpg);
	background-color: #ACC59D;
	height: 152px;
	width: 760px;
}
body#services.design #masthead {
	background-image: url(../_images/services/header_design.jpg);
	background-color: #5B4919;
	height: 152px;
	width: 760px;
}
body#services.development #masthead {
	background-image: url(../_images/services/header_development_sec.jpg);
	background-color: #253A4D;
	height: 152px;
	width: 760px;
}
body#services.marketing #masthead {
	background-image: url(../_images/services/header_market.jpg);
	background-color: #212320;
	height: 152px;
	width: 760px;
}
body#portfolio #masthead {
	background-image: url(../_images/portfolio/header_portfolio_home.jpg);
	background-color: #4c6270;
	height: 266px;
	width: 760px;
}
body#casestudies #masthead {
	background-image: url(../_images/portfolio/header_portfolio_sec.jpg);
	background-color: #513213;
	height: 152px;
	width: 760px;
}
body#contact #masthead {
	background-image: url(../_images/contact/header_contact.jpg);
	background-color: #F2B21C;
	height: 266px;
	width: 760px;
}

/* Digithink Logo Block */
body#home h1#digithink { left: 44px; }
body#company h1#digithink,
body#services h1#digithink,
body#portfolio h1#digithink,
body#casestudies h1#digithink,
body#contact h1#digithink { left: 30px }

body#home h1#digithink a img.home { width: 185px; height: 78px; }
body#company h1#digithink a img.home,
body#services h1#digithink a img.home,
body#portfolio h1#digithink a img.home,
body#casestudies h1#digithink a img.home,
body#contact h1#digithink a img.home { width: 146px; height: 45px; }

/* Top Navigation */
body#home ul#mainnav li a { color: #fff; border-bottom-color: #fff; }
body#home ul#mainnav li a#n_home {color: #ccc; border-bottom: none; }
body#company ul#mainnav li a { color: #000; border-bottom-color: #000; }
body#company ul#mainnav li a#n_company {color: #114E9E; border-bottom: none; }
body#services ul#mainnav li a { color: #ADA455; border-bottom-color: #ADA455; }
body#services.analysis ul#mainnav li a { color: #4F6B3F; border-bottom-color: #D8D5C2; }
body#services.marketing ul#mainnav li a { color: #C0CECA; border-bottom-color: #C0CECA; }
body#services.design ul#mainnav li a { color: #D8D5C2; border-bottom-color: #000; }
body#services.development ul#mainnav li a { color: #ccc; border-bottom-color: #ccc; }
body#services ul#mainnav li a#n_services {color: #fff; border-bottom: none; }
body#portfolio ul#mainnav li a { color: #fff; border-bottom-color: #fff; }
body#portfolio ul#mainnav li a#n_portfolio {color: #99CCCC; border-bottom: none;}
body#casestudies ul#mainnav li a { color: #fff; border-bottom-color: #fff; }
body#casestudies ul#mainnav li a#n_portfolio {color: #CCCC99; border-bottom: none;}
body#contact ul#mainnav li a { color: #fff; border-bottom-color: #fff; }
body#contact ul#mainnav li a#n_contact {color: #f2bd19; border-bottom: none;}

/* Color Block at top of content */
body#home #content { border-top: 13px solid #efefef; }
body#company #content { border-top: 13px solid #f0f0f0; }
body#services #content,
body#portfolio #content{ border-top: 13px solid #ebebe9; }
body#casestudies #content{ border-top: 13px solid #F0EDE8; }
body#contact #content { border-top: 13px solid #F8E7CB; }
body#services.analysis #content { border-top: 13px solid #E1ECDC; }
body#services.marketing #content { border-top: 13px solid #ebebe9; }

/* Columns on a page basis */
body#services .quarter,
body#porftolio .quarter { height: 180px }
body#contact #content { padding-left: 70px; }

/* Header colors */
body#services h4 { color: #4B650C; }
body#services.marketing h4,
body#services.development h4 { color: #60789F; }
body#contact h3 { color: #000; }

/* Misc */
body#contact form #submit { 
	height: 26px;
	width: 50px;
	background-image: url(../_images/contact/go.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: 15px;
	float: left;
}
body#casestudies h4 {
	font-size: 1.3em;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0.2em;
}
body#contact li#form_inputs input#submit.off { background-position: 0 0; }
body#contact li#form_inputs input#submit.on { background-position: 0 -26px; }
#form_inputs .highlight { float: left; padding: 2px; margin: 15px 10px 0 0; line-height: 20px; position: relative; }
body#contact form span.highlight a, 
body#contact form span.highlight a:link,
body#contact form span.highlight a:visited { font-size: 1em; color: #000; }
body#contact form span.highlight a:hover { color: #f00; }
span.required { 
	background-image: url(../_images/contact/required.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	position: absolute;
	top: -12px;
	left: -2px;
	text-indent: -1000em;
	width: 13px;
	height: 12px;
}
span.rules {
	position: absolute;
	top: -16px;
	left: 10px;
	z-index: 20;
}
#form_inputs span.highlight input,
#form_inputs span.highlight select { 
	width: 150px;
	border: 1px solid #aaa;
	padding: 2px;
	color: #666;
	font-weight: normal;
	font-size: 1em;
}
#form_inputs span.highlight textarea {
	font-size: 1em;
	color: #666;
	border: 1px solid #aaa;
	width: 41em;
}
#form_inputs { padding-left: 0px; }
body#contact #form_inputs { padding-left: 50px }
#form_inputs span.highlight select { width: 156px; }
#form_inputs img { margin-left: -50px !important; }
#form_inputs label { display: none; }


/* Newsletter */
h1.newsletter {
	width: 87px;
	height:22px;
	background-image:url(../_images/newsletter/hading_diginews.gif);
	margin: 30px 0 10px 0;
}
h1.newsletter span{margin-left:-9999px;}
.newsletter_content {margin: 0 10px 0 0;}
li.signmeup {margin-left:51px;}
form#nl_form #submit { 
	background-image: url(../_images/newsletter/go2.gif) !important;
	height: 26px;
	width: 50px;	
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: 15px;
	float: left;
}
form#nl_form #submit.off { background-position: 0 0; }
form#nl_form #submit.on { background-position: 0 -26px; }

/* Careers */
h1.careers {
	width: 87px;
	height:22px;
	background-image:url(../_images/careers/careers.gif);
	margin: 30px 0 10px 0;
}
h1.careers span{margin-left:-9999px;}
.careers_content {margin: 0 10px 0 0;}
body#home h4 { margin-bottom: 0.5em; }
body#home h3.dotted { margin-top: 0.5em; }