* { margin: 0; padding: 0; border: 0; }

/* png fix for IE  source: http://www.twinhelix.com */
img, div, a, input, li { behavior: url(/templates/common/iepngfix.htc) }

/************************************************* HOME PAGE **********************************/

#home { width: 100%; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100.01%; margin: 0; background-color: #fff; background-image: none; }

#home-top { width: 100%; background-color: #000; background-image: url(img/pdi-bg-gradient.gif); background-repeat: repeat-x; padding-top: 45px; }

#home-bottom { width: 100%; background-color: #fff; }

#wrap-home { width: 712px; margin: 0 auto; }

#header-home { width: 100%; margin: 0 0 0 0; }

.kicker { margin-bottom: 0; }

/*** updates for home-100308 template ***/

#home-100308 { behavior:url("/templates/common/csshover3.htc"); width: 100%; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100.01%; margin: 0; background-color: #fff; background-image: none; }

#sections-nav { background-image: url(img-home/Services-buttons.png); background-repeat: no-repeat; width: 400px; height: 73px; margin-top: 16px; }
#sections-nav span { display: none; }

.Print_Design, .Web_Design, .Branding, .Photography, .Web_Hosting { float: left; }
.Print_Design a, .Web_Design a, .Branding a, .Photography a, .Web_Hosting a { height: 73px; width: 80px; display: block; }
.Print_Design:hover, .Web_Design:hover, .Branding:hover, .Photography:hover, .Web_Hosting:hover { background-image: url(img-home/Services-buttons.png); background-repeat: no-repeat; }

.Print_Design:hover { background-position: 0 -73px; }
.Web_Design:hover { background-position: -80px -73px; }
.Branding:hover { background-position: -160px -73px; }
.Photography:hover { background-position: -240px -73px; }
.Web_Hosting:hover { background-position: -320px -73px; }

.consultation-button-wrap { background-image: url(img-home/Free-Consultation-sprite.png); background-repeat: no-repeat; margin-top: 16px; }
.consultation-button-wrap:hover { background-position: 0 -41px; }
.consultation-button-wrap span { display: none; }
.consultation-button { width: 402px; height: 41px; display: block; }

/*** end updates for home-100308 template ***/

/*** updates for home-091112 template ***/
.kicker-update { margin-bottom: 0; float: left; }
.kicker-update ul { list-style: none }
.kicker-update li { width: 547px; height: 56px; background-image: url(img-home/good%20graphic%20design.gif); background-repeat: no-repeat; }
.kicker-update span { display: none; }

.years-button { float: left; }
.years-button ul { list-style: none; }
.years-button li { display: block; width: 164px; height: 51px; background-image: url(img-home/22%20years%20in%20business.gif); background-repeat: no-repeat; }
.years-button span { display: none; }
.years-button a { width: 164px; height: 51px; display: block; text-decoration: none; }
.years-button a:hover { background-image: url(img-home/22%20years%20in%20business.gif); background-repeat: no-repeat; background-position: 0 -51px; }

/*** end updates for home-091112 template ***/

.pdi-name { margin-bottom: 23px; }

#container-home {
width: auto;
height: auto;
padding-bottom: 1em;
}

#col-1h-2h-wrap {
float: left;
width: 443px;
}

#col-1h {
float: left;
width: 205px;
margin-right: 16px;
}

#col-2h {
float: left;
width: 205px;
}

#col-3h {
float: right;
}

.col-3h-r1 { margin-bottom: 16px; }
.col-3h-r2 {  }

#footer-home {
width: 712px; margin: 0 auto;
color: #999;
padding-top: .375em;
}

.footer-content {
margin-left: 442px;
font-size: .65em;
}

.footer-content p {
margin-bottom: .5em;
}

.content-home p {
font-size: .6875em; margin-bottom: .75em; line-height: 1.375em; 
}

.content-home a {
color: #fff;
text-decoration: none;
}

.content-home a:hover {
text-decoration: underline;}

.home-logo-lrg {
margin-bottom: 1.25em;
}

.content-home ul {
font-size: .6875em; margin-left: 1.25em; 
}

/* HOME NAVIGATION */

#home-nav { background-image: url(img-home/navigation-bar.gif); background-repeat: no-repeat; width: 416px; height: 22px; margin-bottom: 22px; }

#home-nav ul {
list-style: none;
}

