/* ******************************
Overview Template
Copyright (c) 2008 - 2008 Man vs Office, All Rights Reserved
****************************** */




/* ******************************
Reset Code - An overall, master reset to make code behave and to cut down on repetitive declarations
****************************** */

html, body,
div,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, input,
img,
p, blockquote {
	margin:0;
	padding:0;
}

html, body {
	height:100%;
}

h1, h2, h3, h4, h5, h6 {
	font-size:1em;
	font-weight:normal;
	font-style: normal;
}
ul, ol {
	list-style: none;
}

img {
	border:none;
}

fieldset {
	border:none;
}

strong, label {
	font-weight: bold;
}
em {
	font-style: italic;
}

/* ******************************
Preset Classes - Classes that are universally available and applied
****************************** */

/*--------------- Layout --------------------*/
.float {
	float:left;
}
.floatOpposite {
	float:right;
}

.clear {
	clear:both;
}
.clearLeft {
	clear:left;
}
.clearRight {
	clear:right;
}


.offPage {
	position:absolute;
	left:-999em;
}

/*--------------- Text --------------------*/
.price {
	font-weight:600;
	color:#065e25;
}
.bonus {
	font-weight: bold;
	color:#f00;
}

.bigger {
	font-size:120%;	
}
.smaller {
	font-size:76%;
}

.strike {
	text-decoration:line-through;
	font-weight:600;
}

.error {
	color:#f00;
}

.alignStyle1 {
	text-align:center;
}
.alignStyle2 {
	text-align:right;
}
.alignStyle3 {
	text-align:left;
}

.extraLine {
	margin-bottom:1.4em;
}

/*--------------- Lists --------------------*/
.ulStyleSpaced li {
	margin-bottom:.6em;
}
	.ulStyleSpaced li p {
		padding:.6em 0 0 0;
	}
.olStyleSpaced li {
	margin-bottom:.6em;
}
	.olStyleSpaced li p {
		padding:.6em 0 0 0;
	}

/* ******************************
Basic CSS - groundwork appearance code for this template
****************************** */

body {
	font-family:arial, helvetica, sans-serif;
	font-size:80%;

	color:#000;
	
	background:#fff;
}

p {
	margin:0 0 1.4em 0;
	line-height:1.4em;
	font-size: 110%;
}

a:link {
	color:#6A0C12;
}
a:visited, a:active {
	color:#6A0C12;
}
a:hover { 
	color:#EC1F27;
	text-decoration:none;
}

h1 {
	margin-bottom: .5em;
	font-size:180%;
	color:#6A0C12;
}

h2 {
	margin-bottom:.3em;
	font-size:140%;
	color:#6A0C12;
}

h3 {
	margin-bottom:.3em;
	font-size:120%;
	color:#333;
}

img {
	
}

.hr {
	margin:1.4em 0;
	border-bottom:1px solid #ebeced;
}

.hr2 {
	margin:1.4em 0;
	border-bottom:1px solid #e19e2a;
}

ul, ol {
	margin-bottom:.6em;
}

.ulStyle1 {
	margin:6px 0 1.4em 11px;
	padding-left:0;
	list-style:none;
}
	.ulStyle1 li {
		margin:0;
		margin-bottom:.6em;
		padding-left:20px;
		font-size:110%;
		background: url('images-layout/ulStyle1-bullet.gif') 0 2px no-repeat;
	}


#container {
	
}
#content {
	background:#fff url('/images-layout/content-bg.gif') 0 183px no-repeat;
}
#columnWrapper {
	padding-bottom:8px;
}

/* ******************************
Column Styles
****************************** */

.columnStyle1 {
	padding-top: 16px;
	width:100%;
	background: url('/images-layout/column-style-1.png') left top no-repeat;
}
	.columnStyle1 .columnTopLeft {
		display:none;
	}
		.columnStyle1 .columnTopRight {
		
		}
	.columnStyle1 .columnBody {
		padding: 15px 40px;
		background: url('/images-layout/column-style-1-column-body.png') repeat-y;
	}
	.columnStyle1 .columnBottomLeft {
		background: url('/images-layout/column-style-1-column-bottom-left.png') left bottom no-repeat;
	}
		.columnStyle1 .columnBottomRight {
			
		}

