/* Defaults */
body, html{
	margin: 0;
	padding: 0;
	background-color: black;
	font-family:Verdana, Arial;
	color:#808080;
	font-size:12px;
}
a img{
	border:0px;
}
#content a {
	color:#005478;
	font-weight:bold;
}
a {  }
a:hover { text-decoration:underline; }

.fl{ float:left; }
.cb{ clear: both; }
.nmt{ margin-top:0px; }
.nm{ margin:0px; }

/* Basic Layout Styles */
#centering{
	width:1005px;
	margin:0px auto;
}

#header{
	height:118px;
	background:url(/images/head.png);
	position:relative;
}
	#header #logo{
		position:absolute;
		left:29px;
		top:38px;
		width:305px;
		height:55px;
	}
	#header #logo img{
	}
	#header #menu{
		position:absolute;
		left:425px;
		top:57px;
		width:550px;
		height:30px;
	}
	
	#menu li.advantage a.advantage{ background:url(/images/menu_sprites.png) 0px 0px no-repeat;	}
	body.xzipit-advantage #menu li.advantage a.advantage{ background:url(/images/menu_sprites.png) 0px -30px no-repeat; }
	#menu li.advantage a.advantage:hover,
	body.xzipit-advantage #menu li.advantage a.advantage:hover{ background:url(/images/menu_sprites.png) 0px -30px no-repeat; }
	
	#menu li.panels a.panels{ background:url(/images/menu_sprites.png) -110px 0px no-repeat; }
	body.panels #menu li.panels a.panels{ background:url(/images/menu_sprites.png) -110px -30px no-repeat; }
	#menu li.panels a.panels:hover,
	body.panels #menu li.panels a.panels:hover{ background:url(/images/menu_sprites.png) -110px -30px no-repeat; }
	
	#menu li.furniture a{ background:url(/images/menu_sprites.png) -190px 0px no-repeat; }
	body.furniture #menu li.furniture a{ background:url(/images/menu_sprites.png) -190px -30px no-repeat;	}
	#menu li.furniture a:hover,
	body.furniture #menu li.furniture a:hover{ background:url(/images/menu_sprites.png) -190px -30px no-repeat; }
	
	#menu li.learn a{ background:url(/images/menu_sprites.png) -280px 0px no-repeat; }
	body.learn #menu li.learn a{ background:url(/images/menu_sprites.png) -280px -30px no-repeat;	}
	#menu li.learn a:hover,
	body.learn #menu li.learn a:hover{ background:url(/images/menu_sprites.png) -280px -30px no-repeat; }
	
	#menu li.media a.media{ background:url(/images/menu_sprites.png) -370px 0px no-repeat; }
	body.media #menu li.media a.media{ background:url(/images/menu_sprites.png) -370px -30px no-repeat;	}
	#menu li.media a.media:hover,
	body.media #menu li.media a.media:hover{ background:url(/images/menu_sprites.png) -370px -30px no-repeat; }
	
	#menu li.contactus a{ background:url(/images/menu_sprites.png) -460px 0px no-repeat; }
	body.contact #menu li.contactus a{ background:url(/images/menu_sprites.png) -460px -30px no-repeat;	}
	#menu li.contactus a:hover,
	body.contact #menu li.contactus a:hover{ background:url(/images/menu_sprites.png) -460px -30px no-repeat; }
	

		/*ADVANTAGE*/
		#menu #menu_ul li.advantage { width:110px; }
		.menu li.advantage a,
		.menu li.advantage a:visited { padding-left:110px; }
		/* a hack so that IE5.5 faulty box model is corrected */
		* html .menu a,
		* html .menu a:visited {
			padding-left:110px; 
			p\adding-left:100px;
		}

		/*PANELS*/
		#menu #menu_ul li.panels { width:80px; }
		.menu li.panels a,
		.menu li.panels a:visited { padding-left:80px; }
		/* a hack so that IE5.5 faulty box model is corrected */
		* html .menu a,
		* html .menu a:visited {
			padding-left:80px; 
			p\adding-left:70px;
		}


