@charset "utf-8";
/* Jon Sarkela Design - CSS Document - 10.2011 */

@font-face {
	font-family: Papyrus;
	src: url('../papyrus.ttf');
}

a:link {color:#000000; text-decoration:none;} /* unvisited link */
a:visited {color:#000000; text-decoration:none;} /* visited link */
a:hover {color:#da0000; } /* mouse over link */
a:active {color:#fe3333; } /* selected link */

a.nav:link {color:#000000; text-decoration:none; font-weight:bold; padding:2px 2px 3px 3px;} /* unvisited link */
a.nav:visited {color:#000000; text-decoration:none; padding:2px 2px 3px 3px;} /* visited link */
a.nav:hover {
	color:#000; 
	text-decoration:none; 
	background-color:#fff6e9; 
	border-width:1px; 
	border-spacing:3px;
	border-color:#fff;
	border-bottom-color:#000; 
	border-style:solid; 
	padding:0px 0px 0px 2px;
} /* mouse over link */
a.nav:active {color:#fe3333; padding:2px 2px 3px 2px;} /* selected link */

body {background-color:#000; background-image:url(../images/bg-oceanlight.jpg);}

p {margin:0 0 0 0;}

p.leftside{
	margin: 26px 0 0 0;
}

p.rightside{
	margin: 26px 0 0 0;
}

p.footer{
	padding:3px;
}

p.indent{
	text-indent: -9999px
}

#container{
	width:960px; 
	margin: auto auto auto auto;
  -moz-box-shadow: 0px 0px 15px #888;
  -webkit-box-shadow: 0px 0px 15px #888;	
}

#header{
	width:960px; 
	height:100px;	
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #fff6e9;
	/* background-image:url(../images/bg-masthead.gif); */
	background-repeat:no-repeat;
	border-top-left-radius: 10px; 	
	-moz-border-radius-topleft: 10px; 
	border-top-right-radius: 10px; 	
	-moz-border-radius-topright: 10px; 
}

#header-nav{
	margin: 0 0 0 0;
	padding: 30px 0 0 20px;
	font-family:Papyrus, Georgia, Geneva, sans-serif;
	font-weight: normal;
}

#header-nav-about{
	margin: 0px 0px 0px 0px;
	/*
	width: 100px;
	float:left;
	font-size:18px;
	*/
}

#header-nav-services{
	margin: 0px 0 0 56px;
	/*
	width: 110px;
	float:left;
	font-size:18px;
	*/
}

#header-centerlogo{
	margin: 0px 0px 0px 44px;
}

#header-nav-gallery{
	margin: 0px 0px 0px 56px;
}

#header-nav-contact{
	margin: 0px 0 0 54px;
}

.nav-margin1{
	margin-left: -5px;
}

.nav-margin2{
	margin-left: 50px;
}

.thm-house{
	margin: 2px 0;
}

#mid-container{
	width:960px; 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color:#fff6e9;
	float:left;
	position:relative;
	z-index:3;
}

.box-about{
	width:915px; 
	height:600px; 
	border-color:#A8A8A8; 
	border-width:2px; 
	border-style:solid; 
	background-color:#fff6e9; 
	background-image:url(../images/jon-about.jpg); 
	margin:7px 0px 5px 20px; 
	padding:0px 0px 0px 0px;
	border-radius: 10px; 	
	-moz-border-radius: 10px; 
  -moz-box-shadow: 0px 0px 5px #999;
  -webkit-box-shadow: 0px 0px 5px #999;
}

.box-index_new{
	width:915px; 
	height:600px; 
	border-color:#A8A8A8; 
	border-width:0px; 
	border-style:solid; 
	background-color:#fff6e9; 
	margin:7px 0px 5px 23px; 
	padding:0px 0px 0px 0px;
	border-radius: 0px; 	
	-moz-border-radius: 0px; 
  -moz-box-shadow: 0px 0px 0px #999;
  -webkit-box-shadow: 0px 0px 0px #999;
}

.box-house{
	width:915px; 
	height:620px; 
	border-color:#A8A8A8; 
	border-width:0px; 
	border-style:solid; 
	background-color:#fff6e9; 
	margin:7px 0px 5px 23px; 
	padding:0px 0px 0px 0px;
	border-radius: 0px; 	
	-moz-border-radius: 0px; 
  -moz-box-shadow: 0px 0px 0px #999;
  -webkit-box-shadow: 0px 0px 0px #999;
}

.box-contact{
	width:915px; 
	height:600px; 
	border-color:#eaeaea; 
	border-width:2px; 
	border-style:solid; 
	background-color:#fff6e9; 
	background-image:url(../images/bg-contact.jpg); 
	margin:7px 0px 5px 20px; 
	padding:0px 0px 0px 0px;
	border-radius: 10px; 	
	-moz-border-radius: 10px; 
  -moz-box-shadow: 0px 0px 5px #ccc;
  -webkit-box-shadow: 0px 0px 5px #ccc;
}

