@import "reset.css";

body { font-size: 75%; /* Causes base font size to be ~10px */ margin: 0px; font-family: Arial, Helvetica, sans-serif; line-height: 18px; color: #262626; }
a { color:inherit; text-decoration: none;  }
a:link { color:inherit; text-decoration: none; }
a:visited { color:inherit; text-decoration: none; }
a:active { color:inherit; text-decoration: none; }
p { margin-bottom: 14px; line-height: 26px; }
h2 { color: #501610; font-size: 22px; margin-bottom: 18px; }
h3 { color: #501610; font-size: 18px; margin-bottom: 10px; line-height: 32px; }
h4 { color: #501610; font-size: 12px; margin-bottom: 4px; line-height: 16px; }
h6 { color: #501610; font-size: 14px; margin-bottom: 10px; }
.link {font-size: 12px; margin-bottom: 6px; font-weight: bold; text-decoration: underline; }
.date { color: #501610; }







#logoRow { width: 960px; height: 75px; margin-left: auto; margin-right: auto; padding-top: 25px; }
#logo { height: 67px; width: 324px; background: url(../images/logo.png); margin-left: 50px; float: left; }
#social { height: 25px; width: 145px; margin-top: 30px; margin-right: 50px; float: right; }
#social ul {  }
#social li { display: inline-block; list-style: none; cursor: pointer; }
	.flickr { width: 25px; height: 25px; background: url(../images/flickr.png) no-repeat; }
	.youtube { width: 25px; height: 25px; background: url(../images/youtube.png) no-repeat; }
	.facebook { width: 25px; height: 25px; background: url(../images/facebook.png) no-repeat; }
	.twitter { width: 25px; height: 25px; background: url(../images/twitter.png) no-repeat; }
	.rss { width: 25px; height: 25px; background: url(../images/rss.png) no-repeat; }

#navigation { width: 860px; height: 65px; background: url(../images/navHeaderBg.png) no-repeat; margin-left: auto; margin-right: auto; margin-top: 25px; z-index: 9999999; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; }
	#navigation #wrapper { width: 960px; height: 60px; margin-left: auto; margin-right: auto; }
		#navigation #wrapper ul { width: 960px; font-size: 12px; color:#FFF; letter-spacing: 1px; font-weight: bold; margin-left: auto; margin-right: auto;  }
		#navigation #wrapper li { display: inline-block; height: 40px; margin-top: 10px; width: 142px; text-align: center; list-style: none; float: left; cursor: pointer; padding-top: 16px; }
		#navigation #wrapper li:hover { color:#999; }
		#navigation #wrapper li:first-child {  }
		#navigation #wrapper li a:visited { color: #FFF; text-decoration: none; }
		#navigation #wrapper li a:active { color: #FFF; text-decoration: none; }
		#navigation #wrapper li a:link { color: #FFF; text-decoration: none; }




#slider { width: 860px; height: 250px; margin-left: auto; margin-right: auto; background:#006; display: block; margin-top: 25px;  }		

#text { width: 860px; height: 600px; margin-left: auto; margin-right: auto; margin-top: 25px; }
#content { width: 860px; height: auto; margin-left: auto; margin-right: auto; margin-top: 45px; }
#content .wrapper { width: 542px; height: 600px; margin-left: 320px; }

#content .wrapperRight { width: 542px; height: 600px; float: left; }
#content .wrapperLeft{ width: 310px; height: 600px; float:left; }


#text #left { height: 600px; display: block; width: 600px; font-size: 12px;  float: left;   }
#text #right { height: 600px; display: block;  width: 230px; margin-left: 25px;   float: left; }



	
#newsSlider { width: 860px; height: 250px; background:#999; margin-left: auto; margin-right: auto; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px }
#bodyCopy { width: 860px; height: 650px; margin-left: auto; margin-right: auto;  }










#footer { width: 860px; height: 55px; font-weight: bold; margin-left: auto; margin-right: auto; text-align: center; }
#footer a:hover { text-decoration: underline; }
#footer a:visited { color: #262626; text-decoration: none; }
#footer a:active { color: #262626; text-decoration: none; }
#footer a:link { color: #262626; text-decoration: none; }




























img {border: none;}
.container { overflow: hidden; width: 860px; height: 250px;  }
#main { background: #f0f0f0; }
.container a {color: #fff;}

/*--Main Image Preview--*/
.main_image { width: 600px; height: 250px; float: left; background: #333; position: relative; overflow: hidden; color: #fff; }
	.main_image h2 { font-size: 16px; color: #999; font-weight: normal; margin: 0 0 0px; padding: 10px; padding-bottom: 0px; }
	.main_image p { font-size: 1.2em; padding: 10px; margin: 0; line-height: 1.6em; }
	.block small { padding: 0 0 0 20px;  background: url(http://perennialsg.com/css/icon_calendar.gif) no-repeat 0 center; font-size: 1em; }
	.main_image .desc { position: absolute; bottom: 0;	left: 0; width: 100%; display: none; }
	.main_image .block { width: 100%; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.8);border-top: 1px solid #000; }
	.main_image a.collapse { background: url(../images/btn_collapse.png) no-repeat left top; height: 27px; width: 93px; text-indent: -99999px; position: absolute;  top: -27px; right: 20px; }
	.main_image a.show {background-position: left bottom;} 


.image_thumb { float: left; width: 257px; background: #f0f0f0; border-right: 1px solid #fff; border-top: 1px solid #ccc; }
	.image_thumb img { background: #fff; float: left; }
	.image_thumb ul { margin: 0; padding: 0; list-style: none; }
	.image_thumb ul li{ margin: 0; padding: 9px 10px; background: #f0f0f0 url(http://perennialsg.com/css/nav_a.gif) repeat-x; width: 257px; float: left; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; border-right: 1px solid #ccc; }
	.image_thumb ul li.hover { background: #ddd; cursor: pointer; }
	.image_thumb ul li.active { background: #fff; cursor: default; }
	html .image_thumb ul li h2 { font-size:12px; margin: 5px 0; padding: 0; }
	.image_thumb ul li .block { float: left; margin-left: 10px; padding: 0; width: 170px; }	
	.image_thumb ul li p{display: none;}














#services { height: 400px; }
#services ul {  }		
#services li { list-style: none; margin-bottom: 12px; font-size: 12px; font-weight: bold; }
#services li a { list-style: none; margin-bottom: 12px; font-size: 12px; font-weight: bold; }
#services li:hover { text-decoration: underline; }

#content .wrapperLeft {  }
#content .wrapperLeft ul {    }		
#content .wrapperLeft li { list-style: none; margin-bottom: 2px; font-size: 11px; font-weight: bold;   }




#news { height: 400px; }
#news ul {  }		
#news li { list-style: none; margin-bottom: 12px; font-size: 12px; font-weight: bold;  }
#news li:hover { text-decoration: underline; }



#professionals	 { height: 300px; }
	#professionals ul { width: 475px; margin-left: auto; margin-right: auto; margin-top: 30px; }	
	#professionals li { display: inline-block; height: 200px; width: 145px; margin-left: 20px; margin-bottom: 15px; list-style: none; text-align: center; float: left; }	
	#professionals li img { padding: 5px; border: 1px solid silver; cursor: pointer;  }
	#professionals li img:hover { padding: 5px;  border: 1px solid #7f2c23; }
	#professionals li:first-child { margin-left: 0px;  }





/* Misc */
.spacer { display: inline-block; width: 8px; }
#homeTicker {overflow: hidden;position:relative;height: 350px;}          
#homeTicker li {display:none;position:absolute;top:0px;left:0px;}