* { margin: 0; padding: 0; }
ul { list-style-type: none; }
a { text-decoration: none; outline: none;}
img { border: none; }

body 
	{
	font-size: 62.5%;
	}
#wrapper
	{
	width: 960px; margin: 0 auto;
	position: relative;
	}
#header
	{
	width: 960px; height: 640px;
	}
	#identity
		{
	width: 480px;
	height: 165px;
	position: absolute;
	top: 0px;
	text-indent: -9999px;
	z-index: 3;
		}
		#identity a
			{
			width: 480px; height: 165px;
			display: block; cursor: pointer;
			}
	#tagline
		{
		width: 386px; height: 258px; position: absolute; top: 279px; left: 86px; 
		text-indent: -9999px;
		}
	#chat
		{
	width: 143px;
	height: 111px;
	position: absolute;
	top: 90px;
	right: 10px;
	z-index: 3;
	display: block;
		}
		#chat a:link, #chat a:visited
			{
			width: 143px; height: 111px; display: block; cursor: pointer;
			}
	#contact
		{
	width: 180px;
	height: 70px;
	position: absolute;
	top: 50px;
	right: 163px;
	text-indent: -9999px;
	z-index: 4;
	left: 613px;
		}
		#contact a:link, #contact a:visited
			{
			width: 180px; height: 70px; display: block; cursor: pointer;
			}
	
#navigation
	{
	position: absolute;
	top: 165px;
	left: 72px;
	font: bold 1.7em Candara, "Century Gothic", Arial, Helvetica, sans-serif;
	z-index: 3;
	}
	#navigation li
		{
		display: inline;
		}
		#navigation li a:link, #navigation li a:visited
			{
			float: left; height: 32px; display: block; margin: 0 2px; padding: 4px 9px 0 9px; /* Originally 4 12 0 12 */
			}
		#web-dev
			{
			text-align: center;
			line-height: 14px;
			}
		#navigation li a:hover, #navigation li a:focus
			{
			background-position: 0 -72px;
			}

#content
	{
	width: 788px; position: relative; left: 9px; float: left;
	padding: 33px 76px 120px 76px;
	font: 1.8em/1.4em Calibri, Arial, Helvetica, sans-serif;
	}
	#content p
		{
		margin: 0 0 .7em 0;
		}
	body#faq-page #content h3
		{
		margin-left:-40px; padding: 22px 0 14px 0;
		font-size: 2em; line-height: 1.2em;
		}
	#welcome-banner, #faq-banner, #about-us-banner, #free-help-banner, #services-banner, #webdev-banner, #portfolio-banner, #quote-banner, #contact-us-banner
		{
		width: 381px; height: 90px; margin: 0 0 16px -86px;
		text-indent: -9999px;
		}
	#whychooseus-banner
		{
		width: 381px; height: 90px; margin: 45px 0 16px -86px;
		text-indent: -9999px;
		}
	#feature-one, #feature-two, #feature-three, #feature-four
		{
		padding: 0 0 1px 0; margin: 6px 0 0 0;
		}
	#feature-one img, #feature-two img, #feature-three img, #feature-four img
		{
		float: left; margin: 4px 0 0 -56px;
		}
	#content code
		{
		font-size: .8em;  font-family: "Courier New", Courier, monospace;
		}
	#content strong.filename
		{
		font-variant: small-caps; font-weight: bold;
		}
	#content p.intro
		{
		font: bold 1em Candara, "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
		line-height: 1.6em;
		}
	#content .float-left
		{
		float: left; margin: -6px 20px 8px 0; padding: 12px;
		}
	
	#switch
		{
		display: block;
		width: 269px;
		height: 75px;
		background: url("../images/switcher_01b.png") 0 0 no-repeat;
		overflow:  hidden;
		}

	#switch:hover
		{ 
		background-position: 0 -75px;
		}

	#switch span
		{
		display: none;
		}
		
	#switch2
		{
		display: block;
		width: 269px;
		height: 75px;
		background: url("../images/switcher_03b.png") 0 0 no-repeat;
		overflow:  hidden;
		}

	#switch2:hover
		{ 
		background-position: 0 -75px;
		}

	#2span
		{
		display: none;
		}

	#service
		{
		padding: 12px;
		width: 370px;
		height: 320px;
		float: left;
		}

	#service-bottom
		{
		padding: 12px;
		width: 370px;
		height: 360px;
		float: left;
		}

	#service p
		{
		text-align: justify;
		padding: 0 10px 0 10px;
		}

	#contact-col 
		{
		width: 238px;
		padding: 0 0 0 15px;
		float: left;
		}
	
	#contact-col img 
		{
		vertical-align: middle;
		height: 32px;
		width: 32px;
		padding: 5px 10px 5px 0px;

		}
		
	#contact-col p 
		{
		font-size: 90%;
		text-align: justify;
		padding: 0px 0px 30px 0px;
		
		}
			
