@charset "UTF-8";
body {
	background-color: #CCCCCC;
	background-image: url(../images/bg_main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
p, h1,h2,h3, h4, h5 {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3%;
	padding-left: 0px;
}
.clearall {
	clear: both;
}
.tfmagenta {
	color: #DB004D;
}
.tfblue {
	color: #3399FF;
}
.tfgreen {
	color: #99CC00;
}
.error {
	color: #FF0000;
}
#maincontainer {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 864px;
	position: relative;
}
#headercontainer {
	width: 864px;
}
#mediaheadercontainer {
	width: 864px;
	height: 258px;
	display: block;
}
#middlecontainer {
	width: auto;
	background-color: #FFFFFF;
	border-left-width: 27px;
	border-left-style: solid;
	border-left-color: #EBEBEB;
	border-right-width: 27px;
	border-right-style: solid;
	border-right-color: #EBEBEB;
}
#blockmenucontainer {
}
#menucontainer {
}
.contentcontainer {
	width: auto;
	padding: 27px;
	clear: both;
}
#seperatercontainer {
	background-image: url(../images/bg_greybar.jpg);
	background-position: top;
	height: 26px;
}
#testimonialcontainer {
	width: 864px;
	background-image: url(../images/bg_testimonials.jpg);
	background-repeat: no-repeat;
	height: 226px;
	position: relative;
}
#footercontainer {
	width: 814px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	text-align: right;
	background-image: url(../images/tf_footerlogo.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 50px;
}

/* MAIN NAVIGATION */
#mediaheadercontainer {
	background-repeat: no-repeat;
	position: relative;
}
#mediaheadercontainer .tf_headerlogo {
	top: 40px;
	left: 45px;
	width: 262px;
	height: 100px;
	position: absolute;
}
#mediaheadercontainer p {
	color: #FFFFFF;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	text-align: right;
	padding-right: 54px;
	padding-top: 12px;
	padding-bottom: 8px;
}
#mediaheadercontainer p .tel a {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-style: bold;
	text-decoration: none;
}
#mediaheadercontainer p .home {
	background-position: center 3px;
	padding-right: 8px;
	padding-left: 8px;
	background-image: url(../images/icon_home.png);
	background-repeat: no-repeat;
	text-decoration: none;
}
#mediaheadercontainer ul {
	text-align: right;
	list-style-type: none;
	margin-top: 0px;
	padding-top: 0px;
}
#mediaheadercontainer ul li {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
}
#mediaheadercontainer ul a {
	font-weight: bold;
	font-size: 14px;
	color: white;
	text-decoration: none;
	padding-top: 1px;
	padding-right: 54px;
	padding-bottom: 3px;
}
#mediaheadercontainer ul a:hover {
	color: white;
	background-image: url(../images/nav_tab_white.png);
	background-repeat: no-repeat;
	background-position: right 0px;
	text-shadow: white 0px 0px 5px;
}

/* MENU STYLES */
.custommenu1, .custommenu2, .custommenu3 {
}
ul.MenuBarHorizontal li, ul.MenuBarHorizontal ul, ul.MenuBarHorizontal ul li {
	width: 270px;
}
ul.MenuBarHorizontal .custommenu1 .MenuBarItemSubmenu,
ul.MenuBarHorizontal .custommenu2 .MenuBarItemSubmenu,
ul.MenuBarHorizontal .custommenu3 .MenuBarItemSubmenu {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 27px;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 27px;
	font-style: normal;
	line-height: normal;
	color: #FFFFFF;
	letter-spacing: -1px;
}
ul.MenuBarHorizontal .custommenu1 a.MenuBarItemSubmenuHover {
	background-image: url(../images/bg_menu_graphicdesign.jpg);
	background-repeat: no-repeat;
	background-position: left -77px;
}
ul.MenuBarHorizontal .custommenu2 a.MenuBarItemSubmenuHover {
	background-image: url(../images/bg_menu_websitedesign.jpg);
	background-repeat: no-repeat;
	background-position: left -77px;
}
ul.MenuBarHorizontal .custommenu3 a.MenuBarItemSubmenuHover {
	background-image: url(../images/bg_menu_marketing.jpg);
	background-repeat: no-repeat;
	background-position: left -77px;
}

