/* Master Design Stylesheet */

/*
Created by: Juan Magdaraog
Company: Sparkplug Studios
Notes: Place all master styles for site here. If possible do not alter all other styles imported from other sources. 
Do all alterations or modifications through this file.
*/

body {
	background: #455464;
	color: #4a5964;
	font-family: Trebuchet MS;
}

strong {font-weight: bold;}

em {font-style: italic;}

#custom-doc {
	margin: 36px auto;
	text-align: left;
	width: 54.846154em; /* !IE */
	*width: 53.524362em; /* IE */
}


.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7 {
	margin:auto;text-align:left;
	width:54.8646154em;*width:53.524362em;min-width:713px;}

a {
	color: #4fa352;
	text-decoration: none;
}

a:hover {
	background: #4fa352;
	color: #fff;
}





#hd {
	background: #ffffff url(../i/bg_hd.jpg) top left no-repeat;
	position: relative;
	padding-bottom: 20px;
	/*height: 122px;*/
}
	
	#logo {
		margin: 19px 0 0 25px;
	}
	
	#siteslogan {
		display: block;
		background: url(../i/siteslogan.jpg) top left no-repeat;
		height: 29px;
		position: absolute;
		right: 15px;
		text-indent: -10000px;
		top: 72px;
		width: 445px;
	}
	
	
	#nav {
		background: url(../i/bg_nav.jpg) top left no-repeat;
		display: block;
		margin: 0 auto;
		width: 699px;
		height: 32px;
	}
	
	#nav ul {
		background: url(../i/nav.jpg) top left no-repeat;
		display: block;
		margin: 0 0 0 26px;
		width: 474px;
		height: 32px;
	}
	
	#nav ul li {
		float: left;
		margin: 0;
	}
	
	#nav ul li a {
		display: block;
		color: #fff;
		height: 32px;
		margin: 0;
		text-decoration: none;
		text-indent: -1000px;
		outline: 0;
	}
	
	#nav ul li a#home {width: 90px;}
	#nav ul li a#home:hover, #bd_home #nav ul li a#home {background: url(../i/nav.jpg) 0 -32px;}
	
	#nav ul li a#about {width: 104px;}
	#nav ul li a#about:hover, #bd_about #nav ul li a#about {background: url(../i/nav.jpg) -90px -32px;}
	
	#nav ul li a#services {width: 100px;}
	#nav ul li a#services:hover, #bd_services #nav ul li a#services {background: url(../i/nav.jpg) -194px -32px;}
	
	#nav ul li a#news {width: 82px;}
	#nav ul li a#news:hover, #bd_news #nav ul li a#news {background: url(../i/nav.jpg) -294px -32px;}
	
	#nav ul li a#contact {width: 98px;}
	#nav ul li a#contact:hover, #bd_contact #nav ul li a#contact {background: url(../i/nav.jpg) -376px -32px;}
	
	
	#mi_home {
		background: url(../i/mi_home.jpg) no-repeat top left;
		display: block;
		width: 699px;
		height: 179px;
		margin: 0 auto;
		text-indent: -10000px;
	}
	
#bd {
	background: #ffffff;
	display: block;
	width: 713px;
	margin: 0 !important;
	padding: 0;
}


/* Sidebar styles */

.sb_excerpt {
	/*border-bottom: 1px solid #3c4f5c;*/
	margin-left: 30px;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-bottom: 20px;
	}
	
#hd_sb_latest_news {
	background: url(../i/hd_sb_latest_news.jpg) no-repeat top left;
	display: block;
	width: 97px;
	height: 13px;
	margin-left: 30px;
	margin-bottom: 28px;
	text-indent: -10000px;
}

.sb_excerpt .headline {
	color: #4b8cbb;
	margin-bottom: 1.1em;
}

.sb_excerpt p {
	margin-left: 0 !important;
	margin-bottom: 1.4em !important;
	
}

.sb_excerpt p.date {
	line-height: 1em !important;
	margin-bottom: 0 !important;
}

.sb_excerpt a {
	color: #4fa352;
	text-decoration: none;
}

.sb_excerpt a:hover {
	background: #4fa352;
	color: #fff;
}


.sb h2.hd_submenu {
	border-bottom: 1px solid #dbe2ea;
	font-size: 136%;
	margin-left: 30px;
}

.sb p {
	margin-left: 30px;
	font-size: 92%;
	line-height: 1.2em !important;
}

