/* CSS document for Inventive Site Hosting */
/* Author: Stacey Sansom */
/* Date: February 7, 2004 */
/* Edited: February 11, 2004 */
/* Edited: November 12, 2004, Edited: November 15, 2004 */
/* Edited: February 15, 2005 */

body {margin: 10px;
	padding: 0;
	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.8em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.2em;
	padding: 10px 20px 0 20px;
	color: #333399;}
h4 {font-size: 1.0em;
	padding: 5px 40px 2px 40px;
	margin: 0;}

p {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: #666699;}
	
ul {display: list-item;
	list-style-type: none;
	padding: 5px 10px 5px 15px;
	margin: 0;}
	
	li.client {
		padding: 0 0 5px 35px;
		margin: 0;}
	
/* styles table elements */	
table {font-size: 1.0em;
	margin: auto;
	padding: 0;
	width: 80%;}
	
td {padding: 2px 15px 7px 15px;
	width: auto;}

	.total {border-top: 1px solid #CCC;
		padding-top: 5px;
		width: auto;}
	.pricing td {border-top: 1px solid #CCC;
		padding-top: 15px;
		padding-bottom: 0;
		width: auto;
		font-weight: bold;}
	.pricingNL td {padding-top: 3px;
		padding-bottom: 5px;
		width: auto;
		font-weight: bold;}
	.pricing td span {font-weight: normal;}

/* styles form elements */	
form {margin: 15px 30px;}
	form p {margin: 0;
		padding: 2px 30px 5px 30px;}
	form p.fineprint {margin: 0px;
		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 from around view cart button form */
	.clientOptions form {float: right;
		margin: 0 5px;
		padding: 0;}
	
/* Hides text when graphics are used for headings */
/* displays text when CSS is not supported. */
.invisible {display: none;}

.centerTextBold {text-align: center;
	font-weight: bold;
	margin: 0;
	padding: 0;}
.centerText {text-align: center;
	margin: 0;
	padding: 0;}
.rightText {text-align: right;
	margin: 2px 15px;
	padding: 0;}
.clear {clear: left;}
.finePrint {font-size: 0.9em;
	margin: 0;
	padding: 10px 15px 10px 20px;}
.indent {padding: 0 60px 15px 60px;
	margin: 0px;}
.indentBold {padding: 2px 60px 2px 60px;
	margin: 0;
	font-weight: bold;}

/* Overall layout container for site.  Centered.  Fixed width. */	
#mainContainer {width: 740px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
	font-size: 1.0em;
	border: 1px solid #333333;
	background: #fff url(pics/bgtryish.jpg) no-repeat top right;}

/* contains the logo */	
#logo {float: left;
	width: 350px;
	height: 175px;
	margin: 0;
	padding: 0;}
	
	#logo img {padding: 15px;}

/* client options are links at the top right of site */	
.clientOptions {width: 200px;
	float: right;
	font-size: 0.9em;
	font-weight: bold;
	margin: 10px;
	padding: 0;
	text-align: right;}

	/* link foramtting for clientOptions */
	.clientOptions a {text-decoration: none;
		color: #666;}
	.clientOptions a:hover {text-decoration: none;
		color: #666699;}

/* middle container to hold tagline and navigation for site layout */
#middleContainer {width: 740px;
	clear: both;
	margin: -30px 0 0 0;
	padding: 0;}
	
	/* contains the tagline for the site */
	#tagline {float: right;
		font-size: 1.3em;
		font-weight: bold;
		width: 350px;
		height: 50px;
		text-align: right;
		margin: 0 0 -15px 0;
		padding: 0 10px 0 0;}
	
	/* navigational bar, consists of horizontally displayed list */
	#navigation {
		font-size: 1.0em;
		font-weight: bold;
		padding: 0;
		margin: 0;
		clear: both;
		background-color: #FFFFEE;
		border-top: 1px solid #666699;
		border-bottom: 1px solid #666699;}
		
		/* displays list in horizontal format */
		#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;}
		
		/* link formatting for navigation */
		#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: #666699;
			border-left: 1px #666 solid;
			border-right: 1px #666 solid;
			padding: 4px 10px 2px 10px;
			margin: 0;}
			
		html>body #navigation li a {width: auto;}

/* the site's actual contents go in this area */
/* located under logo, clientOptions, middleContainer */	
#contentsContainer {width: 100%;
	clear: both;
	font-size: 1.0em;
	margin: 0;
	padding: 10px 0 20px 0;
	background: transparent url(pics/bgtry2ish.jpg) no-repeat bottom left;}
	
	#contentsContainer p {margin: 0;
		padding: 2px 15px 10px 15px;}
	#contentsContainer h3 {font-size: 1.1em;
		margin: 0;
		padding: 5px 15px 2px 15px;}
	#contentsContainer h4 {font-size: 1.0em;
		margin: 0;
		padding: 6px 15px 0 15px;}

