@charset "utf-8";
/* CSS Document by Valerie Ayars Designs */

body, h1, h2, h3, h4, h5, h6, ul, li, p, hr {
	margin:0;
	padding:0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	background-image:url(images/bkgrnd.png);
	background-attachment:fixed;
	background-repeat:repeat;
}

/*bof fixed header - note: requires padding of at least height of header on container and a higher z-index on head over bodyWrapper because of the relative positioning - fixed header doesn't work in IE6 but neither do the png files :-p */
#head {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100px;
	background-image:url(images/glossymetal.jpg);
	background-repeat: repeat-x;
	background-position: top;
	z-index:200;
}
#header {
	background-image:url(images/header.png);
	background-repeat: no-repeat;
	background-position: top;
	background-attachment:fixed;
	height:100px;
	margin: 0 auto;
	padding: 0px;
}
/*eof fixed header */

/*bof sheet layout*/
#container{
	width:960px;
	height: 100%;
	margin: 0px auto 30px auto;
	padding-top: 130px;
}
#sheet-top {
	height:64px;
	background-image: url(images/body_top.png);
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:top;
}
#navWrapper{
	width: 100%;
	height:63px;
	background-attachment:scroll;
	background-position:top;
	background-repeat:no-repeat;
}
body#home #navWrapper, body#process #navWrapper, body#thankyou #navWrapper, body#privacy #navWrapper{
	background-image:url(images/navbar_green.png);
}
body#web #navWrapper{
	background-image:url(images/navbar_pink.png);
}
body#ecomm #navWrapper{
	background-image:url(images/navbar_blue.png);
}
body#graphics #navWrapper{
	background-image:url(images/navbar_orange.png);
}
body#market #navWrapper{
	background-image:url(images/navbar_yellow.png);
}
body#showcase #navWrapper{
	background-image:url(images/navbar_purple.png);
}

#bodyWrapper{
	background:#EEEEEE;
	width:950px;
	height:90%;
	margin: 0px auto;
	position:relative;
	z-index:10;
}
#sheet-left{
	background-image:url(images/body_left.png);
	background-attachment:scroll;
	background-position:top;
	background-repeat:repeat-y;
	position:absolute;
	left:0px;
	width:15px;
	margin-left:1px;
	height:100%;
}
#sheet-right{
	background-image:url(images/body_right.png);
	background-attachment:scroll;
	background-position:top;
	background-repeat:repeat-y;
	position:absolute;
	right:0px;
	width:13px;
	margin-right:2px;
	height:100%;
}
#sheet-bottom{
	height:65px;
	background-image: url(images/body_bottom.png);
	background-attachment: scroll;
	background-repeat:no-repeat;
	background-position:top;
	margin: 0px auto;
}
/*eof sheet layout*/

/*bof standard stuff*/
#mainbody{
	padding: 0px 35px 0px 35px;
}

p {
	padding: 5px 0px;
	text-align:justify;
}
h1{
	font-size:1.4em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#333;
	padding: 0px 0px 20px 0px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.2em;
	font-weight: bold;
	text-transform:uppercase;
	color: #333;
	padding: 10px 0px 10px 0px;
}
h4 {
	font-size:1.1em;
	font-weight: bold;
	font-variant:small-caps;
	color: #339;
}
h5{
	font-size: 1.1em;
	font-weight: bold;
	font-variant: small-caps;
	color: #8cc63f;
	margin-top: 10px;
}
a:hover {
	color:#F06;
	text-decoration: none;
}
.lftimg {
	padding:1em;
	float: left;
	border: none;
}
.lftimg2 {
	padding:1em;
	float: left;
	border: thin solid #8cc63f;
	margin: 10px 10px 0px 0px;
	padding: 0px;
}
.rtimg {
	padding:1em;
	float: right;
	border: none;
}
.clearboth{
	clear:both;
}
.clearleft{
	clear:left;
}
.clearright{
	clear:right;
}
ol li{
	padding: 4px 0px;
}
#genlist {
	padding: 10px 0px 10px 30px;
}
#genlist li{
	padding:3px 0px;
}
table{
	margin: 15px auto;
}
td{
	font-size: .9em;
	padding: 0px 10px;
}
/*eof standard stuff*/

