/**************** body and tag styles ****************/
	body { 
		margin-top: 0px;	  
		margin-bottom: 30px; 
		background-color: #D5D3C2;
		margin: 0px;
	  } 

	#container {
		  width: 750px; 
		  margin: 0 auto; 
		  font-family: Verdana, Arial, Helvetica, sans-serif;
		  font-size: 11px;
		  line-height: 1.6em;
		  color: #666666;
		  background-color: #FFFFFF;
	  } 
	  
	 #container2 {
		  width: 750px;
		  margin: 0 auto; 
		  background: #FFFFFF url(../images/test_bg.jpg) repeat-y; 
		  font-family: Verdana, Arial, Helvetica, sans-serif;
		  font-size: 11px;
		  line-height: 1.6em;
		  color: #666666;
	  }
		
	h1 {
	  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	  font-weight: normal;
	  font-size: 22px;
	  color: #6DA6E2;
	  margin-bottom: 30px; 
	  background-color: #FFFFFF;
	  margin-bottom: 12px;
	  padding: 0;
	}
		
	h2 {
	  color: #666666;
	  font-size: 16px;
	  font-family: Arial, Helvetica, sans-serif;
	  background-color: #FFFFFF;
	  }
		
	a {
	  color: #D52D2D;
	  text-decoration: none;
	  font-weight: bold;
	  }

	a:hover {
	  background-color: #CCCCCC;
	  color: inherit;
	  font-weight: bold;
	  text-decoration: underline;
	  }
/**************** header & top nav styles ****************/		
	#header img {
		margin-left: 24px;  
		border: none;
	}
	
	#centercol	 { 
		background-image: url(../images/test_bg.jpg); 
	}
	
	#navHome, #navLogin, #navSitemap {
		background: #FFF url(../images/navrec.jpg) no-repeat;
		/*position: absolute; */
		font-size: 90%;
		height: 42px;
		float: right;
		margin: 10px 30px 0 0;
	}
	.navTxt {
		display: block;
		margin-top: 8px; 
		margin-left: 10px; 
		padding: 5px;
	}
	#navHome a, #navLogin a, #navSitemap a { color: #686868; }
	#navHome {
		left: 637px;
	}
	#navLogin {
		left: 708px;
	}
	#navSitemap {
		left: 779px;
	}

/**************** images styles ****************/		
	a img{
	  border: none;
	  }

	img.left,img.center,img.right {
	  padding: 4px; 
	  border: 1px solid #a0a0a0;
	  }

	img.left {
	  float: left;
	  margin: 0 12px 5px 0;
	  }

	img.center {
	  display: block;
	  margin: 0 auto 5px auto;
	  }

	img.right {
	  float: right;
	  margin: 0 0 5px 12px;
	  }


/**************** form styles ****************/
	 #searchblock>form {
	  padding: 0px;
	  margin: 4px;
	  text-align: center;
	  } 
		
	input {
	  background-color: #FFFFFF;
	  color: #999999;
	  border: 1px solid #2763A5;
	  font-size: 11px;
	  padding: 3px;
	  }
		
	.button {
	  padding: 2px;
	  background-color: #6DA6E2;
	  color: #FFFFFF;
	  border: 1px solid #2763A5;
	  font-size: 11px;
	  }

	  /* NEW STUFF */
	  
	form fieldset {
	  border-color: #000;
	  border-width: 1px;
	  border-style: solid;
	  padding: 10px;
	  margin: 0;
	}
	
form label { 
	display: block; 
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; 
	text-align: right;  
}

form fieldset label:first-letter { 
	text-decoration:underline;    
}

form input, form textarea {
	width:auto;      
	margin:5px 0 0 10px;                          
}

form input#reset {
	margin-left:0px; 
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; 
	padding: 1px 3px;
	font-size: 88%;
}

form .required { font-weight: bold; } 

form br {
	clear:left; 
}
/* END NEW STUFF */	  

  .kwlabel {
	  text-align: left;
	  margin-left: 10px;
  } 
