@charset "UTF-8";
/*

Main CSS style sheet for www.johnnysfashion.com

Design & Development by Pristine Minds Design Studio (www.pristineminds.com)

*/



/* General */

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, 'Trebuchet MS', sans-serif;
	font-size: 12px;
	text-align: left;
	color: #48626b;
	color: #2F4455;
	background: #f9f5e9 url(/resources/images/body_bg.jpg) top center no-repeat;
}



/* Text Styles */

h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 3px;
	margin-bottom: 12px;
}

h2 {
	font-size: 23px;
	color: #48626b;
	margin-bottom: 15px;
	padding-bottom: 5px;
	background: url(/resources/images/h_divider_bg.jpg) bottom center no-repeat;
}

h3 {
	font-size: 20px;
	font-style: italic;
	color: #749b8e;
}

h4 {
	font-size: 16px;
}

h5 {
	font-size: 14px;
}

h6 {
	font-size: 12px;
}

p {
	font-family: Verdana, 'Trebuchet MS', sans-serif;
	line-height: 18px;
	margin-bottom: 12px;
}


/* Links */

a, a:visited {
	color: #176781;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.btt_style_1 {
	width: 150px;
	display: block;
	border: 1px solid #adb9bb;
	background: #FFFFFF;
	padding: 1px;
}

	a.btt_style_1 .btt_inner {
		width: 142px;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 11px;
		font-style: italic;
		text-align: center;
		padding: 4px;
		margin: 0;
		background: #adb9bb;
		color: #FFFFFF;
		border: none;
		cursor: pointer;
	}

	a.btt_style_1:hover {
		text-decoration: none;
	}
		
	a.btt_style_1:hover .btt_inner {
		background: #909fa2;
	}

a.pristineminds {
	color: #FFFFFF;
	font-weight: normal;
	border-bottom: 1px dotted #FFFFFF;
}

a.pristineminds:hover {
	text-decoration: none;
	color: #FFCCCC;
	border-bottom: 1px dotted #FFCCCC;
}



/* Classes */

.h_padding {
	padding: 0 20px;
}

.padding {
	padding: 20px;
}

.narrow_col {
	width: 330px;
}

.wide_col {
	width: 450px;
}

.full_col {
	width: 100%;
}

.align_left {
	float: left;
}

.align_right {
	float: right;
}

.txt_left {
	text-align: left;
}

.txt_right {
	text-align: right;
}

.txt_center {
	text-align: center;
}

.h_divider {
	height: 10px;
	background: url(/resources/images/h_divider_bg.jpg) center center no-repeat;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
}



/* Main Layout */

#page {
	width: 990px;
	margin: 0 auto;
	background: url(/resources/images/page_bg_pattern.jpg) top center repeat-y;
}


/* Header */

#header {
	height: 163px;
	background: url(/resources/images/header_bg.jpg) top center no-repeat;
}

	#header_left {
		float: left;
		width: 200px;
		height: 100px;
	}
	
		a#top_logo {
			width: 166px;
			display: block;
			margin-top: 50px;
		}
	
	#header_right {
		float: right;
		width: 735px;
	}
	
		#main_menu {
			height: 53px;
			margin-top: 110px;
		}
		
			#main_menu ul {
				margin: 0;
			}
			
				#main_menu ul li {
					margin: 0;
					padding: 0;
					display: inline;
					list-style: none;
				}
				
					#main_menu ul li a {
						float: left;
						display: inline-block;
						margin: 0;
						padding: 0;
						background: none;
					}
					
					#main_menu ul li.about_menu a#currentpage {
						background: url(/resources/images/main-menu/about_roll.jpg) top left no-repeat;
					}
					
					#main_menu ul li.services_menu a#currentpage {
						background: url(/resources/images/main-menu/services_roll.jpg) top left no-repeat;
					}
					
					#main_menu ul li.clients_menu a#currentpage {
						background: url(/resources/images/main-menu/clients_roll.jpg) top left no-repeat;
					}
					
					#main_menu ul li.gallery_menu a#currentpage {
						background: url(/resources/images/main-menu/gallery_roll.jpg) top left no-repeat;
					}
					
					#main_menu ul li.contact_menu a#currentpage {
						background: url(/resources/images/main-menu/contact_roll.jpg) top left no-repeat;
					}
					


/* Middle */

