body 
{
	margin:0px;
	padding:0px;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#918d84;
	line-height:20px;
	font-family:Arial, Verdana, Tahoma;
	font-size:.75em;
}

a
{
	color:#1a1859;
	text-decoration:underline;
}

a:hover
{
	color:#1a1859;
	text-decoration:none;
}

h1
{
	 font-size:16px;
	 margin:0px; padding:0px;
	 padding-top:5px;
	 
}



#top 
{
 width:926px;
 height:35px;
 background-image:url(images/top_bg.jpg);
 background-repeat:no-repeat;
 	
}

#header-container 
{
 width:926px;
 height:126px;
 background-image:url(images/header_bg.jpg);
 background-repeat:no-repeat;
 	
}

#logo
{
	padding-top:17px;
	padding-left:15px;
	text-align:left;
}

#nav
{
	padding-left:18px;
	padding-top:22px;
	text-align:left;
	vertical-align:middle;
}


#body-container 
{
 border:solid 6px #7a789f;
 border-top:none;
 width:914px;
 text-align:center;
 background-color:#fff;
 padding-top:6px;
}

#footer-container 
{
 width:926px;
 height:200px;
 	
}

#footer-left
{
 text-align:left;
 float:left;
 padding-left:20px;
 padding-top:10px;
 font-size:10px;
 font-family:Verdana;
 color:	#1a1859;
}

#footer-right
{
 text-align:left;
 float:right;
 padding-right:20px;
 padding-top:10px;
 font-size:10px;
 font-family:Verdana;
 color:	#1a1859;
}

#footer-right a
{
	 
 font-size:10px;
 font-family:Verdana;
 color:	#1a1859;
 text-decoration:none;
}

#footer-right a:hover
{
	
 font-size:10px;
 font-family:Verdana;
 color:	#1a1859;
 text-decoration:underline;
}


#body-left
{
	float:left;
	width:503px;
	text-align:justify;
	padding:30px;
	padding-bottom:0px;
	padding-right:0px;
}

#body-left-designer
{
	float:left;
	width:450px;
	text-align:justify;
	padding:30px;
	padding-bottom:0px;
	padding-right:0px;
}

#body-right-designer
{
	float:right;
	width:317px;
	padding-right:70px;
	padding-top:50px;
	overflow:hidden;
	

}

#body-right
{
	float:right;
	width:317px;
	margin-right:6px;

}

#body-left-portfolio
{
	float:left;
	width:550px;
	text-align:justify;
	padding:30px;
	padding-right:0px;
}

#body-right-portfolio
{
	float:right;
	width:250px;
	padding:40px 40px 0px 0px;

}

#breadcrumb
{
	font-family:Arial;
	font-size:10px;
	color:#c0c0c0;
}

#breadcrumb a
{
	font-family:Arial;
	font-size:10px;
	color:#7a789f;
	text-decoration:underline;
}

#breadcrumb a:hover
{
	font-family:Arial;
	font-size:10px;
	color:#7a789f;
	text-decoration:none;
}


