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

/*  #*#*#*#*#*#*#*#*#*   Global Settings   #*#*#*#*#*#*#*#*#* */

body {
	font-size:				small;
	font-family:			"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:				url(images/body-bg.png) repeat-x;
}

#wrapper {
	width:					750px;
	margin-top:				20px;
	margin-left:			auto;
	margin-right:			auto;
}

img {
	border:					none;	
}

/*  #*#*#*#*#*#*#*#*#*   Header & NavBar (PHP Include)   #*#*#*#*#*#*#*#*#* */

#header_images {
	margin:					0px;
	padding:				0px;
}

#banner_contact {
	margin:					0px 0px 25px 5px;
	padding:				0px;
}

#banner_contact a:link,
#banner_contact a:visited,
#banner_contact a:active {
	text-decoration:		none;
	font-size:				95%;
	color:					#000;
}

#banner_contact a:hover {
	color:					#0C9;
}


#banner_services {
	float:					left;
}

#banner_services p {
	margin:					0px;
	padding:				0px;	
}

#banner_services a
{
	color:					#333;
	text-decoration:		none;
}

#banner_services a:hover {
	color:					#0C9;	
}

#nav {
	margin:					0px;
	width: 					246px; 
	height: 				36px; 
	position: 				relative; /** Places image at the top of the page **/
	top:					15px;
	left: 					475px; /** Determines the width from the left of the preceding block element **/
	background:				url(images/navbar.png) no-repeat 0 0;
	list-style: 			none;
}
#nav li {
	display: 				inline;
}

#nav span {
	display:				none;
}
#nav li a:link, #nav li a:visited {
	border: 				none;
	width: 					123px; /** width of the button in active state **/
	height: 				36px; /** height of the button in active state **/
	display: 				block; 
	position: 				absolute; 
	top: 0; 
	/*text-indent: 			-7000px; /** Removes li text from the screen **/
	outline: 				none;
}
#nav li.navbar_Home a:link, #nav li.navbar_Home a:visited { 
	left: 					0;
}
#nav li.navbar_Services a:link, #nav li.navbar_Services a:visited { 
	left: 					123px  /** how many px left of the first **/
}

#nav li.navbar_Home a:hover {
	background:				url(images/navbar.png) no-repeat 0px -36px; /** moves image up showing the rollover states **/ 
}
#nav li.navbar_Services a:hover {
	background: 			url(images/navbar.png) no-repeat -123px -36px; /** moves image up and right showing the rollover states **/
}

#border_top {
	position: 				relative; /** Places image at the top of the page **/
	top:					15px;
	margin:					0px;
	padding:				0px;
}

/*  #*#*#*#*#*#*#*#*#*   Global Settings for Content DIVS   #*#*#*#*#*#*#*#*#* */

#content {
	margin:					0px;
	padding:				0px;
	background:				url(images/content-2-middle.png);
}

#content h1
{
	margin:					0px;
	padding:				20px;
	text-align:				center;
	font-size:				135%;
	color:					#333;
}

#content ul {
	margin:					0px;
	padding:				0px 0px 10px 65px;
	font-size:				110%;
	line-height:			2;
}

/*  #*#*#*#*#*#*#*#*#*  Home Page Content   #*#*#*#*#*#*#*#*#* */

#home_page_services_link {
	text-decoration:		underline;
	color:					#000;
}

#home_page_services_link:hover {
	color:					#0C9;
}

#home_page_list {
	margin:					0px;
	padding:				0px 0px 10px 65px;
	font-size:				110%;
	line-height:			2;
}

#home_bottom_left {
	display:				inline-block;	
	vertical-align:			top;
	margin:					30px 5px 0px 30px;
	padding:				0px;
	width:					430px;
}

/*  #*#*#*#*#*#*#*#*#*   Services Pages Content   #*#*#*#*#*#*#*#*#* */

#services_content {
	background:				url(images/content-2-middle-services.png);	
}

#services_text {
	display:				inline-block;
	vertical-align:			top;
	width:					480px;
	margin:					0px;
	padding:				0px;
	text-align:				justify;
}

#services_text h2 {
	font-size:				120%;
	margin:					0px;
	padding:				13px 30px 0px 15px;
}

#services_text p {
	margin:					0px 0px 80px 0px;
	padding:				13px 30px 0px 15px;
}

#services_nav {
	display:				inline-block;
	vertical-align:			top;
	width:					265px;
	margin:					0px;
	padding:				0px;
}

#services_nav ul {
	margin:					0px;
	padding:				10px 20px 0px 30px;	
	list-style-type:		none;
}


#services_nav li {
	text-decoration:		none;
	margin:					0px;
	padding:				5px 0px 10px 0px;	
}


#services_nav li a:link,
#services_nav li a:visited,
#services_nav li a:active
{
	text-decoration:		none;
	font-size:				95%;
	color:					#000;
}

#services_nav li a:hover
{
	color:					#0C9;
}


#services_bottom_left {
	display:				inline-block;	
	vertical-align:			top;
	margin:					0px;
	padding:				30px 0px 0px 0px;
	width:					195px;
}

/*  #*#*#*#*#*#*#*#*#*   Services / Website Design Page Specific   #*#*#*#*#*#*#*#*#* */


#website_portfolio h2 {
	margin:					0px;
	padding:				13px;
}

#website_portfolio p {
	margin:					0px;
	padding:				13px 30px 10px 15px;
}

#website_portfolio a:link,
#website_portfolio a:visited,
#website_portfolio a:active {
	color:					#333;			
}

#website_portfolio a:hover
{
	color:					#0C9;
}

/*  #*#*#*#*#*#*#*#*#*   Contact Post-It Note (PHP Include)   #*#*#*#*#*#*#*#*#* */

#contact {
	display:				inline-block;	
	vertical-align:			top;
	margin:					35px 0px 0px 0px;
	padding:				0px 45px 0px 0px;
	width:					235px;
	height:					225px;
	text-align:				right;
	background:				url(images/post-it.png) no-repeat 0 0;
	font-size:				110%;
	font-weight:			bold;
	color:					#333;
}

#contact p {
	margin:					0px;
	padding:				12px 0px;
}

#contact_title {
	font-size:				115%;
	color:					#066;
}

#contact a:link,
#contact a:visited,
#contact a:active {
	text-decoration:		none;
	font-size:				95%;
	color:					#333;
}

#contact a:hover {
	color:					#0C9;
}



/*  #*#*#*#*#*#*#*#*#*   Bottom Banner & Footer (PHP Include)  #*#*#*#*#*#*#*#*#* */

#footer p {
	margin:					0px;	
	padding:				0px;
	text-align:					center;	
	font-size:					80%;

}

.footer_nav {
	margin:						15px 0px 30px 0px;
	padding:					0px;
	list-style: 				none;
	text-align:					center;
}
.footer_nav li {
	display: 					inline;
	margin:						5px;
	padding:					0px;
}
.footer_nav li a:link, .footer_nav li a:visited, .footer_nav li a:active {
	color:						#136470;
	text-decoration:			underline;
}

.footer_nav li a:hover,
.footer_nav li a:focus,
.footer_nav li.selected a {
	color:						#000;
}


#designed_by {
	display:					inline-block;
	width:						278px;
	height:						38px;
	background:					url(images/designed-by.png) no-repeat 0px 0px;
	vertical-align:				middle;
}

#designed_by:hover {
	background-position:		0px -38px;
}

#designed_by span {
	display:					none;
}