@charset "UTF-8";
/* CSS Document */

/* -------------------Global------------------------*/

body {
	margin: 0;
	padding: 0;
	background: #FFF url(../images/css/background.jpg) top left repeat-x fixed;
	font-size: 76%;
	font-family: Arial, Helvetica, sans-serif;
	}
a {
	border: none;
}
a img {
	border: none;
}
/* -------------------Header------------------------*/
#Header {
	margin: 20px auto 0 auto;
	padding: 0;
	background: #FFF url(../images/css/main_header_bg.jpg) top center no-repeat;
	width: 802px;
	height: 112px;
	}
#Header img {
	margin: 20px 0 0 20px;
	}
/* -------------------NavBar------------------------*/
div#NavBar {
	margin: 0 auto 0 auto;
	padding: 0;
	background: #FFF url(../images/css/nav_bg.jpg) top center no-repeat;
	width: 802px;
	height: 37px;
	}
		div#NavBar ul {
			display:block;
			list-style: none;
			margin: 0 0 0 45px;
			padding: 0;
			width: 380px;
			height: 37px;
			float:left;
			}
		div#NavBar li {
			float: left;
			text-align: center;
			margin: 0 auto 0 auto;
			height: 37px;
			}
		div#NavBar a {
			display: block;
			}
		div#NavBar span {
			display: none;
			visibility: hidden;
			}
		div#NavBar .first a {
			background-repeat: no-repeat;
			background-position: bottom center;
			}
				#home_btn a {
					background: url(../images/btn_images/home_btn.jpg) top center no-repeat;
					width: 79px;
					height: 37px;
					}
				#services_btn a {
					background: url(../images/btn_images/services_btn.jpg) top center no-repeat;
					width: 103px;
					height: 37px;
					}
				#portfolio_btn a {
					background: url(../images/btn_images/portfolio_btn.jpg) top center no-repeat;
					width: 107px;
					height: 37px;
					}
				#contact_btn a {
					background:url(../images/btn_images/contact_btn.jpg) top center no-repeat;
					width: 91px;
					height: 37px;
					}
		div#NavBar a:hover {
			background-repeat: no-repeat;
			background-position: bottom center;
			}
div#NavFooter {
	margin: 0 auto 0 auto;
	padding: 0;
	background: url(../images/css/navfooter_bg.jpg) top center no-repeat;
	width: 802px;
	height: 8px;
	font-size: 5px;
	}
/*  ------------------SideBar-----------------------*/
div#SideBar {
	display: inline;
	float: left;
	margin-left: 20px;
	width: 152px;
	}
	div#bottombox_header {
		float: left;
		margin: 0;
		padding: 0;
		background: url(../images/css/bottombox_header.jpg) top center no-repeat;
		width: 152px;
		height: 27px;
		}
	div#bottombox {
		float: left;
		margin: 0;
		padding: 0;
		background: url(../images/css/bottombox_content.jpg) top center repeat-y;
		width: 152px;
		height: auto;
		}
			div#bottombox h1,h2,h3,h4,h5,h6 {
				color: #069;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				font-weight: bold;
				padding-left: 5px;
			}
			div#bottombox p {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 9px;
				padding: 5px;
			}
	div#bottombox_footer {
		float: left;
		margin: 0;
		padding: 0;
		background: url(../images/css/bottombox_footer.gif) top center no-repeat;
		width: 152px;
		height: 73px;
		}
/*  ------------------MainContent-------------------*/
div#MainContent {
	margin: 0 auto 0 auto;
	padding: 0;
	background: url(../images/css/main_body_bg.jpg) top center repeat-y;
	width: 802px;
	}
div#ContentContainer {
	float: left;
	margin-left: 10px;
	width: 597px;
	}
		div#ContentHeader {
			float: right;
			margin: 0;
			background: url(../images/css/content_header_bg.gif) top right no-repeat;
			width: 597px;
			height: 132px;
			}
			div#ContentHeader h1,h2,h3,h4,h5,h6 {
					margin-left: 45px;
					margin-top: 25px;
					margin-bottom: 0;
					padding: 4px 0 0 15px;
					background: url(../images/css/headline_bg.jpg) top left no-repeat;
					width: 380px;
					height: 27px;
					color: #FFF;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 16px;
					font-weight: bold;
					display: block;
					}
				div#ContentHeader p {
					margin: 0 130px 0 30px;
					padding: 10px;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 10px;
					}
		div#ContentWrapper {
			background: url(../images/css/content_bg_2.gif) top center repeat-y;
			width: 597px;
			min-height: 350px;
			margin: 0;
			padding: 0;
			float: left;
			}
		div#Content {
			margin: 0;
			float: left;
			/*background: url(../images/css/content_bg_2.gif) top center repeat-y;*/
			width: 467px;
			/*min-height: 360px;*/
			}
				div#Content h1,h2,h3,h4,h5,h6 {
					margin-left: 45px;
					margin-top: 25px;
					margin-bottom: 0;
					padding: 4px 0 0 15px;
					background: url(../images/css/headline_bg.jpg) top left no-repeat;
					width: 380px;
					height: 27px;
					color: #FFF;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 16px;
					font-weight: bold;
					display: block;
					}
	