#testimonials
{
	padding-bottom:30px;
	margin-bottom:40px;
	background-image:url(images/testimonial-divider.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
}

#bottom-nav
{
	padding:0px; 
	margin:0px; 
	padding-bottom:6px;
}


a.getting-started
{
	width:248px;
	height:46px;
	background-image:url(images/getting-started-button.jpg);
	background-repeat:no-repeat;
	display:inline-block;
	overflow:hidden;
	margin-right:6px;
	
}
a.residential-portfolio
{
	width:324px;
	height:46px;
	background-image:url(images/residential-portfolio.jpg);
	background-repeat:no-repeat;
	display:inline-block;
	overflow:hidden;
	margin-right:6px;
}

a.commercial-portfolio
{
	width:324px;
	height:46px;
	background-image:url(images/commercial-portfolio-button.jpg);
	background-repeat:no-repeat;
	display:inline-block;
	overflow:hidden;
	margin-right:6px;
}

a.testimonials
{
	width:317px;
	height:46px;
	background-image:url(images/readmore-testimonials.jpg);
	background-repeat:no-repeat;
	display:inline-block;
	overflow:hidden;
	
}

#bottom-nav a:hover
{
	 background-position: 0px -46px;
}


/*nav buttons*/
a.home 
{
	width:56px;
	height:17px;
	background-image:url(images/nav_home.jpg);
	background-repeat:no-repeat;
	display:inline-block;
	overflow:hidden;

}
a.designer 
{
	width:142px;
	height:17px;
	background-image:url(images/nav_designer.jpg);
	background-repeat:no-repeat;
	display:inline-block;
	overflow:hidden;
	padding:0px; margin:0px;

}
a.residential
{
	width:157px;
	height:17px;
	background-image:url(images/nav_residential.jpg);
	background-repeat:no-repeat;
	display:inline-block;
	overflow:hidden;
	padding:0px; margin:0px;

}
a.commercial 
{
	width:173px;
	height:17px;
	background-image:url(images/nav_commercial.jpg);
	background-repeat:no-repeat;
	display:inline-block;
	overflow:hidden;
	padding:0px; margin:0px;

}
a.new 
{
	width:97px;
	height:17px;
	background-image:url(images/nav_new.jpg);
	background-repeat:no-repeat;
	display:inline-block;
	overflow:hidden;
	padding:0px; margin:0px;

}
a.contact
{
	width:97px;
	height:17px;
	background-image:url(images/nav_contact.jpg);
	background-repeat:no-repeat;
	display:inline-block;
	overflow:hidden;
	padding:0px; margin:0px;

}

#nav a:hover
{
	 background-position: 0px -17px;
}

.dot
{
	width:20px;
	height:17px;
	background-image:url(images/nav_dot.jpg);
	background-repeat:no-repeat;
	display:inline-block;
	overflow:hidden;
}


/* jquery tabs */

UL.tabNavigation {
		    list-style: none;
		    margin: 0;
		    padding: 0;
		    padding-top: 7px;
		    margin-top:10px;
		}
 
		UL.tabNavigation LI {
		    display: inline;
		    margin:0px;
		    position:relative;
		    float:left;
		}
 
		UL.tabNavigation LI #about-tab {
		    
		    background: url(images/about-janus.jpg) no-repeat;
		    text-decoration: none;
		    display:inline-block;
		    width:155px;
		    height:35px;
		    margin-right:5px;
		}
		
		UL.tabNavigation LI #education-tab {
		    
		    background: url(images/education-affiliations.jpg) no-repeat;
		    text-decoration: none;
		    display:inline-block;
		    width:245px;
		    height:35px;
		}
		
		UL.tabNavigation LI #trends-tab {
		    
		    background: url(images/trends-tab.jpg) no-repeat;
		    text-decoration: none;
		    display:inline-block;
		    width:150px;
		    height:35px;
		    margin-right:5px;
		}
		
		UL.tabNavigation LI #links-tab {
		    
		    background: url(images/links-tab.jpg) no-repeat;
		    text-decoration: none;
		    display:inline-block;
		    width:129px;
		    height:35px;
		    margin-right:5px;
		}
		
		UL.tabNavigation LI #charities-tab {
		    
		    background: url(images/charities-tab.jpg) no-repeat;
		    text-decoration: none;
		    display:inline-block;
		    width:204px;
		    height:35px;
		}
 
 
		UL.tabNavigation LI #about-tab.selected, UL.tabNavigation LI #about-tab:hover, 
		UL.tabNavigation LI #education-tab.selected, UL.tabNavigation LI #education-tab:hover,
		UL.tabNavigation LI #trends-tab.selected, UL.tabNavigation LI #trends-tab:hover,
		UL.tabNavigation LI #links-tab.selected, UL.tabNavigation LI #links-tab:hover,
		UL.tabNavigation LI #charities-tab.selected, UL.tabNavigation LI #charities-tab:hover
		{
		    background-position:0 -35px;
		}
		
		
		UL.tabNavigation LI A:focus {
			outline: 0;
		}
 
		div.tabs > div {
			padding: 5px;
		}
		
		div.tabs > div h2 {
			margin-top: 0;
		}
 
		#first {
		    background-color: #fff;
		}
 
		#second {
		    background-color: #fff;
		}
 
		#third {
		    background-color: #fff;
		}
		
		.waste {
			min-height: 1000px;
		}
		
		#twitter
		{
		    margin-bottom:25px;
		    color:White;
		}
		
		#twitter h1
		{
		    margin-bottom:15px;
		    color:Black;
		}
		
		#twitter ul
		{
		    margin:0px;
		}
		
		#twitter ul#twitter_update_list li
		{
		    margin-bottom:10px;
		    padding-bottom:10px;
		    border-bottom:dotted 1px #fff;
		    
		}
		
		#twitter ul#twitter_update_list
		{
		    margin-bottom:15px;
		    background-color:#7a789f;
		    padding:15px;
		}
		
		#twitter ul#twitter_update_list a
		{
		    margin:0px;
		}
		
		#design-phil
		{
		    background-color:#dfd8bb;
		    padding:15px;
		}