#home-nav li { float: left; }
#home-nav li span { display: none; }

#home-nav a.About_Us, #home-nav a.Services, #home-nav a.Portfolio, #home-nav a.Gallery {
display: block;
width: 104px;
height: 22px;
}

#home-nav a:hover.About_Us, #home-nav a:hover.Services, #home-nav a:hover.Portfolio, #home-nav a:hover.Gallery {
background-image: url(img-home/navigation-bar.gif); background-repeat: no-repeat;
}

a.About_Us:hover { background-position: 0 -22px;  }

a.Services:hover { background-position: -104px -22px; }

a.Portfolio:hover { background-position: -208px -22px; }

a.Gallery:hover { background-position: -312px -22px; }


/************************************************* end HOME PAGE **********************************/

body { width: 100%; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100.01%; margin-top: 10px; background-color: #000; background-image: url(img/pdi-bg-gradient.gif); background-repeat: repeat-x; }

#wrap { width: 760px; margin: 0 auto; }

#top-bar { background-image: url(img/top-bar.gif); background-repeat: no-repeat; width: 760px; height: 8px; }

#header { background-color: #fff; width: 760px; height: 65px; }
.pdi { margin-top: 8px; margin-left: 18px; }
.logo { margin-top: 8px; margin-right: 18px; }

#nav-bar { background-color: #999; width: 740px; padding-left: 18px; border-right: 1px solid white; border-left: 1px solid white; z-index: 1000; }

/************************************************* Top navigation **********************************/
#topnav { float: left; z-index: 1000; }

#topnav ul.firstlevel { margin-bottom: 5px; list-style: none; z-index: 1000; }
#topnav ul.firstlevel li { float: left; position: relative; padding-right: 30px; }
#topnav ul.firstlevel li a { color: #fff; text-decoration: none; text-transform: uppercase; font-size: .9em; line-height: 1.5em; }
#topnav ul.firstlevel li a:hover { color: #000; }
#topnav ul.firstlevel li a.active { color: #000; }

/* end Main Navigation */

/*             Top links - Search / email / contact / home icons              */
/******************************************************************************/

#toplinks { float: right; padding-right: 7px; 
padding-top: 2px;
}

#search_box { float: left;
}

fieldset.search {
	width: auto;
	height: auto;
	float: left;
	padding-right: 10px;
}

.search_string { 
	width: 80px; 
	border-style: inset; 
	border-width: 1px 0 0 1px; 
	height: 13px;
}

.search input {
/*	vertical-align: bottom; margin-top: 2px;*/
	vertical-align: top;
	margin-top: 2px;
}

/* Search Results page */

table.search-results {
width: 98%;
font-size: .6875em;
}

table.search-results label { margin: 0 .75em .75em 0;  }

table.search-results input { border-style: inset; border-width: 1px; }

table.search-results input.button { width: auto; border-style: outset; border-width: 2px; margin: 0 0 0 4px; }
table.search-results input.button:focus { border-style: inset; border-width: 2px; }

#icons { float: left; 
	vertical-align: top;
}
/*#icons img { padding-top: 4px; }
*/

/******************************************************************************/
/*  Template: 2-col-flash / 2-col A for Gallery page with Flash and Contact   */
/******************************************************************************/

#col-wrap-2colA { background-image: url(img/col1-bg-261.gif); background-repeat: repeat-y; width: 758px; min-height: 454px; border: solid 1px white; background-color: #fff; }

#col-A1 { width: 262px; min-height: 454px; float: left; }

#col-A2 { background-color: #fff; width: 496px; min-height: 454px; float: left; }

/*            END 2-col A for Gallery page with Flash and Contact              */


#col-wrap { background-image: url(img/col1-bg-164.gif); background-repeat: repeat-y; width: 758px; min-height: 454px; border: solid 1px white; background-color: #fff; }

/******************************************************************************/
/*       Template: 2-col /  2-col B for About Us and Services page            */
/******************************************************************************/

#col-B1 { width: 164px; min-height: 454px; float: left; }

#col-B2 { width: 594px; min-height: 454px; float: left; }

.content { margin: 1em 1.5em; }

.content p, .col1-content p, .col2-wide-content p, table p { font-size: .6875em; margin-bottom: .75em; line-height: 1.375em; }

.content table td { vertical-align: top; font-size: .6875em; padding-right: 12px;
}

