@charset "UTF-8";

/* -----------------------------------
Purple Duck Marketing Main CSS 
author: Bethany Mitchell, Companion Publishing
version: 6 Feb 2008
--------------------------------------*/

/* =Color List ----------------------------------------------*/
/*
blue: #00759A 20%: #cce3eb
purple: #4f0b7b 20%: #cab5d7
yellow: #f3d311 30%: #fbf2b7
green: #7ab800 30%: #d7eab2 */

/* =Global --------------------------------------------------*/

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
#container {
	width: 780px;  
	background: #FFFFFF;
	margin: 10px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 8px solid #00759A;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#mainContent {
	padding: 0 20px; 
	background: #FFFFFF;
	min-height: 420px;
}
#mainContent_sub {
margin-left: 250px;
	width: 480px;
	padding: 0 20px; 
	background: #FFFFFF;
	min-height: 420px;
}


/* =Header --------------------------------------------------*/
#header {
	background: #ffffff url(images/pdm_logo.png) no-repeat top left; 
	padding-left: 10px;
	border-bottom: 5px solid #4f0b7b;
}
#header p {
	margin-top: -20px; 
	padding-right: 15px; 
	font-size: 90%;
	text-align: right;
}

/* =side box ------------------------------------------------*/
#sidebox {
	position: relative;
	float: left;
	z-index: 150;
	width: 200px;
	top: 9px;
	left: 10px;
	line-height: 110%;
	padding: 3px 10px 3px 10px;
	border: 1px solid #000;
	background: #4f0b7b;
	height: auto;
}
#sidebox h2 {
color: #fff;
font-size: 16px;
}
#sidebox p {
	font-size: 80%;
	background: #d7eab2;
	padding: 10px 10px;
}
#sidebox ul {
	font-size: 90%;
	background: #d7eab2;
	padding: 10px 10px;
}


#sidebox_image {
	position: relative;
	float: left;
	z-index: 150;
	width: 200px;
	height: 410px;
	top: 9px;
	left: 10px;
	padding: 3px 10px 3px 10px;
	border: 1px solid #000;
	background: #4f0b7b;
}
#sidebox_image h2 {
color: #fff;
font-size: 16px;
}

	


/* =Text ----------------------------------------------------*/
h1 {
font-size: 150%;
color: #4f0b7b;
font-variant: small-caps;
letter-spacing:0.1em;
}
h2 {
font-size: 110%;
color: #4f0b7b;
}
h3 {
font-size: 90%;
color: #4f0b7b;
}
h5 {
font-size: 80%;
color: #00759a;
}
p, li {
font-size: 80%;
}
ul{
margin-top: -3px;}
li {
padding-bottom: 5px;
}
a {
color: #4f0b7b;
text-decoration: none;
}

/* =Homepage Main -------------------------------------------*/
#homemain {
position: relative;
width: 780px;
height: 300px;
margin-top: 5px;
padding: 0;
}
#homemain ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#homemain li {
position: relative;
float: left;
width: 370px;
height: 300px;
padding: 0;
}
#homemain p {
padding: 0px 55px 0px 30px;
font-size: 90%;
}
#homemain a {
color: #4f0b7b;
}


/* =Homepage Boxes ------------------------------------------*/
#homebox {
position: relative;
width: 780px;
height: 220px;
margin: 5px 5px 5px 0px;
padding: 0;
}
#homebox ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#homebox li {
position: relative;
float: left;
width: 186px;
height: 220px;
padding: 0;
}
#homebox p {
font-size: 80%;
padding: 10px 30px 0px 30px;
}
#homebox a {
color: #4f0b7b;
}
li#box_1 {
background: url(images/box_corporate_pic.png) no-repeat 0 0;
}
li#box_2 {
background: url(images/box_smallbiz_pic.png) no-repeat 0 0;
}
li#box_3 {
background: url(images/box_nonprofit_pic.png) no-repeat 0 0;
}
li#box_4 {
background: url(images/box_author_pic.png) no-repeat 0 0;
}


/* =Navigation ----------------------------------------------*/
#nav_top {
	position: absolute;
	z-index: 150;
	margin-left: 160px;
	margin-top: 1px;
	width: 500px;
	height: 113px;
	padding: 0;
}

ul#nav_top {
list-style-type: none;
}
ul#nav_top a {
display: block;
width: 115px;
height: 101px;
text-decoration: none;
text-indent: -9999px;
overflow: hidden;
}
li#nav_1 {
	position: relative;
	float: left;
	width: 115px;
	height: 101px;
	background: url(images/nav_about.png) no-repeat 0 0;
}
li#nav_2 {
	position: relative;
	float: left;
	width: 115px;
	height: 101px;
	background: url(images/nav_services.png) no-repeat 0 0;
}
li#nav_3 {
	position: relative;
	float: left;
	width: 115px;
	height: 101px;
	background: url(images/nav_portfolio.png) no-repeat 0 0;
}
li#nav_4 {
	position: relative;
	float: left;
	width: 115px;
	height: 101px;
	background: url(images/nav_contact.png) no-repeat 0 0;
}

