/* HTML Styles */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	line-height: 125%;
	color: #000000;
	background-color: #ECECEC;
	background-image: url(../images/body_bg.gif);
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
div {
	text-align: left;
}
p {
	margin: 0em 0em 1em;
}
img {
	border: 0;
}
a:link {
	color: #FF9900;
	text-decoration: none;
}
a:visited {
	color: #FF9900;
	text-decoration: none;
}
a:hover {
	color: #FF9900;
	text-decoration: underline;
}
a:active {
	color: #CCCCCC;
	text-decoration: underline;
}
h2 {
	color: #444444;
	font-size: 140%;
	line-height: 110%;
	font-weight: normal;
	margin: 1em 0em;
	padding: 8px 4px 4px 30px;
	background: url(../images/h2_bg.gif) no-repeat left top;
}
h3 {
	font-size: 112%;
	font-weight: bold;
	margin: 0em 0em 1em;
}
h4 {
	font-size: 100%;
	font-weight: bold;
	margin: 0em 0em 1em;
}
hr {
	color: #CCCCCC;
	background: #CCCCCC;
	padding: 0px;
	height: 1px;
	border-style: none;
}
form {
	margin: 0px;
}
li {
	margin: .5em 0em;
}
ul li {
	list-style: url(../images/bullet.gif);
}

/* Template Styles */

div.main {
	width: 740px;
	margin: auto;
	clear: both;
}
div.navBox {
	background-color: #FFFFFF;
	height: 72px;
	background-image: url(../images/nav_bg.gif);
	background-repeat: repeat-x;
	clear: both;
}
div.navBorder {
	background-color: #FF9900;
	height: 5px;
	clear: both;
}
div.logo {
	height: 72px;
	width: 170px;
	float: left;
}
div.navbar {
	text-align: right;
	float: right;
	width: 570px;
	padding-top: 12px;
}
div.navItem {
	background-image: url(../images/nav_on_bg.gif);
	background-position: 0px -34px;
	display: block;
	margin: 0px 6px;
	float: right;
	position: relative;
	left: 0px;
	top: 0px;
	overflow: visible;
}
.navItem a {
	background-image: url(../images/nav_on_bg.gif);
	background-position: 0px -34px;
	display: block;
	padding: 12px 10px;
}
.navItem a:hover {
	background-image: url(../images/nav_on_bg.gif);
	background-position: 0px 0px;
}
div.navItemOn {
	background-image: url(../images/nav_on_bg.gif);
	background-position: 0px 0px;
	display: block;
	margin: 0px 6px;
	float: right;
	position: relative;
	left: 0px;
	top: 0px;
	overflow: visible;
}
.navItemOn a {
	background-image: url(../images/nav_on_bg.gif);
	background-position: 0px 0px;
	display: block;
	padding: 12px 10px;
}
div.navDivider {
	font-size: 1%;
	background-color: #C0C0C0;
	float: right;
	height: 34px;
	width: 1px;
	overflow: hidden;
}
div.subnav {
	position: absolute;
	top: 34px;
	visibility: hidden;
	overflow: visible;
	z-index: 50;
}
div.subnavOn {
	position: absolute;
	top: 34px;
	visibility: visible;
	overflow: visible;
	z-index: 50;
}
.subnav a:link, .subnav a:visited {
	font-size: 85%;
	line-height: 100%;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	background: url(none);
	padding: 7px 5px;
	margin: 0px;
	float: left;
}
.subnav a:hover {
	color: #FF9900;
	text-decoration: none;
	background: url(none);
}
..subnavOn a {
	font-size: 85%;
	line-height: 100%;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	background: url(none);
	padding: 7px 5px;
	margin: 0px;
	float: left;
}
.subnavOn a:hover {
	color: #FF9900;
	text-decoration: none;
	background: url(none);
}
.subnavOn a:visited {
	color: #333333;
	text-decoration: none;
	background: url(none);
}
#servicesSub {
	height: 20px;
	width: 570px;
	left: -195px;
}
#graphicdesignSub {
	height: 20px;
	width: 570px;
	left: -95px;
}

#printSub {
	height: 20px;
	width: 570px;
	left: -35px;
}