/*bof navigation*/
#nav {
	height: 35px;
	font-size: .9em;
	padding: .9em;
	text-align:center;
	vertical-align:top;
}
#navfoot {
	height:20px;
	font-size: .7em;
	padding:0px;
	text-align:center;
	vertical-align:top;
}

#navlst {
	padding: 0px;
	margin: 0px;
	line-height: 28px;
	white-space: nowrap;
	text-align: center;
}
#navlstfoot{
	padding:0px;
	margin:0px;
	line-height: 20px;
	white-space: nowrap;
	text-align:center;
}

#navlst li, #navlstfoot li {
	list-style: none;
	display: inline;
	padding:0px 2px 0px 2px;
}
#navlst li a, #navlstfoot li a {
	text-decoration: none;
	color: #000;
}
#navlst li a:link, #navlst li a:visited,
#navlstfoot li a:link,  #navlstfoot li a:visited{
	color:#000;
}

#navlst li a:hover {
	color:#fff;
}

body#home a.homenav,
body#web a.webnav,
body#ecomm a.ecommnav,
body#graphics a.graphicsnav,
body#market a.marketnav,
body#showcase a.showcasenav,
body#process a.processnav{
	color: #fff;
}

#submenu { 
	line-height: 20px;
	white-space: nowrap;
	font-size: .7em;
	padding-left: 144px;
}
#submenu li {
	list-style:none;
	display: inline;
	padding-left:5px;
	padding-right:5px;
	color:#000;
}
#submenu li a{
	text-decoration:none;
}
#submenu li a:link, #submenu li a:visited{
	color:#666;
}
/*eof navigation*/

/*bof Contact form*/
#commWrapper{
	float:right;
	width:180px;
	padding:8px 0px 16px 16px;
	margin:0px;

}
.commWrapper p, #commWrapper h2{
	font-family: Arial, Helvetica, sans-serif;
}
.phone{
	font-size:1.2em;
	font-weight: bolder;
	color:#333;
	text-align: center;
}
.whitetxt{
	color: #fff;
	font-weight:bold;
	text-align: center;
	font-size:16px;
	text-transform: uppercase;
}
h2 {
	font-size:14px;
	text-transform:uppercase;
	padding:8px 0px 0px 0px;
}
#commtop{
	height:14px;
	width:188px;
	background-image:url(images/comm_top.png);
	background-attachment:scroll;
	background-position:bottom;
	background-repeat:no-repeat;
	padding-left:2px;
}
#comminfo{
	height:33px;
	width:188px;
	background-image:url(images/comm_info.png);
	background-attachment:scroll;
	background-position:bottom;
	background-repeat:no-repeat;
}	
.commbk{
	width:188px;
	background-image:url(images/comm_bk.png);
	background-attachment:scroll;
	background-repeat: repeat-y;
	margin-left:1px;
}
.commbk2{
	width: 188px;
	background-image:url(images/comm_bk.png);
	background-attachment:scroll;
	background-repeat:repeat-y;
	margin-left:1px;
	font-size:.8em;
}
#commbottom{
	height:20px;
	width:188px;
	background-image:url(images/comm_bottom.png);
	background-attachment:scroll;
	background-position:top;
	background-repeat:no-repeat;
	padding-left:2px;
}
.text{
	font-size: .8em;
	padding: 2px 0px 2px 22px;
	
}
.input{
	background-color: #333;
	border: 0px;
	color:#fff;
	font-size: 11px;
	padding: 2px;
	margin-left: 21px;
}
.submit{
	margin-top: 10px;
	border:#000 ridge medium;	
}
#padlock, #padlock a, #padlock img{
	border: none;
	color:#333 !important;
	font-weight: bold;
	margin-top: 6px;
	text-decoration:none;
	font-size: 11px;
}
/*eof Contact Form*/

