/* COMMON ELEMENT CLASSES
========================================== */

body {
	background-image: url(../images/layout/bg.gif);
	background-repeat: repeat-x;
	background-color: #000000;
	margin: 0px;
	padding: 0px;
}

/* LINKS
=========================================== */

a:link, a:active {
	color: #336666;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	color: #999999;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #83B11B;
}

/* LAYOUT CLASSES
============================================= */

#frame {
	width: 960px;
	height: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #000000;
	}
#masthead {
	width: 960px;
	height: 83px;
	float: left;
	}
	#masthead #logo_pic {
		width: 77px;
		height: 69px;
		float: left;
		margin-top: 14px;
		background-image: url(../images/layout/bg_apple.jpg);
	}
	a.logo_link:link, a.logo_link:active, a.logo_link:visited {
		display: block;
		width: 240px;
		height: 69px;
		float: left;
		margin-top: 14px;
		background-image: url(../images/layout/bg_logo.gif);
		background-position: 10px 4px;
		background-repeat: no-repeat;
	}
	#masthead #menu_box {
		position: relative;
		width: 520px;
		height: 25px;
		float: right;
		margin-top: 35px;
	}	
#middle {
	width: 960px;
	height: auto;
	min-height: 500px;
	float: left;
	background-color: #FFFFFF;
	background-image: url(../images/layout/bg_rightedge.gif);
	background-position: right;
	background-repeat: repeat-y;
	}

	
/* MENU CLASSES
============================================== */

	
a.hor_menu:link, a.hor_menu:visited, a.hor_menu:active {
	position: relative; 
	cursor: pointer;
	display: block;
	float: left;
	height: 20px;
	width: auto;
	margin-right: 14px;
	padding-top: 4px;
	padding-right: 11px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border-right: 1px solid #000000;
}	
a.hor_menu:hover {
	color: #83B11B;
}	
#menu_box div a:link, #menu_box div a:visited, #menu_box div a:active { /* Drop down links */
	position: relative; 
	display: block; 
	margin: 0px; 
	margin-left: 2px; 
	margin-right: 1px; 
	padding: 5px 10px; 
	width: auto; 
	color: #FFFFFF;
	white-space: nowrap; 
	text-align: left; 
	text-decoration: none; 
	background: transparent;  
	font-weight: bold; 
	}
#menu_box div a:hover { /* Drop down links */
	position: relative; 
	display: block; 
	margin: 0px; 
	margin-left: 2px; 
	margin-right: 1px; 
	padding: 5px 10px; 
	width: auto; 
	color: #83B11B;
	white-space: nowrap; 
	text-align: left; 
	text-decoration: none; 
	background: transparent;  
	font-weight: bold; 
	}	
#ddb1 { /* Drop down box to hold links */
	width: auto;
	height: auto;
	position: absolute; 
	visibility: hidden; 
	margin: 0px; 
	padding-top: 2px; 
	padding-bottom: 5px; 
	z-index: 10; 
	top: 24px; 
	left: 45px;
	background-color: #000000; 
}
#ddb2 { /* Drop down box to hold links */
	width: auto;
	height: auto;
	position: absolute; 
	visibility: hidden; 
	margin: 0px; 
	padding-top: 2px; 
	padding-bottom: 5px; 
	z-index: 10; 
	top: 24px; 
	left: 124px;
	background-color: #000000; 
}
#ddb3 { /* Drop down box to hold links */
	width: auto;
	height: auto;
	position: absolute; 
	visibility: hidden; 
	margin: 0px; 
	padding-top: 2px; 
	padding-bottom: 5px; 
	z-index: 10; 
	top: 24px; 
	left: 206px;
	background-color: #000000; 
}

#ddb4 { /* Drop down box to hold links */
	width: auto;
	height: auto;
	position: absolute; 
	visibility: hidden; 
	margin: 0px; 
	padding-top: 2px; 
	padding-bottom: 5px; 
	z-index: 10; 
	top: 24px; 
	left: 299px;
	background-color: #000000; 
}		