div#Content h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
	color: #307BA2;
	background: url(none);
	text-align: left;
	height: 47px;
}
div#Content h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	font-variant: small-caps;
	color: #307BA2;
	background: url(none);
	text-align: left;
	height: 20px;
}
				div#Content p {
					margin: 0 0 0 30px;
					padding: 10px;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 10px;
					}
						div#Content ul {
							font-family: Arial, Helvetica, sans-serif;
							font-size: 10px;
							width: 300px;
							}
						div#Content li {
							list-style-position: outside;
							font-family: Arial, Helvetica, sans-serif;
							font-size: 10px;
							}
						div#Content #contactform {
							float: right;
							padding-right: 25px;
							height:100%;
							width: 400px;
							}
/* -------------------Special Ad Area---------------*/
		#designerportfolio {
			margin: 20px 0 0 30px;
			padding: 0;
			table-layout: fixed;
			background: url(../images/css/designer_portfolio_ad_bg.gif) top center no-repeat;
			width: 428px;
			height: 142px;
			clear: both;
			}
				#designerportfolio a {
					display: block;
						}
					#designerportfolio span {
						display: none;
						visibility: hidden;
						}
					#designerportfolio_title span {
						display: none;
						visibility: hidden;
						}
						#designerportfolio_title {
							background: none;
							height: 28px;
							}
								#first_ad #second_ad #third_ad {
									vertical-align: top;
									height: 114px;
									}
								#first_ad {
									padding-left: 5px;
									width: 145px;
									}
								#second_ad {
									width: 132px;
									}
								#third_ad {
									width: 134px;
									}
						#first_ad a {
							background: url(../images/btn_images/quiltingpassions_ad.jpg) top center no-repeat;
							width: 133px;
							height: 91px;
							}
						#second_ad a {
							background: url(../images/btn_images/susanbaldwin_ad.jpg) top center no-repeat;
							width: 132px;
							height: 91px;
							}
						#third_ad a {
							background: url(../images/btn_images/hastingsfumc_ad.jpg) top center no-repeat;
							width: 134px;
							height: 91px;
							}
				#designerportfolio a:hover {
					background-repeat: no-repeat;
					background-position: bottom center;
					}
/* -------------------Portfolio Page ---------------*/
div#webdesignbox_top {
	display: block;
	background: url(../images/portfolio_images/portfolio_top.jpg) top left no-repeat;
	margin: 25px 0 0 35px;
	width: 424px;
	height: 22px;
	}
div#webdesignbox_bottom {
	display: block;
	background: url(../images/portfolio_images/portfolio_bottom.jpg) top left no-repeat;
	margin: 0 0 0 35px;
	width: 424px;
	height: 22px;
	}
div#webdesignbox {
	background: url(../images/portfolio_images/portfolio_bg.jpg) top left repeat-y;
	margin: 0 0 0 35px;
	padding: 0;
	width: 424px;
	text-align: center;
	}
#webdesignbox a img{
		padding: 3px;
		}
div#corpidbox_top {
	display: block;
	background: url(../images/portfolio_images/portfolio_top.jpg) top left no-repeat;
	margin: 25px 0 0 35px;
	width: 424px;
	height: 22px;
	}
div#corpidbox_bottom {
	display: block;
	background: url(../images/portfolio_images/portfolio_bottom.jpg) top left no-repeat;
	margin: 0 0 0 35px;
	width: 424px;
	height: 22px;
	}
div#corpidbox {
	background: url(../images/portfolio_images/portfolio_bg.jpg) top left repeat-y;
	margin: 0 0 0 35px;
	padding: 0;
	width: 424px;
	text-align: center;
	}
#corpidbox a img{
		padding: 3px;
		}
div#publicationbox_top {
	display: block;
	background: url(../images/portfolio_images/portfolio_top.jpg) top left no-repeat;
	margin: 25px 0 0 35px;
	width: 424px;
	height: 22px;
	}
