@charset "utf-8";
body {
	margin: 0px;
	padding: 0px;
	background-image: url(images/backg_top.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #242526;
}
#wrapper {
	width: 771px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#nav_list li {
	display: inline;
	list-style-type: none;
}
#nav_list {
	margin: 0px;
	padding: 0px;
}

.clear {
	clear: both;
}
p {
	line-height: 1.3em;
}

#services_link a  {
	height: 67px;
	width: 171px;
	background-image: url(images/services_b.gif);
	display: block;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.services_page  #services_link span {
	background-image: url(images/page_indicator.gif);
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 500;
	display: block;
	margin-left: 22px;
}

.web_design_page  #web_link span {
	background-image: url(images/page_indicator.gif);
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 500;
	display: block;
	margin-left: 10px;
}

.about_page #about_link span {
	background-image: url(images/page_indicator.gif);
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 500;
	display: block;
	margin-left: 10px;
	width: 100px;
}
.contact_page #contact_link span {
	background-image: url(images/page_indicator.gif);
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 500;
	display: block;
	margin-left: 12px;
	width: 116px;
}
.sales_page #sales_link span {
	background-image: url(images/page_indicator.gif);
	background-repeat: repeat-x;
	background-position: center top;
	z-index: 500;
	display: block;
	margin-left: 14px;
	width: 150px;
}

#services_link a:hover {
	background-image: url(images/services_o.gif);
	background-repeat: no-repeat;
}

#services_link {
	float: left;
}
#sales_link a  {
	background-image: url(images/sales_b.gif);
	background-repeat: no-repeat;
	display: block;
	height: 67px;
	width: 168px;
	text-indent: -9999px;
}
#sales_link a:hover {
	background-image: url(images/sales_o.gif);
	background-repeat: no-repeat;
}

#sales_link {
	float: left;
}
#web_link a {
	background-image: url(images/web_b.gif);
	background-repeat: no-repeat;
	display: block;
	height: 67px;
	width: 140px;
	text-indent: -9999px;
}
#web_link a:hover {
	background-image: url(images/web_o.gif);
	background-repeat: no-repeat;
}

#web_link {
	float: left;
}
#about_link a {
	background-image: url(images/about_b.gif);
	background-repeat: no-repeat;
	display: block;
	height: 67px;
	width: 117px;
	text-indent: -9999px;
}
#about_link a:hover {
	background-image: url(images/about_o.gif);
	background-repeat: no-repeat;
}

#about_link {
	float: left;
}
#contact_link a {
	background-image: url(images/contact_b.gif);
	background-repeat: no-repeat;
	display: block;
	height: 67px;
	width: 175px;
	text-indent: -9999px;
}
#contact_link a:hover {
	background-image: url(images/contact_o.gif);
	background-repeat: no-repeat;
}
#contact_link {
	float: left;
}
.home_page h1 {
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
}
#branding {
	background-image: url(images/branding_home.gif);
	height: 337px;
	width: 771px;
}
#branding_list  {
	list-style-type: none;
	padding: 0px;
	text-align: center;
	margin-top: 123px;
	margin-left: -465px;
}
#branding_list a  {
	text-decoration: none;
	color: #023d69;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
}
#branding_list a:hover  {
	color: #FFFFFF;
	background-color: #2C82B4;
	padding-right: 5px;
	padding-left: 5px;
}
#branding_list li  {
	margin-bottom: 11px;
}
.services_page #branding a, .web_design_page #branding a, .about_page #branding a, .contact_page #branding a, .sales_page #branding a {
	height: 100px;
	width: 260px;
	display: block;
	float: left;
	margin-top: 32px;
	margin-left: 20px;
	text-indent: -9999px;
}

#main_content {
	float: left;
	width: 420px;
}
#secondary_content {
	float: right;
	width: 345px;
}
#welcome {
	width: 400px;
}
#welcome h2 {
	background-image: url(images/welcome_head.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 36px;
	width: 387px;
	margin-bottom: -10px;
}
#welcome p, #services_overview p, #service_plans_main p, #tech_support_overview p, #backup_solutions_overview p, #web_overview p, #print_overview p, #about_overview p, #mission_overview p, #service_area p, #contact_overview p, #come_visit p, #sales_overview p, #desktop_computers p, #laptop_computers p {
	padding-left: 15px;
	padding-right: 14px;
}