.box-services{
	width:915px; 
	height:600px; 
	border-color:#A8A8A8; 
	border-width:2px; 
	border-style:solid; 
	background-color:#fff6e9; 
	background-image:url(../images/jon-services.jpg); 
	margin:7px 0px 5px 20px; 
	padding:0px 0px 0px 0px;
	border-radius: 10px; 	
	-moz-border-radius: 10px; 
  -moz-box-shadow: 0px 0px 5px #999;
  -webkit-box-shadow: 0px 0px 5px #999;
}

#contact_form {
	margin:140px 0px 0px 20px; 
	font-family:Helvetica Neue, Helvetica, sans-serif;
	font-size:15px; 
	width:320px;
	padding-left:20px;
}

#footer{
	width:960px; 
	height:50px;	
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color:#fff6e9;
	background-repeat:no-repeat;
	font-family:Papyrus, Helvetica, sans-serif;
	font-size:14px;
	float:left;
	position:relative;
	z-index:1;
	border-bottom-left-radius: 10px; 	
	-moz-border-radius-bottomleft: 10px; 
	border-bottom-right-radius: 10px; 	
	-moz-border-radius-bottomright: 10px; 
	-moz-box-shadow: 0px 0px 15px #888;
	-webkit-box-shadow: 0px 0px 15px #888;
}

/* MEGAMENU CSS */

ul.megamenu {
  border-top: 0px solid #fff6e9;
  border-bottom: 0px solid #fff6e9;
  margin: 0px auto;
  padding: 0px 10px;
  list-style: none;
  display: none;
}

ul.megamenu li.mm-item {
}

ul.megamenu li {
  margin: 0px;
  padding: 0px;
}

ul.megamenu li.clear-fix {
  float: none;
  clear: both;
  margin: 0px;
  padding: 0px;
  height: 0px;
  font-size: 0px;
  line-height: 0px;
}

ul.megamenu a.mm-item-link:link, ul.megamenu a.mm-item-link:visited {
  position: relative;
  display: inline-block;
  color: #555;
  padding: 8px 15px;
  margin: 0px 3px 0px 0px;
  text-decoration: none;
  z-index: 10;
  font-size: 18px;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
}

ul.megamenu a.mm-item-link-hover:link, ul.megamenu a.mm-item-link-hover:visited {
  color: #000;
  background: #ffeebd;
  border-top: 1px solid #777;
  border-left: 1px solid #777;
  border-right: 1px solid #777;
  -moz-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
}

ul.megamenu a#logo:link, ul.megamenu a#logo:visited {
  background: #fff6e9;
  border-top: 0px solid #777;
  border-left: 0px solid #777;
  border-right: 0px solid #777;
  width: 226px;
}

ul.megamenu div.mm-item-content {
  background: #FFF;
  padding: 0px;
  position: absolute;
  border: 1px solid #777;
  margin-top: 0px;
  z-index: 9;
}

.mm-content-base {
  background: #FFF;
  position: relative;
  z-index: 11;
  padding: 10px;
}
.mm-js-shadow {
  background: #555;
  position: absolute;
  z-index: 10;
}

#Menu_contain {
  width: 900px;
  border-left: 0px solid #CCC;
  border-right: 0px solid #CCC;
  margin: auto;
  border-collapse: collapse;
  height: 100%;
  /*
  -moz-box-shadow: 0px 0px 10px #888;
  -webkit-box-shadow: 0px 0px 10px #888;
  */
}

#Links {
  padding: 15px;
  font-size: 16px;
  text-align: center;
}

ul.megamenu {
  /* background-image: url(../images/menu-background.gif); */
  background-repeat: repeat-x;
  background-position: 0px 0px;
  margin-top: 0px;
  display: block !important;
}

#tabular-content {
  border-collapse: collapse;
  border: 1px solid #265374;
  font-size: 12px;
  width: 480px;
}

#tabular-content td {
  padding: 4px 5px;
}

#tabular-content th {
  color: #000;
  background: #254156;
  padding: 5px;
}

#list-content, #list-content ul {
  margin: 0px;
  padding-left: 20px;
}
#list-content li {
  margin: 0px;
  padding: 2px 0px;
}

#paragraph-content, #quote-content {
  text-align: justify;
}

a.single_link:hover {
  border-bottom: solid 1px #ffcc33;
}

#main_logo {
  margin: -11px 15px 0 13px;
}

#about_logo {
  margin: -29px 31px 0 21px;
}

.slideshow { width: 732px; height: 400px; margin: 0 }
.slideshow img { padding: 0px; -moz-border-radius: 0px; border-radius: 0px; background-color: #fff; }