.sb .last {
	border-bottom: 4px double #dbe2ea;
}

.sb .submenu {
	margin: 0 0 40px 30px;
}

.sb .submenu li {
	border-bottom: 1px solid #dbe2ea;
	display: block;
	padding: .8em 0;
	font-size: 92%;
}

.sb .submenu a {
	color: #525e6b;
	text-decoration: none;
	padding: 2px;
}

.sb .submenu a:hover {
	background: #4fa352;
	color: #fff;
}


/* Main Page Styles */

#hd_browse {
	background: url(../i/hd_browse.jpg) no-repeat top left;
	display: block;
	width: 223px;
	height: 18px;
	text-indent: -10000px;
	margin-bottom: 20px;
}

.mainFeature {
	display: block;
	width: 120px;
}

.mainFeature p {
	font-size: 92%;
	margin-left: 0 !important;
	margin-bottom: 1.4em !important;
	margin-right: 0 !important;
	line-height: 1.2em !important;

}

.mainFeature p.lead {
	font-weight: bold;
}


/* Section Images */

#mi_about {
		background: url(../i/mi_about.jpg) no-repeat top left;
		display: block;
		width: 699px;
		height: 113px;
		margin: 0 auto;
		text-indent: -10000px;
	}
	
#mi_services {
		background: url(../i/mi_services.jpg) no-repeat top left;
		display: block;
		width: 699px;
		height: 113px;
		margin: 0 auto;
		text-indent: -10000px;
	}
	
#mi_news {
		background: url(../i/mi_news.jpg) no-repeat top left;
		display: block;
		width: 699px;
		height: 113px;
		margin: 0 auto;
		text-indent: -10000px;
	}
	
#mi_contact {
		background: url(../i/mi_contact.jpg) no-repeat top left;
		display: block;
		width: 699px;
		height: 113px;
		margin: 0 auto;
		text-indent: -10000px;
	}


#yui-main h2 {
	border-bottom: 1px solid #dbe2ea;
	font-size: 136% !important;
	margin-bottom: .6em;
	margin-right: 40px;
}

#bd_home h2 {
	color: #958E58 !important;
}

#bd_about h2 {
	color: #7B7F5A !important;
}

#bd_services h2 {
	color: #9D6D45 !important;
}

#bd_news h2 {
	color: #6687AA !important;
}

#bd_contact h2 {
	color: #5C6079 !important;
}

#yui-main h3 {
	font-size: 136%;
	margin-bottom: .6em;
}

#yui-main p {
	font-size: 92%;
	margin-left: 0 !important;
	margin-bottom: 1.4em !important;
	margin-right: 40px;
	line-height: 1.3em !important;
}

/*News items */

.secBlurb {
	margin-bottom: 40px;
}


.newsItem {
	margin-bottom: 20px;
	margin-right: 20px;
	border-bottom: 1px solid #ccc;
}

.newsItem h3 {
	font-size: 100%;
	margin-bottom: 0;
	line-height: 1.3em;
}

.newsItem h3 a {
	color: #6686aa;
	text-decoration: none;
	margin: 0;
	line-height: 0;
	padding: 0;
}

.newsItem .posted {
	margin: 0;
	padding: 0;
	line-height: 0;
}

#yui-main dl {
	font-size: 92%;
	margin-left: 0 !important;
	margin-bottom: 1.4em !important;
	margin-right: 40px;
	line-height: 1.3em !important;
}

#yui-main dt {
	background: #6687AA;
	color: #fff;
	padding: .4em;
	margin:  .8em 0 .8em 0;
}

#yui-main dd {
	padding:  0 0 .4em 0;
}


/*Contact Form Styles */

.contactForm {
	background: #dbe2ea;
	margin: 0 30px 10px 0;
	padding:  10px;
}

.contactForm label {
	display: block;
	font-weight: bold;
}

.contactForm legend {
	display: none;
}

.contactForm br {
	display: none;
}


.contactForm input, .contactForm select, .contactForm textarea {
padding: 3px;
width: 80%;
background: #FFFEED;
}

input#zemSubmit {
border-color: #ffffff #999999 #999999 #ffffff;
border-style: solid;
border-width: 1px;
padding: 5px 8px 6px;
background: #F18200;
color: #fff;
font-weight: bold;
width: auto;
}



/* Footer Styles */

#ft {
	background: url(../i/bg_ft.jpg) no-repeat top left;
	color: #ffffff;
	text-align: center;
	padding-top: 20px;
}