@charset "UTF-8";
/*

Theme Name: JC Designs Theme
Theme URI:http://jcdesignsandcompany.com/
Description:cutom wordpress theme for jcdesignsandcompany.com by <a href="http://hanusek.com/">John Hanusek</a>.
Version:1.0
Author:John Hanusek
Author URI:http://hanusek.com/
Tags:natural, jquery, surf, centered



    ___       ___       ___       ___       ___       ___       ___   
   /\__\     /\  \     /\__\     /\__\     /\  \     /\  \     /\__\  
  /:/__/_   /::\  \   /:| _|_   /:/ _/_   /::\  \   /::\  \   /:/ _/_ 
 /::\/\__\ /::\:\__\ /::|/\__\ /:/_/\__\ /\:\:\__\ /::\:\__\ /::-"\__\
 \/\::/  / \/\::/  / \/|::/  / \:\/:/  / \:\:\/__/ \:\:\/  / \;:;-",-"
   /:/  /    /:/  /    |:/  /   \::/  /   \::/  /   \:\/  /   |:|  |  
   \/__/     \/__/     \/__/     \/__/     \/__/     \/__/     \|__|  
   
author: john hanusek
created: fifth day of january, two-thousand & ten.

*/


/* main styles ---------------------------------------------------------------- */
@import url("global.css");
body{
	margin:0 auto;
	height:100%;
	background-image:url(images/plank.jpg);
	background-repeat:repeat-y;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
}

a {color:#9CF;text-decoration:none;}
a:hover {color:#CC9;text-decoration:underline;}
a:active {color:#39F;}
a:visted {color:#39F;}

p{margin-bottom:8px;}

h1{font-size:24px;margin-bottom:8px;}
h2{font-size:18px;margin-bottom:8px;}
h3{font-size:14px;margin-bottom:8px;}

#header{width:1000px;padding-left:80px;}
#header img{float: left;}

.tile1 {
	background-image:url(images/plank.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;

}
.tile2 {
	background-image:url(images/plank.jpg);
	background-repeat:no-repeat;
	background-position:-300px 145px;

}
.tile3 {
	background-image:url(images/plank.jpg);
	background-repeat:no-repeat;
	background-position:-200px 290px;

}
.tile4 {
	background-image:url(images/plank.jpg);
	background-repeat:no-repeat;
	background-position:-400px 435px;


}
.tile5 {
	background-image:url(images/plank.jpg);
	background-repeat:no-repeat;
	background-position:-100px 580px;
}

#contact{
	width:300px;
	padding:16px;
	background-color:#000;
  /* for IE */
  filter:alpha(opacity=70);
  /* CSS3 standard */
  opacity:0.7;
  color:#999;
}



#scroll {
	position:relative;
	height:1200px;
	overflow:hidden;
	width:1000px;
}
 
#tools {
	width:9999em;
	position:absolute;
	height:800px;
}
 
.tool {
	float:left;
	width:942px;
	padding:0 40px 0 40px;
	overflow:hidden;
	text-align:left;
}

.tool .home{
	
	clear:both;
}

.tool .home .top{
}
.tool .home .top .topleft{
	width:387px;
	height:321px;
	background-image:url(images/frame-top-left.png);
	margin:0 30px 0 50px;
	float:left;
}

.tool .home .top .topright{
	width:373px;
	height:320px;
	background-image:url(images/frame-top-right.png);
	margin:0 50px 0 30px;
	float:left;
}
.tool .home .bottom{
	clear:both;
}
.tool .home .bottom .bottomleft{
	width:390px;
	height:336px;
	background-image:url(images/frame-bottom-left.png);
	margin:0 30px 0 50px;
	float:left;
}
.tool .home .bottom .bottomright{
	width:385px;
	height:324px;
	background-image:url(images/frame-bottom-right.png);
	margin:0 50px 0 30px;
	float:left;
}


.biohold{
	width:387px;
	height:321px;
	background-image:url(images/frame-top-left.png);
	}
.mybio{
	width:387px;
	height:321px;
	display:block;
	
	}
	.mybio a{
	width:387px;
	height:321px;
	display:block;
	background:url(images/inframe-bio.png);
	}

.mybio a:hover{
	width:387px;
	height:321px;
	background:url(images/inframe-bio.png) 0 -321px no-repeat;
}

.serviceshold{
	width:373px;
	height:320px;
	background-image:url(images/frame-top-right.png);
	}

.myservices{
width:373px;
	height:320px;
	display:block;
	}
	.myservices a{
	width:373px;
	height:320px;
	display:block;
	background:url(images/inframe-services.png);
	}
.myservices a:hover{
	width:373px;
	height:320px;
	display:block;
	background:url(images/inframe-services.png) 0 -320px no-repeat;
	}

.galleryhold{
	width:390px;
	height:336px;
	background-image:url(images/frame-bottom-left.png);
	}
.mygallery{
	width:390px;
	height:336px;	
	display:block;
	}
	.mygallery a{
	width:390px;
	height:336px;
	display:block;
	background:url(images/inframe-gallery.png);

	}
.mygallery a:hover{
	width:390px;
	height:336px;
	display:block;
	background:url(images/inframe-gallery.png) 0 -336px no-repeat;
	}

.contacthold{
	width:385px;
	height:324px;
	background-image:url(images/frame-bottom-right.png);
	}
	
.mycontact{
	width:385px;
	height:324px;
	display:block;
	}
	.mycontact a{
	width:385px;
	height:324px;
	display:block;
	background:url(images/inframe-contact.png);

	}
.mycontact a:hover{
	width:385px;
	height:324px;
	display:block;
	background:url(images/inframe-contact.png) 0 -324px no-repeat;
	}



.tool .page{
}

.tool .page .pageleft{
	float:left;
	width:387px;
}
.tool .page .pageright{
	float:left;
	width:480px;
	padding:16px;
	margin-top:20px;
	/*background-color:#000;
   for IE 
  filter:alpha(opacity=70);
  /* CSS3 standard 
  opacity:0.7;*/
  background-image:url(images/transparent-black.png);
  color:#fae0a5;
  -moz-border-radius:15px;
	-webkit-border-radius:15px;
}
.tool .page .pageright input{
	border:1px solid #fae0a5;
	background-color:#333;
	color:#fae0a5;
	padding:3px;
}

.tool .page .pageright textarea{
	border:1px solid #fae0a5;
	background-color:#333;
	color:#fae0a5;
}

#thumbs {
	height:20px;
	width:990px;
}
 
 
.navi {
}

.navi a{
}