body {
	font: 12px Verdana, Lucida, Arial, Helvetica, sans-serif;
	color: #525252;
	text-align: center;
	background: #d9d9dc url(../images/bg-tile.gif)
	repeat-x top;
	padding: 0;
	margin: 0;
	}
.inner-body {
	background: url(../images/background.jpg) no-repeat 50% 0;
	width: 100%;
	overflow: hidden;
	}

/* Custom */
.clr {clear:both}
.left {float:left}
.right {float:right}
img.left {margin-right: 10px}
img.right {margin-left: 10px}
.text-left {text-align:left}
.text-right {text-align:right}
.text-center {text-align:center}
.bold {font-weight:bold}
.italic {font-style:italic}
.hide {display: none}

/* Headings */
h1 { font-size: 15px; margin-bottom: 10px;}
h2 { font-size: 14px; margin-bottom: 10px;}
h3 { font-size: 12px; margin-bottom: 2px;}
h4 { font-size: 11px; margin-bottom: 0;}
h5 { font-size: 28px; margin-bottom: 0;}

/* Various */
strong, h1, h2, h3, h4, h5, h6 { 
	font-weight: bold;
	}
input[type='text'], textarea, input[type='password'] {
	font-size: 12px; 
	font-family: monaco, "Lucida Console", courier, monospace; 
	padding: 2px 2px 2px 5px;
	}
small, sup, sub { 
	font-size: 10px;
	}
.info {
	font-size:10px;
	line-height: 12px;
	}
	

/* Common Formatting */
p {
	margin:0 0 20px 0;
	padding:0;
	}
blockquote {
	margin:20px;
	padding:20px 20px 0 20px;
	}
img {
	border:0;
	}
hr.greyrule {
	border: none 0; 
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	width: 100%;
	height: 2px;
	margin: 7px 0 3px 0;
	}

/* Lists */
ul, ol {
	margin: 5px 10px 5px 10px;
	list-style: none;	
	}
ul li { 
	margin-left: 10px;
	padding: 0 0 7px 30px;
	font-weight: bold;
	background-image: url(../images/agc-cube.png);
	background-repeat: no-repeat;
	background-position: 0 1px;	
	}

ul ul {
	list-style-type: disc;
	list-style-image:none;
	margin-bottom: 0;
	padding-bottom: 0;
	}
ol {
	list-style-position: outside;
	list-style-type: decimal;
	margin-left: 40px;
	}

/* Forms */
label {/*font-weight: bold;*/}
textarea, input[type='text'], input[type='password'], select { 
	border: 1px solid #ccc; 
	background: #fff; 
	}
input[type='text'] {
	cursor: text;
	}
input, select {
	cursor: pointer;
	} 
input[type='submit'], input[type='button'] {
cursor: pointer;
border: 1px solid #584f82;
padding: 0.25em;
background-color: #cac6dd;
color: #000;
font-size: 12px;
font-weight: bold;
font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
}
input[type='reset'] {
cursor: pointer;
border: 1px solid #584f82;
padding: 0.25em;
background-color: #e7e4ef;
color: #000;
font-size: 12px;
font-weight: bold;
font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
} 

.formfield100 {
	width: 100px;
	}

.formfield200 {
	width: 200px;
	}
.formfield300 {
	width: 300px;
	}	

/* Links */
a:link, a:visited { 
	text-decoration: underline; 
	color: #404040;
	}
a:hover, a:active, a:focus { 
	text-decoration: none;
	color: #584f82;
	}

/* Site layout */

#container {
	width: 954px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	}
#utility {
	width: 954px;
	position: relative;
	height: 30px;
	z-index: 999;
	}
#main {
	float: left;
	width: 700px;
	padding-left: 10px;
	padding-right: 20px;
	}
#footer {
	clear: both;
	overflow:hidden;
	}
#header, #subnav, #inner-container, #home-container {
	float: left;
	width: 954px;
	padding: 0;
	}
