﻿*
{
	padding: 0; 
	border: 0; 
	margin: 0; 	
}

html,body 
{
	border: 0;
	height: 100%;
	margin-bottom: 1px;
	font-family: Verdana; 
	font-size: 13px;
	color: #666;
	background-color: #d8d3db;
	behavior: url(../../_assets/csshover2.htc);
}
html[xmlns] {margin: 0} 
body[xmlns] {margin: 0}

img
{
	border: 0;
}

ul { padding:0 30px 10px; }

ul li
{
	margin-left: 18px;
}

td
{
	vertical-align: top;
}

/* FORM ELEMENTS */
.submitButton
{
	font-family: Arial;
	border: 0; padding: 0; margin: 0;
	border: solid 1px #803FA3;
	background-color: White;
	text-transform: uppercase;
	color: #666666;
	margin-right: 10px;
	margin-top: 10px;
	padding: 1px 2px;
	cursor: pointer;
	font-size: 11px; 
	font-weight: bold;
}
	* html .submitButton
	{
		padding: 1px 0px;
	}
.submitButton:hover
{
	color: #803FA3;
}

/* STANDARD TEXT LINKS */
a:link, a:visited, a:hover, a:active
{
	color: #FF980C;
	text-decoration: none;
}
	a:hover, a:active
	{
		text-decoration: underline;
	}

.pink
{
	color: #ee2575;
}

.reqField
{
	color: #FF980C;
	font-weight: bold;
}

.red
{
	color: #ee2575;
}

.bold
{
	font-weight: bold;
}

.clear 
{
    padding: 0; margin: 0; height: 1px;
}
/*************** DIV LAYOUT **************/


#wrapper
{
	width:					996px;
	background-color:		#d8d3db;
	text-align:				left;
	margin:					0 auto;
	background-image:		url("images/bg.gif");
	background-repeat:		repeat-y;
}

/*-----------------------------------------
 * 3 Column Layout
 *-----------------------------------------
 */
	#leftMain
	{
		float:		left;
		width:		34px;
		height:		1px;
	}
	
	#main
	{
		float:				left;
		width:				927px;
			background:#fff url(images/mainBottom.gif) repeat-y;
		text-align:			left;
	}
	
	#rightMain
	{
		float:		left;
		width:		34px;
		height:		1px;
	}
	
	
/*----------------------------------------
 * Top Row - Pictures
 *----------------------------------------
 */		
		#mainTop
		{
			clear:	both;
			width:	927px;
		}
			* html #mainTop
			{
				zoom:1;
			}
			
			#mainTopService
			{
				clear:	both;
				width:	927px;
				height:	212px;		
			}
				* html #mainTopService
				{
					height: 210px;
				}
			

/*-------------------------------------------
 * Middle Row - Navigation
 *-------------------------------------------
 */
		#mainMiddle
		{
			border:0; margin:0; padding:0;
			width:		928px;
			clear:		both;
			height:		72px;
			overflow:	hidden;
		}
		
			#siteLogo
			{
				width: 316px;
				background-color: #7D52A1;
				float:left;
				height:72px;
				position: relative;
			}
						
			* html #siteLogo { height: 72px; }			
			
				#siteLogo img {
					position:relative;
					left:10px;
					top:10px;
				}
				
				#siteLogo a
				{
					position: absolute;
					font-size: 13px;
					font-weight: bold;
					color:#fff;
					right: 25px;
					top: 17px;
					text-decoration:none;
				}
				
				#siteLogo a:hover
				{
					color:		#EBE7EE;
				}				
				
			#mainMenudiv
			{
				float:				left;
				width:				611px;
				background-color:	#ff980c;
				height:				72px;
				vertical-align:		middle;
			}
			
			* html #mainMenudiv
			{
				width: 611px;
				height: 72px;
			}
			