/*bof home page boxes*/
#box-bkgnd{
	margin: 0px;
	padding: 0px;
	width: 666px;
	height:180px;
}
#box-bkgnd-img{
	margin: 0px;
	padding:0px;
}
   /*bof index web slide*/ 
#box-web-info{
	margin:-164px 0px 0px 16px;
	padding:0px;
	width: 150px;
	height:150px;
	position:absolute;
}
#box-web{
	margin: -164px 0px 0px 16px;
	padding:0px;
	width:150px;
	height:150px;
	position:relative;
}
#box-web-slide a:link, #box-web-slide a:visited, #box-web-slide a:active{
	display:block;
	background: url(images/box_web.gif) scroll no-repeat top left;
	border:none;
}
   /*eof index web slide*/

   /*bof index ecommerce slide*/
#box-ecomm-info{
	margin:-150px 0px 0px 177px;
	padding:0px;
	width: 150px;
	height:150px;
	position:absolute;
}
#box-ecomm{
	margin: -150px 0px 0px 177px;
	padding:0px;
	width:150px;
	height:150px;
	position:relative;
}
#box-ecomm-slide a:link, #box-ecomm-slide a:visited{
	display:block;
	background: url(images/box_ecomm.gif) scroll no-repeat top left;
	border:none;
}
   /*eof index ecommerce slide*/

   /*bof index graphics slide*/
#box-graphics-info{
	margin:-151px 0px 0px 338px;
	padding:0px;
	width: 150px;
	height:150px;
	position:absolute;
}
#box-graphics{
	margin: -151px 0px 0px 338px;
	padding:0px;
	width:150px;
	height:150px;
	position:relative;
}
#box-graphics-slide a:link, #box-graphics-slide a:visited{
	display:block;
	background: url(images/box_graphics.gif) scroll no-repeat top left;
	border:none;
}
   /*eof index graphics slide*/

   /*bof index marketing slide*/
#box-marketing-info{
	margin:-150px 0px 0px 499px;
	padding:0px;
	width: 150px;
	height:150px;
	position:absolute;
}
#box-marketing{
	margin: -150px 0px 0px 499px;
	padding:0px;
	width:150px;
	height:150px;
	position:relative;
}
#box-marketing-slide a:link, #box-marketing-slide a:visited{
	display:block;
	background: url(images/box_marketing.gif) scroll no-repeat top left;
	border:none;
}
   /*eof index marketing slide*/

   /*bof index all 4 boxes style*/
#box-web-info p, #box-ecomm-info p, #box-graphics-info p{
	padding: 46px 5px 10px 5px;
	font-size: 10px;
	vertical-align: top;
}
#box-marketing-info p{
	padding: 56px 5px 10px 5px;
	font-size: 10px;
	vertical-align: top;
}
#box-web-slide img, #box-ecomm-slide img, #box-graphics-slide img, #box-marketing-slide img{
	border:none;
}
#box-web-slide a:hover, #box-ecomm-slide a:hover, #box-graphics-slide a:hover, #box-marketing-slide a:hover {
	background-position: bottom left;
	border:none;
}
	/*eof index all 4 boxes style*/
/*eof home page boxes*/

