/* CSS document for Inventive Site Design */
/* Author: Stacey Sansom */
/* Date: February 9, 2004 */
/* Edited: February 8, 2005; February 9, 2005, February 14, 2005 */

body {margin: 10px;
	padding: 0px;
	background-color: #ccc;
	color: #666;
	font-size: 90%;
	line-height: 1.3em;
	font-family: arial, helvetica, sans-serif;
	text-align: center;}
	
h1 {font-size: 1.5em;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.1em;}
h4 {font-size: 1.0em;}

p {color: #666;
	font-size: 1.0em;
	line-height: 1.3em;
	font-family: arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;}
	
a {text-decoration: none;
	color: #660066}
a:hover {text-decoration: underline;
	color: #666;}
	
/* styles table elements */
table {font-size: 1.0em;
	width: 90%;
	margin: auto;
	padding: 0;}
	
	th {font-weight: bold;
		text-align: left;
		width: auto;}
	td {vertical-align: top; 
		padding: 0;
		margin: 0;
		width: auto;}
	.pricing td {border-top: 1px solid #CCC;
		padding-top: 15px;
		padding-bottom: 0px;
		width: auto;
		font-weight: bold;}	
	.pricingNL td {padding: 2px 0 3px 0;
		margin: 0;
		width: auto;
		font-weight: bold;}
	.pricing td span {font-weight: normal;}
	.pricingPkg td {padding: 2px 0 3px 0;
		margin: 0;
		width: auto;}
	
/* styles form elements */	
form {margin: 15px 30px;}
	form p {margin: 0;
		padding: 2px 30px 5px 30px;}
	form p.finePrint {margin: 0;
		padding: 2px 30px 5px 60px;}
	form h4 {padding: 5px 40px 2px 30px;
		margin: 0;
		text-decoration: underline;}
	
	/* puts box around quote request form */	
	.quoteRequest {border: 1px solid #666;}
	
	/* removes spacing around view cart button form */
	.clientOptions form {float: right;
		margin: 0 5px;
		padding: 0;}
	
.invisible {display: none;}
.centerText {text-align: center;
	margin: 0;
	padding: 0 0 10px 0;}
.centerTextBold {text-align: center;
	font-weight: bold;
	margin: 0;
	padding: 0 0 10px 0;}
.rightText {text-align: right;
	margin: 0;
	padding: 0 10px 10px 0;}	
.boldText {text-align: left;
	font-weight: bold;
	margin: 0;
	padding: 0;}
.clear {clear: both;}
.finePrint {font-size: 0.9em;}

#contentsContainer .indent {margin: 0;
	padding: 5px 10px 10px 35px;}

#mainContainer {width: 740px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
	font-size: 1.0em;
	border: 1px solid #333;
	background: #fff url(pics/bgtry.jpg) no-repeat top right;}
	
#logo {float: left;
	width: 350px;
	height: 175px;
	margin: 0;
	padding: 0;}
	
	#logo img {padding: 15px;}
	
.clientOptions {width: 200px;
	float: right;
	font-size: 0.9em;
	font-weight: bold;
	margin: 10px;
	padding: 0;
	text-align: right;}
	
	.clientOptions a {text-decoration: none;
		color: #666;}
	.clientOptions a:hover {text-decoration: none;
		color: #660066;}
	
#tagline {float: right;
	font-weight: bold;
	width: 350px;
	height: 50px;
	text-align: right;
	margin: 0 0 -15px 0;
	padding: 0 10px 0 0;}
	
	#tagline img {padding: 0;
		margin: 0;}
	
#middleContainer {width: 740px;
	clear: both;
	margin: -30px 0 0 0;
	padding: 0px;}
	
	/* navigation features */
	#navigation {font-size: 1.0em;
		font-weight: bold;
		padding: 0;
		margin: 0;
		clear: both;
		background-color: #FFFFEE;
		border-top: 1px solid #663366;
		border-bottom: 1px solid #663366;}
		
		#navigation ul {
			list-style-type: none;
			padding: 4px 0 2px 0;
			margin: 0;}
		#navigation ul li {display: inline;
			list-style-type: none;
			padding: 4px 10px 2px 10px;
			margin: 0;}
		#navigation li a {display: inline;
			list-style-type: none;
			text-decoration: none;
			color: #666;
			border-left: 1px #FFFFEE solid;
			border-right: 1px #FFFFEE solid;
			padding: 4px 10px 2px 10px;
			margin: 0;}
		#navigation li a:hover {display: inline;
			list-style-type: none;
			text-decoration: none;
			color: #660066;
			border-left: 1px #666 solid;
			border-right: 1px #666 solid;
			padding: 4px 10px 2px 10px;
			margin: 0;}
			
		html>body #navigation li a {width: auto;}
	
