body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	
}
body {
	margin: 0;
}

.default {
	font-size: 11px;
	line-height: 14px;
	color: #666666;
}
a {
	text-decoration: none;
}
		a:visited, a:link  {
			color: #CC6600;
		}
		a:hover {
			color: #FF6600;
			background-color: #FFCC66;
		}
		a:active {
			color: #333333;
		}
		
		
.navtrail {
	font-size: 9px;
	font-weight: normal;
	color: #333333;
}


/* General SP */

.line {
		width: 100%;
		height: 10px;
		border-bottom: 1px solid #ccc;
}

.header1 {
	
	font-size: 16px;
	color: #666666;
}
.subheader1 {
	
	font-size: 13px;
	color: #666666;
}
.serifheader {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #333333;
}
.serifheader2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #333333;
	background-color: #00FFFF;
}
.serifsubheader {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #333333;
	padding: 7px;
}
.paragraph {
	padding: 0px 15px 0px 10px;
	font-size: 10px;
	line-height: 13px;
	color: #FFFFFF;
}
.featurebox {
	padding: 10px;
	border-left-width: 1px;
	border-left-color: #999999;
	
	font-size: 10px;
	line-height: 13px;
	color: #666666;
	border-left-style: dotted;
	width: 240px;
}
.pguidebox {
	
	font-size: 11px;
	line-height: 14px;
	color: #666666;
	padding-top: 10px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #666666;
	width: 450px;
}
.pgtopics {
	
	font-size: 10px;
	line-height: 14px;
	color: #666666;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #666666;
	padding-top: 10px;
	padding-right: 10px
}








/* Home Page (Gregory Cowley) */

/* Buttons */

	.pseudo-button { display: block; height: 36px; cursor: pointer; } 
	.pseudo-button * { display: none; }
	.pseudo-button { background-position: top left; }
	.pseudo-button:hover { background-color: transparent; background-position: 0 -36px; }
	.pseudo-button-off { display: block; height: 36px; } 
	.pseudo-button-off * { display: none; }
	.pseudo-button-off { background-position: bottom left; }
	
	

	.learn_more_button{
		background-image: url(../images/learn_more.png); width: 126px;
	}
		.pseudo-button-sm { display: block; height: 26px; cursor: pointer; } 
		.pseudo-button-sm * { display: none; }
		.pseudo-button-sm { background-position: top left; }
		.pseudo-button-sm:hover { background-color: transparent; background-position: 0 -26px; }
	
		.learn_more_sm{
			background-image: url(../images/learn_more_sm.png); width: 85px;
		}



div.wrap {
		width: 100%;
		text-align:left;
		z-index: 5;
}

