@charset "utf-8";
/* CSS Document */

* 			{ 	margin:0;
				padding:0;}
	
html, body {
				height: 100%;
				font-size:12px;
				}

body	{ 		margin:0;
				background:#FFF;
				font-family:Arial, Helvetica, sans-serif;
				height: 100%;}
				
p	{ padding:10px;
		padding-left:20px;
		padding-right:20px;
	}
	
.hiddenPic {display:none;}


h1	{
	font-size:20px;
	color:#c16b38;
	padding:0px 0px 5px 20px;
}

.c	{	clear:both;
		height:0px;
		font-size:0px;
		line-height:0px;}
ul {	margin-left:40px;}

.halfp {	width:50%; float:left;	}		

.strapline a	{text-decoration:none;
					color:#fff;}

#container	{	
				min-height:100%;
				height:auto !important;
				height:100%;
				
				margin: 0 auto;}

.thelogo	{	padding-top:6px;}

#head_1, .head_3 {background:url(components/hd_2.gif) repeat-x #000;}

.head_1	{		height:83px;}

.head_3	{		margin:auto;
				height:55px;
				width:900px;		
				padding: 10px 7px 17px;}

.slogan	 h1	a {	color:#FFF;
				text-decoration:none;}

.slogan	 h1	{	font-size:11px;
				margin:0;
				padding:0px 0px 5px;
				color:#FFF;}
				
								
.slogan	{		width:400px;
				float:right;
				font-size:14px;
				font-weight:bold;
				text-align:right;
				padding:5px 10px 0px 0px;
				color:#FFF;}
	
#links_1, .links_3 {background-color:#000;}

#links_1	{	height:33px;
				text-align:center;}

.links_3	{	margin:auto; width:900px; height:33px;
				padding:0px 7px; font-size:0px;
				background-color:#000;}

.links_3 a  {	color:#FFF;
				border:solid #CCC;
				border-width:0px 1px 0px 1px;
				height:27px;
				font-size:15px;
				padding:6px 13px 0px 13px;
				margin-left:-1px;
				display:block;
				float:left;
				text-decoration:none;}

.links_3 a:hover{		color:#CCC; text-decoration:underline;
						background-image:url(components/lk_3.png);}

#topfade_1	{	background-image:url(components/fd_2.png);
				height:6px;
				background-repeat:repeat-x;
				font-size:0px;
				min-width:914px;}

.topfadeimg	{	width:914px;
				height:0px;}
				
#main		{	width:898px;
				background-color:#fff;
				margin:auto;}

#content	{	padding:10px 0px;}

#footer		{	height:60px;	
				font-size:12px;
				background:url(components/footgrad.png) #333 repeat-x;
				color:#FFF;
				text-align:center;
				padding-top:0px;
				margin: 0px auto 0 auto;
				min-width:914px;}
	
#footer a	{padding:0px 10px; color:#ffffff;}			
#footer a:link	{color:#ffffff;}
#footer a:visited	{color:#ffffff;}
#footer a:hover	{color:#666;}

.c_container	{	width:510px;
					margin-top:35px;
					float:right;}

.c_title	{	width:200px;
				float:left;
				text-align:right;
				font-weight:bold;
				padding-bottom:10px;}
				
.c_item		{	float:left;
				width:295px;
				paddng: 0px 0px 10px 8px;}	
				
.c_container_02	{float:left; width:340px; margin-left:20px;}
			
.portfolio_item	 img	{width:200px; margin:5px; float:left; border-style:none;}	
					
.portfolio_item	{	width:420px; height:230px; float:left;
					marging:0px 10px; font-size:12px;}

.portfolio_item h2 a	{color:#000;}
.portfolio_item h2 a:link	{color:#000;}
.portfolio_item h2 a:visited	{color:#333;}
.portfolio_item h2 a:hover	{color:#900;}

.portfolio_item p	{	padding:5px;}

.portfolio_item h2	{	font-size:14px; padding:6px 0px 4px 0px;}
						
.infopoint	{	font-size:11px;}

#faq_cont	{	padding:5px 20px 20px 20px;}

#faq_cont a	{	color:#C96; font:16px bold;}

#faq_cont a:hover	{	color:#000;}

.faq-question { padding-bottom:10px;}

.faq-answer	{	margin:10px 10px 20px; padding:3px;
				border:solid 1px #CCC;}

.glowsplash2	{	background-image:url(components/orbs.jpg);}
.glowsplash, .glowsplash2		{ 	padding:5px; margin-bottom:15px;}
					
.splashhead2	{	width:840px; margin:auto;}

.splashhead2 h1	{margin:0; padding:0;}		


.splashhead_item	{	width: 400px; float:left; padding:10px;}

.splashhead_item h1	{	font-size:70px; color:#000; margin:0px; padding:0px;}
.splashhead_item p	{	padding:0px; margin:0px; font-size:24px;}


#calculator		{width:600px; margin:auto;}
#calculator h1	{margin:0px; padding:0px; font-size:16px; color:#000 ;padding-top:10px;}

#simple, #complex, #configurable {
				margin:10px;
				margin-left:50px;
				padding:5px;
				border:solid #000;
				border-width:1px;
				width:500px;
				
}

#textbox	{	width:100px;
				font-size:20px;
				}
				
#finalBox	{	width:170px;
				font-size:34px;
				background-color:#c3f8c5;
				color:#0a5d0d;
				border-color:#0a5d0d;
				border-width:1px;
				border-style:solid;
				}
#savings2	{	display:none; }
#savings	{	padding:10px;
				padding-top:15px;
				font-size:20px;
				background-color:#e7f2e7;
				text-align:center;
				border-color:#0a5d0d;
				border-width:1px;
				border-style:solid;
				
			
				margin-top:5px;
				
				}
				
#savings h1 	{font-size:24px;
					padding-bottom:10px;}
#salescalc_contact	{width:210px;
						margin:auto;
						text-align:left;}