.frmErr { margin:4px;background: #ffbcbc url(../images/frmError.png) repeat-x; border: 1px solid #FF3300; vertical-align: bottom; }
.frmWrn { margin:4px;background: #f9f87c url(../images/frmWrn.png) repeat-x; border: 1px solid #fffc00; vertical-align: bottom; padding: 6px;}

/**************** header styles ****************/
	 #header {
	  width: 750px;
	  clear: both;
	  } 

	#header p { 
	  margin-top: -20px;
	  margin-left: 30px;
	  color: #999999;
	  }

	#gray-hr {
		margin-left: 25px;
		margin-top: -14px;
	} 

/**************** content styles ****************/
	#content {
	  width: 480px;
	  padding-left: 34px;
	  padding-right: 0px;
	  padding-top: 10px;
	  margin-right: 5px;  
	  float: left;
	  }
		
	#content p {
	  padding: 4px;
	  border-bottom: 1px solid #DDDDDD;
	  margin: 0px; 
	  }	  
	#content-wide {
		width: 675px;
		margin-left: 34px;
	}

/**************** sidebar styles ****************/
	#sidebar {
		width: 187px; 
		float: left;
		padding-left: 4px;
		margin-top: 5px;
	  }

	#sidebar p {
		margin-bottom: 10px;
		margin-top: 5px;
	}
	
	#sidebar p img {
		padding: 4px;
	}

	#sidebar ul {
		margin: 4px;
		padding: 0px;
	} 
	#sidebar .list {
		background-image:url(../images/pointer.gif); 
		background-position:left;
		background-repeat:no-repeat;
		padding-left: 10px;
		line-height:15px;
		/*list-style: disc inside;
		color: #e68181;*/
	} 
	#sidebar li p {
		display: inline;
		margin: 0px;
		padding: 0px;
		margin-left: 6px;
		color: black;
	}
	#sidebar>span {
		margin-left: 13px;
	}
	
	.browse {
		padding:10px 10px 10px 75px; 
	}

/**************** footer styles ****************/
	#footer {
	  margin-top: 15px; 
	  background: #FFFFFF url(../images/footer_bg.jpg) repeat-x; 
	  margin-left: 25px; 
	  clear: both; 
	  width: 700px; 
	  height: 50px;
	  border-bottom: 30px solid #FFFFFF; 
	  }
		
	#footer p {
	  padding: 5px;
	  text-align: center;
	  margin-bottom: 4px;
	  }
		
	#footer p a {
	  color: #FFFFFF; 
	  font-weight:100;
	  } 
		
	#footer p a:hover {
	  color: #FFFFFF; 
	  text-decoration: none;
	  }
	#footer-small {
		margin: 5px auto; 
		font-size: 80%;
		width: 300px;
		text-align: center;
	}
	
	#footer-small a {
		color: #CCCCCC;
	}
	
	#footer-small a:hover {
		background-color: transparent;
		text-decoration: underline;
	}
	 
	#valid {
		margin: 0 auto;
		text-align: center;
	}
/**************** misc styles ****************/

/* Created just to fix broken IE7 */
	.spacer { 
		padding-left: 2px; 
	}
	