#contentsContainer {width: 100%;
	clear: both;
	font-size: 1.0em;
	margin: 0;
	padding: 10px 0 20px 0;
	background: transparent url(pics/bgtry2.jpg) no-repeat bottom left;}
	
	#contentsContainer h3 {font-size: 1.1em;
		padding: 5px 15px 2px 15px;
		margin: 0 0 10px 0;}
		
	#contentsContainer h4 {font-size: 1.0em;
		padding: 5px 15px 2px 15px;
		margin: 0 0 10px 0;}
		
	#contentsContainer p {padding: 2px 15px 10px 15px;
		margin: 0;}
		
ul li.skills {display: inline;
	list-style-type: none;
	padding: 0 25px 5px 0;
	margin: auto;}
	
ul li.features {display: list-item;
	list-style-type: none;
	padding: 0 25px 5px 0;
	margin: auto;}

#contentsLeft {width: 500px;
	float: left;
	font-size: 1.0em;
	margin: 0 0 20px 0;
	padding: 0 0 10px 15px;}
	
	#contentsLeft p {margin: 0;
		padding: 5px;}
	#contentsLeft h3 {font-size: 1.1em;
		margin: 0;
		padding: 2px 5px;}
	#contentsLeft h4 {font-size: 1.0em;
		padding: 6px 10px 0 15px;
		margin: 0;}

/* contains the features and purchase information on individual purchase pages */			
.wrapperLeft {width: 425px;
	float: left;
	background-color: #FFF;
	color: #660066;
	font-size: 0.9em;
	margin: 5px 10px 5px 15px;
	padding: 0 0 10px 0;
	border: 1px #996699 solid;}
	
	/* adjusts paragraph padding within wrapperLeft */
	#contentsLeft .wrapperLeft p {margin: 0;
		padding: 5px 20px 5px 20px;}
		
	#contentsLeft .wrapperLeft h4 {margin: 0;
		padding: 15px 20px 5px 20px;}
	
	#contentsLeft .wrapperLeft .wrapperHeader {margin: 0;
		padding: 2px 5px 0 5px;}
		
	.wrapperLeft img {border: 1px solid #ccc;
		padding: 0;
		margin: 5px;}
		
.wrapperPackages {width: 215px;
	float: left;
	background-color: #FFF;
	color: #660066;
	font-size: 0.9em;
	margin: 10px;
	padding: 0;
	border: 1px #996699 solid;}
	
	.wrapperPackages ul {display: list-item;
		list-style-type: none;
		margin: 0;
		padding: 0 10px 0 20px;}
		
	.wrapperPackages p {margin: 0;
		padding: 5px 10px;}
	
	#contentsContainer .wrapperPackages .wrapperHeader {margin: 0;
		padding: 2px 5px 0 5px;}
		
	.wrapperPackages img {border: 1px solid #ccc;
		padding: 0;
		margin: 5px;}
		
.wrapperRight {width: 200px;
	float: right;
	clear: right;
	background-color: #FFFFEE;
	color: #660066;
	font-size: 0.9em;
	margin: 10px 10px 5px 10px;
	padding: 0;
	border: 1px #996699 solid;}
	
	#contentsContainer .wrapperRight p {margin: 0;
		padding: 5px 10px;}
	
	#contentsContainer .wrapperRight ul {display: list-item;
		list-style-type: none;
		margin: 0;
		padding: 5px 10px 0 10px;}
		
	#contentsContainer .wrapperRight .wrapperHeader {margin: 0;
		padding: 1px 5px 2px 5px;}
		
	#contentsContainer .wrapperRight h4 {font-size: 1.0em;
		padding: 6px 10px 0 15px;
		margin: 0;}
		
.wrapperHeader {background-color: #996699;
	color: #FFFFCC;}
	

		
/* styles the footer information for site */		
#footer {font-size: 0.8em;
	background-color: #666666;
	color: #ccc;
	text-align: center;
	margin: 0;
	padding: 2px;
	clear: both;}
	
	/* styles the link states in site footer */
	#footer a {text-decoration: none;
	color: #ccc;}
	#footer a:hover {text-decoration: none;
	color: #FFFFCC;}
	
/* styles webmaster information under main container box for site */
#webmaster {color: #666;
	width: 740px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: right;
	font-size: 70%;}