#salescalc_contact input {	
			width:200px;
			padding:5px;}
				
.calc_note	{	font-size:12px;
				padding:3px; }


.radiocontainer label {padding-right:10px;}
.radiocontainer	{	width:150px;
					text-align:center;
					margin:5px;
					padding:3px;
					border-width:1px;
					border-color:#CCC;
					border-style:solid;
					font-size:16px;}

.getquote h1	{	color:#FFF;
					font-size:32px;
					padding:0;
					text-align:center;
}
.getquote p	{padding:0;
				padding-left:10px;
				font-size:10px;}
.getquote h1 { padding-bottom:12px;}
.getquote {	width:230px;

			height:295px;
			float:right;
			margin-right:6px;
			background-color:#a30f0f;
			border-color:#000;
			border-width:1px;
			border-style:solid;}
			
.quoteSendButton	{padding-top:7px;
						text-align:right;
						padding-right:15px;}
						
.getquote label	{	color:#FFF;}
.quoteinput	{ width:200px;
					border-style:solid;
					border-width:1px;
					padding:2px;
					font-size:10px;}
.quotesend	{	width:100px;
				height:23px;
				font-size:14px;
				}
#quote_questions	{	height:60px; width:200px;}
			
.quoteerror	{	padding:5px;
				color:#ffffff;
				font-size:10px;}
				
				
.slideshow_02_container	{	float:right;
							width:650px;}			
#slideshow_03_container	{	padding-top:6px;}

#contact-form label	{width:100px;
						display:block;
						font-size:12px;
						font-weight:bold;}
#contact-form	p	{margin:0; padding:0;
						margin-bottom:3px;}						
.contact-form-input {	padding:1px;
						font-size:12px;
						border-color:#000;
						border-width:1px;
						border-style:solid;
						width:300px;}

.contact-send-success	{	color:#060;
							font-weight:bold;}	
							
.contact-send-error	{		color:#F00;
							}	

#contact-response {		display:none;	border-color:#F00;}	
#contact-response-2 {	border-color:#000;}										
#contact-response, #contact-response-2	
{						
						padding:5px;
						font-size:12px;
						color:#F00;
						background-color:#ffddbf;
						border-style:solid;
						border-width:1px;
						width:290px;
						margin-bottom:3px;}		

.indexMidBoxes p	{	margin:0;
						padding:0;
						padding-bottom:10px;}

.indexMidBoxes h1	{	margin:0;
						padding:0;
						padding-bottom:5px;
						font-size:16px}
.indexMidBoxes	{	width:280px;	
					padding:5px;
					padding-top:10px;
					margin-left:7px;
					float:left;}	

.theTool h1	{		background-color:#CCC;
					color:#000;
					padding:5px;
					font-size:14px;}
.theTool	{		width:500px;
					margin:auto;
					border-color:#000;
					border-width:1px;
					border-style:solid;}
.theTool_02	{		padding:10px;
					}


.sourceCode	{	font-family:"Courier New", Courier, monospace;
				margin:auto;
				width:480px;
				font-size:12px;
				}

		
.sharethis	{	text-align:center;
				width:160px;
				margin:auto;
				padding-bottom:5px;
				}
.sitemaplist	{	width:300px;
					margin:auto;}

#index_headtext h1	{	display:inline;
						margin:0;
						padding:0;
						color:#000;
						font-size:10px;
						font-weight:normal;}
#index_headtext	{	text-align:center;
					font-size:10px;}
					
.orcall	{	font-size:10px; text-align:center; color:#FFF;}	
.orcall h1	{	font-size:18px; background-color:#000;
				margin:0;
				padding:0;}
#skypebtn	{	width:183px; height:44px;
				background-image:url(components/whiteglow.png);
				background-repeat:no-repeat;
				padding:14px;}