﻿
body { font: 62.5% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background: #1C1C1C url(images/PixelatedBgNorm.png) repeat fixed;
	text-shadow :rgba(0,0,0,0.01) 1px 1px 1px;}
body, h1, h2, h3, p, a, ul, li, img {

	margin: 0px;

	padding: 0px;

}
#contain {width:100%; margin: 0 auto;  background: url(images/PixelatedBgMid.png) repeat fixed; height:100px;}
img {

	border:none;

}

ul {

	list-style-type: none;

}


h1 a{

	text-indent: -9999px;

	float: left;

	overflow:hidden;

	height: 65px;

	width: 280px;

	background: url(images/LOGO-MM.png) no-repeat left center;}
.header { height:65px; padding-top:20px; width:830px; margin:auto;}
#secondnav { width:830px; margin:auto; display:block;}
.header p { float:right; text-align: right; padding-right: 1px; line-height:15px; color:#FFF;}
.header p a { color:#C00;}
p {
	font-size: 11px;
	line-height:16px;
	color: #FFF;
}
a { text-decoration:none;}
a:hover { text-decoration:underline;}
.header ul { float:right; clear:right; padding: 20px 1px 0 0; width:390px; margin-top:15px;}
#secondnav ul { float:right; clear:right; padding: 10px 0 0 0; width:390px; margin-top:3px; margin-right:0;}
.header ul li { float:left; height: 17px; border-right: solid 1px #bcbcbc; padding: 0 15px;}
#secondnav ul li { float:left; height: 17px; border-right: solid 1px #bcbcbc; padding: 0 15px;}
.header ul li.last { padding-right:0; border:none;}
#secondnav ul li.last { padding-right:0; border:none;}
.header ul a { text-transform:uppercase; color:#fff; line-height:17px; font-size: 13px; font-weight: bold; font-family: "Trebuchet MS", arial, helvetica, sans-serif;}
#secondnav ul a { text-transform:uppercase; color:#fff; line-height:17px; font-size: 13px; font-weight: bold; font-family: "Trebuchet MS", arial, helvetica, sans-serif;}
.header ul a:hover { color: #C00; text-decoration: none;}
#secondnav ul a:hover { color: #C00; text-decoration: none;}
.flash_area {

	float: left;

	width: 100%;

}
	
   			

	
	#header{
		height:144px;
		background:#5DC9E1;
		color:#fff;
		}				
	#content{
		position:relative;
		}			

/* Easy Slider */

	#slider{ width:830px; margin:auto; margin-top:50px;}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:830px;
		height:241px;
		
		}	
		
/* // Easy Slider */

/* Positions the contact form so it doesn't interfere with any other content, as well as a z-index above any other elements on the page */	
#contactFormContainer {
	position:absolute;
	left:500px;
	z-index:1;
	}
	
/* Hides the whole contact form until needed */	
#contactForm {
	height:289px;width:558px;
	background:#515151 url(images/birdy.jpg) no-repeat 241px 11px; 
	border:1px solid #929191;
	padding:7px 12px; 
	color:#fff;
	display:none;
	}   

/* Loading bar that will appear while the ajax magic is happening */
.bar{
	display:none; 
	background:url(images/ajax-loader.gif) no-repeat center; 
	margin-top:100px; 
	height:40px; width:230px;
	}
	
/* Hides the confirmation message until needed */	
#messageSent {display:none;}

/* This hides the form validation alert messages until needed */
#contactForm span { 
	display:none; 
	font-size:9px; 
	line-height:10px; 
	padding-left:6px; 
	color:#f5c478;
	}
	
/* Some styling for the contact button */
#contactFormContainer .contact {
	height:33px; width:149px;
	background:url(images/contact_me.png); 
	position:absolute; 
	left:420px; bottom:-32px; 
	cursor:pointer;
	}
			
/* Hides the darkening layer for the Modal effect. The z-index is necessary for layering purposes, and be sure to keep the positioning/height/width the same */	
#backgroundPopup{
	display:none; 
	position:fixed; 
	_position:absolute; 
	height:100%; width:100%; 
	top:0; left:0;
	background:#000; 
	z-index:11;
	}  
	
/* Form styling from here on out. There is nothing in here that you HAVE to use to get this to work */	
#contactForm textarea, #contactForm input {
	width:180px; 
	background:#6d6d6d url(images/contact_input.png) repeat-x top; 
	color:#fff; 
	border:1px solid #8a8a8a; 
	height:15px; 
	line-height:14px; 
	font-size:11px; 
	padding:2px 2px 0px;
	}
#contactForm input {background-position:0px -20px;}
#contactForm textarea {height:114px; font-family:Verdana, Geneva, sans-serif;}
#contactForm .submit {
	border:1px solid #aba8a8; 
	background:#e5e5e5; 
	text-transform:uppercase; 
	color:#4d4d4d; 
	font-weight:bold; 
	padding:7px 16px 7px 14px; 
	height:37px; width:124px; 
	cursor:pointer; 
	float:left; 
	margin-top:196px;
	}
#contactForm .submit:active {background:#cacaca; }
#contactForm label {padding-left:4px; font-weight:bold;}
#contactForm p {padding-bottom:8px;}
#contactForm .input_boxes {float:left; width:204px;}
#blocks {
	width:830px;
	height: auto;
	margin:auto;
	margin-top:10px;
}