ul.MenuBarHorizontal .custommenu1 .MenuBarItemSubmenu {
	background-image: url(../images/bg_menu_graphicdesign.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
ul.MenuBarHorizontal .custommenu2 .MenuBarItemSubmenu {
	background-image: url(../images/bg_menu_websitedesign.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
ul.MenuBarHorizontal .custommenu3 .MenuBarItemSubmenu {
	background-image: url(../images/bg_menu_marketing.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
ul.MenuBarHorizontal .custommenu1:hover {
	background-image: url(../images/bg_menu_graphicdesign.jpg);
	background-repeat: no-repeat;
	background-position: left -77px;
}
ul.MenuBarHorizontal .custommenu2:hover {
	background-image: url(../images/bg_menu_websitedesign.jpg);
	background-repeat: no-repeat;
	background-position: left -77px;
}
ul.MenuBarHorizontal .custommenu3:hover {
	background-image: url(../images/bg_menu_marketing.jpg);
	background-repeat: no-repeat;
	background-position: left -77px;
}
ul.MenuBarHorizontal .customsubmenu1 a, ul.MenuBarHorizontal .customsubmenu2 a, ul.MenuBarHorizontal .customsubmenu3 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 27px;
	font-style: normal;
	line-height: normal;
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	margin: 0px;
}
ul.MenuBarHorizontal .customsubmenu1 a:hover, ul.MenuBarHorizontal .customsubmenu2 a:hover, ul.MenuBarHorizontal .customsubmenu3 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	color: #FFFFFF;
}
ul.MenuBarHorizontal .customsubmenu1 a {
	background-color: #FF0066;
	background-image: url(../images/bg_submenu_red.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
}
ul.MenuBarHorizontal .customsubmenu2 a {
	background-color: #3399FF;
	background-image: url(../images/bg_submenu_blue.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
}
ul.MenuBarHorizontal .customsubmenu3 a {
	background-color: #90C100;
	background-image: url(../images/bg_submenu_green.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
}
ul.MenuBarHorizontal .customsubmenu1 a:hover, ul.MenuBarHorizontal .customsubmenu2 a:hover, ul.MenuBarHorizontal .customsubmenu3 a:hover {
	background-position: right -42px;
}
ul.MenuBarHorizontal .customsubmenu1 .lastitem, ul.MenuBarHorizontal .customsubmenu2 .lastitem, ul.MenuBarHorizontal .customsubmenu3 .lastitem {
	border-bottom-style: none;
}
/* BLOCK MENU STYLES */
#blockmenucontainer a {
	color: #FFFFFF;
	text-decoration: none;
}
#blockmenucontainer h2 {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 27px;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 14px;
	padding-left: 27px;
	font-style: normal;
	line-height: normal;
	color: #FFFFFF;
	font-weight: normal;
	letter-spacing: -1px;
}
#blockmenucontainer p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 27px;
	font-style: normal;
	line-height: 160%;
	color: #FFFFFF;
	visibility: hidden;
	font-weight: normal;
}
#blockmenucontainer #magenta, #blockmenucontainer #green, #blockmenucontainer #blue {
	height: 211px;
	width: 270px;
	display: block;
	cursor: pointer;
	text-decoration: none;
	float: left;
}
#blockmenucontainer #magenta {
	background-image: url(../images/bg_menulrg_graphicdesign.jpg);
	background-repeat: no-repeat;
	height: 211px;
	width: 270px;
	position: relative;
}
#blockmenucontainer #green {
	background-image: url(../images/bg_menulrg_webdesign.jpg);
	background-repeat: no-repeat;
	height: 211px;
	width: 270px;
	position: relative;
}
#blockmenucontainer #blue {
	background-image: url(../images/bg_menulrg_marketing.jpg);
	background-repeat: no-repeat;
	height: 211px;
	width: 270px;
	position: relative;
}
#blockmenucontainer #magenta:hover {
	height: 211px;
	width: 270px;
	background-position: left -211px;
}
#blockmenucontainer #green:hover {
	height: 211px;
	width: 270px;
	background-position: left -211px;
}
#blockmenucontainer #blue:hover {
	height: 211px;
	width: 270px;
	background-position: left -211px;
}

/* CONTENT STYLES */
.contentcontainer p {
}
.contentcontainer p a {
	font-weight: bold;
	text-decoration: none;
	color: #666666;
}


/* TESTIMONIALS STYLES */
#testimonialcontainer #leftgraphics {
	position: absolute;
	left: -168px;
	top: -44px;
	height: 360px;
	width: 476px;
	z-index: 500;
}
#testimonialcontainer .body {
	position: relative;
	height: 195px;
	width: 324px;
	left: 350px;
	top: 31px;
	margin: 0px;
	padding: 0px;
}
#testimonialcontainer .body h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	line-height: normal;
}
#testimonialcontainer .body p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 160%;
	color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	font-style: normal;
}
#testimonialcontainer .body h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	padding-top: 20px;
	margin: 0px;
}
#testimonialcontainer #quotesleft {
	position: absolute;
	left: -38px;
	top: 22px;
}
#testimonialcontainer #quotesright {
	position: absolute;
}
#testimonialcontainer .nav {
	position: absolute;
	left: 730px;
	top: 145px;
}
#testimonialcontainer .nav p {
	line-height: normal;
	padding-top: 0px;
	padding-bottom: 7px;
	margin: 0px;
}
#testimonialcontainer .nav a {
	font-size: 12px;
	border: 1px solid #FFFFFF;
	width: 104px;
	color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px;
	display: block;
	text-decoration: none;
}
#testimonialcontainer .nav a:hover {
	color: #E7005C;
	background-color: #FFFFFF;
}