.columnStyle2 {
	padding:0;
}
	.columnStyle2 .columnTopLeft {
		display:none;
	}
		.columnStyle2 .columnTopRight {
		
		}
	.columnStyle2 .columnBody {
		
	}
	.columnStyle2 .columnBottomLeft {
		display:none;
	}
		.columnStyle2 .columnBottomRight {
		
		}



/* ******************************
Selected Button Styles
****************************** */

.bigRedButton {
	display:block;
	margin:0 auto;
	padding:35px 0 0 0;
	width:193px;
	height:84px;
	font-size:140%;
	background:url('images-pm/red-button-version-2.gif') 50% 50% no-repeat;
}
.bigRedButton:link, .bigRedButton:visited {
	color:#fff;
	text-decoration:none;
}
.bigRedButton:hover, .bigRedButton:active {
	color:#fff;
	text-decoration:underline;
}

/* ******************************
Selected Table Styles
****************************** */

/* ******************************
Selected Form Styles
****************************** */

/* ******************************
Selected List Styles
****************************** */



/* ******************************
Default Blob Styles
****************************** */

.blobDefault {
	margin-bottom:12px;
}

.blobStyleNav {
	width: 110px;
/* 	min-height: 353px; */
	/* IE6 Mumbo Jumbo */
/* 	height: auto !important; */
/* 	height: 353px; */
	margin: 10px 40px 10px;	/*  bottom 60 */
	font-family: comic Sans MS, cursive;
	background: #fff;
}
	.blobStyleNav .blobTopLeft {
		
	}
		.blobStyleNav .blobTopRight {
			margin:-8px -8px 0 -8px;
		}
			.blobStyleNav .blobTopRight h2 {
				padding-top:6px;
				padding-bottom: 10px;
				text-align:center;
				color:#6a0c12;
				background:transparent url('/images-layout/blob-style-h1-bg.gif') 8px bottom no-repeat; 
			}
			.blobStyleNav .navHeader:link, .blobStyleNav .navHeader:visited {
				text-decoration: none;
			}
			.blobStyleNav .navHeader:hover, .blobStyleNav .navHeader:active {
				text-decoration: underline;
				color:#6a0c12;
			}
			.blobStyleNav .blobBody {
				margin-left: 10px;
			}
	.blobStyleNav .blobBottomLeft {
		display: none;
	}
	
	
	/***************************************************************
BlobStyleNav Unordered List Appearance
***************************************************************/

/* Style the left nav */
.blobStyleNav ul {

}
.blobStyleNav ul li {
	padding-bottom: 10px;
}
.blobStyleNav ul li a:link, .blobStyleNav ul li a:visited {
	color:#000;
}



.blobStyleNav ul li a:hover, .blobStyleNav ul li a:active {
	color: #ec1f27;

}


.blobStyleNav ul li.current {
	text-decoration: none;
	background: url('images-layout/blob-style-nav-bullet.gif') 0px 10px no-repeat;
}
/* Highlight the left nav */
.blobStyleNav ul .current a:link,
.blobStyleNav ul .current a:visited,
.blobStyleNav ul .current a:active {
	color: #ec1f27;

}
.blobStyleNav ul .current a:hover {
	color: #ec1f27;
	text-decoration: none;
}



/* Set all the subnavs to off initially */
.blobStyleNav ul ul {
	display:none;
}

/* Display the subnav */
.blobStyleNav ul .current ul {
	display:block;
	margin:0;
	margin-left:13px;
	padding-left:0;
	list-style:none;
	font-weight:normal;
}
.blobStyleNav ul .current ul li {
	padding-right:0;
}
.blobStyleNav ul .current ul a:link,
.blobStyleNav ul .current ul a:visited,
.blobStyleNav ul .current ul a:active {
	display:block;
	padding-left:19px;
	text-decoration:none;
	font-weight:normal;
	font-size:95%;

	background:none;
}
.blobStyleNav ul .current ul a:hover {
	text-decoration:underline;
}

/* Highlight the selected subnav */
.blobStyleNav ul .current .current a:link,
.blobStyleNav ul .current .current a:visited,
.blobStyleNav ul .current .current a:active {

}
.blobStyleNav ul .current .current a:hover  {}