#news h2 {
	background-image: url(images/news_head.gif);
	text-indent: -9999px;
	height: 36px;
	width: 387px;
	margin-top: 40px;
}
.news_date   {
	float: left;
	display: block;
	margin-left: 10px;
	background-image: url(images/grey_bullet.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	color: #135d8d;
	font-size: 12px;
	font-weight: normal;
	width: 70px;
}
.news_copy {
	float: right;
	width: 395px;
	margin-bottom: 30px;
}

.news_copy2 {
	float: right;
	width: 395px;
	margin-top: 30px;
}

#news h4 {
	font-size: 12px;
	font-weight: bold;
	color: #135d8d;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 18px;
	margin-left: 0px;
}
#news p {
	margin-top: -16px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-right: 25px;
}
#news a {
	color: #242526;
	text-decoration: none;
	font-style: oblique;
	font-size: 12px;
}
#news a:hover {
	color: #000099;
	text-decoration: underline;
}

#news h5 {
	padding: 0px;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#featured h2 {
	background-image: url(images/featured_head.gif);
	text-indent: -9999px;
	height: 36px;
	width: 346px;
}
#featured_list {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#techsupport_icon, #backup_icon, #web_icon, #sales_icon, #training_icon {
	float: left;
	width: 70px;
}
#techsupport_copy, #backup_copy, #web_copy, #sales_copy, #training_copy {
	float: right;
	width: 270px;
}
#featured_list h3 a {
	text-decoration: none;
	color: #135d8d;
	font-size: 15px;
	font-weight: normal;
}
#featured_list li {
	margin-bottom: 25px;
}
#featured_list h3 a:hover {
	color: #0000CC;
	text-decoration: underline;
}

#featured_list h3 {
	margin-top: -3px;
}

#featured_list p {
	font-size: 12px;
	margin-top: -17px;
}
.services_page h1, .web_design_page h1, .about_page h1, .contact_page h1, .sales_page h1 {
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
}
.services_page #branding {
	background-image: url(images/branding_services.gif);
	height: 176px;
	width: 771px;
}

.web_design_page #branding {
	background-image: url(images/branding_web.gif);
	height: 176px;
	width: 771px;
}
.about_page #branding {
	background-image: url(images/branding_about.gif);
	height: 176px;
	width: 771px;
}
.contact_page #branding {
	background-image: url(images/branding_contact.gif);
	height: 176px;
	width: 771px;
}
.sales_page #branding {
	background-image: url(images/branding_sales.gif);
	height: 176px;
	width: 771px;
}
#services_overview h2 {
	background-image: url(images/services_overview_head.gif);
	background-repeat: no-repeat;
	height: 36px;
	width: 387px;
	text-indent: -9999px;
	margin-bottom: -10px;
}
#service_plans_main h2 {
	background-image: url(images/service_plans_head.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 36px;
	width: 387px;
	margin-bottom: -10px;
}
#services_overview  img, #tech_support_overview img, #contact_overview img, #about_overview img, #backup_solutions_overview img, #web_overview img, #sales_overview img {
	float: left;
	margin-right: 8px;
	margin-bottom: 3px;
}
#service_plans_main p {
	font-size: 12px;
	line-height: 1.4em;
}
#services_glance h2 {
	background-image: url(images/services_glance_head.gif);
	background-repeat: no-repeat;
	height: 36px;
	width: 346px;
	text-indent: -9999px;
}
#tech_support_overview h2 {
	background-image: url(images/tech_support_head.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 36px;
	width: 387px;
	margin-bottom: -10px;
}
#support_list {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
}
#support_list li {
	background-image: url(images/grey_bullet.gif);
	background-repeat: no-repeat;
	padding-left: 19px;
	margin-bottom: 15px;
}
#service_plans_sidebar h2 {
	background-image: url(images/service_plans_sidebar_head.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 36px;
	width: 346px;
	margin-bottom: -10px;
}
#service_plans_sidebar {
	font-size: 12px;
}
#service_plans_sidebar p {
	padding-left: 14px;
}
#need_service h2 {
	background-image: url(images/need_service_head.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 36px;
	width: 346px;
	margin-bottom: -10px;
}
#need_service p {
	padding-left: 14px;
}
.contact_list {
	list-style-type: none;
}
.contact_list a {
	text-decoration: none;
	color: #135d8d;
}
.contact_list a:hover {
	color: #000099;
	text-decoration: none;
}
#need_service {
	margin-bottom: 40px;
}
#tech_support_overview p, #services_overview p, #service_plans_main p {
	padding-right: 15px;
}