#inner-container {
	z-index: 1;
	line-height: 18px;
	padding: 20px 10px 10px 10px;
	width: 934px;
	position:relative;
	}
#home-container {
	z-index: 1;
	line-height: 18px;
	padding: 0 0 10px 0;
	width: 954px;
	position:relative;
	}	
.inner-inner {
	overflow: hidden;
	}
/*	Contact Section */

.contact-section {
	float: left;
	width: 954px;	
	height: 30px;
	text-align: right; 
	font-size: 11px;
	line-height: 12px; 
	list-style: none;
	margin: 5px 0 0 0;
	color: #584f82;
	padding: 0;
	}	
.contact-section li {
	display: inline; 
	margin: 0; 
	height: 22px; 
	line-height: 22px; 
	padding-left: 13px;
	list-style: none;
	background: none !important;		
	}
.contact-section li a {
	color: #584f82;
	}
.contact-section li a:hover {
	color: #9a93bd;
	}
.contact-section li .divide {
	margin: 0 5px;
	}


/* Header */

#header .logo {
	float: left; 
	background: url(../images/top_nav-logo-bg.png) no-repeat 0 0; 
	height: 56px; 
	width: 184px;
	}
#header .logo img {
	margin: 3px 0 0 9px;
	}
#header .top-nav {
	float: left; 
	height: 56px; 
	width: 770px; 
	background: url(../images/top_nav-tile.png) repeat-x top;
	}
#header .menu {
	float: right; 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	height: 56px; 
	background: url(../images/top_nav-bg-last.png) no-repeat 100% 0;
	}
#header .menu li {
	margin: 0; 
	display: inline;
	
	}


/* Superfish Drop Downs - ESSENTIAL STYLES */
#header .menu, #header .menu * { margin: 0; padding: 0; list-style: none; z-index: 99}
#header .menu { line-height:	1.0; }
#header .menu ul { position:	absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ }
#header .menu ul li { width:	100%; }
#header .menu li:hover { visibility:	inherit; /* fixes IE7 'sticky bug' */ color: #eee;}
#header .menu li { float: left; position: relative; }
#header .menu a { display: block; position: relative; }
#header .menu li:hover ul, #header .menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; }
ul#header .menu li:hover li ul, ul#header .menu li.sfHover li ul { top: -999em; }
ul#header .menu li li:hover ul, ul#header .menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
ul#header .menu li li:hover li ul, ul#header .menu li li.sfHover li ul { top: -999em; }
ul#header .menu li li li:hover ul, ul#header .menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }

/* Superfish Drop Downs - AGC Skin
------------------------------------------ */
#header .menu {}
#header .menu a {width: 116px; padding: 31px 0 11px 12px; text-decoration:none; color: #fff; font-size: 12px; font-weight: bold;}
#header .menu a:hover {color: #6bc232; background: url(../images/top_nav-over.png) repeat-x top;}
#header .menu li {height: 56px; background: url(../images/top_nav-divide.png) no-repeat top right;}
#header .menu li li {height: auto; background: none; border-bottom: 1px solid #b6b6b6;  }
#header .menu li:hover, #header .menu li.sfHover, #header .menu a:focus, #header .menu a:hover, #header .menu a:active {}
#header .menu ul { display: none;  width: 166px; background: url(../images/top_nav-dd-bg.png) no-repeat bottom left; padding: 0 3px 4px 1px; border: none;}
#header .menu li:hover ul, #header .menu li.sfHover ul {top:54px; /* overriding essential styles */ }
#header .menu ul ul { margin-top:0;}
#header .menu ul a {width: 153px; padding: 0 0 0 12px; font-size: 11px; height: 29px; line-height: 29px;}
#header .menu ul a:hover {background: url(../images/top_nav-dd-over.png) no-repeat 50% 50%;}