/* LEFT COLUMN
============================================ */

	#middle #column_left {
		width: 417px;
		height: auto;
		float: left;
		position: relative;
		background-image: url(../images/dropcaps/d.gif);
		background-repeat: no-repeat;
		background-position: 0px 25px;
		}
		#middle #column_left #tagline {
			width: 300px;
			height: 25px;
			float: left;
			margin-left: 85px;
			margin-top: 5px;
			display: inline;
			background-image: url(../images/layout/bg_tagline.gif);
			background-repeat: no-repeat;
		}
		#middle #column_left #content {
			width: 340px;
			min-height: 500px;
			float: left;
			margin-left: 77px;
			display: inline;
		}
		#middle #column_left #content h1 {
			margin: 0px;
			margin-bottom: 10px;
			margin-top: 15px;
			padding: 0px;
			font-size: 12px;
			font-weight: bold;
			color: #336666;
		}
		#middle #column_left #content h2 {
			margin: 0px;
			margin-bottom: 10px;
			padding: 0px;
			font-size: 12px;
			font-weight: bold;
			color: #336666;
		}
		#middle #column_left #content p {
			margin-bottom: 10px;
		}
		#middle #column_left #content em {
			color: #000000;
			font-weight: normal;
		}
		#middle #column_left #content .em_grey {
			color: #808080;
			font-weight: normal;
		}
		#middle #column_left #content .em_green {
			color: #83B11B;
			font-weight: bold;
		}
		#middle #column_left .testimonial {
			width: 275px;
			height: auto;
			margin-left: 80px;
			margin-top: 45px;
			padding-right: 35px;
			float: left;
			font-size: 12px;
			display: inline;
			background-color: #FFFFFF;
			background-image: url(../images/layout/icon_closequote.jpg);
			background-repeat: no-repeat;
			background-position: bottom right;
		}
		#middle #column_left #testimonial_box {
			width: 350px;
			height: 150px;
			float: left;
			background-color: #FFFFFF;
			color: #585858;
			font-style: italic;
			font-weight: bold;
			font-family: Arial, Helvetica, sans-serif;
			background-image: url(../images/layout/icon_openquote.jpg);
			background-repeat: no-repeat;
			background-position: 40px 20px;
			position: relative;
			left: -75px;
			top: +55px;
			}	
		#middle #column_left .testimonial {
			width: 275px;
			height: auto;
			margin-left: 80px;
			margin-top: 25px;
			padding-right: 35px;
			float: left;
			font-size: 12px;
			display: inline;
			background-color: #FFFFFF;
			background-image: url(../images/layout/icon_closequote.jpg);
			background-repeat: no-repeat;
			background-position: bottom right;
			}
		#middle #column_left .testimonial_credit {
			width: 310px;
			height: auto;
			margin-left: 80px;
			margin-top: 15px;
			font-size: 12px;
			float: left;
			display: inline;
			text-align: right;
			color: #333333;
			background-color: #FFFFFF;
			}
		#content #portfolio_links a {
			text-decoration: none;
			color: #336666;
			display: block;
			width: 200px;
			height: 20px;
			padding-left: 4px;
			padding-top: 4px;
			margin: 0px;
			position: relative;
			left: -4px;
			}
		#content #portfolio_links a:hover{
			background-color: #696969;
			color: #FFFFFF;
			}

