/* ---- IMPORT STYLES ----- */

@import url(content.css);

/* ---- BODY STYLES ----- */

body, html {
	background: #fff url(../images/pctailor/bg.gif) top left repeat-x;
	margin: 0;
	padding: 0;
	height: 100%;
}

/* - NAVIGATION STYLES - */

#navigation {
	margin: 0 0 10px 0;
	width: 134px;
	height: 170px;
	background: #fff;
	padding: 0;
	position: relative;
}

#navigation li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	top: 0;
}

#navigation li, #navigation a {
	width: 134px;
	height: 34px;
	display: block;
	font: normal 14px/34px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-indent: 28px;
	text-transform: uppercase;
	color: #3a3a3a;
}

#nav_home {background: transparent url(../images/nav/nav_home.gif) left top no-repeat; }
#nav_home a:hover {background: transparent url(../images/nav/nav_home_off.gif) left top no-repeat; }
#nav_home a:visited:hover {background: transparent url(../images/nav/nav_home_off.gif) left top no-repeat; }
#nav_home_selected {background: transparent url(../images/nav/nav_home_off.gif) left top no-repeat; }

#nav_about {background: transparent url(../images/nav/nav_about.gif) left top no-repeat; }
#nav_about a:hover {background: transparent url(../images/nav/nav_about_off.gif) left top no-repeat; }
#nav_about a:visited:hover {background: transparent url(../images/nav/nav_about_off.gif) left top no-repeat; }
#nav_about_selected {background: transparent url(../images/nav/nav_about_off.gif) left top no-repeat; }

#nav_services {background: transparent url(../images/nav/nav_services.gif) left top no-repeat; }
#nav_services a:hover {background: transparent url(../images/nav/nav_services_off.gif) left top no-repeat; }
#nav_services a:visited:hover {background: transparent url(../images/nav/nav_services_off.gif) left top no-repeat; }
#nav_services_selected {background: transparent url(../images/nav/nav_services_off.gif) left top no-repeat; }

#nav_testimonials {background: transparent url(../images/nav/nav_testimonials.gif) left top no-repeat; }
#nav_testimonials a:hover {background: transparent url(../images/nav/nav_testimonials_off.gif) left top no-repeat; }
#nav_testimonials a:visited:hover {background: transparent url(../images/nav/nav_testimonials_off.gif) left top no-repeat; }
#nav_testimonials_selected {background: transparent url(../images/nav/nav_testimonials_off.gif) left top no-repeat; }

#nav_contact {background: transparent url(../images/nav/nav_contact.gif) left top no-repeat; }
#nav_contact a:hover {background: transparent url(../images/nav/nav_contact_off.gif) left top no-repeat; }
#nav_contact a:visited:hover {background: transparent url(../images/nav/nav_contact_off.gif) left top no-repeat; }
#nav_contact_selected {background: transparent url(../images/nav/nav_contact_off.gif) left top no-repeat; }

/* - TOP NAVIGATION STYLES - */

#navtop {
	position: absolute;
	margin: 31px 0 0 620px;
	width: 142px;
	height: 14px;
}

a#navtop_sitemap {
	position: absolute;
	display: block;
	width: 61px;
	height: 14px;
	background: transparent url(../images/nav/navtop_sitemap.gif) top left no-repeat;
}

a#navtop_sitemap:hover {
	background: transparent url(../images/nav/navtop_sitemap_off.gif) top left no-repeat;
}

a#navtop_sitemap_selected {
	position: absolute;
	display: block;
	width: 61px;
	height: 14px;
	background: transparent url(../images/nav/navtop_sitemap_off.gif) top left no-repeat;
}

a#navtop_contact {
	position: absolute;
	margin: 0 0 0 78px;
	display: block;
	width: 61px;
	height: 14px;
	background: transparent url(../images/nav/navtop_contact.gif) top left no-repeat;
}

a#navtop_contact:hover {
	background: transparent url(../images/nav/navtop_contact_off.gif) top left no-repeat;
}

a#navtop_contact_selected {
	position: absolute;
	margin: 0 0 0 78px;
	display: block;
	width: 61px;
	height: 14px;
	background: transparent url(../images/nav/navtop_contact_off.gif) top left no-repeat;
}

/* --- LAYOUT STYLES --- */

#container { 
	width: 770px;
	margin: 0 auto; 
	background: #fff;
	padding: 0;
	text-align: left;
	height: auto;
}

#header {
	margin: 0 0 4px 0;
	width: 770px;
	height: 263px;
	background: #fff url(../images/pctailor/bg.gif) top left repeat-x;
}

#logo {
	position: absolute;
	margin: 18px 0 0 6px;
	width: 192px;
	height: 245px;
	background: transparent url(../images/pctailor/logo.gif) top left no-repeat;
}

#logo a {
	display: block;
	width: 192px;
	height: 245px;
}