.header_copy   {
	float: right;
	width: 400px;
	margin-right: 20px;
	margin-top: 10px;
}
#training_copy  p a {
	text-decoration: none;
	font-size: 12px;
	font-style: oblique;
	color: #2c5773;
}
#training_copy  p a:hover {
	color: #000099;
	text-decoration: underline;
}
#backup_solutions_overview h2 {
	background-image: url(images/backup_overview_head.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 36px;
	width: 387px;
	margin-bottom: -10px;
}
#did_you_know h2 {
	background-image: url(images/did_you_know_head.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 36px;
	width: 346px;
	margin-bottom: 8px;
}
#backup_list {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#backup_list li {
	background-image: url(images/grey_bullet.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-left: 14px;
	margin-bottom: 18px;
}
#backup_services_list li {
	margin-bottom: 10px;
}
#web_overview h2 {
	background-image: url(images/web_overview_head.gif);
	text-indent: -9999px;
	height: 36px;
	width: 387px;
	margin-bottom: -10px;
	background-repeat: no-repeat;
}
#print_overview h2 {
	background-image: url(images/print_overview_head.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 36px;
	width: 387px;
	margin-bottom: -10px;
}
#web_gallery h2 {
	background-image: url(images/web_gallery_head.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 36px;
	width: 346px;
}
#gallery_list {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#gallery_list li {
	margin-bottom: 25px;
}

.gallery_tn {
	float: left;
	width: 125px;
}
.gallery_copy {
	float: left;
	width: 217px;
}
.gallery_copy  h3 a {
	margin: 0px;
	padding: 0px;
	font-variant: normal;
	color: #135d8d;
	text-decoration: none;
	font-size: 14px;
}
.gallery_copy h3 a:hover {
	color: #000099;
	text-decoration: underline;
}


.gallery_copy h3 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -12px;
	margin-left: 0px;
}
.gallery_copy p a {
	text-decoration: none;
	color: #135D8D;
	font-style: oblique;
}
.gallery_copy p a:hover {
	color: #000099;
	text-decoration: underline;
}

#footer {
	background-color: #232d30;
	height: 80px;
	width: 100%;
	margin-top: 35px;
}
#about_overview h2 {
	background-image: url(images/about_cdocs_head.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 36px;
	width: 387px;
	margin-bottom: -10px;
}
#mission_overview h2 {
	background-image: url(images/mission_head.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 36px;
	width: 387px;
	margin-bottom: -10px;
}
#mission_overview  h3 {
	color: #135d8d;
	font-size: 12px;
	margin-left: 15px;
	margin-bottom: -10px;
	margin-top: 20px;
}
#service_area h3 {
	color: #135d8d;
	font-size: 12px;
	margin-bottom: -13px;
	margin-top: 20px;
	margin-left: 15px;
}
#news_sidebar h2 {
	background-image: url(images/news_head2.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 36px;
	width: 346px;
}
#news_sidebar {
	margin-top: 40px;
}

#mission_overview a {
	text-decoration: none;
	color: #135d8d;
	font-style: oblique;
}

#mission_overview a:hover {
	color: #000099;
	text-decoration: underline;
}
#service_area h2 {
	background-image: url(images/service_area_head.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 36px;
	width: 346px;
	margin-bottom: -10px;
}
#contact_overview h2 {
	background-image: url(images/contact_overview_head.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 36px;
	width: 387px;
	margin-bottom: -10px;
}
.contact_list  span {
	font-weight: bold;
}
#contact_overview {
	margin-bottom: 120px;
}
#come_visit h2 {
	background-image: url(images/visit_head.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 36px;
	width: 347px;
}
#sales_overview h2 {
	background-image: url(images/sales_overview_head.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 36px;
	width: 387px;
	margin-bottom: -10px;
}
#sales_overview h3 {
	font-size: 14px;
	color: #135d8d;
	margin-left: 15px;
	margin-bottom: -10px;
}
#desktop_computers h2 {
	background-image: url(images/desktop_head.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 36px;
	width: 347px;
	margin-bottom: -10px;
}
#laptop_computers h2 {
	background-image: url(images/laptop_head.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 36px;
	width: 347px;
	margin-bottom: -10px;
}
.computer_list {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
}
#desktop_computers {
	margin-bottom: 40px;
}
#desktop_computers img, #laptop_computers img {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}

.computer_list h3 {
	color: #135d8d;
	font-size: 14px;
	margin-left: 15px;
	margin-bottom: -12px;
}
#footer_shell {
	height: 80px;
	width: 771px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#footer_shell p {
	color: #FFFFFF;
	font-size: 10px;
	float: right;
	margin-top: -46px;
	margin-right: 15px;
}
#footer_contact {
	color: #FFFFFF;
	list-style-type: none;
	font-size: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}