/***************************************************************
Custom Blob Styles
***************************************************************/
.blobStyle {
	float: left;
	position: relative;
	display: inline;
	height: 224px;
	width: 283px;
	margin:0 0 0 17px;
	font-family: comic Sans MS,cursive;
	background: url('/images-layout/post-it.gif') no-repeat;
}
	.blobStyle .blobTopLeft {
		margin: 0;
		padding: 15px 0 10px 0;
	}
	.blobStyle .blobTopLeft h2 {
		margin: 0;
		text-align: center;
		color: #000;
		
	}
	.blobStyle .blobTopRight1 { 
/* 		background: url('/images-layout/home-blob-1-top.gif') no-repeat; */
	}
	.blobStyle .blobTopRight2 { 
/* 		background: url('/images-layout/home-blob-2-top.gif') no-repeat; */
	}
	.blobStyle .blobTopRight3 { 
/* 		background: url('/images-layout/home-blob-3-top.gif') no-repeat; */
	}
	
	.blobStyle .blobBody {
		position:relative;
		padding: 0 20px 0 30px;
		text-align: center;
		font-size: 115%;
		line-height: 1.4em;
		color: #5d1817;
	}
		.blobStyle .blobBody p {
			margin: 0;
		}
		.blobStyle .buttonStyle1, .blobStyle .buttonStyle1:link, .blobStyle .buttonStyle1:visited, .blobStyle .buttonStyle1:active, .blobStyle .buttonStyle1_ie6hover {
			position: absolute;
			bottom:30px;
			left:88px;
			font-size: 125%;
			line-height: 1.4em;
		}
	.blobStyle .blobBottomLeft {
		display: none;
	}
	.blobStyle .blobBottomRight { 	
		font-size: 1%;
	}
	
/***************************************************************
Post It Blob Styles
***************************************************************/

.blankPostit {
	height: 95px;
	width: 100px;
	margin-right: -95px;
}

.largePostit1 {
	height: 182px;
	width: 156px;
	padding: 0 15px 0 20px;
	background: url('/images-pm/post-it-1a.gif');
}
	.largePostit1 .title {
		padding-top: 15px;
		text-align: center;
		font-weight: bold;
		font-family: comic Sans MS, cursive;
	}

.largePostit2 {
	height: 182px;
	width: 156px;
	padding: 0 15px 0 20px;
	background: url('/images-pm/post-it-2a.gif');
}
	.largePostit2 .title {
		padding-top: 15px;
		text-align: center;
		font-weight: bold;
		font-family: comic Sans MS, cursive;
	}

.largePostit3 {
	height: 182px;
	width: 156px;
	padding: 0 15px 0 20px;
	background: url('/images-pm/post-it-3a.gif');
}
	.largePostit3 .title {
		padding-top: 15px;
		text-align: center;
		font-weight: bold;
		font-family: comic Sans MS, cursive;
	}

.largePostit4 {
	height: 182px;
	width: 156px;
	padding: 0 15px 0 20px;
	background: url('/images-pm/post-it-4a.gif');
}
	.largePostit4 .title {
		padding-top: 15px;
		text-align: center;
		font-weight: bold;
		font-family: comic Sans MS, cursive;
	}

.largePostit5 {
	height: 182px;
	width: 156px;
	padding: 0 15px 0 20px;
	background: url('/images-pm/post-it-5a.gif');
}
	.largePostit5 .title {
		padding-top: 15px;
		text-align: center;
		font-weight: bold;
		font-family: comic Sans MS, cursive;
	}

.largePostit6 {
	height: 182px;
	width: 156px;
	padding: 0 15px 0 20px;
	background: url('/images-pm/post-it-6a.gif');
}
	.largePostit6 .title {
		padding-top: 15px;
		text-align: center;
		font-weight: bold;
		font-family: comic Sans MS, cursive;
	}

.smallPostit1 {
	height: 95px;
	width: 83px;
	margin-right: -95px;
	padding: 0 7px 0 10px;
	text-align: center;
	background: url('/images-pm/post-it-1c.gif');
}
	.smallPostit1 .title {
		margin-bottom: 15px;
		padding-top: 5px;
		text-align: center;
		font-weight: bold;
		font-family: comic Sans MS, cursive;
	}
	.smallPostit1 a {
	}