#pctailor {
	position: absolute;
	margin: 84px 0 0 219px;
	width: 296px;
	height: 82px;
	background: transparent url(../images/pctailor/pctailor.gif) top left no-repeat;
}

#pctailor a {
	display: block;
	width: 296px;
	height: 82px;
}

#tailored {
	position: absolute;
	margin: 207px 0 0 219px;
	width: 454px;
	height: 26px;
	background: transparent url(../images/pctailor/tailored.gif) top left no-repeat;
}

#onlinestore {
	position: absolute;
	margin: 69px 0 0 563px;
	width: 199px;
	height: 79px;
	background: transparent url(../images/pctailor/onlinestore.gif) top left no-repeat;
}

#onlinestore a {
	display: block;
	width: 199px;
	height: 79px;
	background: transparent url(../images/pctailor/onlinestore.gif) top left no-repeat;
}

#onlinestore a:hover {
	background: transparent url(../images/pctailor/onlinestore_off.gif) top left no-repeat;
}

#content_left {
	float: left;
	width: 144px;
	height: auto;
	padding: 0 20px 0 16px;
	border-right: solid 1px #d6d6d6;
}

#content_right {
	float: left;
	width: 563px;
	height: auto;
	margin: 0 0 0 -1px;
	padding: 0 0 0 19px;
	border-left: solid 1px #d6d6d6;
}

#footer {
	width: 100%;
	height: 58px;
	margin: 10px 0 0 0;
	background: #fff url(../images/pctailor/footer_bg.gif) top left repeat-x;
}

#footer_layout {
	width: 770px;
	margin: 0 auto;
}

#weaccept {
	position: absolute;
	margin: 7px 0 0 13px;
	width: 57px;
	height: 10px;
	background: transparent url(../images/pctailor/weaccept.gif) top left no-repeat;
}

#copyright {
	position: absolute;
	margin: 7px 0 0 484px;
	width: 274px;
	height: 10px;
	background: transparent url(../images/pctailor/copyright.gif) top left no-repeat;
}

#cards {
	position: absolute;
	margin: 32px 0 0 12px;
	width: 131px;
	height: 21px;
	background: #fff url(../images/pctailor/cards.gif) top left no-repeat;
}

#weaccept span, #copyright span, #cards span {
	display: none;
}

#beeinteractive a {
	position: absolute;
	margin: 32px 0 0 648px;
	width: 110px;
	height: 21px;
	display: block;
	background: transparent url(../images/pctailor/beeinteractive_off.gif) top left no-repeat;
}

#beeinteractive a:hover {
	background: #fff url(../images/pctailor/beeinteractive.gif) top left no-repeat;
}


/* --- HOME PAGE & NEWS PAGE STYLES --- */

.box_green {
	float: left;
	margin: 0 20px 0 0;
	width: 170px;
	height: 65px;
	font: normal 17px/25px Arial, Helvetica, sans-serif;
	text-align: center;
	background: #fff url(../images/home/box_green.gif) top left no-repeat;
}

.box_green a {
	display: block;
	padding: 7px 0 0 0;
	width: 170px;
	height: 58px;
	color: #fff;
}

.box_green a:hover {
	color: #fff;
	text-decoration: none;
	background: transparent url(../images/home/box_green_off.gif) top left no-repeat;
}

.news_title {
	margin: 5px 0 0 0;
	font-size: 13px;
	line-height: 21px;
	color: #0284c8;
	text-indent: 15px;
	background: #fff url(../images/home/news_title_icon.gif) top left no-repeat;
}

.news_titlesm {
	margin: 5px 0 0 0;
	font-size: 13px;
	line-height: 21px;
	color: #0284c8;
	text-indent: 15px;
	background: #fff url(../images/home/news_title_icon.gif) top left no-repeat;
}

.news_title a, .news_titlesm a {
	color: #0284c8;
}

.news_title a:hover, .news_titlesm a:hover {
	color: #0284c8;
}

.news_text {
	font-size: 11px;
}

.news_text a {
	color: #2da000;
}

.news_text a:hover {
	color: #2da000;
	text-decoration: underline;
}

.news_text span {
	font-weight: bold;
}

.promo {
	position: absolute;
	margin: 80px 0 0 420px;
	width: 150px;
	font-size: 10px;
	line-height: 14px;
}

.promo-img {
	margin: -30px 0 0 0;
	padding-bottom: 10px;
}


/* --- CONTACT PAGE STYLES --- */

.form_1 {
	margin: 0 0 5px 0;
	width: 170px;
	height: 30px;
	background: #fff url(../images/contact/form_1.gif) top left no-repeat;
}

.form_2 {
	margin: 0 0 5px 0;
	width: 170px;
	height: 30px;
	background: #fff url(../images/contact/form_2.gif) top left no-repeat;
}

.form_3 {
	margin: 0 0 5px 0;
	width: 170px;
	height: 90px;
	background: #fff url(../images/contact/form_3.gif) top left no-repeat;
}

.form_4 {
	width: 170px;
	height: 30px;
	text-align: right;
}