#middle {
	overflow: auto;
	background: url(/resources/images/middle_bg.jpg) top center no-repeat;
}

	#middle_right {
		float: right;
		width: 730px;
	}
	
		#contents {
			margin: 50px 20px 40px 10px;
		}
		
		/* Home */
		
		#showcase {
			margin-bottom: 20px;
		}
		
		.intro_text {
			padding-top: 10px;
		}
		
		/* About */
		
		
		
		/* Services */
		
		.services_page h3 {
			margin-bottom: 8px;
		}
		
		.service_pic {
			float: left;
			width: 200px;
		}
		
		.service_txt {
			float: right;
			width: 480px;
		}
		
		/* Clients */
		
		/*
		#client_logo_container {
			overflow: auto;	
		}
			
			.client_logo {
				float: left;
				width: 170px;
				height: 150px;
				margin: 2px;
				text-align: center;
				background: url(/resources/images/client_logo_bg.jpg) center center no-repeat;
			}
			
				.client_logo img {
					margin: 35px auto 10px;
					padding-left: 5px;
				}
				
				.client_logo small {
					font-size: 10px;
					color: #AAAAAA;
				}
		*/
		
		.clients_page h4 {
			margin-bottom: 8px;
			font-style: italic;
			color: #749b8e;
		}
		
		.clients_pic {
			float: left;
			width: 170px;
			padding-left: 10px;
		}
		
		.clients_txt {
			float: right;
			width: 500px;
		}
		
		#client_logos {
		
		}
		
			#client_logos ul {
				margin: 0;
			}
			
				#client_logos ul li {
					margin: 0;
					margin-bottom: 10px;
					list-style: none;
					text-align: center;
				}
		
		.clients_page #middle_left #sidebar {
			background: url(/resources/images/sidebar_clients_bg.jpg) top left no-repeat;
			padding-top: 124px;
			margin-left: 5px;
		}
		
		.clients_page #middle_left .sidebar_pattern {
			background: url(/resources/images/sidebar_clients_bg_pattern.jpg) top left repeat-y;
		}
		
		.clients_page #middle_left .sidebar_pattern .padding {
			padding-top: 0;
		}
		
		.clients_page #middle_left h5 {
			border-bottom: 1px dotted #5A6571;
		}

		
		/* Gallery */
		
		#gallery_container {
			height: 375px;
			margin: 0 auto;
			background: url(/resources/images/gallery/gallery_bg.jpg) top left no-repeat;
		}
		
		#gallery_fullsize {
			width: 464px;
			height: 306px;
			float: left;
			padding-left: 37px;
			margin-top: 37px;
		}
		
		#gallery_thumbnails {
			clear: both;
			overflow: auto;
			padding-left: 10px;
		}
		
			#gallery_thumbnails ul {
			
			}
			
				#gallery_thumbnails ul li {
					display: inline;
					list-style: none;
				}
				
					#gallery_thumbnails ul li a {
						float: left;
						width: 113px;
						height: 72px;
						display: inline-block;
						border: 4px solid #657878;
						margin: 8px;
					}
					
					#gallery_thumbnails ul li a:hover {
						border: 4px solid #c91f27;
					}
		
		
		/* Contact */
		
		.contact_page p {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-style: italic;
			font-size: 14px;
			color: #999999;
			padding: 4px;
		}
		
			.contact_page p span {
				color: #b0dde2;
			}
		
		#google_map {
			width: 648px;
			height: 450px;
			margin-top: 10px;
			margin-bottom: 10px;
			padding: 0;
			background: url(/resources/images/map_bg.jpg) top left;
		}
		
			#map_padding {
				float: left;
				width: 599px;
				margin-top: 16px;
				padding-left: 22px;
				
			}
			
			#google_map iframe {
				width: 599px;
				border: 1px solid #666666;
			}
			
			.ie #google_map iframe {
				width: 597px;
				height: 412px;
			}
	
	#middle_left {
		float: left;
		width: 215px;
		height: 710px;
	}
	
		.clients_page #middle_left {
			height: 780px;
		}
		
		#middle_left .sidebar_message {
			padding: 10px;
		}
		
			#middle_left .sidebar_message small {
				font-size: 9px;
				color: #FFFFFF;
			}
	
		img#sidebar_scatch {
			margin-left: 5px;
		}
	

/* Footer */

#footer {
	height: 165px;
	clear: both;
	color: #FFFFFF;
	background-image: url(/resources/images/footer_bg.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	z-index: 100;
}

#footer_top {
	height: 15px;
	position: relative;
	top: -15px;
	text-align: center;/*
	background: none;
	background-image: url(/resources/images/footer_top_bg.gif);
	background-position: top center;
	background-repeat: no-repeat;*/
}

#footer_container {
	width: 990px;
	margin: 0 auto;
	clear: both;
}

	#footer_left {
		float: left;
		width: 400px;
		margin-top: 40px;
		padding-left: 40px;
		font-size: 10px;
	}
	
		ul.site_links {
			margin: 0;
			color: #FFFFFF;
		}
		
			ul.site_links li {
				list-style: none;
				display: inline;
			}
			
				ul.site_links li a,
				ul.site_links li a:visited {
					color: #FFCCCC;
				}
	
	#footer_right {
		float: right;
		width: 500px;
		margin-top: 50px;
	}
	
		#address {
			
		}
		
			#address p {
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 13px;
				font-weight: bold;
				color: #e8e4c9;
				margin-bottom: 8px;
			}
		
			#address p span {
				color: #b0dde2;
			}