.smallPostit2 {
	height: 95px;
	width: 83px;
	margin-right: -95px;
	padding: 0 7px 0 10px;
	text-align: center;
	background: url('/images-pm/post-it-2c.gif');
}
	.smallPostit2 .title {
		margin-bottom: 15px;
		padding-top: 5px;
		text-align: center;
		font-weight: bold;
		font-family: comic Sans MS, cursive;
		color: #000;
	}
	.smallPostit2 a {
	}
	
.smallPostit3 {
	height: 95px;
	width: 83px;
	margin-right: -95px;
	padding: 0 7px 0 10px;
	text-align: center;
	background: url('/images-pm/post-it-3c.gif');
}
	.smallPostit3 .title {
		margin-bottom: 15px;
		padding-top: 5px;
		text-align: center;
		font-weight: bold;
		font-family: comic Sans MS, cursive;
		color: #000;
	}
	.smallPostit3 a {
	}

.smallPostit4 {
	height: 95px;
	width: 83px;
	margin-right: -95px;
	padding: 0 7px 0 10px;
	text-align: center;
	background: url('/images-pm/post-it-4c.gif');
}
	.smallPostit4 .title {
		margin-bottom: 15px;
		padding-top: 5px;
		text-align: center;
		font-weight: bold;
		font-family: comic Sans MS, cursive;
		color: #000;
	}
	.smallPostit4 a {
	}

.smallPostit5 {
	height: 95px;
	width: 83px;
	margin-right: -95px;
	padding: 0 7px 0 10px;
	text-align: center;
	background: url('/images-pm/post-it-5c.gif');
}
	.smallPostit5 .title {
		margin-bottom: 15px;
		padding-top: 5px;
		text-align: center;
		font-weight: bold;
		font-family: comic Sans MS, cursive;
		color: #000;
	}
	.smallPostit5 a {
	}

.smallPostit6 {
	height: 95px;
	width: 83px;
	margin-right: -95px;
	padding: 0 7px 0 10px;
	text-align: center;
	background: url('/images-pm/post-it-6c.gif');
}
	.smallPostit6 .title {
		margin-bottom: 15px;
		padding-top: 5px;
		text-align: center;
		font-weight: bold;
		font-family: comic Sans MS, cursive;
		color: #000;
	}
	.smallPostit6 a {
	}

/* ******************************
Selected Blob Styles
****************************** */





/* ******************************
Selected Header Design and Theme
****************************** */

#header {
	position:absolute;
	top:0px;
	left:50%;
	margin-left:-450.5px;
	height:147px;
	width:901px;
	background:url('/images-layout/header-bg.gif') 50% 0 no-repeat;
}
#headerWrapper {
	height:147px;
	width:901px;
}
	#siteLogo {
		position:absolute;
		top:0px;
		left:0px;
		height:147px;
		width:901px;
		z-index:1;
	}
	
	#headerTestimonial {
		position:absolute;
		top:0px;
		right:1px;
		width:430px;
		margin: 0;
		color:#fff;
		font-size: 128%;
		font-weight: bold;
		line-height: 1.6em;
		font-family: Times, serif;
		text-align:	center;
		z-index:2;
	}
/* ******************************
Selected Navigation Design and Theme
****************************** */

#navigation {
	position:absolute;
	top:147px;
	left:50%;
	margin-left:-450.5px;
	width:901px;
	height:36px;
	background:#ebeced;
}
	#navigation ul {
		
	}
		#navigation ul li {
			position:relative;
			float:left;
		}
			#navigation ul li a:link, #navigation ul li a:visited, #navigation ul li a:active {
				display:block;
				float:left;
				padding:8px 18px 0 30px;
				height:28px;
				font-size:115%;
				font-weight:bold;
				text-decoration:none;
				color:#000;
			}
			#navigation ul li a:hover {
				text-decoration:underline;
				background:url('/images-layout/navigation-hover-link.gif') right 50% no-repeat;
			}
		#navigation ul li:hover,
		#navigation ul li.over {
			background: url('/images-layout/navigation-hover-list.gif') 0 0 no-repeat;
		}
			#navigation ul li:hover a:link, #navigation ul li:hover a:visited, #navigation ul li:hover a:hover, #navigation ul li:hover a:active,
			#navigation ul li.over a:link, #navigation ul li.over a:visited, #navigation ul li.over a:hover, #navigation ul li.over a:active {
				text-decoration:underline;
				background:url('/images-layout/navigation-hover-link.gif') right 50% no-repeat;
			}
			
		#navigation ul li.current {
			background: url('/images-layout/navigation-hover-list.gif') 0 0 no-repeat;
		}
			#navigation ul li.current a:link, #navigation ul li.current a:visited, #navigation ul li.current a:active {
				text-decoration:underline;
				background:url('/images-layout/navigation-hover-link.gif') right 50% no-repeat;
			}
			#navigation ul li.current a:hover {
				text-decoration:underline;
				background:url('/images-layout/navigation-hover-link.gif') right 50% no-repeat;
			}