/*bof portfolio displays*/
.p-contain-l{
	float:left;
}
.p-frame-l{
	margin: 0px;
	padding: 0px;
	width: 420px;
	height:320px;
	position:absolute;
}
.p-frame-r{
	margin: 0px 20px 0px 460px;
	padding: 0px;
	width: 420px;
	height:320px;
	position:absolute;
}
.p-frame-m{
	margin: 0px 0px 0px 130px;
	padding: 0px;
	width: 420px;
	height:320px;
	position:absolute;
}	
.p-info-l{
	margin: 28px 0px 0px 28px;
	padding: 0px;
	width: 364px;
	height:269px;
	position:absolute;
}
.p-info-r{
	margin: 28px 0px 0px 488px;
	padding: 0px;
	width: 364px;
	height:269px;
	position:absolute;
}
.p-info-m{
	margin: 26px 0px 0px 159px;
	padding: 0px;
	width: 364px;
	height:269px;
	position:absolute;
}
.p-info-l p, .p-info-r p, .p-info-m p{
	padding: 4px 20px;
	font-size: 14px;
}
.p-info-l h6, .p-info-r h6, .p-info-m h6{
	padding: 4px 20px;
	font-size:14px;
	font-weight:bold;
	font-variant:small-caps;
}
.p-info-l ul, .p-info-r ul, .p-info-m ul{
	padding: 4px 32px;
	font-size:14px;
}
.p-link{
	padding: 4px 0px;
	text-align:center;
	font-size: 11px;
}
.p-box-l{
	padding: 0px;
	width: 364px;
	height: 266px;
	float: left;
	position:relative;
	margin: 28px 0px 0px 28px;
}
.p-box-r{
	padding: 0px;
	width: 364px;
	height: 266px;
	float: right;
	position:relative;
	margin: 28px 28px 0px 0px;
}
.p-box-m{
	padding: 0px;
	width: 364px;
	height: 266px;
	float: left;
	position:relative;
	margin: 26px 0px 0px 159px;
}
.p-title-m{
	margin: 20px 0px 0px 159px;
	padding: 0px;
	width: 364px;
}
.p-title-l{
	margin: 20px 0px 0px 25px;
	padding: 0px;
	width: 364px;
}
.p-title-r{
	margin: 20px 0px 0px 486px;
	padding: 0px;
	width: 364px;
}
.p-title-m h6, .p-title-l h6, .p-title-r h6{
	padding: 4px 0px;
	text-align:center;
	font-size:.9em;
	font-weight:bold;
	font-variant:small-caps;
}
.p-title-m p, .p-title-l p, .p-title-r p{
	padding: 4px 20px;
	font-size: .9em;
}
#p-ptbylucy a:link, #p-ptbylucy a:visited{
	display: block;
	background: url(images/portfolio/p_ptbylucy.gif) scroll no-repeat bottom left;
	color: #fff;
}
#p-pandp a:link, #p-pandp a:visited{
	display: block;
	background:url(images/portfolio/p_purdue.gif) scroll no-repeat bottom left;
	color: #fff;
}
#p-butterco a:link, #p-butterco a:visited{
	display: block;
	background: url(images/portfolio/p_butterco.gif) scroll no-repeat bottom left;
	color: #fff;
}
#p-safetyskid a:link, #p-safetyskid a:visited{
	display: block;
	background: url(images/portfolio/p_safetyskid.gif) scroll no-repeat bottom left;
	color: #fff;
}
#p-hcr a:link, #p-hcr a:visited{
	display: block;
	background: url(images/portfolio/p_hcr.gif) scroll no-repeat bottom left;
	color: #fff;
}
#p-ppl a:link, #p-ppl a:visited{
	display: block;
	background: url(images/portfolio/p_ppl.gif) scroll no-repeat bottom left;
	color: #fff;
}
#p-ybc a:link, #p-ybc a:visited{
	display: block;
	background: url(images/portfolio/p_ybc.gif) scroll no-repeat bottom left;
	color: #fff;
}
#p-gotchacovered a:link, #p-gotchacovered a:visited{
	display: block;
	background: url(images/portfolio/p_gotchacovered.gif) scroll no-repeat bottom left;
	color: #fff;
}
#p-cptngordo a:link, #p-cptngordo a:visited{
	display: block;
	background: url(images/portfolio/p_cptngordo.gif) scroll no-repeat bottom left;
	color: #fff;
}
#p-colonyconn a:link, #p-colonyconn a:visited{
	display: block;
	background: url(images/portfolio/p_colonyconn.gif) scroll no-repeat bottom left;
	color: #fff;
}
#p-3so a:link, #p-3so a:visited{
	display: block;
	background: url(images/portfolio/p_3so.gif) scroll no-repeat bottom left;
	color: #fff;
}
#p-wine a:link, #p-wine a:visited{
	display: block;
	background: url(images/portfolio/p_wine.gif) scroll no-repeat bottom left;
	color: #fff;
}
#p-hhproductlabel a:link, #p-hhproductlabel a:visited{
	display: block;
	background: url(images/portfolio/p_hhproductlabel.gif) scroll no-repeat bottom left;
	color: #fff;
}
#p-ppi a:link, #p-ppi a:visited{
	display: block;
	background: url(images/portfolio/p_ppi.gif) scroll no-repeat bottom left;
	color: #fff;
}
#p-library a:link, #p-library a:visited{
	display: block;
	background: url(images/portfolio/p_library.gif) scroll no-repeat bottom left;
	color: #fff;
}
#p-pplflyer a:link, #p-pplflyer a:visited{
	display: block;
	background: url(images/portfolio/p_pplflyer.gif) scroll no-repeat bottom left;
	color: #fff;
}
#p-sanders a:link, #p-sanders a:visited{
	display: block;
	background: url(images/portfolio/p_sanders.gif) scroll no-repeat bottom left;
	color: #fff;
}
#p-realestate a:link, #p-realestate a:visited{
	display: block;
	background: url(images/portfolio/p_realestate.gif) scroll no-repeat bottom left;
	color: #fff;
}
#p-crg a:link, #p-crg a:visited{
	display: block;
	background: url(images/portfolio/p_crg.gif) scroll no-repeat bottom left;
	color: #fff;
}
#p-dream a:link, #p-dream a:visited{
	display: block;
	background: url(images/portfolio/p_dream.gif) scroll no-repeat bottom left;
	color: #fff;
}
#p-feelingpretty a:link, #p-feelingpretty a:visited{
	display: block;
	background: url(images/portfolio/p_feelingpretty.gif) scroll no-repeat bottom left;
	color: #fff;
}
#p-madi a:link, #p-madi a:visited{
	display: block;
	background: url(images/madi/cover_sm.jpg) scroll no-repeat bottom left;
	color: #fff;
}
#p-ptbylucy a:hover, #p-pandp a:hover, #p-butterco a:hover, #p-safetyskid a:hover, #p-hcr a:hover, #p-ppl a:hover, 
#p-ybc a:hover, #p-gotchacovered a:hover, 
#p-cptngordo a:hover, #p-colonyconn a:hover,
#p-3so a:hover, #p-wine a:hover, #p-hhproductlabel a:hover, #p-ppi a:hover, 
#p-library a:hover, #p-pplflyer a:hover, #p-sanders a:hover, #p-realestate a:hover,
#p-crg a:hover, #p-dream a:hover, #p-feelingpretty a:hover{
	background-position:top left;
}
#p-ptbylucy img, #p-pandp img, #p-butterco img, 
#p-safetyskid img, #p-hcr img, #p-ppl img,
#p-ybc img, #p-gotchacovered img,
#p-cptngordo img, #p-colonyconn img,
#p-feelingpretty img, #p-zoooddity img, #p-cuteoddity img,
#p-madi img{
	border:none;
}
.single_image, .gallery{
	border:none;
}
/*eof portfolio displays*/