.content table td ul li { font-size: 100%; }

h1, h2, h3, h4 { font-size: .875em; }
h1 { margin-bottom: .75em; text-transform: uppercase; }


.content li { margin-left: 1.5em; font-size: .6875em; }

.sitemap ul li { margin-bottom: 8px; }
.sitemap ul ul li { margin-top: -8px; margin-bottom: 8px; }

.sitemap ul ul { margin-left: 32px; }
.sitemap ul ul ul { margin-left: 32px; }

/*!important*/

.col1-content, .col2-content, .col2-wide-content { margin: .875em 1em 1em 1em; }

.col2-wide-content li, #col-A1 .col1-content li { font-size: .6875em; margin-left: 1.5em;
}

.col2-wide-content ul, #col-A1 .col1-content ul { margin-bottom: .5em;
}

.col2-wide-content a { font-size: .6875em;
color: #ff0000;
}

.flash-content { margin: 0; }


/*                END 2-col B for About Us and Services page                  */

/******************************************************************************/
/*               Template: 3-col / 3-col for Portfolio pages                  */
/******************************************************************************/

#col-C1 { width: 164px; min-height: 454px; float: left; }

#col-C2 { width: 164px; min-height: 454px; float: left; }

#col-C3 { width: 430px; min-height: 454px; float: left; }

#col-C3 h1 { font-size: .9em; margin-bottom: .5em; text-transform: none; }

.content-portfolio { margin: 1em 1em 1em 1.5em; }

.content-portfolio p { font-size: .6875em; margin-bottom: .75em; line-height: 1.375em;
}

#col-C3 table {
width: 354px;
border-collapse: collapse;
}

#col-C3 table td {
vertical-align: top;
padding-right: 12px;
}

#col-C3 table td p {
font-size: .7em;
margin-bottom: 0;
line-height: normal;
}

/*                 END 3-col for Portfolio pages                     */


/******************************************************************************/
/*                           Sidebar navigation                               */
/******************************************************************************/

/* sidenav - 1st nav column used on 2- and 3-col pages */
#sidenav ul, #sidenav2 ul { list-style: none; }
#sidenav ul li  { padding-bottom: .5em; }
#sidenav ul li a { color: #fff; text-decoration: none; text-transform: uppercase; font-size: .75em; }
#sidenav ul li a:hover { color: #000; }
#sidenav ul li a.active { color: #000; }

/* sidenav2 - 2nd nav column used on 3-col pages */

#sidenav2 ul { padding-bottom: .5em; }
#sidenav2 ul li { padding-bottom: .25em; }

#sidenav2 ul li a { color: #999; text-decoration: none; text-transform: none; font-size: .75em; }
#sidenav2 ul li a:hover { color: #000; }
#sidenav2 ul li a.active { color: #000; }

#sidenav2 li ul li {margin-left: 8px; display: block; line-height: .75em; }

#sidenav2 li ul li a {  }
#sidenav2 li ul li a.active { color: #000; font-weight: normal; }

/*                 END sidenav                      */

#footer { background-color: #999; width: 740px; padding: 4px 0 0 18px; border-right: 1px solid white; border-left: 1px solid white; }

#footer p { font-size: 10px; }

#bottom-bar { background-image: url(img/bottom-bar.gif); background-repeat: no-repeat; width: 760px; height: 8px; }

a {
color: #000;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}


table.contact-form {
}

input.textfield, input.email, textarea.textarea { width: 300px; margin: 0 0 4px 4px; border-style: inset; border-width: 1px; }

textarea.textarea {
height: 100px;
}

.text_captcha, .captcha_expl, .captcha-explanation {
font-size: .6875em;
}

.captcha-explanation { background-color: #fcfcde; padding: 1px 2px; }

table.captcha_table input { border-style: inset; border-width: 1px; }
table.captcha_table input { border-style: none; background-color: #e9e9e9; }


/*input.button { border-style: outset; border-width: 2px; margin-top: 4px; font-size: .6875em; }
input.button:focus { border-style: inset; border-width: 2px; }
*/

/*#8b0000; maroon background color */

/******************************************************************************/
/*                         General styles                                           */
/******************************************************************************/
.clear {
    clear: both;
    height: 0px;
    font-size: 0px;
    overflow: hidden; 
}
.hidden {
    display: none;
    margin: 0;
    padding: 0;
}