/* EXPANDING BARS */
#solutionscontainer {
	height: 350px;
	padding-bottom: 25px;
}
#serviceslistcontainer {
	padding-top: 25px;
	padding-bottom: 25px;
}
#solutionslink, #serviceslistlink {
	width: 864px;
	background-image: url(../images/bg_greybar.jpg);
	background-repeat: repeat-y;
	text-align: right;
}
#solutionslink a, #serviceslistlink a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 4px;
	padding-left: 0px;
	display: block;
	background-image: url(../images/bg_greybar.jpg);
	background-position: right 68px;
}
#solutionslink a:hover, #serviceslistlink a:hover {
	background-image: url(../images/bg_greybar.jpg);
	background-position: right 34px;
}
#solutionslink strong, #serviceslistlink strong {
	font-weight: bold;
	color: #FE0066;
}
#solutionscontainer, #serviceslistcontainer {
	width: 810px;
	clear: left;
	background-color: #FFFFFF;
	border-right-width: 27px;
	border-left-width: 27px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #EBEBEB;
	border-left-color: #EBEBEB;
	position: relative;
}
#serviceslistcontainer .seperate1 {
	width: 243px;
	position: relative;
	padding-top:30px;
}
#serviceslistcontainer .seperate2 {
	width: 243px;
	position: absolute;
	left: 243px;
	top: 25px;
	padding-left: 27px;
	padding-top:30px;
}
#serviceslistcontainer .seperate3 {
	width: 243px;
	position: absolute;
	left: 540px;
	top: 25px;
	padding-top:30px;
}
#serviceslistcontainer h3, #serviceslistcontainer p {
	font-size: 12px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 27px;
	line-height: normal;
}
#serviceslistcontainer h3 {
	font-size: 16px;
	padding-bottom: 10px;
	padding-top: 0px;
	color: #FF0066;
}
#serviceslistcontainer p {
	color: #666666;
	padding-top: 0px;
	padding-bottom: 5px;
}
#serviceslistcontainer a {
	color: #666666;
	text-decoration: none;
}
#serviceslistcontainer a:hover {
	text-decoration: none;
}

/* FOOTER STYLES */
#footercontainer p {
	color: #999999;
	font-size: 11px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
}
#footercontainer a {
	color: #666666;
	text-decoration: none;
}
#footercontainer a:hover {
	text-decoration: underline;
}
#footercontainer p img {
	margin-top: 10px;
}



.main-testimonial {
	width: 810px;
	height: 330px;
	margin: 0px;
	padding: 0px;
	}

.scroller-testimonial {
	width: 810px;
	height: 330px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	}

.content-testimonial {
	width: 10000px;
	margin: 0px;
	padding: 0px;
	}

.slidewide {
	margin: 0px;
	padding: 0px;
	width: 810px;
	height: 330px;
	float: left;
	}

.seperate-testimonial {
	width: 270px;
	float: left;
}


.seperate-testimonial p {
	font-size: 12px;
	color: #C2C2C2;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 27px;
	line-height: 120%;
}
.seperate-testimonial p a {
	color: #FF0066;
	text-decoration: none;
	font-weight: bold;
}
.seperate-testimonial p a:hover {
	text-decoration: underline;
}


.carousel-arrows-testimonial {
	width: 785px;
}

.carousel-arrows-testimonial a.rightnav, .carousel-arrows-testimonial a.leftnav {
	height: 20px;
	width: 27px;
	text-decoration: none;
	display: block;
	float: right;
}

.carousel-arrows-testimonial a.rightnav {
	background-image: url(../images/bg_scroller_right.gif);
	background-repeat: no-repeat;
	background-position: top;
}

.carousel-arrows-testimonial a.leftnav {
	background-image: url(../images/bg_scroller_left.gif);
	background-repeat: no-repeat;
	background-position: top;
}

.carousel-arrows-testimonial a.rightnav:hover, .carousel-arrows-testimonial a.leftnav:hover {
	background-position: left bottom;
	cursor: pointer;
}