div#publicationbox_bottom {
	display: block;
	background: url(../images/portfolio_images/portfolio_bottom.jpg) top left no-repeat;
	margin: 0 0 0 35px;
	width: 424px;
	height: 22px;
	}
div#publicationbox {
	background: url(../images/portfolio_images/portfolio_bg.jpg) top left repeat-y;
	margin: 0 0 0 35px;
	padding: 0;
	width: 424px;
	text-align: center;
	}
#publicationbox a img{
		padding: 3px;
		}
div#photobox_top {
	display: block;
	background: url(../images/portfolio_images/portfolio_top.jpg) top left no-repeat;
	margin: 25px 0 0 35px;
	width: 424px;
	height: 22px;
	}
div#photobox_bottom {
	display: block;
	background: url(../images/portfolio_images/portfolio_bottom.jpg) top left no-repeat;
	margin: 0 0 0 35px;
	width: 424px;
	height: 22px;
	}
div#photobox {
	background: url(../images/portfolio_images/portfolio_bg.jpg) top left repeat-y;
	margin: 0 0 0 35px;
	padding: 0;
	width: 424px;
	text-align: center;
	}
#photobox a img{
		padding: 3px;
		}
div#illistrationbox_top {
	display: block;
	background: url(../images/portfolio_images/portfolio_top.jpg) top left no-repeat;
	margin: 25px 0 0 35px;
	width: 424px;
	height: 22px;
	}
div#illistrationbox_bottom {
	display: block;
	background: url(../images/portfolio_images/portfolio_bottom.jpg) top left no-repeat;
	margin: 0 0 0 35px;
	width: 424px;
	height: 22px;
	}
div#illistrationbox {
	background: url(../images/portfolio_images/portfolio_bg.jpg) top left repeat-y;
	margin: 0 0 0 35px;
	padding: 0;
	width: 424px;
	text-align: center;
	}
#illistrationbox a img{
		padding: 3px;
		}
	#webpage_links {
		background: #369 url(../images/portfolio_images/portfolio_bg.jpg) top center repeat;
		float: right;
		width: 119px;
		height: auto;
		margin: 50px 0 0 0;
		padding: 5px;
		border-top: solid 1px #000;
		border-bottom: solid 1px #000;
		border-right: solid 1px #000;
		}
	#webpage_links h1 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		text-decoration: underline;
		color: #FFF;
		}
	#webpage_links a {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #FFF;
		text-decoration: none;
		text-align: left;
		}
	#webpage_links a:hover {
		color: #FF9;
		text-decoration: none;
		}
		#webdesign {
			text-align: center;
			background: url(../images/portfolio_images/web_designs.jpg) top right no-repeat;
			width: 304px;
			height: 21px;
		}
		#webdesign span {
			display: none;
			}
		#corpid {
			text-align: center;
			background: url(../images/portfolio_images/corporate_id.jpg) top right no-repeat;
			width: 304px;
			height: 21px;
		}
		#corpid span {
			display: none;
			}
		#photo {
			text-align: center;
			background: url(../images/portfolio_images/photography.jpg) top right no-repeat;
			width: 304px;
			height: 21px;
		}
		#photo span {
			display: none;
			}
		#publication {
			text-align: center;
			background: url(../images/portfolio_images/publications_vectorart.jpg) top right no-repeat;
			width: 304px;
			height: 21px;
		}
		#publication span {
			display: none;
			}
		#illistration {
			text-align: center;
			background: url(../images/portfolio_images/illistrations_paintings.jpg) top right no-repeat;
			width: 304px;
			height: 21px;
		}
		#illistration span {
			display: none;
			}
/* -------------------End Ad Area ------------------*/
		div#ContentFooter {
			float: right;
			margin: 0;
			background: url(../images/css/content_footer_bg.gif) top left no-repeat;
			width: 597px;
			height: 186px;
			/*border: dashed 1px red;*/
			}
		div#ContentImg_top {
			background: url(../images/css/side_content_top.gif) top right no-repeat;
			clear: none;
			float: right;
			width: 130px;
			height: 132px;
			}
/*  ------------------MainFooter--------------------*/			
div#Footer {
	/*border: solid 1px red;*/
	margin: 0 auto 0 auto;
	background: url(../images/css/mainfooter.jpg) top center no-repeat;
	padding: 0;
	clear:both;
	width: 802px;
	height: 71px;
	}
.boldWord {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #1B7598;
}
.emphasis {
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	color: #1B7598;
}