body {
	margin: 0px;
	background-image:url(images/background.GIF);background-repeat:repeat;
}

td,p,div {
	vertical-align: top;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	color: #333333;
}

#container {
	border: 5px solid #666666;
	width: 900px;
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	height: 680px;
}
#portfolio-navigation2 {
	padding-top: 2px;
}
#navigation {
	height: 20px;
	width: 100%;
	margin: 0px 0px 20px;
}
#about-navigation {
	
	width: 240px;
		text-align: left;
	
}

#about-navigation img{
	border: 0px;
	margin-bottom: 10px;
	}


#email {
	height: 20px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 40px;
}


	
		
#scroll {
	margin-top: 10px;
	}

#about-header {
	margin-bottom: 5px;
	text-align: right;
	width: 580px;
}
	#arrow_right{
	text-align:right;
}


.portfolio-title {
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	line-height: 18px;
	text-align: center;
	margin-top: 20px;
	height: 20px;
}

.about-intro {
	width: 100%;
	margin-bottom: 20px;
	height: 80px;
	color: #669933;
	line-height: 14px;
}

#about-content {
	height: 500px;
	width: 580px;
	text-align: left;
}

#footer {
	text-align:center;
	font-size:11px;
	padding-top:5px;
	padding-bottom:10px;
}

.iconspan{
float: right;
margin: 3px;
cursor:hand;
cursor:pointer;
font-weight: bold;
}

/*CSS used to style the examples. Remove if desired: */

.eg-bar{
background-color: #EEF5D3;
font-weight: bold;
border: 1px solid black;
padding: 3px;
}

div.eg-bar{
width: 500px;
}

.icongroup1{
width: 500px;
}


.handcursor{
	cursor:hand;
	cursor:pointer;
	line-height: 14px;
}

.about-q{
	color:#669933;
	font-weight: bold;
}

.switchgroup1 {
	color: #669933;
	padding-right: 25px;
	padding-left: 25px;
	text-align: justify;
	line-height: 14px;
}	
	
.mailing-list-form {
	color: #669933;
	text-indent: 3px;
}


.mailing-list-field {
	text-align: right;
	line-height: 18px;
}	


a:link, a:visited, a:active{
	color: #333333;
text-decoration: underline;

}

a:hover {
	color: #669933;
text-decoration: none;
}
#content {
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
#portfolio	{ position:relative; width:600px; height:640px; z-index:100; text-align:center; }
#middle-column {
	width: 20px;
}
#portfolio-navigation img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#portfolio-navigation {
	width: 240px;
}

#lyr1, #lyr2, #lyr3, #lyr4, #lyr5, #lyr6, #lyr7, #lyr8, #lyr9, #lyr10, #lyr11, #lyr12, #lyr13, #lyr14, #lyr15, #lyr16, #lyr17, #lyr18, #lyr19, #lyr20, #lyr21 {
	position:absolute;
	visibility:hidden;
	left:0;
	top:0;
	z-index:1;
	margin: 0px;
	text-align: center;
	width: 600px;
}
#portfolio p {
	text-align: center;
	margin-top: 15px;
}
#right-column {
	width: 580px;
}
#middle-column-about {
	width: 40px;
}
#pricing-table td{
	height:22px;
	font-size: 14px;
	}
.pricing-table-small-font {
	font-size:12px;
	}
.pink {
	color: #FF3366;
	}