.clear {
		clear: both;
}

	#header{	
			position: relative;
			margin: 0 auto;
			width: 960px;
			height: 150px;
	}
			#logo{
					padding: 10px 0 0 10px;
					width: 97px;
					height: 94px;
					float:left;
			}
			
			#main_nav{
					padding: 10px 0 0 0px;
					width: 300px;
					height: 94px;
					float:left;
			}
					#main_nav ul{
						list-style-type: none;
						list-style-position: outside;
						margin: 5px 0 0 0;
						padding: 0 0 0 10px;
					}
					#main_nav li{
							margin: 0 0 2px 0;
							padding: 0 0 0 0;
					}
			
			#animation{
					width: 350px;
					height: 107px;
					float:right;
			}
			
			
			#header .topline{
					height: 10px;
					margin: 0 0 10px 0;
					border-bottom: 2px solid #999;
					clear:both;
			}
			
			
			#breadcrumbs{
					width: 350px;
					height: 20px;
					float:left;
			}

			#header .shortcuts{
					width: 250px;
					height: 20px;
					float:right;
			}
			
	
	#main{
			position: relative;
			margin: 0 auto;
			width: 960px;
	}
			#main_content{
					position: relative;
					margin: 10px 0 0 6px;
					width: 960px;
			}
					#main_content.background{
							height: 572px;
							background: url(../images/main_bg.png) top left no-repeat;
					}
					
					#main_item{
							margin: 4px 0 0 3px;
							position:relative;
							width: 565px;
							height: 564px;
							float: left;
					}
							#main_item.main_image_1{
									background: url(../images/main_item.jpg) top left no-repeat;	
							}
							#main_item.main_image_2{
									background: url(../images/main_item2.jpg) top left no-repeat;
							}
							#main_item.main_image_3{
									background: url(../images/main_item3.jpg) top left no-repeat;
							}
							#main_item.main_image_4{
									background: url(../images/main_item4.jpg) top left no-repeat;
							}
							
							#main_item_content{
									position:relative;
									width: 325px;
									top: 70px;
									left: 180px;
							}
									#main_item_content h2{
											position:relative;
											width: 325px;
											height: 36px;
									}
									#main_item_content p{
											position:relative;
											width: 325px;
											font-size:13px;
											text-align:justify;
									}
									#main_item_content .learn_more_button{
											position:absolute;
											right: 10px;
									}
			
			
			#inset_items{
					position: relative;
					float: right;
					width: 350px;
					height: 385px;
					padding: 20px 40px 0 0;
			}
					#item{
							position: relative;
							margin: 0 0 10px 0;
							width: 350px;
							height: 231px;
							background: url(../images/inset_bg_lg.png) top left no-repeat;
					}
					#item.gold{
							background: url(../images/inset_bg_gold.png) top left no-repeat;
					}
					#item.blue{
							background: url(../images/inset_bg_blue.png) top left no-repeat;
					}
					#item div{
							
					}
					
					#item img{
							border:0;
					}
					#item .image{
							margin: 0px 0 0 0px;
							width:120px;
							height:175px;
							float: left;
					}
					#item .text{
							position: absolute;
							top: 0px;
							left: 170px;
							margin: 10px 10px 0 0;
					}
							#item .text p{
									width: 160px;
							}
					#item .button{
							position: absolute;
							bottom: 15px;
							right: 20px;
					}
					#item h3{
							color: #fff;
							margin: 20px 0 5px 0;
							font-size: 18px;
							float: left;
							width: 180px;
							font-weight: bold;
					}
					#item h4{
							color: #fff;
							margin: 0;
							font-size: 14px;
							float: left;
							width: 140px;
					}
					#item h5{
							color: #eee;
							margin: 0;
							font-size: 10px;
							float: left;
							width: 180px;
							font-weight: bold;
					}
					#item p{
							padding: 5px 0 0 0;
							color: #fff;
							margin: 0;
							font-size: 12px;
							float: left;
							width: 180px;
					}

			
	#sub{
			position: relative;
			margin: 0 auto;
			width: 960px;
			height: 150px;
			padding: 10px 0 0 6px;
	}
			#sub_item{
					position: relative;
					width: 288px;
					height: 170px;
					float: left;
					padding: 0 20px 0 0;
					margin: 0 12px 0 0;
			}
					#sub_item .button{
						position: absolute;
						bottom: 20px;
						right: 30px;
					}
					#sub_item h2{
						margin: 20px 0 0 0;
						text-align:center;
					}
					#sub_item h3{
						margin: 0px 0 0 100px;
						font-size: 11px;
						font-weight: normal;
					}
					#sub_item p{
						margin: 10px 0 0 130px;
					}
					#sub_item .learn_more_sm{
						margin: 5px 0 0 80px;
						width: 85px;
						float:right;
					}
					
					#sub_item.item_testimonials{
							background: url(../images/sub_1.png) top left no-repeat;
					}
					
					#sub_item.item_roomtouch{
							background: url(../images/sub_rt.png) top left no-repeat;
					}
					#sub_item.item_doceri{
							background: url(../images/sub_doceri.png) top left no-repeat;
					}
					
					
					/*
					#sub_item.item2{
							background: url(../images/sub_2.png) top left no-repeat;
					}
					#sub_item.item_pixieplus{
							background: url(../images/sub_pixieplus.png) top left no-repeat;
					}
					#sub_item.item3{
							background: url(../images/sub_3b.png) top left no-repeat;
					}
					*/
	
	#footer{
			padding: 40px 0 40px 0;
			text-align: center;
			position: relative;
			margin: 0 auto;
			width: 960px;
	}
	
	
	
	
	
	
/* Featured Item */

	#featured_item_top{
			position: relative;
			width: 948px;
			height: 208px;
			padding: 0 0 0 0;
			margin: 0 0 0 0;
			background: url(../images/featured_top_bg.jpg) top left no-repeat;
	}
			#featured_item_topcontent{
					position: relative;
					width: 948px;
					height: 208px;
			}
			#featured_item_topcontent h2{
					padding: 70px 0 0 365px;
					font-size: 24px;
			}
			
	#featured_item_top.featured_roomtouch_bg {		
		background: url(../images/featured_roomtouch_bg.jpg) top left no-repeat;
	}
			#featured_item_top.featured_roomtouch_bg h2{
					padding: 70px 0 0 275px;
			}
			
	#featured_item_top.featured_pixieplus_bg {		
		background: url(../images/featured_pixieplus_bg.jpg) top left no-repeat;
	}
			#featured_item_top.featured_pixieplus_bg h2{
					padding: 70px 0 0 275px;
			}

			
	#product_left_column{
			
			padding: 70px 0 0 45px;
			width: 200px;
			float:left;
	
	}
	
	#product_info{
			float:left;
			width: 500px;
			margin: 20px 0 0 40px;
	
	}
	
	
/* DIMS and Columns */
div{
}
		div.columns-1 {
			width: 60px;
		}
		 
		div.columns-2 {
			width: 140px;
		}
		 
		div.columns-3 {
			width: 220px;
		}
		 
		div.columns-4 {
			width: 300px;
		}
		 
		div.columns-5 {
			width: 380px;
			z-index: 5;
		}
		 
		div.columns-6 {
			width: 460px;
		}
		
		div.columns-7 {
			width: 540px;
		}
		
		div.columns-8{
			width: 620px;
		}
		 
		div.margin-20-left {
			margin-left: 20px;
		}
		 
		div.margin-10-left {
			margin-left: 10px;
		}
		 
		div.margin-20-right {
			margin-right: 20px;
		}
		
		
		div.margin-170-left {
			margin-left: 170px;
		}