/* RIGHT COLUMN
================================================ */		
		
	#middle #column_right {
		width: 520px;
		height: auto;
		float: right;
		}
		#middle #column_right #main_photo {
			width: 510px;
			height: 330px;
			float: left;
			margin-top: -15px;
			border: 5px solid #000000;
			background-color: #000000;
			background-position: center;
			background-repeat: no-repeat;
			}
		#middle #column_right #latest_blogs {
			/*border: 1px solid black;*/
			width: 400px;
			background-color: #FFFFFF;
			margin: 30px;
			padding: 10px;
			float: left;
			}
			#middle #column_right #latest_blogs h1 {
				font-family: 'Segoe UI', Candara, 'Bitstream Vera Sans', 'DejaVu Sans', 'Bitstream Vera Sans', 'Trebuchet MS', Verdana, 'Verdana Ref', sans-serif;
				color: #FFFFFF;
				font-weight: bold;
				font-size: 14px;
				margin-top: 0px;
				margin-bottom: 5px;
				}
			#middle #column_right #latest_blogs p {
				font-family: 'Segoe UI', Candara, 'Bitstream Vera Sans', 'DejaVu Sans', 'Bitstream Vera Sans', 'Trebuchet MS', Verdana, 'Verdana Ref', sans-serif;
				color: #000000;
				font-size: 12px;
				margin: 0px;
				margin-bottom: 5px;
				}
			#middle #column_right #latest_blogs a {
				font-weight: bold;
				font-size: 14px;
				color: #A6A6A6;
			}
			#middle #column_right #latest_blogs a:hover {
				color: #83B11B;
			}
		#middle #column_right #testimonial_black {
			width: 520px;
			height: 150px;
			float: left;
			background-color: #000000;
			}
		#middle #column_right #testimonial_box {
			width: 400px;
			height: 150px;
			float: left;
			background-color: #FFFFFF;
			color: #585858;
			font-style: italic;
			font-weight: bold;
			font-family: Arial, Helvetica, sans-serif;
			background-image: url(../images/layout/icon_openquote.jpg);
			background-repeat: no-repeat;
			background-position: 40px 40px;
			}	
		#middle #column_right .testimonial {
			width: 325px;
			height: auto;
			margin-left: 80px;
			margin-top: 45px;
			padding-right: 35px;
			float: left;
			font-size: 12px;
			display: inline;
			background-color: #FFFFFF;
			background-image: url(../images/layout/icon_closequote.jpg);
			background-repeat: no-repeat;
			background-position: bottom right;
			}
		#middle #column_right .testimonial_credit {
			width: 360px;
			height: auto;
			margin-left: 80px;
			margin-top: 15px;
			font-size: 12px;
			float: left;
			display: inline;
			text-align: right;
			color: #333333;
			background-color: #FFFFFF;
			}

/* FAQ's
================================================== */

#faq {
	width: 960px;
	clear: both;
	}
	#faq #faq_content {
		width: 880px;
		margin-left: 80px;
		margin-right: 80px;
	}

			
/* FOOTER CLASSES
================================================= */

#footer {
	width: 960px;
	height: 120px;
	clear: both;
	}
	#footer #footer_content {
		width: 890px;
		height: 100px;
		margin-left: 35px;
		margin-top: 10px;
		font-size: 9px;
		background-image: url(../images/layout/bg_footer.jpg);
		background-repeat: no-repeat;
		background-position: -24px 1px;
	}
	#footer #footer_content .top_line {
		width: 650px;
		margin-top: 20px;
		float: left;
		color: #999999;
	}
	#footer #footer_content .bottom_line {
		width: 700px;
		margin-top: 18px;
		float: left;
		color: #4D4D4D;
	}
	
/* WHY_US.php
================================================== */

.star_paragraph {
	padding-left: 25px;
	width: 300px;
	background-image: url(../images/layout/icon_star.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
.star_paragraph_header {
	color: #336666;
}
.five_star {
	width: 96px;
	height: 18px;
	position: absolute;
	background-image: url(../images/layout/icon_star.gif);
	left: 208px;
	top: 43px;
}
#middle #column_right #main_photo {
	width: 500px;
	height: 330px;
	float: left;
	margin-top: -15px;
	border: 5px solid #000000;
	background-image: url(../images/photos/510x310/main_pic_1.jpg);
	background-position: center;
	background-repeat: no-repeat;
	}
#middle #column_right #testimonial_black {
	width: 510px;
	height: 150px;
	float: left;
	background-color: #000000;
	}	
	
/* Blog
================================================== */
h4 {
	font-size: 11px;
}
.blog-date {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin-top:25px;
}	
a.blogh1 {
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	color: #336666;
}
a.blogh1:hover {
	color: #83B11B;
}
ul.blog-sidebar, ul.blog-sidebar a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	list-style-type: none;
	line-height: 15px;
	color: #666666;
	margin-top: 69px;
}
ul.blog-sidebar a:hover {
	color: #83B11B;
}
.linkcat, .pagenav, #archives, #meta, li.categories, #search, ul.blog-sidebar li {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #336666;
	margin-top: 4px;
}
#middle #column_right #menu {
	width: 300px;
}