#middle{
	background:url(/images/vert_tile.png);
	padding-bottom:30px;
}
	body.home #middle{
		padding-bottom:0px;
	}
	#contentTop{
		background:url(/images/content_top.png) top no-repeat;
		width:1005px;
		/* for testing */
		min-height: 400px;
	}
 	#content{
		padding-left:52px;
		width:900px;
	}
	#h1,
	#h1 img{
 		margin:0px;
 		padding:0px;
 		color:white;
 		display:block;
 		font-weight:normal;
 		font-size:24px;
 	}
 	#hr, .hr{
 	 	height:1px;
 		width:900px;
 		overflow:hidden;
 		border-top:1px solid #3f3f3f;
 		margin-top:5px;
 		padding-bottom:15px;
 	}
 	
 	.title{
 		font-weight:bold;
	 	color:white;
 	}
 	.text{
 	}
 	
 	#callus{
 		width:900px;
 		text-align:right;
 		padding-top:40px;
 	}

#footer{
	height:300px;
	background:url(/images/bottom.png) no-repeat;
	text-align:center;
	font-size:10px;
}
	#footer #footerNav{
		padding-top:120px;
	}
	#footer, #footer a{ color:#808080 }
	#footer a{
		margin:0 5px 0 5px;
	}


	body.home #footer {
		background:url(/images/bottom_line_only.png) no-repeat;
		height:200px;
	}
	body.home #footer #footerNav{
		padding-top:50px;
	}


/*********************************
 * Breadcrumb
 ********************************/
	.breadcrumb{
		font-size:11px;
	 	height:27px;
	}
	div.breadcrumb{
		padding-top:10px;
	}
	.crumbSpace{
	 	padding-right:5px;
	 	padding-left:5px;
	}

/*********************************
 * ULTree Based Lists
 ********************************/
	div.list{
		padding-left:20px;
	}
	#content div.list a {
		color:#a0a0a0;
		font-weight:normal;
		text-decoration:none;
	}
	#content div.list a.on{
		color:white;
		font-weight:bold;
	}
	span.listTitle{
		line-height:30px;
	 	font-weight:bold;
	 	color:white;
	}
	div.list span.listTitle{
	 	line-height:1em;
	}
	div.list ul{
		margin:0px 0px 0px 10px;
		list-style:none;
		padding:0px;
	} 
	div.list ul ul{
		margin-left:20px;
	}
	div.list ul li{
		margin:0px;
		padding:0px;
		font-size:11px;
	}
	div.list ul li a.tick{
		padding-left:10px;
		background:url(/images/liststyle.png) 0px center no-repeat;
		line-height:20px;
	}
	div.list ul li.gap{
		padding-top:10px;
	}
	div.list ul li,
	div.list ul li a{
		
	}

/*********************************
 * WhoTabs
 ********************************/
	#whoTabs{
		width:210px;
		clear:both;
	}
		#whoTabs .tab{
			float:left;
			width:91px;
			height:23px;
			display:block;
			text-indent:-999em;
			overflow:hidden;
		}
		
		#whoTabs #marketTab{ 		background:url(/images/xzipit-advantage/tab_sprites.png) -0px 0px; }
		#whoTabs #marketTab:hover{	background:url(/images/xzipit-advantage/tab_sprites.png) -0px -26px; }
		#whoTabs #marketTab.on,
		#whoTabs #marketTab.on:hover{ 	background:url(/images/xzipit-advantage/tab_sprites.png) -0px -52px; }
		
		#whoTabs #settingTab{ 		background:url(/images/xzipit-advantage/tab_sprites.png) -91px 0px; }
		#whoTabs #settingTab:hover{	background:url(/images/xzipit-advantage/tab_sprites.png) -91px -26px; } 	
		#whoTabs #settingTab.on,
		#whoTabs #settingTab.on:hover{	background:url(/images/xzipit-advantage/tab_sprites.png) -91px -52px; }
	