/**************** plan styles ****************/	

	#plans p {
		margin: 0px;
		padding-left: 5px;
	}
	#plans ul {
		margin-top: 30px;
		margin-left: 0px;
		padding-left: 0px;
	}
	#plans li {
		list-style-image: none;
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
	#plans hr { width: 80%; }
	#silver, #gold, #diamond { 
		border: 2px solid #cccccc;		
		border-top: none; 
		width: 152px; 
		float: left;
		margin-top: 0px;
		margin-left: 2px; 
		padding-top: 30px;
		padding: 0px;
		background-repeat: no-repeat;
	} 
	
	#silver {
		background-image: url(../images/silver.jpg);   
	}
	
	#gold {
		background-image: url(../images/gold.jpg);
	}
	
	#diamond {
		background-image: url(../images/diamond.jpg); 
	}
	
	table#planmatrix {
		border: 1px solid #cccccc;
		border-collapse: collapse; 
		text-align: center;
	}
	table#planmatrix tr:hover {
		background: #e0ecf4;
	}		
	table#planmatrix td {
		padding: 2px;
		border: 1px solid #e5e5e5; 
	}
	table#planmatrix .light {
		background-color: #ffffff;
	}
	table#planmatrix .dark {
		background-color: #f5f5f5;
	}

	table#planmatrix .header {
		background: #ffffff url(../images/tblHeader.gif) repeat-x;
		height: 25px;
		color: #ffffff;
	}
	.price {
		padding-top: 5px;
		font-size: 12px;
		color: #006600;
		text-align: center;
	}
	
	.blue, .green, .orange {
		text-decoration: underline;
		font-size: 105%;
		text-align: center;
		margin-bottom: 5px;
	}
	
	.blue {
		color: #4B6287;
	}
	
	.green {
		color: #478F43;
	}
	.greenHeader {
		color: #478F43;
		font-size: 130%;
		text-align: right;
	}
	.orange {
		color: #F39407;
	}

	.center {
		text-align: center;
		margin-bottom: 5px;
	}
	.left {
		text-align: left;
	}
	.fleft {
		float: left;
	}
	#searchblock {
		background-image: url(../images/search_bg.jpg); 
		float: left;
		margin: 4px;
		margin-top: 15px; 
		height: 120px;
		width: 300px;
		border: 1px solid #cccccc;
	}
	#searchblock hr { width: 80%; }

	#templates, #MBGuarantee {
		float: left;
		margin: 0px;
		width: 150px;
		margin-bottom: 0px;
		padding: 4px;

	}
	
	#templates {
		margin-top: 15px;
		border-bottom: 1px dashed #cccccc;
	}

	.redTxtHeader {
		color: #FF3300;
		font-size: 108%;
		font-weight: bold;
	}
	.grayTxtBold {
		color: #4e4e4e;
		font-size: 105%;
		font-weight: bold;
	}
	#templates img, #MBGuarantee img, #searchblock img {
		float: left;
		border: none;
		margin: 0;
		padding: 0;
		margin-right: 4px;
	}
	div.right {
		text-align: right;
	}
	#technologies_footer {
		float:left;
		margin: 20px 0px 15px 40px; 
		width: 640px;  /* IE needs a width */
	}
	#infoblock_main {
		float: left;
		margin: 20px 15px 15px 0px;
		padding: 4px;
		width: 460px; /* Set for IE 6 */
	}
	
	#contactus {
		margin-right: 20px;
	}
	
	#contact_coll, #contact_colr {
		float: left;
		width: 195px;
		margin: 10px;
		padding: 2px;
	}
/**************** glossary styles ****************/	
	/* For download_free_template.php */
	label a.glossary { color: #D52D2D; }
	label a.glossary:hover span { color: #666; text-align: left; }

	a.glossary {
		position: relative; /*this is the key*/
		z-index: 24; 
		color: #4b5a64;
		text-decoration: none;
	}

	a.glossary:hover { 
		z-index: 25; 
	}

	a.glossary span {
		display: none;
	}

	a.glossary:hover span { 
		display: block;
		position: absolute;
		top: 2em;
		left: 2em;
		width: 35em;
		border: 1px solid #e5e5e5;
		background-color: #ffffff; 
		padding: 4px;
	}	
	
	/* Porfolio Crap */
	.portfolio {
		margin: 10px 1px;
		padding: 0;
		width: 150px;
		height: 70px;
		border: 3px solid #ccc;
	}

	.templates1 {
		background-image:url(../images/t_website.gif);
		background-position:top;
		background-repeat:no-repeat;
		height:30px;
		width:480px;
	}

	.flash {
		clear:both;
		background-image: url(../images/t_flash.gif);
		background-position:top;
		background-repeat:no-repeat;
		height:30px;
		width:480px;
	}

/***** TESTIMONIALS ****/

	#testimonials {
		width: 175px;
		height: 100px;
		padding: 5px;
        }

	.testimonial {
		width: 170px;
		position: absolute;
	}

	.quote {
		margin: 0;
		vertical-align: top;
	}

	.testimonialText
	{
		line-height: 13px;
		text-align: center;
	}

	.contactName {
		display: block;
		font-size:11px; 
		color: #aaaaaa;
		line-height: 13px;
		margin-left: 0px;
		margin-top: 5px;
	}
	.ofs { margin:0;padding:0;border: none; }