/*BJM START vertical side menu */

#submenu{
width: 195px;
padding: 0;
margin-bottom: 1em;
font-size: 90%;
background-color: #fff;
border: 2px solid #fff;
}

* html #submenu{ /*IE 6 only */
w\idth: 147px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#submenu ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#submenu li {
border-bottom: 1px solid #fff;
margin: 0;
padding-bottom: 0px;
}

#submenu li a{
display: block;
padding: 5px 5px 5px 8px;
background-color: #f3d311;
color: #000;
text-decoration: none;
width: 100%;
text-align: left;
}

html>body #submenu li a{ /*Non IE6 width*/
width: auto;
}

#submenu li a:hover{
border-left: 5px solid #fff;
background-color: #fbf2b7;
color: #000;
}
/*END vertical side menu */


/* =Footer --------------------------------------------------*/
#footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#ffffff;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 0.6em;
}
#footer a {
font-size: 120%;
color: #4f0b7b;
}

/*=Portfolio ----------------------------------------------START Portfolio coding --------------------------*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls/gallery/left_right_click.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#gallery {width:740px; position:relative; height:60px; padding-top:460px; margin:0px;}

#gallery img.left {width:68px; height:45px; background:#fff; float:left; padding-left: 90px; cursor:pointer;}
#gallery img.right {width:68px; height:45px; background:#fff; float:left;padding-right: 90px; cursor:pointer;}

#gallery ul {list-style:none; padding:0; margin:0; float:left; background-color:#fff; border:2px solid #fff; border-width:5px 2px;}
#gallery ul li {display:inline; width:50px; height:50px; float:left; margin:0 4px; border:1px solid #000; cursor:pointer;}

#gallery ul li.hide {display:none;}

/* using background images */
#gallery ul li.th1 {background:url(images/portfolio/tn_port_enewsletters.png);}
#gallery ul li.th2 {background:url(images/portfolio/tn_port_nonprofitbranding.png);}
#gallery ul li.th3 {background:url(images/portfolio/tn_port_quirk1.png);}
#gallery ul li.th4 {background:url(images/portfolio/tn_port_hdc1.png);}
#gallery ul li.th5 {background:url(images/portfolio/tn_port_ku1.png);}
#gallery ul li.th6 {background:url(images/portfolio/tn_port_afr_logo_site.png);}
#gallery ul li.th7 {background:url(images/portfolio/tn_port_speakers1.png);}
#gallery ul li.th8 {background:url(images/portfolio/tn_port_sustainable1.png);}
#gallery ul li.th9 {background:url(images/portfolio/tn_port_speakers2.png);}
#gallery ul li.th10 {background:url(images/portfolio/tn_port_tech1.png);}
#gallery ul li.th11 {background:url(images/portfolio/tn_port_tech2.png);}
#gallery ul li.th12 {background:url(images/portfolio/tn_port_tech3.png);}
#gallery ul li.th13 {background:url(images/portfolio/tn_port_newsletters1.png);}


/* remove visibility:hidden; if you want to use the original images as thumbnails */
#gallery ul li img {visibility:hidden; display:block; width:50px; height:50px;}

#gallery ul li span {display:none; position:absolute; left:10px; top:405px; width:500px;  #font-family:verdana, arial, sans-serif; color:#000; font-size:11px; line-height:15px; text-align:justify; padding-bottom:10px;}
#gallery ul li b {color:#000;}

#gallery ul li.chosen {border-color:#7ab800; cursor:default;}
#gallery ul li.chosen div {position:absolute; left:0; top:0; width:740px; height:460px; background:#fff; border:1px solid #fff;}
#gallery ul li.chosen div i {width:740px; height:460px; display:table-cell; vertical-align:top; text-align:center;} 
#gallery ul li.chosen div i img {visibility:visible; width:auto; height:auto; border:1px solid #aaa; margin:0 auto;}
#gallery ul li.chosen span {display:block;}

/* View video portfolio function ----------------------------*/
#video {
position: absolute;
width: 180px;
top: 405px;
right: 0px;
}

/* Video portfolio pages ------------------------------------*/
#video_box {
position: relative;
float: left;
width: 370px;
height: 340px;
background: #cce3eb;
padding-left: 40px;
padding-top: 40px;
}


#video_text {
position: relative;
float: right;
width: 300px;
background: #cab5d7;
min-height: 360px;
padding: 10px;
}

/* =Comments ------------------------------------------------*/