/*  

Version: 1.0
Author: Flamingo Interactive
Author URL: http://www.flamingointeractive.com

*/

@media screen, projection, print {

/* BODY AND FONTS: =body
----------------------------------------------- */
	* 		{ margin: 0; padding: 0; font-family: Arial, Verdana, sans-serif; }
	
	a:focus	{ outline: none; } /* Hide Link Outlines (onClick) */
	
	body	{ background: #FFFFFF url(../images/top_sliver.gif) repeat-x; margin: 0 auto; text-align: left; }

	
/* CONTAINERS:
----------------------------------------------- */
	#containertop	{ margin: 0 auto; width: 960px; position: relative; text-align: center; }
	
	#top { padding: 0 0 0 0; width: 960px; position: relative; text-align: right; }
	
	#containernav	{ margin: 0 auto; width: 960px; height: 130px; position: relative; text-align: left; }
	
/* NAV & BODY:
----------------------------------------------- */
	#logonav { margin: -54px 0px 0px 486px; position: relative; text-align: left; }
	
	#logonav ul	{ list-style-type: none; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; float: left; }
	#logonav li		{ display: inline-block; float: left; }
	#logonav li a	{ display: inline-block; margin: 0px 33px 0px 0px; color: #000000; text-decoration: none; }
	#logonav li a:hover	{ text-decoration: underline; color: #666666; }
	
	.hotnav { color: #990000 !important; }
	
	div#contact	{ behavior: url("../txt/iepngfix.htc"); }
	#contact { margin: 0 0 -261px 182px; padding: 226px 0 0 0; position: relative; text-align: left; z-index: 2000; }

	#samples { margin: 0 0 48px 0; padding: 0 0 0 0; width: 960px; height: 280px; position: relative; text-align: left; background: #FFFFFF; }
	
	#coretxt { margin: 0 0 0 0; padding: 0 0 20px 0; position: relative; font-family:  Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; line-height: 22px; text-align: left; background: url(../images/core_vert_rule1.gif) repeat-y; }

	#coretxt a {  font-size: 11px; color: #990000; text-decoration: underline; }
	
	#coretxt a:hover {  font-size: 11px; color: #666666; text-decoration: none; }
	
	#coretxt h2 { font-family:  Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #990000; }
	
	#coreblock1  { margin: 0 0 0 32px; width: 400px; }
	
	#coreblock2	 { margin: -110px 0 0 512px; width: 400px; }
	
	.clearpad {	margin: 0 0 0 0 !important; }
	
/* RULES:
----------------------------------------------- */
	
	
	#corerule { margin: -4px 0 40px 290px; background: #FFFFFF url(../images/h_rule_sliv.gif) repeat-x; padding: 6px 0 0 0; position: relative; }

	#aboutTopRule { margin: -4px 0 40px 290px; background: #FFFFFF url(../images/about_h_rule.gif) repeat-x; padding: 6px 0 0 0; position: relative; }

	#aboutrule { margin: 2px 843px 0 0; background: #FFFFFF url(../images/about_h_rule.gif) repeat-x; padding: 2px 0 0 0; position: relative; text-align: left; }

	#servicesTopRule { margin: -4px 0 40px 290px; background: #FFFFFF url(../images/work_h_rule.gif) repeat-x; padding: 6px 0 0 0; position: relative; }

	#servicesrule { margin: 2px 802px 0 0; background: #FFFFFF url(../images/services_h_rule.gif) repeat-x; padding: 2px 0 0 0; position: relative; text-align: left; }

	#contactTopRule { margin: -4px 0 40px 290px; background: #FFFFFF url(../images/contact_h_rule.gif) repeat-x; padding: 6px 0 0 0; position: relative; }

	#contactrule { margin: 2px 825px 0 0; background: #FFFFFF url(../images/contact_h_rule.gif) repeat-x; padding: 2px 0 0 0; position: relative; text-align: left; }

	#workTopRule { margin: -4px 0 40px 290px; background: #FFFFFF url(../images/services_h_rule.gif) repeat-x; padding: 6px 0 0 0; position: relative; }

	#workrule { margin: 2px 0 0 0; background: #FFFFFF url(../images/services_h_rule.gif) repeat-x; padding: 2px 0 0 0; position: relative; text-align: left; width: 960px; }


/* SECONDARY PAGES:
----------------------------------------------- */
	
	#inttxt { margin: 0 0 0 0; padding: 0 0 50px 0; position: relative; font-family:  Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; line-height: 20px; text-align: left; background: url(../images/core_vert_rule2.gif) repeat-y; }

	.norule { background: #FFFFFF !important; }

	#inttxt p {margin: 0 0 22px 0; }

	#inttxt a {  font-size: 12px; color: #990000; text-decoration: underline; }
	
	#inttxt a:hover { color: #666666; text-decoration: none; }
	
	#inttxt h2 { font-family:  Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 13px; font-weight: bold; padding: 0 0 10px 0; }

	.aboutHead { color: #009A9A !important; }
	.servicesHead { color: #00009A !important; }
	.contactHead { color: #4D009A !important; }
	.workHead { color: #4D9A00 !important; }
	
	.addtop { margin-top: 20px !important; }
	
	#aboutblock1  { margin: 0 0 0 32px; width: 400px; padding: 30px 0 0 0; }
	
	#aboutblock2	 { margin: -446px 0 0 512px; width: 420px; height: 385px; font-size: 11px; line-height: 18px; }
	
	#title { margin: 10px 0 0 32px; padding: 0 0 0 0; position: relative; text-align: left; }
	
	#thanksblock  { margin: 0 0 0 32px; width: 900px; padding: 30px 0 0 0; }
	#thanksblock h2 { font-family:  Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #990000; }

	#servicesblock  { margin: 0 0 -50px 32px; width: 900px; padding: 30px 0 0 0; }
	
	#contactblock1  { margin: 0 0 0 32px; width: 300px; padding: 50px 0 0 0; }
	#contactblock2  { margin: -162px 0 0 364px; width: 300px; padding: 50px 0 0 0; }
	#contactblock3  { margin: -122px 0 0 696px; width: 300px; padding: 50px 0 0 0; }
	
	#workblock  { margin: 0 28px 30px 32px; width: 900px; padding: 30px 0 0 0; text-align: left; }
	#workblock h2 { font-family:  Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 13px; font-weight: bold; padding: 0 0 0 0; }
	#workblock p { margin: 0 0 12px 0 !important; font-size: 11px !important; color: #000000 !important; }
	#workblock a { color: #666666 !important; }
	#workblock a:hover { color: #990000 !important; text-decoration: none;  }
	
	#workintro  { margin: 0 28px 10px 32px; width: 900px; padding: 30px 0 0 0; text-align: left; }
	#workintro p { font-family:  Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; line-height: 20px; text-align: left; }
	
	#workblock ul	{ list-style-type: none; float: left; margin: 0 0 20px 0; padding: 0 0 0 0; }
	#workblock li		{ display: inline-block; float: left; margin: 0 71px 0 0; vertical-align: top; }
	
	.setborder { border: 1px solid black;  }
	

	#hintbox { /*CSS for pop up hint box */
	position:absolute;
	top: 0;
	background-color: #FFFFFF;
	width: 700px; /*Default width of hint.*/ 
	padding: 2px;
	border: 0px solid #00009A;
	font: normal 11px Arial;
	color: #000000; 
	line-height: 16px;
	z-index: 2500;
	visibility: hidden;
	}
	
	/* FOOTER:
----------------------------------------------- */

	#containerfooter	{ margin: 60px 0 0 0; padding: 27px 0 27px 0; position: relative; background: #666666; }

	#footerwrap	{ margin: 0 auto; padding: 10px 0 15px 0; width: 960px; position: relative; background: url(../images/footer_vert_rule.gif) repeat-y; }
	
	#f_block1  { margin: 0 0 0 32px; width: 400px; font-family:  Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #FFFFFF; line-height: 14px; }

	#f_block1 p		{ padding: 14px 0 0 0; }
	#f_block1 p a	{ color: #FFFFFF; text-decoration: underline; }
	#f_block1 p a:hover	{ text-decoration: none; color: #990000; }
	
	#f_block1 ul	{ list-style-type: none; float: left; }
	#f_block1 li		{ display: inline-block; float: left; }
	#f_block1 li a	{ display: inline-block; margin: 0px 20px 0px 0px; color: #FFFFFF; text-decoration: underline; }
	#f_block1 li a:hover	{ text-decoration: none; color: #990000; }

	#f_block2	 { margin: -141px 0 0 512px; width: 420px; font-family:  Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #FFFFFF; line-height: 14px; }
	
	#f_block2 h3 { font-family:  Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #FFFFFF; line-height: 18px; }

	#f_block2 p		{ padding: 10px 0 0 0; }

	
	/* FORM:
----------------------------------------------- */
	
	#f_block2 input	{ border: 1px solid #FFFFFF; background: #CCCCCC; padding: 1px 2px 1px 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #990000; width: 180px; height: 14px; vertical-align: middle; }

	#f_block2 textarea	{ border: 1px solid #FFFFFF; background: #CCCCCC; padding: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #990000; width: 200px; height: 56px; }

	.shift { margin: -128px 0 0 210px !important; }

	#f_block2 #submit	{ margin: 20px 0 0 0; border: 1px solid #990000; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: normal; padding: 2px; height: 24px; width: 75px; color: #990000; background: #CCCCCC; }

	#f_block2 #submit:hover { border: 1px solid #000000; cursor: pointer; color: #000000; }
	
	.required	{ background: #FFFAC9 !important; }
	

/* MISC: 
----------------------------------------------- */
	
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
		}
 
	.clearfix { display: inline-block; }
 
	html[xmlns] .clearfix { display: block; }
 
	* html .clearfix { height: 1%; }

	/* Global Properties */
	
	img			{ border: none; }
	fieldset	{ border: none; }

	
}