/***************************************************************
Appearance and Location for Dropdowns
***************************************************************/

#navigation ul li ul {
	display:none;
}

#navigation ul li:hover ul,
#navigation ul li.over ul {
	display:block;
	position:absolute;
	top:36px;
	left:15px;
	
	height:auto; /* Don't delete me; makes sure you can see any borders in Firefox. */
	width:200px;

	background:none;
	border-bottom:1px solid #b1b2b2;
	z-index:5;
}
#navigation ul li.last ul {
	left:auto;
	right:15px;
}
	#navigation ul li:hover ul li, #navigation ul li.over ul li{
		display:block;
		float:left;
		margin:0;
		padding:0;
		width:198px;
		height:auto; /* Don't delete me; makes sure you can see the borders in firefox too. */
		
		border:solid #b1b2b2;
		border-width:0 1px;
		
		background:#fff;
		z-index: 5;
	}
	#navigation ul li:hover ul li.first, #navigation ul li.over ul li.first { border-top:none; }
	#navigation ul li:hover ul li.last, #navigation ul li.over ul li.last { }
		
		#navigation ul li:hover ul li a:link, #navigation ul li:hover ul li a:visited,
		#navigation ul li.over ul li a:link, #navigation ul li.over ul li a:visited {
			display:block;
			float:none;
			
			margin:0;
			padding:6px 0 6px 12px;
			height:auto;
			width:186px;
			
			font-weight:normal;
			font-size:90%;
			text-align:left;
			text-decoration:none;
			color:#555;
			font-style:normal;
			
			border:0;
			background:#fff;
		}
		#navigation ul li:hover ul li a:hover, #navigation ul li:hover ul li a:active,
		#navigation ul li.over ul li a:hover, #navigation ul li.over ul li a:active {
			text-decoration:underline;
			color:#000;
			background:#ebeced;
		}
		
		
		#navigation ul li.current:hover ul li a:link, #navigation ul li.current:hover ul li a:visited {

		}
		#navigation ul li.current:hover ul li a:hover, #navigation ul li.current:hover ul li a:active {

		}
		
		
		#navigation ul li.current ul li.current a:link, #navigation ul li.current ul li.current a:visited {
			text-decoration:underline;
			color:#000;
			background:#ebeced;
		}
		#navigation ul li.current ul li.current a:hover, #navigation ul li.current ul li.current a:active {

		}
		
/* ******************************
Selected Bread Crumbs
****************************** */

/* ******************************
Selected Footer Design and Theme
****************************** */

#footer {
	position:relative;
	
	padding:0 0px 0px 0px;
	width:901px;
	font-size:95%;
	background:#fff;
}
#footerWrapper {
	
}
#footerCopyright {
	padding-bottom: 10px;
}

/* ******************************
Design Layout Code
****************************** */

body {
	min-width:901px;
}

#siteName {
	position:absolute;
	left:-999em;
}

#container {
	position:relative;
	top:0;
	margin:0 auto;
	width:901px;
	text-align:center;
}

#content {
	position:relative;
	padding:183px 0 0 0;
	width:901px;
	min-height: 772px;
	/* IE6 Mumbo Jumbo */
	height: auto !important;
	height: 772px;
	text-align:left;
}

#columnWrapper {
	position:relative;
	
	min-height:300px;
	/* IE6 Mumbo Jumbo */
	height:auto !important;
	height:300px;
	
	width:901px;
}



/* ******************************
Template Layout Code
****************************** */

.column1 {
	display:inline;
	float:right;
	margin-top:90px;
	margin-right: 100px;
	width:585px;
	
}

.column2 {
	display:inline;
	float:left;
	margin-top:230px;
	margin-left: 10px;
	width:195px;
}
.column3 {
	position:relative;
	float: right;
	margin-right:-95px;
	width:100px;
}