/*bof custom stuff */
#pgtitle{
	padding: 22px 0px 0px 35px;
}
#copy{
	height:15px;
	font-size: .7em;
	text-align:center;
	vertical-align:bottom;
	padding-bottom:.4em;
}
hr{
	height: 1px; 
	border: thin none;
	position: relative;
	margin: 2px auto 0px auto;
	bottom: 2px;
	width: 95%
}
#letter{
	float:left;
}
.letter-p{
	padding-top: 24px;
}
.letterspace{
	padding: 8px 0px 8px 32px;
}
.divideline{
	margin: 10px 25px 10px 25px;
}
.headingbox{
	width:630px;
}
.smalltxt{
	font-size: .8em;
}
.processimg{
	padding: 10px 5px 10px 5px;
	border:none;
	float: left;
	color: #339;
}
a.processimg{
	font-size:1.1em;
	font-weight: bold;
	font-variant:small-caps;
	border:none;
	text-align:center;
}
#processcontainer{
	padding: 0px 15px;
}
#processcontainer a{
	text-decoration: none;
}
.processtxtcolor{
	color: #339;
	font-weight: bold;
}
.reviews{
	font-weight: bold;
	font-size: .9em;
}
.quote{
	background-color:#fff;
	margin:30px;
	padding:14px 20px;
}
.quotetext{
	padding-left: 36px;
	padding-top: 6px;
	padding-right: 36px;
	font-family:"Times New Roman", Times, serif;
	font-style: italic;
}
	