/* removes the bullet on list items with class skills */		
ul li.skills {display: list-item;
	list-style-type: none;
	padding: 0;
	margin: 0;}
	
#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;
		margin: 0;
		padding: 6px 10px 0 15px;}
		
/* left container box, floats to the left */			
.wrapperLeft {width: 400px;
	float: left;
	background-color: #FFFFFF;
	color: #666699;
	font-size: 0.9em;
	text-align: left;
	margin: 5px 10px 5px 15px;
	padding: 0 0 10px 0;
	border: 1px solid #666699;}
	
	/* adjusts paragraph padding within left container box */
	#contentsLeft .wrapperLeft p {margin: 0;
		padding: 5px 10px 5px 15px;}
		
	/* adjusts heading format for headers within the wrapperLeft container */	
	#contentsLeft .wrapperLeft h4.wrapperHeader {
		background-color: #666699;
		color: #FFFFFF;
		font-size: 1.0em;
		margin: 0;
		padding: 2px 5px;}
		
/* container box for package information, floats to left */
.wrapperPackages {width: 215px;
	float: left;
	background-color: #FFF;
	color: #660066;
	font-size: 0.9em;
	text-align: left;
	margin: 10px;
	padding: 0;
	border: 1px #996699 solid;}
	
	/* removes bullets from list items within packages container box */
	.wrapperPackages ul {display: list-item;
		list-style-type: none;
		margin: 0;
		padding: 0 5px 0 15px;}

	/* adjusts padding around paragraphs within packages container box */
	#contentsLeft .wrapperPackages p {margin: 0;
		padding: 5px 10px;}

	/* adjusts header spacing within packages container box */
	#contentsContainer .wrapperPackages .wrapperHeader {padding: 2px 5px 0 5px;
		margin: 0;}
		
/* right container box, floats right */			
.wrapperRight {width: 200px;
	float: right;
	clear: right;
	background-color: #FFFFEE;
	color: #333399;
	font-size: 0.9em;
	text-align: left;
	margin: 10px 10px 5px 10px;
	padding: 0;
	border: 1px solid #666699;}
	
	/* adjusts paragraph padding within right container box */
	#contentsContainer .wrapperRight p {margin: 0;
		padding: 5px 10px;}
		
	
/* creates background behind heading within container boxes */
.wrapperHeader {background-color: #666699;
	color: #FFFFCC;
	margin: 0;
	padding: 2px 5px;}

/* adjusts heading format for headers within the packages containers */
.wrapperPackages h3.wrapperHeader {
	background-color: #666699;
	color: #FFFFCC;
	font-size: 1.0em;
	margin: 0;
	padding: 2px 5px;}

/* footer information for site, contains copyright info */		
#footer {font-size: 0.8em;
	background-color: #666666;
	color: #ccc;
	text-align: center;
	margin: 0;
	padding: 2px;
	clear: both;}

	/* link formatting for footer section */
	#footer a {text-decoration: none;
		color: #ccc;}
	#footer a:hover {text-decoration: none;
		color: #FFFFCC;}
	
#webmaster {color: #666;
	width: 740px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: right;
	font-size: 70%;}