/* Current/Active Page */
#header .menu li#current a, #header .menu li.active a /*, #header .menu li.parent a */{color: #cdedb8; background: url(../images/top_nav-active.png) repeat-x top right;}
#header .menu li#current a:hover {color: #cdedb8;}

/* Last */
#header .menu li.last {background: url(../images/top_nav-bg-last.png) no-repeat top right;}
#header .menu li.last a {width: 118px;}
#header .menu li.last a:hover {background: url(../images/top_nav-bg-over.png) no-repeat top right;}
#header .menu li#current.last a, #header .menu li.active.last {background: url(../images/top_nav-active-last.png) no-repeat top right}

/*-------------------------------------------------- 
	Subnav
--------------------------------------------------*/

#subnav {overflow: hidden; position: relative; width: 954px; background: url(../images/sub_nav-bg.png) no-repeat 0 0; height: 58px;}
#subnav h1 {float: left; color: #584f82; font-weight: bold; font-size: 16px; margin: 21px 0 0 55px;}
#subnav h2 {float: left; color: #fff; font-weight: bold; font-size: 16px; margin: 21px 0 0 15px;}
#subnav ul {float: right; margin: 26px 20px 0 0;}
#subnav ul li {display: inline; padding-left: 9px; margin: 0; float: left; height: 21px; line-height: 21px; background: none !important;}
#subnav ul li.active /*, #subnav ul li.parent*/ { background: url(../images/sub_nav-active-lt.gif) no-repeat 0 0;}
#subnav a {font-weight: bold; font-size: 11px; color: #595959; padding-right: 10px; height: 21px; line-height: 21px; display: block; float: left; text-decoration: none;}
#subnav a:hover {color: #000;}
#subnav ul li.active a/*, #subnav ul li.parent a*/ {color: #457d20;}

/* Inner Container */

#inner-container, #home-container {background: url(../images/page-tile.png) repeat-y left;}
.inner-inner {background: url(../images/col-divide-tile.gif) repeat-y 730px 0;}

#main .banner {position: absolute; top: 0; left: 3px; width: 948px; height: 320px; z-index: 999; outline: none;}
.banner h1 {font-size: 24px; font-weight: bold; letter-spacing: -1px; line-height: 25px; color:#6e6e6e; padding: 0; margin: 74px 0 0 30px;}
.banner h1 span {color: #fff; font-weight: normal;}
.banner h2 {font-size: 23px; font-weight: bold; letter-spacing: -1px; color: #e15913; margin: -15px 0 34px 468px;}
.banner img.button {margin-left: 0px;}
#banner-home {
	position: relative;
	top: 0;
	left: 3px;
	width: 948px;
	height: 320px;
	margin: 0 0 10px 0;
	z-index: 999;
	outline: none;
	border-bottom: 1px solid #999;
	}


#page2col .banner {width: 738px;}

#primary-left { float: left; clear: both; width: 642px; padding: 0 22px 0 22px; margin: 0 15px 0 0; border-right: 1px solid #ccc;}
#primary-left h1, h2 {color: #457d20; font-size: 15px; }
#primary-left p {color: #525252; font-size: 12px; line-height: 22px; margin: 0 0 15px 0; }

#primary-left-ar { float: left; clear: both; direction: rtl; text-align: right; width: 642px; padding: 0 22px 0 22px; margin: 0 15px 0 0; border-right: 1px solid #ccc;}
#primary-left-ar h1, h2 {color: #457d20; font-size: 18px; }
#primary-left-ar p {color: #525252; font-size: 14px; line-height: 22px; margin: 0 0 15px 0; }
	
#primary-wide { 
	float: left; 
	clear: both; 
	width: 902px; 
	padding: 0 0 0 22px; 
	margin: 0 15px 0 0;
	}	
#primary-wide h1, h2 {color: #457d20; font-size: 14px; }

#primary-wide li {
 	margin: 0; 
	font-size: 12px; 
	line-height: 16px; 
	font-weight: normal;
	padding-left: 25px;
	}
