@charset "UTF-8";
/* #################################################################### */
/* CSS Document *//* [## magicCSS 0.1 - Joshua Jarman (redesigned.com) ##] */
/* #################################################################### */
@media screen, tv, projection {
/* #################################################################### */
/* ## [magicCSS] ## CUSTOMIZABLE SITE STYLES ## */
/* # Note: These stylese can be edited and used in any combination with any combination of their specified XHTML attribute alternatives */
/* ########################## */
/* ## Base Color Pallet ## */
/* # Name: White; */			.Color01, *[color~="Color01"]		{ color: #FFF; }
								.BgColor01, *[bgcolor~="BgColor01"]	{ background-color: #FFF; }
								.Color01 a, *[color~="Color01"] a { color: #999; } /* Light Grey */
								.Color01 a:hover, *[color~="Color01"] a:hover { color: #FDF59D; } /* Yellow */
/* # Name: Black; */			.Color02, *[color~="Color02"], body	{ color: #000; }
								.BgColor02, *[bgcolor~="BgColor02"]	{ background-color: #000; }
								.Color02 a, *[color~="Color02"] a, body a { color: #900; } /* Red */
								.Color02 a:hover, *[color~="Color02"] a:hover, body a:hover { color: #600; } /* Dark Red */
/* # Name: Light Grey; */		.Color03, *[color~="Color03"]		{ color: #D8D3CB; }
								.BgColor03, *[bgcolor~="BgColor03"] { background-color: #D8D3CB; }
/* # Name: Grey; */				.Color04, *[color~="Color04"]		{ color: #999; }
								.BgColor04, *[bgcolor~="BgColor04"]	{ background-color: #999; }
								.BorderColor04, *[bordercolor~="BgColor04"]	{ border-color: #999; }
/* # Name: Dark Grey; */		.Color05, *[color~="Color05"]		{ color: #D8D3CB; }
								.BgColor05, *[bgcolor~="BgColor05"]	{ background-color: #D8D3CB; }
/* # Name: Light Red; */		.Color06, *[color~="Color06"]		{ color: #FC917F; }
								.BgColor06, *[bgcolor~="BgColor06"]	{ background-color: #FC917F; }
/* # Name: Red; */				.Color07, *[color~="Color07"]		{ color: #900; }
								.BgColor07, *[bgcolor~="BgColor07"]	{ background-color: #900; }
/* # Name: Dark Red; */			.Color08, *[color~="Color08"]		{ color: #600; }
								.BgColor08, *[bgcolor~="BgColor08"]	{ background-color: #600; }
/* # Name: Light Green; */		.Color09, *[color~="Color09"]		{ color: #D8D3CB; }
								.BgColor09, *[bgcolor~="BgColor09"]	{ background-color: #D8D3CB; }
/* # Name: Green; */			.Color10, *[color~="Color10"]		{ color: #090; }
								.BgColor10, *[bgcolor~="BgColor10"]	{ background-color: #090; }
/* # Name: Dark Green; */		.Color11, *[color~="Color11"]		{ color: #060; }
								.BgColor11, *[bgcolor~="BgColor11"]	{ background-color: #060; }
/* ########################## */
/* ## Font Sizes ## */
.FixedSize01,	*[fontsize~="FixedSize01"]	{ font-size: 9px; }
.FixedSize02,	*[fontsize~="FixedSize02"]	{ font-size: 10px; }
.FixedSize03,	*[fontsize~="FixedSize03"]	{ font-size: 12px; }
.FixedSize04,	*[fontsize~="FixedSize04"]	{ font-size: 14px; }
.FixedSize05,	*[fontsize~="FixedSize05"]	{ font-size: 16px; }
.FixedSize06,	*[fontsize~="FixedSize06"]	{ font-size: 18px; }
.FixedSize07,	*[fontsize~="FixedSize07"]	{ font-size: 24px; }
.FixedSize08,	*[fontsize~="FixedSize08"]	{ font-size: 30px; }
.FixedSize09,	*[fontsize~="FixedSize09"]	{ font-size: 40px; }
.FixedSize10,	*[fontsize~="FixedSize10"]	{ font-size: 60px; }
/* # Name: Base Size; */		.Size01, *[fontsize~="Size01"]		{ font-size: 0.7em; }
/* # Name: Fixed 9px; */		.Size02, *[fontsize~="Size02"]		{ font-size: 9px; }
/* # Name: Fluid 1em; */		.Size03, *[fontsize~="Size03"]		{ font-size: 1em; }
/* # Name: Fluid 0.8em; */		.Size04, *[fontsize~="Size04"]		{ font-size: 0.8em; }
/* ########################## */
/* ## Border Sizes ## */
/* # Name: Solid 1px; */		.Border01, *[borderstyle~="Border01"]	{ border-style: solid; border-width: 1px; }
/* ########################## */
html, body { max-height: 100%; max-width: 100%; width: 100%; height: 100%; min-width: 900px; }
body, textarea, input { font-size: 1em; font-family: Optima, 'Trebuchet MS', Geneva, 'Lucida Grande', Lucida, Verdana, Arial, Helvetica, sans-serif; line-height: normal; font-weight: normal; font-style: normal; }
body a { color: #900; } body a:hover { color: #600; }
/* ###### Website Header ###### */
/* ## Header Bar ## */
#WebHeader			{ height: 43px; line-height: 33px; vertical-align: middle; background: url('/img/background_topbar.png') top center repeat-x; overflow: hidden; z-index: 900; white-space: nowrap; } * html #WebHeader { padding-top: 4px; background: url('/img/x.gif') top center no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/background_topbar.png',sizingMethod='scale'); }
#WebHeader a		{ display: inline-block; height: 22px; line-height: 22px; vertical-align: middle; }
/* ## Header Navigation ## */
#NavHome			{ padding-left: 30px; background: url('/img/icon_22x22_home.png') center left no-repeat; } * html #NavHome { background: url('/img/icon_22x22_home_iefix.png') center left no-repeat; }
#NavPortfolio		{ padding-left: 30px; background: url('/img/icon_22x22_portfolio.png') center left no-repeat; } * html #NavPortfolio { background: url('/img/icon_22x22_portfolio_iefix.png') center left no-repeat; }
#NavServices		{ padding-left: 30px; background: url('/img/icon_22x22_services.png') center left no-repeat; } * html #NavServices { background: url('/img/icon_22x22_services_iefix.png') center left no-repeat; }
#NavHireUs			{ padding-left: 30px; background: url('/img/icon_22x22_hireus.png') center left no-repeat; } * html #NavHireUs { background: url('/img/icon_22x22_hireus_iefix.png') center left no-repeat; }
#NavClients			{ padding-left: 30px; background: url('/img/icon_22x22_clients.png') center left no-repeat; } * html #NavClients { background: url('/img/icon_22x22_clients_iefix.png') center left no-repeat; }
#NavRSS				{ padding-left: 30px; background: url('/img/icon_22x22_rss.png') center left no-repeat; } * html #NavRSS { background: url('/img/icon_22x22_rss_iefix.png') center left no-repeat; }
#NavShare			{ padding-left: 30px; background: url('/img/icon_22x22_share.png') center left no-repeat; } * html #NavShare { background: url('/img/icon_22x22_share_iefix.png') center left no-repeat; }
.NavDivider			{ margin-left: 15px; margin-right: 10px; }
/* ## Header Logo Paper ## */
#LogoPaper			{ left: 20px; width: 246px; height: 147px; margin-top: -200px; background: url('/img/logo_paper.png') top center no-repeat; z-index: 800; } * html #LogoPaper { background: url('/img/x.gif') top center no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/logo_paper.png',sizingMethod='scale'); }
#WebNavTitle		{  width: 225px; top: 40px; left: 10px; text-align: center; letter-spacing: 1px; }
/* ## Header AddThis Menu ## */
#at16pf { height: 2px !important; overflow: hidden; }
/* ###### Website Content ###### */
.SectionTitle { display: block; position: absolute; width: 100%; height: 100%; top: 0px; right: 0px; vertical-align: middle; text-align: center; z-index: 400; cursor: default; }
#Homepage						{ background: url('/img/welcome.png') center center no-repeat; }
#SectionTitle_Homepage			{ background: url('/img/sectiontitle_homepage.png') center center no-repeat; }
#SectionTitle_OurPortfolio		{ background: url('/img/sectiontitle_ourportfolio.png') center center no-repeat; }
#SectionTitle_OurServices		{ background: url('/img/sectiontitle_ourservices.png') center center no-repeat; }
#SectionTitle_ClientLogin		{ background: url('/img/sectiontitle_clientlogin.png') center center no-repeat; }
#SectionTitle_SaveOrShare		{ background: url('/img/sectiontitle_saveorshare.png') center center no-repeat; }
#SectionTitle_Websites			{ background: url('/img/sectiontitle_websites.png') center center no-repeat; }
#SectionTitle_eCommerce			{ background: url('/img/sectiontitle_ecommerce.png') center center no-repeat; }
#SectionTitle_WebAddons			{ background: url('/img/sectiontitle_webaddons.png') center center no-repeat; }
#SectionTitle_IdentityLogos 	{ background: url('/img/sectiontitle_identitylogos.png') center center no-repeat; }
#SectionTitle_BusinessCards		{ background: url('/img/sectiontitle_businesscards.png') center center no-repeat; }
#SectionTitle_PrintedMaterial	{ background: url('/img/sectiontitle_printedmaterial.png') center center no-repeat; }
.rounded { -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px; }
.roundedInner { -moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px; }
.roundedTitleBar { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-radius-bottomright: 0px; }
.BoxContainerSizer { display: block; position: fixed; top: 7%; bottom: 220px; left: 275px; right: 30px; vertical-align: middle; text-align: center; min-width: 520px; min-height: 270px; }
.BoxContainer { display: block; position: relative; margin: 0px auto; min-width: 480px; height: 100%; border: 5px solid #111; background: url('/img/background_transblack.png') center center repeat; }
.BoxTitleBar { height: 50px; width: 100%; background: url('/img/background_transdarkgrey.png') center center repeat; border-bottom: 1px dashed #333; }
.BoxTitle { display: block; height: 50px; padding: 0px; margin: 0px; color: #FFF; font-size: 50px; letter-spacing: 4px; line-height: 40px; vertical-align: middle; text-align: center; }
.BoxBottom { display: block; position: absolute; bottom: 0px; height: 50px; width: 100%; text-align: center; vertical-align: middle; padding-top: 5px; }
.BoxBottomButton { display: inline-block; width: 460px; height: 40px; border: 1px solid #333; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: url('/img/background_transdarkgrey.png') center center repeat; vertical-align: middle; text-align: center; line-height: 40px; padding: 0px; color: #FFF; font-size: 20px; letter-spacing: 3px; }
.BoxBottomButton:hover { background: url('/img/background_transblack.png') center center repeat; color: #FDF59D; }
.BoxBottomButton img { margin-top: -5px; }
.BoxContent { display: block; position: absolute; top: 51px; bottom: 58px; width: 100%; overflow: auto; }
#BoxTitle_OurServices { background: url('/img/boxtitle_redesignedsservices.png') center center no-repeat; }
#BoxTitle_OurPortfolio { background: url('/img/boxtitle_redesignedsportfolio.png') center center no-repeat; }
#BoxTitle_Websites { background: url('/img/boxtitle_websiteservices.png') center center no-repeat; }
#BoxTitle_WebsitesPortfolio { background: url('/img/boxtitle_websitesportfolio.png') center center no-repeat; }
#BoxTitle_eCommerce { background: url('/img/boxtitle_ecommerceservices.png') center center no-repeat; }
#BoxTitle_eCommercePortfolio { background: url('/img/boxtitle_ecommerceportfolio.png') center center no-repeat; }
#BoxTitle_WebAddons { background: url('/img/boxtitle_webaddonservices.png') center center no-repeat; }
#BoxTitle_WebAddonsPortfolio { background: url('/img/boxtitle_webaddonsportfolio.png') center center no-repeat; }
#BoxTitle_IdentityLogos { background: url('/img/boxtitle_identitylogoservices.png') center center no-repeat; }
#BoxTitle_IdentityLogosPortfolio { background: url('/img/boxtitle_identitylogoportfolio.png') center center no-repeat; }
#BoxTitle_BusinessCards { background: url('/img/boxtitle_businesscardservices.png') center center no-repeat; }
#BoxTitle_BusinessCardsPortfolio { background: url('/img/boxtitle_businesscardportfolio.png') center center no-repeat; }
#BoxTitle_PrintedMaterial { background: url('/img/boxtitle_printedmaterialservices.png') center center no-repeat; }
#BoxTitle_PrintedMaterialPortfolio { background: url('/img/boxtitle_printedmaterialportfolio.png') center center no-repeat; }
.BoxContent h1 { color: #FFF; letter-spacing: 2px; }
.BoxContent p { font-size: 13px; letter-spacing: 1px; color: #999; line-height: 18px; }
.BoxContent hr { clear: both; width: 100%; height: 1px; border: none; border-top: 1px dashed #333; margin: 10px 0px; }
.TopContent { width: 90%; margin: 20px 0px; text-align: left; }
.BoxContent h1.Tagline { color: #FDF59D; }
.ContentBlock { width: 94%; min-width: 490px; margin: 20px 0px; }
.LeftBlock { width: 47%; min-width: 230px; position: relative; float: left; padding: 10px 5px; border: 1px solid #333; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: url('/img/background_transdarkgrey.png') center center repeat; }
.RightBlock { width: 47%; min-width: 230px; position: relative; float: right; padding: 10px 5px; border: 1px solid #333; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: url('/img/background_transdarkgrey.png') center center repeat; }
.ClearBoth { clear: both; }
.BoxContent ul { text-align: left; font-size: 13px; letter-spacing: 1px; color: #999; line-height: 18px; margin: 5px 5px 0px 20px; padding: 0px; }
.BoxContent ul li { margin-bottom: 4px; }
.Divider { clear: both; border: none; border-top: 1px dashed #333; border-bottom: 1px dashed #333; padding: 10px; background: url('/img/background_transdarkgrey.png') center center repeat; }
.SectionButton { display: block; margin: 10px auto; width: 480px; height: 50px; border: 1px solid #333; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: url('/img/background_transdarkgrey.png') center center repeat; vertical-align: middle; text-align: center; line-height: 50px; padding: 0px; color: #FFF; font-size: 20px; letter-spacing: 3px; } .SectionButton:hover { background: url('/img/background_transblack.png') center center repeat; color: #FDF59D; }
.Portfolio { position: fixed; display: block; bottom: 0px; top: 0px; left: 0px; right: 0px; width: 100%; height: 100%; z-index: 9999; }
.IconThumb { position: relative; float: left; margin: 5px 10px 25px 5px; }
a.LeftBlock h1, a.RightBlock h1 { margin-top: 5px; }
a.LeftBlock:hover, a.RightBlock:hover { background: url('/img/background_transblack.png') center center repeat; }
a.LeftBlock:hover h1, a.RightBlock:hover h1 { color: #FDF59D; }
.Thumbnails { position: relative; float: left; width: 200px; height: 145px; margin: 5px 25px 15px 20px; }
.Thumbnails .Thumbnail { position: absolute; top: 0px; }
#WebsitesSlideshow .Thumbnail, #ECommerceSlideshow .Thumbnail { border: 1px solid #000; }
#WebsitesScroller { display: block; position: absolute; bottom: 0px; left: 0px; height: 24%; width: 100%; overflow: hidden; }
#WebsitesScrollerContent { white-space: nowrap; height: 100%; position: absolute; top: 0px; left: 0px; text-align: left; }
#WebsitesScrollerContent img { height: 100%; margin: 0px 3px; }
/* ###### Website Footer ###### */
/* ## Navigation Shelf ## */
#NavShelf { position: fixed; bottom: 33px; height: 82px; width: 100%; background: url('/img/background_woodshelf.jpg') bottom center repeat-x; z-index: 800; }
#NavShelf_Navigation { min-width: 800px; display: block; list-style: none; position: fixed; bottom: 55px; margin: 0px; padding: 0px; height: 140px; width: 100%; text-align: center; z-index: 1000; white-space: nowrap; }
#NavShelf_Navigation li { display: inline-block; list-style: none; margin: 0px 5px; padding: 0px; width: 120px; height: 140px; }
#NavShelf_Navigation li a { display: block; width: 120px; }
#NavShelf_Websites 			{ top: 0px; height: 140px; background: url('/img/icon_120x140_websites.png') top center no-repeat; }
#NavShelf_Websites_Label	{ position: absolute; bottom: 0px; height: 30px; background: url('/img/label_websites.png') bottom center no-repeat; }
#NavShelf_Websites_Control	{ position: absolute; top: 0px; height: 100%; }
#NavShelf_eCommerce 		{ top: 0px; height: 140px; background: url('/img/icon_120x140_ecommerce.png') top center no-repeat; }
#NavShelf_eCommerce_Label	{ position: absolute; bottom: 0px; height: 30px; background: url('/img/label_ecommerce.png') bottom center no-repeat; }
#NavShelf_eCommerce_Control	{ position: absolute; top: 0px; height: 100%; }
#NavShelf_WebAddons 		{ top: 0px; height: 140px; background: url('/img/icon_120x140_webaddons.png') top center no-repeat; }
#NavShelf_WebAddons_Label	{ position: absolute; bottom: 0px; height: 30px; background: url('/img/label_webaddons.png') bottom center no-repeat; }
#NavShelf_WebAddons_Control	{ position: absolute; top: 0px; height: 100%; }
#NavShelf_IdentityLogos 		{ top: 0px; height: 140px; background: url('/img/icon_120x140_identitylogos.png') top center no-repeat; }
#NavShelf_IdentityLogos_Label	{ position: absolute; bottom: 0px; height: 30px; background: url('/img/label_identitylogos.png') bottom center no-repeat; }
#NavShelf_IdentityLogos_Control	{ position: absolute; top: 0px; height: 100%; }
#NavShelf_BusinessCards			{ top: 0px; height: 140px; background: url('/img/icon_120x140_businesscards.png') top center no-repeat; }
#NavShelf_BusinessCards_Label	{ position: absolute; bottom: 0px; height: 30px; background: url('/img/label_businesscards.png') bottom center no-repeat; }
#NavShelf_BusinessCards_Control { position: absolute; top: 0px; height: 100%; }
#NavShelf_PrintedMaterial			{ top: 0px; height: 140px; background: url('/img/icon_120x140_printedmaterial.png') top center no-repeat; }
#NavShelf_PrintedMaterial_Label		{ position: absolute; bottom: 0px; height: 30px; background: url('/img/label_printedmaterial.png') bottom center no-repeat; }
#NavShelf_PrintedMaterial_Control	{ position: absolute; top: 0px; height: 100%; }
/* ## Footer Bar ## */
#WebFooter			{ height: 37px; line-height: 30px; background: url('/img/background_bottombar.png') bottom center repeat-x; overflow: hidden; z-index: 900; } * html #WebFooter {  background: url('/img/x.gif') top center no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/background_bottombar.png',sizingMethod='scale'); }
/* ## Footer Navigation ## */
#FooterEmail		{ margin-left: 30px; padding-left: 30px; background: url('/img/icon_22x22_email.png') center left no-repeat; } * html #FooterEmail { background: url('/img/icon_22x22_email_iefix.png') center left no-repeat; }
#FooterCopyright	{ margin-right: 30px; }
#Scroller { position: fixed; bottom: 0px; vertical-align: bottom; }
.mfNav { position: absolute: bottom: 300px; }
/*Additional Caching*/
#cache_BGTransBlack { background: url('/img/background_transblack.png'); }
#cache_BGTransDarkGrey { background: url('/img/background_transdarkgrey.png'); }
#cache_TopBar { background: url('/img/background_topbar.png'); }
#cache_BottomBar { background: url('/img/background_bottombar.png'); }
#cache_Woodshelf { background: url('/img/background_woodshelf.jpg'); }
#cache_NavShelf_Websites_Label { background: url('/img/label_websites.png'); }
#cache_NavShelf_eCommerce_Label { background: url('/img/label_ecommerce.png'); }
#cache_NavShelf_WebAddons_Label { background: url('/img/label_webaddons.png'); }
#cache_NavShelf_IdentityLogos_Label { background: url('/img/label_identitylogos.png'); }
#cache_NavShelf_BusinessCards_Label { background: url('/img/label_businesscards.png'); }
#cache_NavShelf_PrintedMaterial_Label { background: url('/img/label_printedmaterial.png'); }
#cache_BlackAjaxLoader { background: url('/img/portfolio_ajax_loader.gif'); }
/* ###### Website Other ###### */
/* ## LightBox ## */
#LightBox { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; vertical-align: middle; font-family: Optima, "Trebuchet MS", Georgia, "Times New Roman", Times, serif; z-index: 9999; }
#LightBox.Active { position: fixed; height: 100%; width: 100%; top: 0px; left: 0px; overflow: auto; }
#LightBox.Inactive { position: absolute; height: 1px; width: 1px; margin-left: -999em; overflow: hidden; }
#LightBox.Active #LightBox_Background { position: fixed; height: 100%; width: 100%; top: 0px; left: 0px; background-color: #000; }
#LightBox.Active #LightBox_ContentContainer { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; max-height: 100%; }
#LightBox_Content { position: relative; margin: auto; display: inline-block; background-color: #CCC; padding: 2px; text-align: center; max-height: 100%; }
#LightBox_Content h1 { display: block; margin: 0px; padding: 4px 10px; background-color: #603913; color: #FFF; font-size: 16px; text-align: center; min-height: 20px; }
#LightBox_Content h2 { display: block; margin: 0px; padding: 4px 10px; color: #603913; font-size: 18px; text-align: center; }
#LightBox_Content p { display: block; margin: 10px 30px 20px 30px; text-align: left; }
#LightBox_Button_Close { display: inline-block; position: relative; float: right; margin: 0px 0px 0px 10px; }
#LightBox_ActualContent { padding: 10px 16px; text-align: left; background-color: #FFF; text-align: center; max-height: 100%; overflow: auto; }
#LightBox .DividerWithClear { clear: both; display: block; height: 2px; border: 0px none; border-bottom: 1px dashed #603913; margin-bottom: 20px; } 
#LightBox_Background { opacity: 0.80; -moz-opacity: 0.80; -khtml-opacity: 0.80; _filter: alpha('opacity=80'); }
/* #################################################################### */
} @media print {
/* ## [magicCSS] ## PRINT SITE DEFAULT STYLES ## */
html, body { background-color: #FFF; font-size: 12px; color: #000; font-family: Optima, "Trebuchet MS", Georgia, "Times New Roman", Times, serif; line-height: normal; font-weight: normal; font-style: normal; }
ul.Navigation, *[contents~="navigation"], *[contents~="noprint"], *[container~="noprint"], *[position~="noprint"], *.NoPrint, #LightBox { display: none; }
/* #################################################################### */
/* ## [This Website] ## SPECIFIC SITE PRINT STYLES ## */
/* ~ Your websites Print CSS goes here ~ */
/* #################################################################### */
}