#brochureFlyerSub {
	height: 20px;
	width: 570px;
	left: -195px;
}
#pricingSub {
	height: 20px;
	width: 340px;
	left: -90px;
}
div.bodyBox {
	background: #D9D9D9;
	width: 740px;
	clear: both;
}
div.bodyPad {
	padding: 8px;
}
div.contentBoxFull {
	background: #FFFFFF;
	padding: 10px;
}
div.contentBoxPortfolio {
	color: #FFFFFF;
	background: #777777;
}
div.clearer {
	clear: both;
}
div.footer {
	font-size: 75%;
	color: #999999;
	padding: 4px;
	clear: both;
}
div.breadcrumbs {
	color: #666666;
	font-size: 90%;
	line-height: 100%;
	padding: 5px 5px 5px 10px;
	margin-bottom: 30px;
	border-bottom: 1px solid #CCCCCC;
}
div.breadcrumbsPortfolio {
	font-size: 90%;
	line-height: 100%;
	padding: 5px 5px 5px 10px;
	border-bottom: 1px solid #999999;
	background: #444444;
}
div.introPad {
	background: #FFFFFF;
	padding: 8px;
	margin-right: 8px;
	float: left;
}
div.intro {
	background: url(../images/front_intro_bg.jpg) no-repeat left top;
	height: 288px;
	width: 525px;
}
.intro p {
	line-height: 110%;
	color: #FFFFFF;
	padding: 40px 12px 0px;
	margin: 0px;
}
div.tagline {
	background: #333333;
	height: 304px;
	width: 174px;
	float: right;
}
div.frontPrices {
	background: #FFFFFF;
	padding: 8px 7px;
	margin-top: 8px;
}
div.frontTemplate {
	font-size: 85%;
	line-height: 110%;
	color: #FFFFFF;
	background: #FF9900 url(../images/front_template_bg.gif) no-repeat 0px -165px;
	float: left;
	height: 165px;
	width: 139px;
	margin-right: 3px;
}
.frontTemplate a, .frontTemplate a:visited {
	color: #FFFFFF;
	text-decoration: none;
	background: url(../images/front_template_bg.gif) no-repeat 0px -165px;
	display: block;
	height: 134px;
	width: 127px;
	padding: 31px 6px 0px;
}
.frontTemplate a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: url(../images/front_template_bg.gif) no-repeat 0px 0px;
}
div.frontSingle {
	font-size: 85%;
	line-height: 110%;
	color: #FFFFFF;
	background: #333333 url(../images/front_single_bg.gif) no-repeat 0px -165px;
	float: left;
	height: 165px;
	width: 139px;
	margin-right: 3px;
}
.frontSingle a, .frontSingle a:visited {
	color: #FFFFFF;
	text-decoration: none;
	background: url(../images/front_single_bg.gif) no-repeat 0px -165px;
	display: block;
	height: 134px;
	width: 127px;
	padding: 31px 6px 0px;
}
.frontSingle a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: url(../images/front_single_bg.gif) no-repeat 0px 0px;
}
div.frontHome {
	font-size: 85%;
	line-height: 110%;
	color: #FFFFFF;
	background: #FF9900 url(../images/front_home_bg.gif) no-repeat 0px -165px;
	float: left;
	height: 165px;
	width: 139px;
	margin-right: 3px;
}
.frontHome a, .frontHome a:visited {
	color: #FFFFFF;
	text-decoration: none;
	background: url(../images/front_home_bg.gif) no-repeat 0px -165px;
	display: block;
	height: 134px;
	width: 127px;
	padding: 31px 6px 0px;
}
.frontHome a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: url(../images/front_home_bg.gif) no-repeat 0px 0px;
}
div.frontBusiness {
	font-size: 85%;
	line-height: 110%;
	color: #FFFFFF;
	background: #333333 url(../images/front_business_bg.gif) no-repeat 0px -165px;
	float: left;
	height: 165px;
	width: 139px;
	margin-right: 3px;
}
.frontBusiness a, .frontBusiness a:visited {
	color: #FFFFFF;
	text-decoration: none;
	background: url(../images/front_business_bg.gif) no-repeat 0px -165px;
	display: block;
	height: 134px;
	width: 127px;
	padding: 31px 6px 0px;
}
.frontBusiness a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: url(../images/front_business_bg.gif) no-repeat 0px 0px;
}
div.frontEnterprise {
	font-size: 85%;
	line-height: 110%;
	color: #FFFFFF;
	background: #FF9900 url(../images/front_enterprise_bg.gif) no-repeat 0px -165px;
	float: left;
	height: 165px;
	width: 139px;
	margin-right: 0px;
}
.frontEnterprise a, .frontEnterprise a:visited {
	color: #FFFFFF;
	text-decoration: none;
	background: url(../images/front_enterprise_bg.gif) no-repeat 0px -165px;
	display: block;
	height: 134px;
	width: 127px;
	padding: 31px 6px 0px;
}
.frontEnterprise a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: url(../images/front_enterprise_bg.gif) no-repeat 0px 0px;
}
div.serviceRow {
	background: url(../images/servicerow_bg.gif) repeat-x left top;
	clear: both;
}
div.service {
	padding: 10px;
	margin: 2px;
	float: left;
	width: 46%;
}
div.servicehead {
	background: url(../images/servicehead_bg.gif) repeat-x left top;
	height: 60px;
	margin-bottom: .5em;
}
.service h2 {
	padding: 0em;
	margin: 0em;
	border: none;
	background: url(none);
}
.service h2 a, .service h2 a:visited {
	color: #FFFFFF;
	text-align: right;
	display: block;
	padding: 34px 10px 10px;
	margin: 0em;
}
.service h2 a:hover {
	color: #FF9900;
	text-decoration: none;
}
#starterLink {
	background: url(../images/service_bg_starter.gif) no-repeat left top;
}
#graphicsLink {
	background: url(../images/service_bg_graphics.gif) no-repeat left top;
}
#appLink {
	background: url(../images/service_bg_app.gif) no-repeat left top;
}
#logoLink {
	background: url(../images/service_bg_logo.gif) no-repeat left top;
}
#rebuildsLink {
	background: url(../images/service_bg_rebuilds.gif) no-repeat left top;
}
#seoLink {
	background: url(../images/service_bg_seo.gif) no-repeat left top;
}
#modellingLink {
	background: url(../images/service_bg_3d.gif) no-repeat left top;
}
#templatesSide {
	color: #FFFFFF;
	background: #777777 url(../images/side_bg_dark.gif) repeat-x left top;
	text-align: center;
	margin: 0px 0px 10px 10px;
	padding: 10px;
	float: right;
	width: 250px;
}
#templatesSide h2 {
	color: #FF9900;
	padding: 0px;
	margin: 0em 0em 1em;
	background: url(none);
}
#templatesSide p, #templatesSide h2 {
	text-align: left;
}
..templateLinks a, .templateLinks a:visited {
	font-size: 140%;
	line-height: 100%;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	display: block;
	padding: 80px 0px 6px;
	border-top: 1px solid #CCCCCC;
}
.templateLinks a:hover {
	color: #FF9900;
	text-decoration: none;
}
#templateGalleryLink {
	background: url(../images/templateLink_gallery_bg.gif) no-repeat center 7px;
}
#templateGalleryLink a, #templateGalleryLink a:visited {
	background: url(../images/templateLink_gallery_bg.gif) no-repeat center 6px;
}
#templateGalleryLink a:hover {
	background: #444444 url(../images/templateLink_gallery_bg.gif) no-repeat center -121px;
}
#templateBoardLink {
	background: url(../images/templateLink_boards_bg.gif) no-repeat center 7px;
}
#templateBoardLink a, #templateBoardLink a:visited {
	background: url(../images/templateLink_boards_bg.gif) no-repeat center 6px;
}
#templateBoardLink a:hover {
	background: #444444 url(../images/templateLink_boards_bg.gif) no-repeat center -121px;
}
#templateCatalogLink {
	background: url(../images/templateLink_catalog_bg.gif) no-repeat center 7px;
}
#templateCatalogLink a, #templateCatalogLink a:visited {
	background: url(../images/templateLink_catalog_bg.gif) no-repeat center 6px;
}
#templateCatalogLink a:hover {
	background: #444444 url(../images/templateLink_catalog_bg.gif) no-repeat center -121px;
}
#templateBlogLink {
	background: url(../images/templateLink_blog_bg.gif) no-repeat center 7px;
}
#templateBlogLink a, #templateBlogLink a:visited {
	background: url(../images/templateLink_blog_bg.gif) no-repeat center 6px;
}
#templateBlogLink a:hover {
	background: #444444 url(../images/templateLink_blog_bg.gif) no-repeat center -121px;
}
#templateCMSLink {
	background: url(../images/templateLink_CMS_bg.gif) no-repeat center 7px;
}
#templateCMSLink a, #templateCMSLink a:visited {
	background: url(../images/templateLink_CMS_bg.gif) no-repeat center 6px;
}
#templateCMSLink a:hover {
	background: #444444 url(../images/templateLink_CMS_bg.gif) no-repeat center -121px;
}
body.samples {
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font: 80%/125% Arial, Helvetica, sans-serif;
	background: #777777 url(none);
}
div.thumbsBox {
	width: 704px;
	height: 450px;
	position: relative;
}
div.animationThumbs {
	color: #FFFFFF;
	background: #777777 url(../images/side_bg_dark.gif) repeat-x left top;
	padding: 10px;
}
div.graphicsThumbs {
	color: #FFFFFF;
	background: #777777 url(../images/side_bg_dark.gif) repeat-x left top;
	padding: 10px;
}
.graphicsSide a, .graphicsSide a:visited {
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	display: block;
	float: left;
}
.graphicsSide a:hover, .graphicsSide a:hover {
	background: #444444;
}
.animationThumbs h2, .graphicsThumbs h2 {
	font-size: 150%;
	color: #FF9900;
	padding: 2px 10px;
	margin: 0px 10px 20px 0px;
	float: left;
	background: url(none);
}
div.graphicsSide {
	height: 350px;
	width: 280px;
	float: left;
	overflow: auto;
}
h2.off {
	font-size: 100%;
	float: right;
	border: 1px solid #CCCCCC;
}
#Flashpreview, #Graphicspreview {
	float: right;
}
div.sideBar {
	width: 250px;
	margin: 0px 0px 40px 20px;
	float: right;
}
div.sideBar350 {
	width: 350px;
	margin: 0px 0px 40px 20px;
	float: right;
}
div.sidePhoto {
	margin: 0px 20px 20px;
	float: right;
}
div.sideBarLink {
	background: #777777 url(../images/servicehead_bg.gif) repeat-x left top;
	margin-bottom: .5em;
}
.sideBar a:link, .sideBar a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.sideBar a:hover {
	color: #FF9900;
	text-decoration: none;
}
.sideBar h3 {
	margin: 0em;
}
.sideBar p {
	font-size: 90%;
	margin: 0em;
}
a.logoPortfolio:link, a.logoPortfolio:visited {
	display: block;
	padding: 10px 10px 10px 60px;
	background: url(../images/logo_portfolio_bg.gif) no-repeat left top;
}
a.logoQuote:link, a.logoQuote:visited {
	display: block;
	padding: 10px 10px 10px 60px;
	background: url(../images/logo_quote_bg.gif) no-repeat left top;
}
a.logoAffil:link, a.logoAffil:visited {
	display: block;
	padding: 10px 10px 10px 60px;
	background: url(../images/logo_affiliate_bg.gif) no-repeat left top;
}
div.logoSample {
	text-align: center;
	margin: 9px;
	float: left;
	width: 210px;
}
div.rebuildSample {
	text-align: center;
	margin: 0px 8px 8px 0px;
	float: left;
	width: 340px;
}