#primary-wide li ul li {
 	margin: 0; 
	font-size: 11px; 
	line-height: 13px;
	font-weight: normal;
	padding-left: 10px;
	list-style: none;
	background: none !important;	
	}	

#primary-wide li ul li a {
 	color: #666;	
	}
#primary-wide li ul li a:hover {
 	color: #333;	
	}	
	
.normal { font-weight: normal;}
.summer { color: #990000 !important;}

.portfolio { background:#eaeaea; border:1px solid #5d5d5d; width:284px; float:left; clear: both; margin:10px 15px 10px 0; padding:0;}
.portfolio2 { background:#dadada; border:1px solid #999; width:284px; float:left; margin:10px 15px 10px 0; padding:0;}
.portfolio3 { background:#eaeaea; border:1px solid #5d5d5d; width:284px; float:left; margin:10px 0 10px 0; padding:0;}
.portfolio img, .portfolio2 img, .portfolio3 img { margin:0 auto; padding:0;}
.portfolio span, .portfolio2 span, .portfolio3 span { font-weight: bold; color:#1e1c42;}
.portfolio p, .portfolio2 p, .portfolio3 p { font-size: 11px; padding:10px; line-height:1.4em; margin:0;}

#primary-right { float: left; width: 220px; padding: 0; margin: 0;}
#primary-right h3 {color: #457d20; font-size: 13px; }
#primary-right p {color: #525252; font-size: 11px; line-height: 18px; margin: 0 0 10px 0; }

#newsbox {
 	margin: 5px 0 0 0; 
	font-weight: normal;
	padding: 10px;
	background: #eaeaea;
	border: 1px solid #666;	
	}
#newsbox p {
 	margin: 0 0 5px 0; 	
 	font-size: 10px; 
	line-height: 12px;
	}
.credit {
	color: #666;
	}
.credit a {
	color: #666;
	}		

.picborder {border: 1px solid #ccc; margin: 5px 0 5px 0; }

/* Banners */
.design {background: url(../images/banners/design-cogs.jpg) no-repeat 0 0;}
.design h1 { color: #f1ca32; margin: 250px 0 30px 28px;}

.print {background: url(../images/banners/pantone-swatch.jpg) no-repeat 0 0;}
.print h1 { color: #21205a; margin: 250px 0 30px 28px;}
.print h1 span {color: #ec6400;}

.web {background: url(../images/banners/digital-web.jpg) no-repeat 0 0;}
.web h1 { color: #2b0000; margin: 250px 0 30px 50px;}
.web h1 span {color: #ffffff;}

.email-marketing {background: url(../images/banners/email-marketing.jpg) no-repeat 0 0;}
.email-marketing h1 { color: #de3b3c; margin: 250px 0 30px 28px;}
.email-marketing h1 span {color: #a58556;}

.useful {background: url(../images/banners/digital-age.jpg) no-repeat 0 0;}
.useful h1 { color: #21205a; margin: 250px 0 30px 28px;}
.useful h1 span {color: #fff;}


/* Primary section */
#primary {padding-top: 312px;}
#primary-home {padding-top: 0; margin: 0;}

.boxes {margin: 0 0 0 -10px; width: 934px; height: 191px; font-size: 11px; color: #676767; line-height: 16px;}
.boxes .column {float: left;}
.boxes h3 {color: #584f82; font-size: 13px; font-weight: bold; margin: 14px 15px 3px 15px;}
.boxes h3 a {color: #584f82; text-decoration:none;}
.boxes a:hover {color: #6bc232;}
.boxes p {margin: 0 21px 0 15px;}
.boxes p a:hover { text-decoration:underline;}

.three-column {background: url(../images/box-bg-3col.gif) no-repeat 0 312px;}
.three-column .column {width: 311px; height: 191px;  background-position: bottom right; background-repeat: no-repeat;}
.three-column-home {background: url(../images/box-bg-3col.gif) no-repeat 0 0;}
.three-column-home .column {width: 311px; height: 191px;  background-position: bottom right; background-repeat: no-repeat;}

/* Promo Boxes */
.three-column .logos {background: url(../images/box-icon-logos.jpg) no-repeat 150px 85px;}
.three-column .branding {background: url(../images/box-icon-branding.jpg) no-repeat 150px 85px;}
.three-column .marketing {background: url(../images/box-icon-marketing.jpg) no-repeat 130px 85px;}
.three-column .web-design {background: url(../images/box-icon-web-design.jpg) no-repeat 130px 85px;}
.three-column .hosting {background: url(../images/box-icon-address.jpg) no-repeat 155px 90px;}
.three-column .web-marketing {background: url(../images/web-graph.jpg) no-repeat 145px 100px;}
.three-column .constant-contact {background: url(../images/constant-contact-logo.gif) no-repeat 140px 100px;}
.three-column .stationery {background: url(../images/box-icon-stationery.jpg) no-repeat 110px 85px;}
.three-column .print-marketing {background: url(../images/box-icon-print-marketing.jpg) no-repeat 120px 85px;}
.three-column .display {background: url(../images/pop-up-display.jpg) no-repeat 140px 85px;}
.three-column .web {background: url(../images/box-icon-http.jpg) no-repeat 140px 85px;}
.three-column .design, .three-column-home .design {background: url(../images/box-icon-design.jpg) no-repeat 140px 85px;}
.three-column .printing, .three-column-home .printing {background: url(../images/box-icon-printing.jpg) no-repeat 140px 85px;}
.three-column-home .web2 {background: url(../images/box-icon-web.jpg) no-repeat 140px 85px;}

/* Footer */

#footer {background: url(../images/page-base.png) no-repeat top left; font-size: 10px; color: #545454; padding: 15px 0;}
#footer a {text-decoration: none; color: #666;}
#footer a:hover { color: #999;}
#footer .nav {float: left; padding-left: 15px;}
#footer .legal {float: right; color: #979797; padding-right: 15px;}

#party {overflow: hidden; position: relative; width: 954px; background: url(../images/party-bg.png) no-repeat 0 0; height: 58px;}
#party-container { height: 450px; background: url(../images/party-tile.png) no-repeat;}
#party-left { float: left; clear: both; width: 642px; padding: 0 22px 0 22px; margin: 0 15px 0 0;}
#party-left h1 {color: #5b0088; font-size: 21px; text-align: center; margin: 25px 0 15px 0; }
#party-left h2 {color: #584f82; font-size: 16px; font-weight: bold; text-align: center; line-height: 22px; margin: 0 0 15px 0; }
#party-left p {color: #404040; font-size: 12px; }
#party-left a { 
	text-decoration: underline; 
	color: #404040;
	}
#party-left a:hover { 
	text-decoration: none;
	color: #584f82;
	}
#party-left .orange { 
	color: #ce6700;
	}	
#party-left .pleft { float: left; clear: both; width: 100px; padding: 0; margin: 0 15px 10px 50px;}
#party-left .pright { float: left; width: 400px; font-weight: bold; padding: 0; margin: 0 0 10px 0;}

#party-right { float: left; width: 200px; height: 230px; font-size: 11px; padding: 10px; margin: 25px 0 0 0; background: #fff; border: 1px solid #ccc;}
#party-right h3 {color: #404040; font-size: 13px; font-weight: bold; margin: 0 0 10px 0; }
#party-right p { margin: 0 0 10px 0; padding: 0; }
#party-right .formleft { float: left; clear: both; width: 60px; padding: 0; margin: 0 5px 10px 0;}
#party-right .formright { float: left; width: 130px; margin: 0 0 10px 0;}
.partyform {
	width: 120px;
	}
.partyformwide {
	width: 185px;
	}	
#party-footer {background: url(../images/party-base.png) no-repeat top left; font-size: 10px; color: #545454; padding: 15px 0;}