/*-----------------------------------------------------
 * Bottom Row - this is where all the content is
 *-----------------------------------------------------
 */
		#mainBottom
		{
			clear:				both;
			/* padding-bottom: 25px;
			overflow: hidden; */
		}

		/*----------------------------------------------
		 * Left Column
		 *----------------------------------------------
		 */
			#caseStudyRotator {
				float: left;
				background-color: #ebe7ee;
				width: 316px;
				padding-bottom: 54px;
				/*height: 512px;*/
			}
				* html #caseStudyRotator
				{
					width: 316px;
				}
				
			
			#leadInImageRotator {
				float: left;
				background: #ebe7ee url(images/offerRotatorBG.gif) no-repeat 30px 30px;
				width: 316px;
				height: 490px;
			}
				* html #leadInImageRotator {
					width: 316px;
				}

			#mainContent
			{
				float:		left;
				width:		581px;
				padding:	0px 15px 15px 15px;
				/*height:		339px;*/
			}

				* html #mainContent { width: 453px; }
			
			#mainContentServices
			{
				float:		left;
				width:		610px;
				padding:	0px;
			}
				
				#menu3
				{
					/*margin-top: 10px;*/
					width:		200px;
					/*height:		450px;*/
					float:		right;
					overflow:	hidden;
					padding-left: 10px;
					text-align: right;
				}

					
				
				#serviceContent
				{
					float: left;					
					padding: 19px 10px 0px 10px;
					width: 580px;
				}
					
								
	/*-------------------------------------------------------
	 * 2 column layout styles
	 *-------------------------------------------------------
	 */
	#Content2ColumnLeft
	{
		width:				244px;
		height:				639px;
		padding:			10px 36px;
		float:				left;
		background-color:	#ebe7ee;
		width:				316px; /* 244px; */
		padding:			10px 0px; /* 10px 36px; */
	}
	    .contact_form #Content2ColumnLeft {
	        width:				244px; 
	        padding:			10px 36px;
	    }
	
	#Content2ColumnRight
	{
		padding-left: 20px;
		float: left;
	}

/*-------------------------------------------------------
 * News Articles
 *-------------------------------------------------------
 */
.news_articles 
{
    padding: 15px;
    border-bottom: dotted 1px #D7D7DA;
}

/*-------------------------------------------------------
 * Footer
 *-------------------------------------------------------
 */
	#mainFooter {
		clear:				both;
		border-bottom:		solid 1px #bdbbc1;
		margin:				0px 34px;
		height:				0px;
		background-color:	#d8d3db;
	}
	
		* html #mainFooter
		{
			margin:				0px 20px;
			border-bottom:		0;
			background-color:	#d8d3db;
		}
		

/*------------------------------------------------
 * Splash Page Styles
 *------------------------------------------------
 */
	#mainSplash
	{
		width:				927px;
		background-color:	#803FA3;	
		float:				left;
		text-align:			center;
		vertical-align:		middle;
		color:				#ffffff;
		padding-top:		270px;
		height:				520px;
	}
	
	#mainSplashStrapline
	{
		margin:		35px 0px;
		font-size:	130%;
	}
	
	.mainSplashButton
	{
		font-weight:	bold;
		font-size:		130%;
	}
		
#serviceContent dt {
	font-weight: bold;
}

#serviceContent dd {
	margin-bottom: 1.5em;
}

/* -- save you money -- */

.challenge_front {
	padding-top: 80px;
	position: relative;
	width: 580px;
	margin-top:-60px;
}

	.challenge_front h2 {
		background: #7d52a1;
		color: #fff;
		display: inline;
		line-height: 2;
		margin-bottom: -10px;
		padding: 15px;
	}
	
	.challenge_front p {
		font-weight: bold;
		line-height: 1.5;
		color:#fff;
	}

#skatepig {
	background: url(images/pig_small.png) 0 0 no-repeat;
	height: 79px;
	left: 325px;
	position: absolute;
	top: 40px;
	width: 107px;
}

#challenge_wrap {
	background: #7d52a1;
	padding: 15px 80px 15px 15px;
}

.next {
	background: url(images/next.png) no-repeat;
	display: block;
	height: 56px;
	text-indent: -31337px;
	width: 56px;
}

	#password .next {
		background: url(images/next_light.png) no-repeat;
		float: right;
		margin-top: -10px;
	}

.challenge_front .next {
	bottom: 15px;
	position: absolute;
	right: 15px;
}