/* eof custom stuff*/


/*bof custom page colors*/

/*1*/
body#home hr, 
body#thankyou hr, 
body#process hr,
body#privacy hr{
	color: #8cc63f;
	background-color: #8cc63f; 
}
body#web hr{
	color: #e13e74;
	background-color: #e13e74; 
}
body#ecomm hr{
	color: #38a7df;
	background-color: #38a7df; 
}body#graphics hr{
	color: #ee8131;
	background-color: #ee8131; 
}body#market hr{
	color: #f1c807;
	background-color: #f1c807; 
}body#showcase hr{
	color: #c16ecd;
	background-color: #c16ecd; 
}

/*2*/
body#home a, body#home #navlstfoot li a:hover, body#home #submenu li a:hover,
body#thankyou a, body#thankyou #navlstfoot li a:hover, body#thankyou #submenu li a:hover,
body#process a, body#process #navlstfoot li a:hover, body#process #submenu li a:hover,
body#privacy a, body#privacy #navlstfoot li a:hover, body#privacy #submenu li a:hover{
	color: #8cc63f;
}
body#web a, body#web #navlstfoot li a:hover, body#web #submenu li a:hover,
body#web .p-link, body#web .p-info-m h6, body#web .p-title-m h6{
	color: #e13e74;
}
body#ecomm a, body#ecomm #navlstfoot li a:hover, body#ecomm #submenu li a:hover,
body#ecomm .p-link, body#ecomm .p-info-m h6, body#ecomm .p-title-m h6{
	color: #38a7df;
}
body#graphics a, body#graphics #navlstfoot li a:hover, body#graphics #submenu li a:hover,
body#graphics .p-link, body#graphics .p-info-m h6, body#graphics .p-title-m h6{
	color: #ee8131;
}
body#market a, body#market #navlstfoot li a:hover, body#market #submenu li a:hover,
body#market .p-link, body#market .p-info-m h6, body#market .p-title-m h6{
	color: #f1c807;
}
body#showcase a, body#showcase #navlstfoot li a:hover, body#showcase #submenu li a:hover,
body#showcase .p-link, body#showcase .p-info-r h6, body#showcase .p-info-l h6, 
body#showcase .p-title-l h6, body#showcase .p-title-r h6{
	color: #c16ecd;
}

/*3*/
body#home .submit, 
body#thankyou .submit,
body#process .submit,
body#privacy .submit{
	background-color:#8cc63f;
}
body#web .submit{
	background-color:#e13e74;
}
body#ecomm .submit{
	background-color:#38a7df;
}
body#graphics .submit{
	background-color:#ee8131;
}
body#market .submit{
	background-color:#f1c807;
}
body#showcase .submit{
	background-color:#c16ecd;
}

/*4*/
body#home .divideline, 
body#thankyou .divideline, 
body#process .divideline,
body#privacy .divideline{
	border-bottom: thin solid #8cc63f;
}
body#web .divideline{
	border-bottom: thin solid #e13e74;
}
body#ecomm .divideline{
	border-bottom: thin solid #38a7df;
}
body#graphics .divideline{
	border-bottom: thin solid #ee8131;
}
body#market .divideline{
	border-bottom: thin solid #f1c807;
}
body#showcase .divideline{
	border-bottom: thin solid #c16ecd;
}

/*5*/
.pinktxt{
	color: #e13e74;
}
.bluetxt{
	color: #38a7df;
}
.orangetxt{
	color: #ee8131;
}
.yellowtxt{
	color: #f1c807;
}

/*eof custom page colors*/