.news {
	display: inline;
	float: left;
	background: url(images/block_background.jpg) no-repeat #1e1f1f;
	width: 270px;
	height:300px;
	margin-right: 10px;
	
}

.about {
	display: inline;
	float: left;
	background: url(images/block_background.jpg) no-repeat #1e1f1f;
	width: 270px;
	height: 300px;
	margin-right: 10px;

}

.services {
	display: inline;
	float: left;
	background: url(images/block_background.jpg) no-repeat #1e1f1f;
	width: 270px;
	height: 300px;
	margin: 0;
	
}
.news h1 {
	font-size: 24px;
	color: #FFF;
	text-align: right;
	text-transform: uppercase;
	margin-bottom: -10px;
	font-family: inherit;
	padding: 10px 20px;
	font-weight: inherit;
	font-style: inherit;
}
.about h1 {
	font-size: 24px;
	color: #FFF;
	text-align: right;
	text-transform: uppercase;
	margin-bottom: -10px;
	font-family: inherit;
	padding: 10px 20px;
	font-weight: inherit;
	font-style: inherit;
}
.services h1 {
	font-size: 24px;
	color: #FFF;
	text-align: right;
	text-transform: uppercase;
	margin-bottom: -10px;
	font-family: inherit;
	padding: 10px 20px;
	font-weight: inherit;
	font-style: inherit;
}
h5 {
	font-size: 14px;
	color: #F00;
	font-weight: normal;
	margin: 10px 7px 5px 10px;
	text-align: left;
}

h6 {
	font-size: 14px;
	color: #d9d8d0;
	font-weight: normal;
	margin: 10px 7px 5px 7px;}

.news p {
	display:block;
	margin: 10px 7px 5px 10px;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	float:right;
}
.read {text-align:right;}
.about p {
	display:block;
	margin: 10px 25px 5px 195px;
	font-size: 12px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

	
}
.services p {
	display:block;
	margin: 10px 10px 5px 7px;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
}
.about ul {
	display:block;
	margin: 10px 10px 0 16px;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
}
.about ul li {}

.about ul li a {text-decoration:none; color:#FFF; font-size:11px;}
.about ul li a:hover {
	background:url(images/hover.jpg);
	font-family:Verdana, Geneva, sans-serif; font-size:11px;
}
#footer {
	margin: 0;
	background: url(images/bgFooterWood.jpg) repeat-x top center;
	height: 192px;
	text-align: center;
	font: 11px Tahoma, Arial, sans-serif;
	position: relative;
	overflow: hidden;
	}	
	#footer A { padding: 1px 3px 1px 3px; }
#footer A:hover {
	background-color: #FFF;
	color: #FFF;
}

#rssIcon A:hover { background: none; }

#footerFooter {
	clear: left;
	color: #c6c6c6; 
	padding-top: 47px;
	font: 10px Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	padding-left: 5px;
	text-align:left;
	margin:auto;
	width:830px;

	}
	
#footerContent {
	top: 24px;
	width: 830px;
	height: 160px;
	margin: 0 auto; 
	text-align: left;
	position: relative;
	
	}
	
#lastEntries {
	width: 240px;
	overflow: hidden;
	float: left;
	padding-bottom: 5px;
	border:0px;
}
#lastEntries p {
	color:#FFF;
	font-size:14px;
	font-weight: bold;
	border:0px;
}

#lastComments {
	float: left;
	width: 230px;
	overflow: hidden;
	padding-bottom: 5px;
	border: 0px;
	}
#lastComments p {
	font-size:13px;
	font-weight: bold;
}
	
#flickr {
	position: absolute;
	right: 10px;
	top: 5px;
}

	
#flickrRahmen {
	position: relative;
	z-index: 1000;
	}	
	
#flickrFotos {
	position: absolute;
	left: 22px;
	top: 23px;
	z-index: 10;
	}	

#copyright {
	clear: left;
	margin-left: 15px;
	font: 10px Tahoma, Arial, sans-serif;
	color: #838383;
	margin-top: 25px;
	text-transform: uppercase;
	
	}	
#wrap {
    color: #404040;
    /*margin: 0 12%;*/
    margin:auto;
	width:830px;
}
#wrap h1, h2, h3, h4, h6 {
    font-family: Georgia, "Times New Roman", Times, serif;
    color:#fff;
    clear: both;
	margin-top:10px;
}

ul, ol {
    margin-left 0;
}

ul ul {
    margin-bottom: 20px;
}



a {
    color: #4088b8;
}

table {
    font-size: inherit;
    border: 1px solid #c8c8c8;
}

th {
    background: #d8d8d8;
    text-align: left;
    padding: 5px;
    white-space: nowrap;
}

td {
    background: #f8f8f8;
    text-align: left;
    padding: 5px;
    vertical-align: top;
}

select, input, textarea {
    font: 99% "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, sans-serif;
}

pre, code, tt, dt {
    font: 100% monospace;
    margin: 20px 0;
}

pre, blockquote {
    padding: 15px;
    background-color: #f0f0f0;
    margin: 20px 0;
    -moz-border-radius: 10px;
}

td pre {
    font: 85% monospace;
    padding: 5px;
    margin: 5px 0;
}


		