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

body{
	margin:1.5em;
	font-family:Verdana, Tahoma, Arial, sans-serif;
	background:#1e3044; 
	color:#303030;
	line-height:1.3em;
}
a{
	text-decoration:none; 
	color:#20526a !important; 
	font-weight:bold;
}
a:hover{
	text-decoration:underline; 
	color:#20526a;
}
a img{
	border:0;
}
p{
	margin:0 0 .8em .5em;
}
h2 {
	font-size:1.5em; 
	font-weight:normal; 
	letter-spacing:-0.5px; 
	margin:10px 0 8px 0;
}
h3 {
	font-size:1.2em; 
	margin:2px 0 8px 0;
}
#wrap {
	top:0;
	left:0;
	color:#303030; 
	margin:0 auto; 
	width:960px;
	padding: 0.5em;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #F0F0F0;
	behavior: url(http://www.needtoknowdesigns.com/resources/styles/PIE.htc);
}
/* Header */
#header{
	margin:-.5em;
	padding: 1em;
	background: #F0F0F0;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#B7B7C7));
	background: -webkit-linear-gradient(#FFFFFF, #B7B7C7);
	background: -moz-linear-gradient(#FFFFFF, #B7B7C7);
	background: -ms-linear-gradient(#FFFFFF, #B7B7C7);
	background: -o-linear-gradient(#FFFFFF, #B7B7C7);
	background: linear-gradient(#FFFFFF, #B7B7C7);
	-pie-background: linear-gradient(#FFFFFF, #B7B7C7);
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	behavior: url(http://www.needtoknowdesigns.com/resources/styles/PIE.htc);
}
#header h1{
	font-size:2.7em;
	font-weight:bold;
	letter-spacing:-0.1em; 
	color:#d88d44; 
	padding:.7em 1em .5em 1em;
}
#header h1 a{
	color:#d88d44; 
	text-decoration:none;
}
#header h1 a:hover{
	color:#e99e55;
}
#logo{
	float:left;
	padding:0 5em 0 .5em;
}
#slogan {
	color:#20526a; 
	font-size:1.2em; 
	letter-spacing:-.1em;
}
/*Navigation*/
#sidebar {
	clear:both; 
	float:left; 
	width:185px; 
	padding:1em 0 0 .8em;
}
#sidebar ul {
	margin:0 0 1em .1em; 
	list-style:none; 
	color:#808080;
}
#sidebar li {
	margin:0 0 .3em .1em;
}
#sidebar li a{
	padding:.1em .1em .1em .5em; 
}
#sidebar li a:hover {
	color:#d88d44;
}
#sidebar ul ul, #sidebar ul ul ul {
	font-size:0.9em; 
	line-height:1.2em; 
	margin:.1em 0 .1em 1em;
}
#sidebar ul ul a, #sidebar ul ul ul a {
	font-weight:700;
}
#sitemenu li a {
	border-left: 8px solid #70a2ba;
	display: block;
	font-size:.9em;
	line-height: 1em;
}
#sitemenu li a:hover {
	border-left:8px solid #d88d44;
}
#sitemenu .current {
	border-left:8px solid #d88d44;
}
/*content*/
#content {
	margin:.5em 4em 0 13em;
	padding:.1em 0 0 0;
	line-height:1.5em;
	text-align:left;
}
#content h2 {
	font-size:1.2em; 
	margin:1em 0 .5em 0;
}
#content h3 {
	font-size:1em; 
	font-weight:normal; 
	letter-spacing:-.1em; 
	margin:.9em 0 .2em 0;
}
#content h4 {
	font-size:1em; 
	margin:1em 0 .5em 0;
}
#content p {
	text-align:left;
	font-size:.7em;
}
#footer{
	clear:both; 
	margin:.5em auto 0 auto; 
	padding:1.5em 0 1em 0; 
	width:960px; 
	text-align:center; 
	color:#555; 
	font-size:0.9em; 
	line-height:1.5em;
	font-weight:400;
}
#footer a{
	color:#777; 
	font-weight:400; 
	text-decoration:none;
}
#main{
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	background: #BCBCB9;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F0F0F0), to(#FFFFFF));
	background: -webkit-linear-gradient(#F0F0F0, #FFFFFF);
	background: -moz-linear-gradient(#F0F0F0, #FFFFFF);
	background: -ms-linear-gradient(#F0F0F0, #FFFFFF);
	background: -o-linear-gradient(#F0F0F0, #FFFFFF);
	background: linear-gradient(#F0F0F0, #FFFFFF);
	-pie-background: linear-gradient(#F0F0F0, #FFFFFF);	
	behavior: url(http://www.needtoknowdesigns.com/resources/styles/PIE.htc);
}
.drop-shadow{
	width:auto;
	height:auto;
	float:left;
	margin:1em 2em;
	text-align:center;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	-webkit-box-shadow: #666 .5em .5em 1.1em;
	-moz-box-shadow: #666 .5em .5em 1.1em;
	box-shadow: #666 .5em .5em 1.1em;
	background: #FFFFFF;
	behavior: url(http://www.needtoknowdesigns.com/resources/styles/PIE.htc);
}
.drop-shadow img{
	padding:.5em;
}
.drop-shadow p{
	padding:0 .7em .7em .7em;	
}
.drop-shadow ul{
	padding:0 .7em .7em .7em;	
}
.drop-shadow li{
	padding:0 .7em .7em .7em;	
}
.drop-shadow h4{
	padding:0 .7em 0 .7em;	
}
.bold{
	font-weight:bold;
}
.italic{
	font-style:italic;
}
.clear{
	clear:both;
}
tr.light{
	background-color:#FFFFFF;
}
.designerInfo{
	text-align:left;
	max-width:250px;
}
#clientList td{
	vertical-align:top;
	text-align:center;
	padding:1em 0;
}
#clientList th{
	font-weight:bold;
	text-align:center;
	padding:.5em 0;
	text-decoration:underline;
}
#clientList .drop-shadow{
	padding:0;
	margin:0;
}
#clientList caption{
	text-align:left;
	font-style:italic;
	font-size:.7em;
}
.template{
	height:145px;
}
.cssTitle{
	padding-top:140px;
	padding-left:3em;
	position:absolute;
	font-style:italic;
	font-size:.7em;	
}
.cssA, .cssB, .cssC{
	width:100%;
}
/* for the services page term are the dt's and definition are the dd's*/
.term{
	text-decoration:none;
	padding-top:1em;
}
.definition{
	padding-left:2em;
}
dl a{
	text-decoration:none;
}
dl a:hover{
	text-decoration:none;
}
/* adds top padding of 1 em mainly for the opening page */
.topPad{
	padding-top:1em;
}
/* awkward post clear fix */
.moveUp{
	margin-top:-5.3em;
}
/* for author attribution */
.krug{
	margin-top:-2em;
	float:right;
}
.pricingTable td{
	border:1px solid #000;
}
.center{
	text-align:center;
}
.template .drop-shadow{
	margin:1em .9em;
}
.payPalDirections li{
	padding-top:1em;
}
#payPalInfo{
	padding:0 1em;
	font-size:.8em;
}