/*********************************
 * Galleries
 ********************************/
	div#gallery div.thumb{
		margin:5px;
		float:left;		
	}
	
	.op40{
		filter: Alpha(opacity=40);
		opacity: .4;
	}
	.op50{
		filter: Alpha(opacity=50);
		opacity: .5;
	}

/*********************************
 * List Items
 ********************************/
	ul.listItems li{
		padding-bottom:10px;
	}
	
/*********************************
 * Page Specific
 ********************************/

	/*------------*/
 	/*    Home    */
 	/*------------*/
 	body.home div#content{
 		padding-top:13px;
 		padding-left:20px;
 		width:970px;
 	}
 	body.home div#content div.top{
 		padding-left:15px;
 	}
	body.home div#content div.top div.left{
		float:left;
		width:325px;
		height:485px;
		background:url(/images/home/leftbg.png);
	}
		body.home div#content div.top div.left .list{
			float:left;
			width:155px;
			padding-left:5px;
			padding-top:20px;
		}
	body.home div#content div.top div.right{
		float:left;
		padding-left:10px;		
	}
	body.home div.bottom{
		margin:15px 15px 0px 15px;
	}
	body.home div#gallery,
	body.home div#gallery .galleryCenter{
		height:80px;
	}
	body.home div#gallery .galleryCenter{
		margin:0 auto;
		width:582px;
	}
	body.home div#gallery div.thumb{
		width:83px;
		height:66px;
		border:1px solid white;
	}
	

	
	/*Contact*/
	body.contact #content .top .top,
	body.contact #content .top .bottom,
	body.contact #content .top .left,
	body.contact #content .top .right{
		float:left;
	}
	body.contact #content .top .left,
	body.contact #content .top .left .list{
		width:210px;
	}
	body.contact #content .top .left .list{
		clear:both;
		padding-bottom:5px;
		margin-bottom:10px;
		background:url(/images/xzipit-advantage/leftbg.png) repeat-x;
	}
	body.contact #content .top .right{
		padding-left:10px;
		width:680px;
	}
		body.contact #content .top .right .img{
			padding-top:23px;
		}
	
	body.contact #content .bottom{
		padding-top:15px;
	}
	
	body.contact #content .bottom .left{
		width:330px;
	}
		body.contact #content .bottom .left .method{
			color:white;
			font-weight:bold;
		}
		body.contact #content .bottom .left .how{
		}
	body.contact #content .bottom .right{
		width:335px;
		padding-left:15px;
	}
	.contactFormLink{
		margin-bottom:40px;
		width:331px;
	}
	.contactFormLink a{
		display:block;
		text-indent:-999em;
		width:0px;
		height:29px;
		margin-top:5px;
		padding-left:331px;
		overflow:hidden;
		background:url(/images/contact/learnmore.png) bottom left no-repeat;
	}

	
	/*Official Panels*/
	/*Request a Mockup*/
	
	/*------------------------------
		Skinny Box
	------------------------------*/
	#matte{
		z-index : 9998;
		position : absolute;
		top : 0px;
		left : 0px;
		height : 100%;
		width : 100%;
		opacity : 0.0;
		-moz-opacity : 0.0;
		filter:alpha(opacity=0);
		background : #000000;
		display:none;
	}
	#overlay{
		z-index : 9999;
		position : absolute;
		top : 0px;
		left : 0px;
		display:none;
		padding:15px 15px 0px 15px;
		background : #ffffff;
	}
	#overlay img{
		float : left;
	}
	#overlay img.img{
		margin : 0px 80px;
	}
	#caption{
		clear : both;
		height : 0px;
		width : 640px;
		float:left;
		line-height : 25px;
		overflow : hidden;
		color:black;
		font-size:10pt;
	}