#footer
	{
	clear: both; position: relative; padding: 4px 0 100px 0;
	font: 1.4em Arial, Helvetica, Verdana, sans-serif;
	}
	#copyright
		{
		position: absolute; left: 10px;
		}
	#footer-navigation
		{
		position: absolute; right: 10px;
		list-style: none;
		}
	#footer-navigation li
		{
		float: left; display: inline;
		padding: 0 8px;
		}
		#footer-navigation #last-link
			{
			border-right: none;
			padding: 0 0 0 8px;
			}


/*	JFlow  */	


#myController
	{
	cursor: pointer;
	width: 550px;
	margin: 0 auto;
	}

#mySlides img.hidden 
	{
	display: none;
	}

#jFlowSlide
{

}

#myController span.jFlowSelected 
{

}


.jFlowPrev, .jFlowNext
{
cursor:pointer;
}

#apDiv1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 0;
	top: 0;
}

#apDiv2 {
	position: absolute;
	width:960px;
	height:640px;
	z-index: 2;
}

#justify {
	text-align:justify;
}

#services-page #slide1 #legend {
	text-align:center;
	font-size: 90%;
}

#services-page #slide2 #legend {
	text-align:center;
	font-size: 90%;
}


#legend {
	text-align: center;
	padding: 12px 0 0 14px;
}

#legend .key {
	font-size: 80%;
	text-align: center;
	font-weight: bolder;
	text-transform: uppercase;
	padding: 0 12px 0 12px;
}

#legend-footer {
	font-size: 90%;
	text-align: center;
	display:block;
}

.smalltext {
	font-size: 80%;
	font-weight: bolder;
	
}

#pricing-bronze
	{
	width: 196px;
	height: 184px;
	float: left;
	font-size: 75%;
	padding: 168px 0 0 0;
	background-image: url(../images/price_bronze.png);
	background-repeat: no-repeat;
	text-align: center;

	}
	
#pricing-silver
	{
	width: 196px;
	height: 196px;
	float: left;
	font-size: 75%;
	padding: 156px 0 0 0;
	background-image: url(../images/price_silver.png);
	background-repeat: no-repeat;
	text-align: center;

	}

#pricing-gold
	{
	width: 196px;
	height: 208px;
	float: left;
	font-size: 75%;
	padding: 144px 0 0 0;
	background-image: url(../images/price_gold.png);
	background-repeat: no-repeat;
	text-align: center;

	}

#pricing-platinum
	{
	width: 196px;
	height: 220px;
	float: left;
	font-size: 75%;
	padding: 132px 0 0 0;
	background-image: url(../images/price_platinum.png);
	background-repeat: no-repeat;
	text-align: center;

	}
	
#pricingterms
	{
		text-align: center;
		font-size: 70%;
		padding: 0 0 20px 0;
	}

.terms
	{
		color: #C33;
	}
	
#web-dev-paint
	{
		height: 135px;
	}

#web-dev-paint2
	{
		height: 110px;
	}

.paint-logo
	{
		position: relative;
		left: 130px;
	}

#web-dev-paint #text, #web-dev-paint2 #text
	{
	text-align: center;
	float: right;
	position: relative;
	top: -60px;
	display: inline;
	width: 330px;
	font-size: 80%;
	line-height: 16px;
	}

.portfolio 
	{
	 border: 1px solid #000; 
	 background: #f8f8f8 url(../images/bg.jpg) no-repeat top center; 
	 padding: 6px; 
	 margin-bottom: 10px; 
	 margin-top: 20px;
	 }	
	
	
#portfolio
		{
		padding: 12px;
		width: 238px;
		height: 270px;
		float: left;
		text-align: center;
		font-size: 70%;
		}

#portfolio .h1
		{
		color: #fff;
		font-size: 160%;
		font-weight: bolder;
		}

#portfolio img
		{
		padding: 5px;
		}

.quote
	{
		padding: 10px 25px 10px 25px;
		font-family: Georgia, "Times New Roman", Times, serif;	
		font-size: 85%;
		font-style: italic;
		line-height: 22px;
	}

.randi
	{
		color: #EB3636;
		padding: 10px 20px 20px 25px;
		font-weight: bold;
		font-style: italic;
	}	

.foliofooter
	{
		font-size: 70%;
		text-align: center;
		font-style: italic;
		padding: 0 0 40px 0;
	}

.fixedfree
	{
		font-size: 125%;
		font-weight: bold;
		text-transform: uppercase;
		height: 54px;
		line-height: 54px;
		vertical-align: text-top;
	}
	
#about-counter
	{
		background: url("../images/aboutbg.png") no-repeat;
		width: 550px;
		height: 75px;
		line-height: 75px;
		text-transform: uppercase;
		font-weight: bold;
		position: relative;
		left: 13%;
		padding: 0 0 20px 100px;
	}

#aboutcomp
	{
		position: absolute;
		left: 360px;
		top: 12px;
	}

#left-arrow
	{
		background: url("../images/service/goldstar.png") no-repeat;
		width: 16px;
		height: 16px;
		position: absolute;
		left: -60px;
		top: 30%;
	}

#right-arrow
	{
		background: url("../images/service/goldstar.png") no-repeat;
		width: 16px;
		height: 16px;
		position: absolute;
		right: 30px;
		top: 30%;
	}