/* Page Titles */

h1.pageTitle {
	font-size: 1%;
	line-height: 1%;
	margin: 0px;
	visibility: hidden;
}
div.titleServices {
	background: url(../images/title_services.jpg) no-repeat left top;
	height: 160px;
	width: 724px;
}
div.titleStarterPacks {
	background: url(../images/title_starterpacks.jpg) no-repeat left top;
	height: 160px;
	width: 724px;
}
div.titleGraphics {
	background: url(../images/title_graphics.jpg) no-repeat left top;
	height: 160px;
	width: 724px;
}
div.titleApplication {
	background: url(../images/title_application.jpg) no-repeat left top;
	height: 160px;
	width: 724px;
}
div.titleLogo {
	background: url(../images/title_logo.jpg) no-repeat left top;
	height: 160px;
	width: 724px;
}
div.titleLogoAffiliate {
	background: url(../images/title_logoaffiliate.jpg) no-repeat left top;
	height: 160px;
	width: 724px;
}
div.titleLogoPortfolio {
	background: url(../images/title_logoportfolio.jpg) no-repeat left top;
	height: 160px;
	width: 724px;
}
div.titleLogoQuote {
	background: url(../images/title_logoquote.jpg) no-repeat left top;
	height: 160px;
	width: 724px;
}
div.titleSiteRebuilds {
	background: url(../images/title_siterebuilds.jpg) no-repeat left top;
	height: 160px;
	width: 724px;
}
div.titleSEO {
	background: url(../images/title_seo.jpg) no-repeat left top;
	height: 160px;
	width: 724px;
}
div.title3D {
	background: url(../images/title_3D.jpg) no-repeat left top;
	height: 160px;
	width: 724px;
}
div.titlePortfolio {
	background: url(../images/title_portfolio.jpg) no-repeat left top;
	height: 160px;
	width: 724px;
}
div.titleHomePackage {
	background: url(../images/title_home.jpg) no-repeat left top;
	height: 160px;
	width: 724px;
}
div.titleSinglePage {
	background: url(../images/title_single.jpg) no-repeat left top;
	height: 160px;
	width: 724px;
}
div.titleBusinessPackage {
	background: url(../images/title_business.jpg) no-repeat left top;
	height: 160px;
	width: 724px;
}
div.titleEnterprisePackage {
	background: url(../images/title_enterprise.jpg) no-repeat left top;
	height: 160px;
	width: 724px;
}
div.titleContact {
	background: url(../images/title_contact.jpg) no-repeat left top;
	height: 160px;
	width: 724px;
}
div.titleMarketing {
	background: url(../images/title_marketingmaterial.jpg) no-repeat left top;
	height: 160px;
	width: 724px;
}
div.titleMortgage {
	background: url(../images/title_mortgage.jpg) no-repeat left top;
	height: 160px;
	width: 724px;
}
div.titleVideo {
	background: url(../images/title_videoproduction.jpg) no-repeat left top;
	height: 160px;
	width: 724px;
}
div.titleAdvert {
	background: url(../images/title_advert.jpg) no-repeat left top;
	height: 160px;
	width: 724px;
}
div.titleBranding {
	background: url(../images/title_branding.jpg) no-repeat left top;
	height: 160px;
	width: 724px;
}
div.titleStationary {
	background: url(../images/title_stationary.jpg) no-repeat left top;
	height: 160px;
	width: 724px;
}
div.titleBrochure {
	background: url(../images/title_brochure.jpg) no-repeat left top;
	height: 160px;
	width: 724px;
}
div.marketingCategory {
	color: #FFFFFF;
	background: #777777 url(../images/servicehead_bg.gif) repeat-x left top;
	clear: both;
	padding: 6px;
	margin-bottom: 10px;
}
.marketingCategory p {
	margin: 0px;
}
.marketingCategory h3 {
	font-size: 160%;
	margin: 0px 0px 10px;
	padding-top: 20px;
}
.marketingThumb {
	float: left;
	margin-right: 10px;
}
.lightBox {
	color: #FFFFFF;
	background: #FF9B15 url(../images/bg_orange.gif) repeat-x left top;
	padding: 10px;
	clear: both;
}
.lightBox h2, .subheadBox h2 {
	font-size: 160%;
	color: #FFFFFF;
	background: none;
	margin: 0em 0em 1em;
	padding: 0px;
}
.subheadBox h2 {
	font-size: 180%;
	color: #FF9900;
	margin: 0em;
}
.lightBox a, .lightBox a:visited {
	color: #333333;
}
.subheadBox {
	background: #FFFFFF url(../images/bg_gray.gif) repeat-x left bottom;
	padding: 10px;
	margin-bottom: 10px;
}