@charset "UTF-8";
/* CSS Document */

/*
	Z2: #F15D2A
	Web: #66bc46
	Database: #015395
	Print: #6f4475
	Enterprise: #06b3df
	Network: #D8BD28
	Branding: #f69321
	Ineteractive: #45bd9d
	Copyright: #c984b9
	Video: #8567ad
	SEO: #8c2f1c
*/

body { text-align:center; font-family:Arial, Helvetica, sans-serif; color:#666; margin:0; font-size:12px; line-height:1.5em;}
p { text-align:left;}

img, div { behavior: url(iepngfix.htc) }

#clear { clear:both; height:0; overflow:hidden;}
#main { margin:0 auto; width:1000px;}

#aboutHeader {}
#aboutHeader h1 { text-align:left; padding:0px 10px 10px 10px; font-size:14px; font-weight:bold; color:#f15d2a;}

#text h1 { margin:40px 0px 0px 0px;}
#text a { color:#f15d2a; text-decoration:none;}
#text a:hover { color:#f15d2a; text-decoration:underline;}

.sampImg p{color:#f15d2a; text-decoration:none;}
.sampImg:hover p{color:#f15d2a; text-decoration:underline;}

#textSrv h1 { margin:40px 0px 0px 0px;}

#headLine { border-top:#f15d2a solid 1px; margin:10px 0px;}
#z2 h1 { text-align:left; font-size:14px; font-weight:bold; color:#F15D2A; background:url(images/callout-logo-z2.png)no-repeat; height:40px; padding:17px 0px 0px 50px; overflow:hidden;}
#section h1 { color:#F15D2A; text-align:left; font-size:14px; font-weight:bold; padding:10px 0px;}
 


/* Top Level Navigation and Logo */
#siteContent {}
#siteContentL { float:left; width:220px; text-align:left; padding:10px 0px 0px 0px;}
#siteContentR { float:right; width:775px;}

#sitemapCallouts {  padding:0px 0px 10px 0px; margin: 0px;}
#sitemapCallouts ul { width:775px; margin:0; padding:0;}
#sitemapCallouts ul li { display:inline; float:left;}
#sitemapCallouts li { width:250px; height:190px; padding:0px 0px; margin-bottom:3px; margin-top:2px; border-bottom:1px solid #F15D2A;}
#sitemapCallouts p a { margin-left:30px; line-height:11px; margin-top:0px; color:#333; }
#sitemapCallouts h1 { margin-left:10px; margin-bottom:0px; margin-top:0px;}
#sitemapCallouts a { text-decoration:none;}
#orange  h1 a { color:#F15D2A;}
#orange a {color:#333;}
#orange a:hover{ text-decoration:underline; color:#F15D2A;}
#green  h1 a { color:#66bc46;}
#green  a {color:#333;}
#green a:hover{text-decoration:underline; color:#66bc46;}
#blue  h1 a { color:#015395;}
#blue  a {color:#333;}
#blue a:hover{text-decoration:underline; color:#015395;}
#purple  h1 a { color:#6F4475;}
#purple  a {color:#333;}
#purple a:hover{text-decoration:underline; color:#6F4475;}
#yellow  h1 a { color:#f69321;}
#yellow  a {color:#333;}
#yellow a:hover{text-decoration:underline; color:#f69321;}
#ltpurple  h1 a { color:#c984b9;}
#ltpurple a {color:#333;}
#ltpurple a:hover{text-decoration:underline; color:#c984b9;}
#aqua  h1 a { color:#45bd9d;}
#aqua a {color:#333;}
#aqua a:hover{text-decoration:underline; color:#45bd9d;}

#indexCallouts { background:url(images/apples.jpg) no-repeat; padding:190px 0px 20px 0px; margin: 0px;}
#indexCallouts p { text-align:left; padding:0px 15px;}

#tagLine { padding:0px 40px 0px 90px; margin:80px 0px 0px 0px;}
#tagLine h1 {color:#333; font-size:24px; font-weight:bold; text-align:left; line-height:2em;}

#indexCallouts ul { width:775px; margin:0; padding:0;}
#indexCallouts ul li { display:inline; float:left;}
#indexCallouts li { width:250px; padding:0px 4px;}

#calloutContent { height:160px; overflow:hidden;}

#tagLine1 { color:#333; font-size:24px; font-weight:bold; text-align:left; line-height:2em; padding:0px 0px 0px 40px; margin:40px 0px 0px 0px;}
#tagLine2 { color:#333; font-size:24px; font-weight:bold; text-align:left; line-height:2em; padding:0px 0px 100px 90px; margin:-20px 0px 0px 0px;}

#indexWeb1 { }
#indexWeb1 h1 { text-align:left; font-size:14px; font-weight:bold; color:#66bc46; background:url(images/web-header.png) no-repeat; height:40px; padding:20px 0px 0px 50px; overflow:hidden;}
#indexWeb1 a { color:#66bc46; text-decoration:none; display:block;}
#readMoreWeb { text-align:right; padding:15px 0px 0px 0px; font-weight:bold;  border-top:solid 1px #bbb;}
#readMoreWeb a {  color:#66bc46; display:block; text-decoration:none; padding:0px 15px;}
#readMoreWeb a:hover { text-decoration:underline;}

#indexDb { }
#indexDb h1 { text-align:left; font-size:14px; font-weight:bold;; color:#015395; background:url(images/database-header.png) no-repeat; height:40px; padding:20px 0px 0px 50px; overflow:hidden;}
#indexDb a { color:#015395; text-decoration:none; display:block;}
#readMoreDb { text-align:right; padding:15px 0px 0px 0px; font-weight:bold; border-top:solid 1px #bbb; width:232px; margin:0 auto;}
#readMoreDb a { color:#015395; display:block; text-decoration:none; padding:0px 15px;}
#readMoreDb a:hover { text-decoration:underline;}

#indexPrint { }
#indexPrint h1 { text-align:left; font-size:14px; font-weight:bold; color:#6f4475; background:url(images/print-header.png) no-repeat; height:40px; padding:20px 0px 0px 50px; overflow:hidden;}
#indexPrint a { color:#6f4475; text-decoration:none; display:block;}
#readMorePrint { text-align:right; padding:15px 0px 0px 0px; font-weight:bold;  border-top:solid 1px #bbb;}
#readMorePrint a { color:#6f4475; display:block; text-decoration:none; padding:0px 15px;}
#readMorePrint a:hover { text-decoration:underline;}

#logos {border-top:solid 1px #bbbbbb;}

#webTesti { width:180px; margin:20px auto; background-color:#ededed;}
.bigQuote { color:#F15D2A; font-size:22px; font-weight:bold; line-height:20px;}
#webTesti p { padding:10px; line-height:30px; font-weight:bold; color:#333}
#webTestiMore { text-align:right; padding:10px; font-weight:bold;}
#webTestiMore a { color:#F15D2A; text-decoration:none;}

#contentL { width:385px; float:left;}
#contentL p { padding:0px 20px;}
#contentR { width:385px; float:right;}
#contentR h1 { text-align:left; font-size:12px; font-weight:bold; color:#f15d2a; padding:0px 0px 3px 0px;}

#contentRServices { width:385px; float:right;}
#readMoreServices {
	text-align:right;
	padding:10px 20px;
}

#servicesText { height:160px; overflow:hidden;}

#indexOther h1{
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#F15D2A;
	background:url(images/callout-logo-z2.png)no-repeat;
	height:40px;
	padding:20px 0px 0px 50px;
	overflow:hidden;
}
#indexEnterprise h1 { text-align:left; font-size:14px; font-weight:bold; color:#06b3df; background:url(sub-enterprise/images/callout-logo.png)no-repeat; height:40px; padding:20px 0px 0px 50px; overflow:hidden;}
#indexBranding h1 { text-align:left; font-size:14px; font-weight:bold; color:#f69321; background:url(sub-branding/images/callout-logo.png) no-repeat; height:40px; padding:20px 0px 0px 50px; overflow:hidden;}
#indexInteractive h1 { text-align:left; font-size:14px; font-weight:bold; color:#45bd9d; background:url(sub-interactive/images/callout-logo.png) no-repeat; height:40px; padding:20px 0px 0px 50px; overflow:hidden;}
#indexCopyright h1 { text-align:left; font-size:14px; font-weight:bold; color:#c984b9; background:url(sub-copyright/images/callout-logo.png) no-repeat; height:40px; padding:20px 0px 0px 50px; overflow:hidden;}
#indexVideo h1 { text-align:left; font-size:14px; font-weight:bold; color:#8567ad; background:url(sub-video/images/callout-logo.png) no-repeat; height:40px; padding:20px 0px 0px 50px; overflow:hidden;}
#indexSeo h1 { text-align:left; font-size:14px; font-weight:bold; color:#8c2f1c; background:url(sub-seo/images/callout-logo.png) no-repeat; height:40px; padding:20px 0px 0px 50px; overflow:hidden;}
#indexNetwork h1 { text-align:left; font-size:14px; font-weight:bold; color:#D8BD28; background:url(sub-network/images/callout-logo.png) no-repeat; height:40px; padding:20px 0px 0px 50px; overflow:hidden;}

.colorWeb {}
.colorWeb a { text-decoration:none; color:#66bc46;}
.colorWeb a:hover { text-decoration:underline;}

.colorDb {}
.colorDb a { text-decoration:none; color:#015395;}
.colordb a:hover { text-decoration:underline;}

.colorPrint {}
.colorPrint a { text-decoration:none; color:#6f4475;}
.colorPrint a:hover { text-decoration:underline;}

.colorEnterprise {}
.colorEnterprise a { text-decoration:none; color:#06b3df;}
.colorEnterprise a:hover { text-decoration:underline;}

.colorBranding {}
.colorBranding a { text-decoration:none; color:#f69321;}
.colorBranding a:hover { text-decoration:underline;}

.colorInteractive {}
.colorInteractive a { text-decoration:none; color:#45bd9d;}
.colorInteractive a:hover { text-decoration:underline;}

.colorCopyright {}
.colorCopyright a { text-decoration:none; color:#c984b9;}
.colorCopyright a:hover { text-decoration:underline;}

.colorVideo {}
.colorVideo a { text-decoration:none; color:#8567ad;}
.colorVideo a:hover { text-decoration:underline;}

.colorOther {}
.colorOther a { text-decoration:none; color:#F15D2A;}
.colorOther a:hover { text-decoration:underline;}

.colorSeo {}
.colorSeo a { text-decoration:none; color:#8c2f1c;}
.colorSeo a:hover { text-decoration:underline;}

.colorWeb {}
.colorNetwork a { text-decoration:none; color:#D8BD28;}
.colorNetwork a:hover { text-decoration:underline;}



/*  Contact Form  */
#form { background-color:#ededed; padding:5px 0px;}
#formL { float:left; width:130px; text-align:right; padding:7px 0px;}
#formR { float:right; width:250px; text-align:left; padding:3px 0px;}

#directory { line-height:25px; padding:0px 0px 0px 40px; text-align:left;}

/*Portfolio*/
#portfolio { margin:0 auto;}
#portfolio ul { width:775px; margin:0; padding:0;}
#portfolio ul li { display:inline; float:left;}
#portfolio li { width:250px; padding:0px 4px;}

#portfolio p { text-align:left; padding:0px 15px;}

#headLinePort { border-top:#f15d2a solid 1px; margin:0px 0px 10px 0px;}

#readMore { text-align:right; padding:15px 0px 0px 0px; font-weight:bold; border-top:solid 1px #bbb; width:232px; margin:0 auto;}
#readMore a { color:#F15D2A; display:block; text-decoration:none; padding:0px 15px;}
#readMore a:hover { text-decoration:underline;}

#crumbs { background-color:#F15D2A; padding:5px 0px; color:#FFF; text-align:left; border-top:solid 1px #FFF;}
#crumbs a { padding:0px 10px; color:#FFF; text-decoration:none;}
#crumbs a:hover { text-decoration:underline;}

.botBorder { border-bottom:#666 solid 1px;}

#samples { margin:0 auto; padding:20px 0px 15px 0px;}
#samples ul { width:775px; margin:0; padding:0px 0px 0px 20px;}
#samples ul li { display:inline; float:left;}
#samples li { width:180px; padding:0px 4px;}

#sampleImage { position:relative; width:125px; text-align:center;}
#sampleImage p { padding:3px 0px 0px 0px; text-align:center;}
#sampleImage a { text-decoration:none;}
#sampleImage a:hover { text-decoration:underline;}

.sampImg img { border: solid 2px #fff;}
.sampImg:hover img { border:solid 2px #F15D2A;}

#overText { padding:10px; color:#FFF; }

#clients {}
#clients p { text-align:left; padding:0px 20px;}
#clients a { display:block; color:#666; text-decoration:none;}
#clients a:hover { text-decoration:underline;}
#clientsL { float:left; width:380px;}
#clientsR { float:right; width:380px;}

#breaker { border-top:#bbb solid 1px; padding:10px 0px 0px 0px;}

#login { margin:0 auto; width:400px; border:solid 1px #bbb;}
#loginL { float:left; width:100px; padding:10px; text-align:left; font-size:12px;}
#loginR { float:right; width:270px; padding:5px 0px; text-align:left;}

#loginHead { background-color:#bbb; color:#666; font-size:14px; font-weight:bold; padding:5px; text-align:center;}

#frame { width:775px; margin:0 auto; background-color:#FFF;}